ngx-edu-sharing-ui 10.0.6 → 10.0.8

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

@@ -18,7 +18,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2 from 'ngx-edu-sharing-api';
-import { RestConstants, LANGUAGES, ME, HOME_REPOSITORY, PROPERTY_FILTER_ALL, ConfigService, MdsService } from 'ngx-edu-sharing-api';
+import { RestConstants, SessionStorageService, LANGUAGES, ME, HOME_REPOSITORY, PROPERTY_FILTER_ALL, ConfigService, MdsService } from 'ngx-edu-sharing-api';
 import * as i3$2 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
 import * as i2$1 from '@angular/router';
@@ -735,11 +735,11 @@ class DropdownComponent {
         return this.options$.value?.some((o) => o.isEnabled);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: UIService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: DropdownComponent, selector: "es-dropdown", inputs: { position: "position", options: "options", callbackObjects: "callbackObjects", showDisabled: "showDisabled", menuClass: "menuClass" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-menu\n  #dropdown=\"matMenu\"\n  class=\"mat-dropdown-menu\"\n  [class]=\"menuClass\"\n  backdropClass=\"mat-dropdown-menu\"\n  [xPosition]=\"position === 'right' ? 'after' : 'before'\"\n>\n  <!-- MatMenu has role=\"menu\", so the only meaningful role of descendants is \"menuitem\" -->\n  <ul role=\"none\">\n    <ng-container *ngFor=\"let option of options$ | async; let i = index\">\n      <li *ngIf=\"option.isEnabled || showDisabled\" role=\"none\">\n        <button\n          mat-menu-item\n          class=\"mat-menu-item collection-item-{{\n            option.name | replaceChars : { search: '.', replace: '-' }\n          }}\"\n          matTooltip=\"{{ option | optionTooltip | async }}\"\n          matTooltipPosition=\"right\"\n          matTooltipTouchGestures=\"off\"\n          [attr.aria-label]=\"option.ariaLabel || option.name | translate\"\n          [class.mat-menu-item-separate]=\"option.isSeparate || isNewGroup(i)\"\n          [class.mat-menu-item-selected]=\"option.isSelected\"\n          [disabled]=\"!option.isEnabled\"\n          (click)=\"click(option)\"\n          attr.data-test=\"menu-item-{{ option.name }}\"\n        >\n          <i [esIcon]=\"option.icon\"></i> {{ option.name | translate }}\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</mat-menu>\n<div #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"display-none\"></div>\n", styles: ["::ng-deep .mat-dropdown-menu .mat-mdc-menu-content{min-width:200px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button{display:flex;align-items:center}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button:not(:disabled)>span{color:var(--primary)}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button>i{width:35px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content:not(:empty){padding:0!important}::ng-deep .mat-dropdown-menu ul{margin:0;list-style:none;padding-left:0}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text i{margin-right:10px}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item:hover:not([disabled]),::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-focused{color:var(--itemSelectedTextColor);background-color:var(--listItemSelectedBackground)}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}::ng-deep .mat-dropdown-menu ul li .mat-menu-item-separate{border-top:1px solid #ccc}@media screen and (max-width: 600px){::ng-deep .mat-dropdown-menu.cdk-overlay-backdrop{background:#000c}::ng-deep .mat-dropdown-menu.mat-mdc-menu-panel{position:fixed;bottom:0;left:0;max-width:100%;width:100%;border-radius:0;max-height:calc(100vh - 150px);overflow-y:auto}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: OptionTooltipPipe, name: "optionTooltip" }, { kind: "pipe", type: ReplaceCharsPipe, name: "replaceChars" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: DropdownComponent, selector: "es-dropdown", inputs: { position: "position", options: "options", callbackObjects: "callbackObjects", showDisabled: "showDisabled", menuClass: "menuClass" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-menu\n  #dropdown=\"matMenu\"\n  class=\"mat-dropdown-menu\"\n  [class]=\"menuClass\"\n  backdropClass=\"mat-dropdown-menu\"\n  [xPosition]=\"position === 'right' ? 'after' : 'before'\"\n>\n  <!-- MatMenu has role=\"menu\", so the only meaningful role of descendants is \"menuitem\" -->\n  <ul role=\"none\">\n    <ng-container *ngFor=\"let option of options$ | async; let i = index\">\n      <li *ngIf=\"option.isEnabled || showDisabled\" role=\"none\">\n        <button\n          mat-menu-item\n          class=\"mat-menu-item collection-item-{{\n            option.name | replaceChars : { search: '.', replace: '-' }\n          }}\"\n          matTooltip=\"{{ option | optionTooltip | async }}\"\n          matTooltipPosition=\"right\"\n          matTooltipTouchGestures=\"off\"\n          [attr.aria-label]=\"option.ariaLabel || option.name | translate\"\n          [class.mat-menu-item-separate]=\"option.isSeparate || isNewGroup(i)\"\n          [class.mat-menu-item-selected]=\"option.isSelected\"\n          [disabled]=\"!option.isEnabled\"\n          (click)=\"click(option)\"\n          attr.data-test=\"menu-item-{{ option.name }}\"\n        >\n          <i [esIcon]=\"option.icon\"></i> {{ option.name | translate }}\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</mat-menu>\n<div #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"display-none\"></div>\n", styles: ["::ng-deep .mat-dropdown-menu .mat-mdc-menu-content{min-width:200px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button{display:flex;align-items:center}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button:not(:disabled)>span{color:var(--primary)}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button>i{width:35px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content:not(:empty){padding:0!important}::ng-deep .mat-dropdown-menu ul{margin:0;list-style:none;padding-left:0}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text i{margin-right:10px}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item:hover:not([disabled]),::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-focused{color:var(--itemSelectedTextColor);background-color:var(--listItemSelectedBackground)}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-keyboard-focused{outline:none;border:2px solid var(--palette-primary-300)}::ng-deep .mat-dropdown-menu ul li .mat-menu-item-separate{border-top:1px solid #ccc}@media screen and (max-width: 600px){::ng-deep .mat-dropdown-menu.cdk-overlay-backdrop{background:#000c}::ng-deep .mat-dropdown-menu.mat-mdc-menu-panel{position:fixed;bottom:0;left:0;max-width:100%;width:100%;border-radius:0;max-height:calc(100vh - 150px);overflow-y:auto}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: OptionTooltipPipe, name: "optionTooltip" }, { kind: "pipe", type: ReplaceCharsPipe, name: "replaceChars" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-dropdown', template: "<mat-menu\n  #dropdown=\"matMenu\"\n  class=\"mat-dropdown-menu\"\n  [class]=\"menuClass\"\n  backdropClass=\"mat-dropdown-menu\"\n  [xPosition]=\"position === 'right' ? 'after' : 'before'\"\n>\n  <!-- MatMenu has role=\"menu\", so the only meaningful role of descendants is \"menuitem\" -->\n  <ul role=\"none\">\n    <ng-container *ngFor=\"let option of options$ | async; let i = index\">\n      <li *ngIf=\"option.isEnabled || showDisabled\" role=\"none\">\n        <button\n          mat-menu-item\n          class=\"mat-menu-item collection-item-{{\n            option.name | replaceChars : { search: '.', replace: '-' }\n          }}\"\n          matTooltip=\"{{ option | optionTooltip | async }}\"\n          matTooltipPosition=\"right\"\n          matTooltipTouchGestures=\"off\"\n          [attr.aria-label]=\"option.ariaLabel || option.name | translate\"\n          [class.mat-menu-item-separate]=\"option.isSeparate || isNewGroup(i)\"\n          [class.mat-menu-item-selected]=\"option.isSelected\"\n          [disabled]=\"!option.isEnabled\"\n          (click)=\"click(option)\"\n          attr.data-test=\"menu-item-{{ option.name }}\"\n        >\n          <i [esIcon]=\"option.icon\"></i> {{ option.name | translate }}\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</mat-menu>\n<div #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"display-none\"></div>\n", styles: ["::ng-deep .mat-dropdown-menu .mat-mdc-menu-content{min-width:200px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button{display:flex;align-items:center}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button:not(:disabled)>span{color:var(--primary)}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button>i{width:35px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content:not(:empty){padding:0!important}::ng-deep .mat-dropdown-menu ul{margin:0;list-style:none;padding-left:0}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text i{margin-right:10px}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item:hover:not([disabled]),::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-focused{color:var(--itemSelectedTextColor);background-color:var(--listItemSelectedBackground)}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}::ng-deep .mat-dropdown-menu ul li .mat-menu-item-separate{border-top:1px solid #ccc}@media screen and (max-width: 600px){::ng-deep .mat-dropdown-menu.cdk-overlay-backdrop{background:#000c}::ng-deep .mat-dropdown-menu.mat-mdc-menu-panel{position:fixed;bottom:0;left:0;max-width:100%;width:100%;border-radius:0;max-height:calc(100vh - 150px);overflow-y:auto}}\n"] }]
+            args: [{ selector: 'es-dropdown', template: "<mat-menu\n  #dropdown=\"matMenu\"\n  class=\"mat-dropdown-menu\"\n  [class]=\"menuClass\"\n  backdropClass=\"mat-dropdown-menu\"\n  [xPosition]=\"position === 'right' ? 'after' : 'before'\"\n>\n  <!-- MatMenu has role=\"menu\", so the only meaningful role of descendants is \"menuitem\" -->\n  <ul role=\"none\">\n    <ng-container *ngFor=\"let option of options$ | async; let i = index\">\n      <li *ngIf=\"option.isEnabled || showDisabled\" role=\"none\">\n        <button\n          mat-menu-item\n          class=\"mat-menu-item collection-item-{{\n            option.name | replaceChars : { search: '.', replace: '-' }\n          }}\"\n          matTooltip=\"{{ option | optionTooltip | async }}\"\n          matTooltipPosition=\"right\"\n          matTooltipTouchGestures=\"off\"\n          [attr.aria-label]=\"option.ariaLabel || option.name | translate\"\n          [class.mat-menu-item-separate]=\"option.isSeparate || isNewGroup(i)\"\n          [class.mat-menu-item-selected]=\"option.isSelected\"\n          [disabled]=\"!option.isEnabled\"\n          (click)=\"click(option)\"\n          attr.data-test=\"menu-item-{{ option.name }}\"\n        >\n          <i [esIcon]=\"option.icon\"></i> {{ option.name | translate }}\n        </button>\n      </li>\n    </ng-container>\n  </ul>\n</mat-menu>\n<div #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"display-none\"></div>\n", styles: ["::ng-deep .mat-dropdown-menu .mat-mdc-menu-content{min-width:200px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button{display:flex;align-items:center}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button:not(:disabled)>span{color:var(--primary)}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content>ul>li>button>i{width:35px}::ng-deep .mat-dropdown-menu .mat-mdc-menu-content:not(:empty){padding:0!important}::ng-deep .mat-dropdown-menu ul{margin:0;list-style:none;padding-left:0}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text{display:flex;align-items:center}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item .mat-mdc-menu-item-text i{margin-right:10px}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item:hover:not([disabled]),::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-focused{color:var(--itemSelectedTextColor);background-color:var(--listItemSelectedBackground)}::ng-deep .mat-dropdown-menu ul li .mat-mdc-menu-item.cdk-keyboard-focused{outline:none;border:2px solid var(--palette-primary-300)}::ng-deep .mat-dropdown-menu ul li .mat-menu-item-separate{border-top:1px solid #ccc}@media screen and (max-width: 600px){::ng-deep .mat-dropdown-menu.cdk-overlay-backdrop{background:#000c}::ng-deep .mat-dropdown-menu.mat-mdc-menu-panel{position:fixed;bottom:0;left:0;max-width:100%;width:100%;border-radius:0;max-height:calc(100vh - 150px);overflow-y:auto}}\n"] }]
         }], ctorParameters: () => [{ type: UIService }], propDecorators: { menu: [{
                 type: ViewChild,
                 args: ['dropdown', { static: true }]
@@ -1303,6 +1303,19 @@ const WORKFLOW_STATUS_CHECKED = {
  * is the case when it is embedded as a web component into another website.
  */
 const ASSETS_BASE_PATH = new InjectionToken('ASSETS_BASE_PATH');
+class I18nConfig {
+    constructor() {
+        /**
+         * shall the user profile be read
+         * If not set, defaults to true
+         */
+        this.obeyUserProfile = true;
+    }
+}
+/**
+ * additional configuration options
+ */
+const I18N_CONFIG = new InjectionToken('I18N_CONFIG');
 /**
  * custom additional uris to fetch language files from
  *
@@ -1313,6 +1326,198 @@ const ASSETS_BASE_PATH = new InjectionToken('ASSETS_BASE_PATH');
  */
 const ADDITIONAL_I18N_PROVIDER = new InjectionToken('ADDITIONAL_I18N_PROVIDER');
 
+var NodesRightMode;
+(function (NodesRightMode) {
+    // rights on the current node, no matter if its a reference or origianl
+    NodesRightMode[NodesRightMode["Local"] = 0] = "Local";
+    // effective rights on the current node, only relevant for collection references (for non-refs, this equals to local)
+    NodesRightMode[NodesRightMode["Effective"] = 1] = "Effective";
+})(NodesRightMode || (NodesRightMode = {}));
+class OptionItem {
+    /**
+     *
+     * @param name the option name, which is used for the translation
+     * @param icon A material icon name
+     * @param callback A function callback when this option is chosen. Will get the current node
+     * passed as an argument. If available, the relevant nodes are passed as second argument,
+     * i.e., the selection, if any, or the current node as single-item array otherwise.
+     */
+    constructor(name, icon, 
+    // TODO: Maybe switch to only providing the second parameter.
+    callback) {
+        this.name = name;
+        this.icon = icon;
+        this.callback = callback;
+        /**
+         * If true, this option will be shown all the time in the node table
+         * @type {boolean}
+         */
+        this.showAlways = false;
+        /**
+         * If true, this option will be shown as an action (if room). If none of the items has showAsAction set, the first items will always be shown as action
+         * @type {boolean}
+         */
+        this.showAsAction = false;
+        /**
+         * If true, this option will be shown as a toggle on the right side (provide iconToggle as a toggle icon)
+         * @type {boolean}
+         */
+        this.isToggle = false;
+        /**
+         * Only when @isToggle. is the toggle currently visible
+         */
+        this.isToggleVisible = true;
+        /**
+         * Only when @isToggle. Where to place the toggle, before or after all other actions
+         * @type {boolean}
+         */
+        this.togglePosition = 'after';
+        /**
+         * If true, shows a line at the top.
+         *
+         * This feature is usually handled now by associating an entry to a `group`
+         * now. However `isSeparate` is kept as fallback for now.
+         */
+        this.isSeparate = false;
+        /**
+         * The item will be indicated with an accent color in the menu.
+         *
+         * Used by the dropdown variant of the main menu to indicate the currently
+         * active scope.
+         */
+        this.isSelected = false;
+        /**
+         * If true, only displayed on a mobile device (based on the navigator agent)
+         * @type {boolean}
+         */
+        this.onlyMobile = false;
+        /**
+         * custom aria-label
+         * @type {string}
+         */
+        this.ariaLabel = '';
+        /**
+         * If true, only displayed on a desktop device (based on the navigator agent)
+         * @type {boolean}
+         */
+        this.onlyDesktop = false;
+        /**
+         * Set to false if the action should be shown, but should not be clickable
+         * @type {boolean}
+         */
+        this.isEnabled = true;
+        /**
+         *   Show the given name (if false, only icon will show)
+         */
+        this.showName = true;
+        /**
+         * Or concat of supported element types for the action
+         */
+        this.elementType = [ElementType.Node];
+        this.permissionsMode = HideMode.Disable;
+        this.permissionsRightMode = NodesRightMode.Local;
+        this.toolpermissionsMode = HideMode.Disable;
+    }
+}
+class CustomOptions {
+    constructor() {
+        /**
+         * If true, all existing or available options for the object stay
+         * If false, no options will be set, only the options in "addOptions" are used
+         */
+        this.useDefaultOptions = true;
+    }
+}
+var HideMode;
+(function (HideMode) {
+    HideMode[HideMode["Disable"] = 0] = "Disable";
+    HideMode[HideMode["Hide"] = 1] = "Hide";
+})(HideMode || (HideMode = {}));
+var Scope;
+(function (Scope) {
+    Scope["Render"] = "Render";
+    Scope["Search"] = "Search";
+    Scope["SearchCollections"] = "SearchCollections";
+    Scope["SavedSearches"] = "SavedSearches";
+    Scope["CollectionsReferences"] = "CollectionsReferences";
+    Scope["CollectionsProposals"] = "CollectionsProposals";
+    Scope["CollectionsCollection"] = "CollectionsCollection";
+    Scope["WorkspaceList"] = "WorkspaceList";
+    Scope["WorkspaceTree"] = "WorkspaceTree";
+    Scope["Sharing"] = "Sharing";
+    Scope["Oer"] = "Oer";
+    Scope["UserManagement"] = "UserManagement";
+    Scope["UserProfile"] = "UserProfile";
+    Scope["Stream"] = "Stream";
+    Scope["CreateMenu"] = "CreateMenu";
+    Scope["MediacenterNodesList"] = "MediacenterNodesList";
+    Scope["Admin"] = "Admin";
+    Scope["DebugShowAll"] = "DebugShowAll";
+})(Scope || (Scope = {}));
+var ElementType;
+(function (ElementType) {
+    ElementType[ElementType["Node"] = 0] = "Node";
+    ElementType[ElementType["NodeChild"] = 1] = "NodeChild";
+    ElementType[ElementType["MapRef"] = 2] = "MapRef";
+    ElementType[ElementType["NodePublishedCopy"] = 3] = "NodePublishedCopy";
+    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 {
+    /**
+     * @param id The group identifier. Used to seperate elements based on the group
+     * @param priority Group with 0 has highest priority, higher values mean lower priority
+     */
+    constructor(id, priority) {
+        this.id = id;
+        this.priority = priority;
+    }
+}
+class DefaultGroups {
+    static { this.Primary = new OptionGroup('Primary', 10); }
+    static { this.Create = new OptionGroup('Create', 15); }
+    static { this.View = new OptionGroup('View', 20); }
+    static { this.CreateConnector = new OptionGroup('CreateConnector', 25); }
+    static { this.CreateLtiTools = new OptionGroup('CreateLtiTools', 28); }
+    static { this.Reuse = new OptionGroup('Reuse', 30); }
+    static { this.Edit = new OptionGroup('Edit', 40); }
+    static { this.FileOperations = new OptionGroup('FileOperations', 50); }
+    static { this.Delete = new OptionGroup('Delete', 60); }
+    static { this.Toggles = new OptionGroup('Toggles', 70); }
+}
+var Constrain;
+(function (Constrain) {
+    Constrain[Constrain["CollectionReference"] = 0] = "CollectionReference";
+    Constrain[Constrain["NoCollectionReference"] = 1] = "NoCollectionReference";
+    Constrain[Constrain["Directory"] = 2] = "Directory";
+    Constrain[Constrain["Collections"] = 3] = "Collections";
+    Constrain[Constrain["Files"] = 4] = "Files";
+    Constrain[Constrain["FilesAndDirectories"] = 5] = "FilesAndDirectories";
+    Constrain[Constrain["Admin"] = 6] = "Admin";
+    Constrain[Constrain["AdminOrDebug"] = 7] = "AdminOrDebug";
+    Constrain[Constrain["NoBulk"] = 8] = "NoBulk";
+    Constrain[Constrain["NoSelection"] = 9] = "NoSelection";
+    Constrain[Constrain["ClipboardContent"] = 10] = "ClipboardContent";
+    Constrain[Constrain["AddObjects"] = 11] = "AddObjects";
+    Constrain[Constrain["HomeRepository"] = 12] = "HomeRepository";
+    Constrain[Constrain["User"] = 13] = "User";
+    Constrain[Constrain["NoScope"] = 14] = "NoScope";
+    Constrain[Constrain["ReurlMode"] = 15] = "ReurlMode";
+    Constrain[Constrain["LTIMode"] = 16] = "LTIMode";
+})(Constrain || (Constrain = {}));
+var Target;
+(function (Target) {
+    Target[Target["List"] = 0] = "List";
+    Target[Target["ListDropdown"] = 1] = "ListDropdown";
+    Target[Target["Actionbar"] = 2] = "Actionbar";
+    Target[Target["CreateMenu"] = 3] = "CreateMenu";
+})(Target || (Target = {}));
+
 const EDU_SHARING_UI_CONFIG = new InjectionToken('EDU_SHARING_API_CONFIG');
 class EduSharingUiConfiguration {
     constructor() {
@@ -1668,6 +1873,43 @@ class NodeHelperService {
     isNodeRevoked(node) {
         return node?.aspects?.includes(RestConstants.CCM_ASPECT_REVOKED);
     }
+    /**
+     * returns true if all nodes have the requested right
+     * mode (only works for collection refs):
+     *   Local: check only rights of the node itself
+     *   Effective: check only rights of the original node this refers to (collection ref). If it is not a collection ref, fallback to local
+     */
+    getNodesRight(nodes, right, mode = NodesRightMode.Local) {
+        if (nodes == null)
+            return true;
+        for (const node of nodes) {
+            let currentMode = mode;
+            // if no access effective present and not a collection ref. use the local data
+            if (!node.aspects?.includes(RestConstants.CCM_ASPECT_IO_REFERENCE) &&
+                !node.accessEffective?.length) {
+                currentMode = NodesRightMode.Local;
+            }
+            if (currentMode === NodesRightMode.Effective) {
+                if (!node.aspects?.includes(RestConstants.CCM_ASPECT_IO_REFERENCE)) {
+                    if (node.accessEffective && node.accessEffective.indexOf(right) !== -1) {
+                        continue;
+                    }
+                }
+                if (node.accessEffective && node.accessEffective.indexOf(right) !== -1) {
+                    continue;
+                }
+                if (RestConstants.IMPLICIT_COLLECTION_PERMISSIONS.indexOf(right) === -1) {
+                    // permission not matched on original -> implicit permissions from collection may apply
+                    return false;
+                }
+            }
+            // check regular node rights
+            if (!node.access || node.access.indexOf(right) === -1) {
+                return false;
+            }
+        }
+        return true;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", 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: "18.2.12", ngImport: i0, type: NodeHelperService, providedIn: 'root' }); }
 }
@@ -1753,11 +1995,11 @@ class NodeUrlComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeUrlComponent, deps: [{ token: NodeHelperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeUrlComponent, selector: "es-node-url", inputs: { node: "node", nodes: "nodes", target: "target", scope: "scope", queryParams: "queryParams", mode: "mode", disabled: "disabled", alwaysRipple: "alwaysRipple", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { buttonClick: "buttonClick" }, viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n<ng-container *ngIf=\"mode === 'link'\">\n  <a\n    *ngIf=\"!disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"isNested\"\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [target]=\"target\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    cdkMonitorElementFocus\n    [attr.aria-label]=\"ariaLabel ? node.name : null\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- We use `div`s instead of `span`s here because the legacy `ListTable` component will insert\n  `div` elements into this component's content. However, this will lead to invalid HTML for \"button\"\n  mode. So really, users of this component should only insert flow content. -->\n  <div *ngIf=\"disabled && !alwaysRipple\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <div *ngIf=\"disabled && alwaysRipple\" matRipple matRippleColor=\"primary\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'wrapper'\">\n  <div\n    class=\"node-url-wrapper\"\n    #wrapper\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"clickWrapper($event)\"\n    (auxclick)=\"clickWrapper($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <!-- An invisible link that will by clicked programmatically by `clickWrapper()`. -->\n  <a\n    #link\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"cdk-visually-hidden\"\n  ></a>\n</ng-container>\n<ng-container *ngIf=\"mode === 'button'\">\n  <button\n    [disabled]=\"disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"buttonClick.emit($event)\"\n    cdkMonitorElementFocus\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </button>\n</ng-container>\n", styles: [":host{position:relative;display:flex}:host>*{flex-grow:1}:host>a{text-decoration:none}.cdk-keyboard-focused{outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}button{background-color:unset;border:unset;padding:unset;text-align:unset}div.node-url-wrapper{cursor:pointer}\n"], dependencies: [{ 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: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeUrlComponent, selector: "es-node-url", inputs: { node: "node", nodes: "nodes", target: "target", scope: "scope", queryParams: "queryParams", mode: "mode", disabled: "disabled", alwaysRipple: "alwaysRipple", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabel: ["aria-label", "ariaLabel"] }, outputs: { buttonClick: "buttonClick" }, viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\n<ng-container *ngIf=\"mode === 'link'\">\n  <a\n    *ngIf=\"!disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"isNested\"\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [target]=\"target\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    cdkMonitorElementFocus\n    [attr.aria-label]=\"ariaLabel ? node.name : null\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- We use `div`s instead of `span`s here because the legacy `ListTable` component will insert\n  `div` elements into this component's content. However, this will lead to invalid HTML for \"button\"\n  mode. So really, users of this component should only insert flow content. -->\n  <div *ngIf=\"disabled && !alwaysRipple\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <div *ngIf=\"disabled && alwaysRipple\" matRipple matRippleColor=\"primary\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'wrapper'\">\n  <div\n    class=\"node-url-wrapper\"\n    #wrapper\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"clickWrapper($event)\"\n    (auxclick)=\"clickWrapper($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <!-- An invisible link that will by clicked programmatically by `clickWrapper()`. -->\n  <a\n    #link\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"cdk-visually-hidden\"\n  ></a>\n</ng-container>\n<ng-container *ngIf=\"mode === 'button'\">\n  <button\n    [disabled]=\"disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"buttonClick.emit($event)\"\n    cdkMonitorElementFocus\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </button>\n</ng-container>\n", styles: [":host{position:relative;display:flex}:host>*{flex-grow:1}:host>a{text-decoration:none}.cdk-keyboard-focused{outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}button{background-color:unset;border:unset;padding:unset;text-align:unset}div.node-url-wrapper{cursor:pointer}\n"], dependencies: [{ 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: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeUrlComponent, decorators: [{
             type: Component,
-            args: [{ selector: NODE_URL_TAG_NAME, template: "<ng-template #content><ng-content></ng-content></ng-template>\n<ng-container *ngIf=\"mode === 'link'\">\n  <a\n    *ngIf=\"!disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"isNested\"\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [target]=\"target\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    cdkMonitorElementFocus\n    [attr.aria-label]=\"ariaLabel ? node.name : null\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- We use `div`s instead of `span`s here because the legacy `ListTable` component will insert\n  `div` elements into this component's content. However, this will lead to invalid HTML for \"button\"\n  mode. So really, users of this component should only insert flow content. -->\n  <div *ngIf=\"disabled && !alwaysRipple\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <div *ngIf=\"disabled && alwaysRipple\" matRipple matRippleColor=\"primary\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'wrapper'\">\n  <div\n    class=\"node-url-wrapper\"\n    #wrapper\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"clickWrapper($event)\"\n    (auxclick)=\"clickWrapper($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <!-- An invisible link that will by clicked programmatically by `clickWrapper()`. -->\n  <a\n    #link\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"cdk-visually-hidden\"\n  ></a>\n</ng-container>\n<ng-container *ngIf=\"mode === 'button'\">\n  <button\n    [disabled]=\"disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"buttonClick.emit($event)\"\n    cdkMonitorElementFocus\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </button>\n</ng-container>\n", styles: [":host{position:relative;display:flex}:host>*{flex-grow:1}:host>a{text-decoration:none}.cdk-keyboard-focused{outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}button{background-color:unset;border:unset;padding:unset;text-align:unset}div.node-url-wrapper{cursor:pointer}\n"] }]
+            args: [{ selector: NODE_URL_TAG_NAME, template: "<ng-template #content><ng-content></ng-content></ng-template>\n<ng-container *ngIf=\"mode === 'link'\">\n  <a\n    *ngIf=\"!disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"isNested\"\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [target]=\"target\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    cdkMonitorElementFocus\n    [attr.aria-label]=\"ariaLabel ? node.name : null\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- We use `div`s instead of `span`s here because the legacy `ListTable` component will insert\n  `div` elements into this component's content. However, this will lead to invalid HTML for \"button\"\n  mode. So really, users of this component should only insert flow content. -->\n  <div *ngIf=\"disabled && !alwaysRipple\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <div *ngIf=\"disabled && alwaysRipple\" matRipple matRippleColor=\"primary\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</ng-container>\n<ng-container *ngIf=\"mode === 'wrapper'\">\n  <div\n    class=\"node-url-wrapper\"\n    #wrapper\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"clickWrapper($event)\"\n    (auxclick)=\"clickWrapper($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n  <!-- An invisible link that will by clicked programmatically by `clickWrapper()`. -->\n  <a\n    #link\n    [routerLink]=\"get('routerLink')\"\n    [state]=\"getState()\"\n    [queryParams]=\"get('queryParams')\"\n    queryParamsHandling=\"merge\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"cdk-visually-hidden\"\n  ></a>\n</ng-container>\n<ng-container *ngIf=\"mode === 'button'\">\n  <button\n    [disabled]=\"disabled\"\n    #link\n    matRipple\n    matRippleColor=\"primary\"\n    [matRippleDisabled]=\"disabled && !alwaysRipple\"\n    (click)=\"buttonClick.emit($event)\"\n    cdkMonitorElementFocus\n  >\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </button>\n</ng-container>\n", styles: [":host{position:relative;display:flex}:host>*{flex-grow:1}:host>a{text-decoration:none}.cdk-keyboard-focused{outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}button{background-color:unset;border:unset;padding:unset;text-align:unset}div.node-url-wrapper{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: NodeHelperService }, { type: i0.ElementRef }], propDecorators: { link: [{
                 type: ViewChild,
                 args: ['link']
@@ -2584,11 +2826,11 @@ class SortDropdownComponent {
         this.sort.emit(item);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SortDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: SortDropdownComponent, selector: "es-sort-dropdown", inputs: { columns: "columns", sortBy: "sortBy", sortAscending: "sortAscending" }, outputs: { sort: "sort" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"sort-dropdown-menu\">\n  <div class=\"collection-item-title\">{{ 'SORT_BY' | translate }}</div>\n  <button\n    *ngFor=\"let item of columns\"\n    mat-menu-item\n    (click)=\"setSort(item)\"\n    class=\"collection-item\"\n    [class.active]=\"sortBy === item.name\"\n  >\n    <span class=\"title\" *ngIf=\"item.label\">{{ item.label }}</span>\n    <span class=\"title\" *ngIf=\"!item.label\">{{ item.type + '.' + item.name | translate }}</span>\n    <ng-container *ngIf=\"sortBy === item.name && item.name !== 'ccm:collection_ordered_position'\">\n      <i class=\"material-icons\" *ngIf=\"sortAscending\" [altText]=\"'ASCENDING' | translate\">\n        arrow_upward\n      </i>\n      <i class=\"material-icons\" *ngIf=\"!sortAscending\" [altText]=\"'DESCENDING' | translate\">\n        arrow_downward\n      </i>\n      <span class=\"cdk-visually-hidden\">{{ 'SELECTED' | translate }}</span>\n    </ng-container>\n  </button>\n</mat-menu>\n", styles: ["::ng-deep .sort-dropdown-menu{width:240px}.collection-item-title{color:var(--textLight);font-size:80%;font-weight:700;padding:5px 16px}.collection-item{display:flex;color:var(--primary);text-align:left;border:none;width:100%}.collection-item ::ng-deep .mat-mdc-menu-item-text{flex-grow:1;display:flex;align-items:center}.collection-item.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}.collection-item.active{--mat-menu-item-label-text-weight: bold}.collection-item.active:after{content:\"\";position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--primary) 0,var(--primary) 5px,transparent 5px,transparent 5%)}.collection-item .title{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [trigger('openOverlay', UIAnimation.openOverlay(UIAnimation.ANIMATION_TIME_FAST))] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: SortDropdownComponent, selector: "es-sort-dropdown", inputs: { columns: "columns", sortBy: "sortBy", sortAscending: "sortAscending" }, outputs: { sort: "sort" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"sort-dropdown-menu\">\n  <div class=\"collection-item-title\">{{ 'SORT_BY' | translate }}</div>\n  <button\n    *ngFor=\"let item of columns\"\n    mat-menu-item\n    (click)=\"setSort(item)\"\n    class=\"collection-item\"\n    [class.active]=\"sortBy === item.name\"\n  >\n    <span class=\"title\" *ngIf=\"item.label\">{{ item.label }}</span>\n    <span class=\"title\" *ngIf=\"!item.label\">{{ item.type + '.' + item.name | translate }}</span>\n    <ng-container *ngIf=\"sortBy === item.name && item.name !== 'ccm:collection_ordered_position'\">\n      <i class=\"material-icons\" *ngIf=\"sortAscending\" [altText]=\"'ASCENDING' | translate\">\n        arrow_upward\n      </i>\n      <i class=\"material-icons\" *ngIf=\"!sortAscending\" [altText]=\"'DESCENDING' | translate\">\n        arrow_downward\n      </i>\n      <span class=\"cdk-visually-hidden\">{{ 'SELECTED' | translate }}</span>\n    </ng-container>\n  </button>\n</mat-menu>\n", styles: ["::ng-deep .sort-dropdown-menu{width:240px}.collection-item-title{color:var(--textLight);font-size:80%;font-weight:700;padding:5px 16px}.collection-item{display:flex;color:var(--primary);text-align:left;border:none;width:100%}.collection-item ::ng-deep .mat-mdc-menu-item-text{flex-grow:1;display:flex;align-items:center}.collection-item.cdk-keyboard-focused{outline:none;border:2px solid var(--palette-primary-300)}.collection-item.active{--mat-menu-item-label-text-weight: bold}.collection-item.active:after{content:\"\";position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--primary) 0,var(--primary) 5px,transparent 5px,transparent 5%)}.collection-item .title{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: [trigger('openOverlay', UIAnimation.openOverlay(UIAnimation.ANIMATION_TIME_FAST))] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SortDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-sort-dropdown', animations: [trigger('openOverlay', UIAnimation.openOverlay(UIAnimation.ANIMATION_TIME_FAST))], template: "<mat-menu #menu=\"matMenu\" class=\"sort-dropdown-menu\">\n  <div class=\"collection-item-title\">{{ 'SORT_BY' | translate }}</div>\n  <button\n    *ngFor=\"let item of columns\"\n    mat-menu-item\n    (click)=\"setSort(item)\"\n    class=\"collection-item\"\n    [class.active]=\"sortBy === item.name\"\n  >\n    <span class=\"title\" *ngIf=\"item.label\">{{ item.label }}</span>\n    <span class=\"title\" *ngIf=\"!item.label\">{{ item.type + '.' + item.name | translate }}</span>\n    <ng-container *ngIf=\"sortBy === item.name && item.name !== 'ccm:collection_ordered_position'\">\n      <i class=\"material-icons\" *ngIf=\"sortAscending\" [altText]=\"'ASCENDING' | translate\">\n        arrow_upward\n      </i>\n      <i class=\"material-icons\" *ngIf=\"!sortAscending\" [altText]=\"'DESCENDING' | translate\">\n        arrow_downward\n      </i>\n      <span class=\"cdk-visually-hidden\">{{ 'SELECTED' | translate }}</span>\n    </ng-container>\n  </button>\n</mat-menu>\n", styles: ["::ng-deep .sort-dropdown-menu{width:240px}.collection-item-title{color:var(--textLight);font-size:80%;font-weight:700;padding:5px 16px}.collection-item{display:flex;color:var(--primary);text-align:left;border:none;width:100%}.collection-item ::ng-deep .mat-mdc-menu-item-text{flex-grow:1;display:flex;align-items:center}.collection-item.cdk-keyboard-focused{outline:none;border:var(--focusWidth) solid var(--palette-primary-300)}.collection-item.active{--mat-menu-item-label-text-weight: bold}.collection-item.active:after{content:\"\";position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--primary) 0,var(--primary) 5px,transparent 5px,transparent 5%)}.collection-item .title{flex-grow:1}\n"] }]
+            args: [{ selector: 'es-sort-dropdown', animations: [trigger('openOverlay', UIAnimation.openOverlay(UIAnimation.ANIMATION_TIME_FAST))], template: "<mat-menu #menu=\"matMenu\" class=\"sort-dropdown-menu\">\n  <div class=\"collection-item-title\">{{ 'SORT_BY' | translate }}</div>\n  <button\n    *ngFor=\"let item of columns\"\n    mat-menu-item\n    (click)=\"setSort(item)\"\n    class=\"collection-item\"\n    [class.active]=\"sortBy === item.name\"\n  >\n    <span class=\"title\" *ngIf=\"item.label\">{{ item.label }}</span>\n    <span class=\"title\" *ngIf=\"!item.label\">{{ item.type + '.' + item.name | translate }}</span>\n    <ng-container *ngIf=\"sortBy === item.name && item.name !== 'ccm:collection_ordered_position'\">\n      <i class=\"material-icons\" *ngIf=\"sortAscending\" [altText]=\"'ASCENDING' | translate\">\n        arrow_upward\n      </i>\n      <i class=\"material-icons\" *ngIf=\"!sortAscending\" [altText]=\"'DESCENDING' | translate\">\n        arrow_downward\n      </i>\n      <span class=\"cdk-visually-hidden\">{{ 'SELECTED' | translate }}</span>\n    </ng-container>\n  </button>\n</mat-menu>\n", styles: ["::ng-deep .sort-dropdown-menu{width:240px}.collection-item-title{color:var(--textLight);font-size:80%;font-weight:700;padding:5px 16px}.collection-item{display:flex;color:var(--primary);text-align:left;border:none;width:100%}.collection-item ::ng-deep .mat-mdc-menu-item-text{flex-grow:1;display:flex;align-items:center}.collection-item.cdk-keyboard-focused{outline:none;border:2px solid var(--palette-primary-300)}.collection-item.active{--mat-menu-item-label-text-weight: bold}.collection-item.active:after{content:\"\";position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--primary) 0,var(--primary) 5px,transparent 5px,transparent 5%)}.collection-item .title{flex-grow:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { menu: [{
                 type: ViewChild,
                 args: ['menu', { static: true }]
@@ -3918,198 +4160,6 @@ const AVAILABLE_LIST_WIDGETS = {
     Text: ListTextComponent,
 };
 
-var NodesRightMode;
-(function (NodesRightMode) {
-    // rights on the current node, no matter if its a reference or origianl
-    NodesRightMode[NodesRightMode["Local"] = 0] = "Local";
-    // effective rights on the current node, only relevant for collection references (for non-refs, this equals to local)
-    NodesRightMode[NodesRightMode["Effective"] = 1] = "Effective";
-})(NodesRightMode || (NodesRightMode = {}));
-class OptionItem {
-    /**
-     *
-     * @param name the option name, which is used for the translation
-     * @param icon A material icon name
-     * @param callback A function callback when this option is chosen. Will get the current node
-     * passed as an argument. If available, the relevant nodes are passed as second argument,
-     * i.e., the selection, if any, or the current node as single-item array otherwise.
-     */
-    constructor(name, icon, 
-    // TODO: Maybe switch to only providing the second parameter.
-    callback) {
-        this.name = name;
-        this.icon = icon;
-        this.callback = callback;
-        /**
-         * If true, this option will be shown all the time in the node table
-         * @type {boolean}
-         */
-        this.showAlways = false;
-        /**
-         * If true, this option will be shown as an action (if room). If none of the items has showAsAction set, the first items will always be shown as action
-         * @type {boolean}
-         */
-        this.showAsAction = false;
-        /**
-         * If true, this option will be shown as a toggle on the right side (provide iconToggle as a toggle icon)
-         * @type {boolean}
-         */
-        this.isToggle = false;
-        /**
-         * Only when @isToggle. is the toggle currently visible
-         */
-        this.isToggleVisible = true;
-        /**
-         * Only when @isToggle. Where to place the toggle, before or after all other actions
-         * @type {boolean}
-         */
-        this.togglePosition = 'after';
-        /**
-         * If true, shows a line at the top.
-         *
-         * This feature is usually handled now by associating an entry to a `group`
-         * now. However `isSeparate` is kept as fallback for now.
-         */
-        this.isSeparate = false;
-        /**
-         * The item will be indicated with an accent color in the menu.
-         *
-         * Used by the dropdown variant of the main menu to indicate the currently
-         * active scope.
-         */
-        this.isSelected = false;
-        /**
-         * If true, only displayed on a mobile device (based on the navigator agent)
-         * @type {boolean}
-         */
-        this.onlyMobile = false;
-        /**
-         * custom aria-label
-         * @type {string}
-         */
-        this.ariaLabel = '';
-        /**
-         * If true, only displayed on a desktop device (based on the navigator agent)
-         * @type {boolean}
-         */
-        this.onlyDesktop = false;
-        /**
-         * Set to false if the action should be shown, but should not be clickable
-         * @type {boolean}
-         */
-        this.isEnabled = true;
-        /**
-         *   Show the given name (if false, only icon will show)
-         */
-        this.showName = true;
-        /**
-         * Or concat of supported element types for the action
-         */
-        this.elementType = [ElementType.Node];
-        this.permissionsMode = HideMode.Disable;
-        this.permissionsRightMode = NodesRightMode.Local;
-        this.toolpermissionsMode = HideMode.Disable;
-    }
-}
-class CustomOptions {
-    constructor() {
-        /**
-         * If true, all existing or available options for the object stay
-         * If false, no options will be set, only the options in "addOptions" are used
-         */
-        this.useDefaultOptions = true;
-    }
-}
-var HideMode;
-(function (HideMode) {
-    HideMode[HideMode["Disable"] = 0] = "Disable";
-    HideMode[HideMode["Hide"] = 1] = "Hide";
-})(HideMode || (HideMode = {}));
-var Scope;
-(function (Scope) {
-    Scope["Render"] = "Render";
-    Scope["Search"] = "Search";
-    Scope["SearchCollections"] = "SearchCollections";
-    Scope["SavedSearches"] = "SavedSearches";
-    Scope["CollectionsReferences"] = "CollectionsReferences";
-    Scope["CollectionsProposals"] = "CollectionsProposals";
-    Scope["CollectionsCollection"] = "CollectionsCollection";
-    Scope["WorkspaceList"] = "WorkspaceList";
-    Scope["WorkspaceTree"] = "WorkspaceTree";
-    Scope["Sharing"] = "Sharing";
-    Scope["Oer"] = "Oer";
-    Scope["UserManagement"] = "UserManagement";
-    Scope["UserProfile"] = "UserProfile";
-    Scope["Stream"] = "Stream";
-    Scope["CreateMenu"] = "CreateMenu";
-    Scope["MediacenterNodesList"] = "MediacenterNodesList";
-    Scope["Admin"] = "Admin";
-    Scope["DebugShowAll"] = "DebugShowAll";
-})(Scope || (Scope = {}));
-var ElementType;
-(function (ElementType) {
-    ElementType[ElementType["Node"] = 0] = "Node";
-    ElementType[ElementType["NodeChild"] = 1] = "NodeChild";
-    ElementType[ElementType["MapRef"] = 2] = "MapRef";
-    ElementType[ElementType["NodePublishedCopy"] = 3] = "NodePublishedCopy";
-    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 {
-    /**
-     * @param id The group identifier. Used to seperate elements based on the group
-     * @param priority Group with 0 has highest priority, higher values mean lower priority
-     */
-    constructor(id, priority) {
-        this.id = id;
-        this.priority = priority;
-    }
-}
-class DefaultGroups {
-    static { this.Primary = new OptionGroup('Primary', 10); }
-    static { this.Create = new OptionGroup('Create', 15); }
-    static { this.View = new OptionGroup('View', 20); }
-    static { this.CreateConnector = new OptionGroup('CreateConnector', 25); }
-    static { this.CreateLtiTools = new OptionGroup('CreateLtiTools', 28); }
-    static { this.Reuse = new OptionGroup('Reuse', 30); }
-    static { this.Edit = new OptionGroup('Edit', 40); }
-    static { this.FileOperations = new OptionGroup('FileOperations', 50); }
-    static { this.Delete = new OptionGroup('Delete', 60); }
-    static { this.Toggles = new OptionGroup('Toggles', 70); }
-}
-var Constrain;
-(function (Constrain) {
-    Constrain[Constrain["CollectionReference"] = 0] = "CollectionReference";
-    Constrain[Constrain["NoCollectionReference"] = 1] = "NoCollectionReference";
-    Constrain[Constrain["Directory"] = 2] = "Directory";
-    Constrain[Constrain["Collections"] = 3] = "Collections";
-    Constrain[Constrain["Files"] = 4] = "Files";
-    Constrain[Constrain["FilesAndDirectories"] = 5] = "FilesAndDirectories";
-    Constrain[Constrain["Admin"] = 6] = "Admin";
-    Constrain[Constrain["AdminOrDebug"] = 7] = "AdminOrDebug";
-    Constrain[Constrain["NoBulk"] = 8] = "NoBulk";
-    Constrain[Constrain["NoSelection"] = 9] = "NoSelection";
-    Constrain[Constrain["ClipboardContent"] = 10] = "ClipboardContent";
-    Constrain[Constrain["AddObjects"] = 11] = "AddObjects";
-    Constrain[Constrain["HomeRepository"] = 12] = "HomeRepository";
-    Constrain[Constrain["User"] = 13] = "User";
-    Constrain[Constrain["NoScope"] = 14] = "NoScope";
-    Constrain[Constrain["ReurlMode"] = 15] = "ReurlMode";
-    Constrain[Constrain["LTIMode"] = 16] = "LTIMode";
-})(Constrain || (Constrain = {}));
-var Target;
-(function (Target) {
-    Target[Target["List"] = 0] = "List";
-    Target[Target["ListDropdown"] = 1] = "ListDropdown";
-    Target[Target["Actionbar"] = 2] = "Actionbar";
-    Target[Target["CreateMenu"] = 3] = "CreateMenu";
-})(Target || (Target = {}));
-
 var CustomFieldSpecialType;
 (function (CustomFieldSpecialType) {
     CustomFieldSpecialType[CustomFieldSpecialType["preview"] = 0] = "preview";
@@ -4292,23 +4342,33 @@ const DEFAULT_SUPPORTED_LANGUAGES = [
     'none',
 ];
 class TranslationsService {
-    constructor(config, route, storage, translate, sessionStorage, ref, appService) {
+    constructor(config, injector, 
+    // optional, some web components may don't have it!
+    route, i18nConfig, translate, ref, appService) {
         this.config = config;
+        this.injector = injector;
         this.route = route;
-        this.storage = storage;
+        this.i18nConfig = i18nConfig;
         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();
-                });
-            }
-        });
+        if (!this.i18nConfig) {
+            this.i18nConfig = new I18nConfig();
+        }
+        if (this.i18nConfig.obeyUserProfile) {
+            this.injector
+                .get(SessionStorageService)
+                ?.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
@@ -4328,13 +4388,13 @@ class TranslationsService {
             }
         }), tap((supportedLanguages) => this.translate.addLangs(supportedLanguages)), 
         // Select queryParams.locale if set meaningfully
-        switchMap((supportedLanguages) => this.route.queryParams.pipe(first(), map((params) => {
+        switchMap((supportedLanguages) => (this.route ? this.route.queryParams : of(null)).pipe(first(), map((params) => {
             let selectedLanguage = null;
-            if (supportedLanguages.indexOf(params.locale) !== -1) {
-                selectedLanguage = params.locale;
+            if (supportedLanguages.indexOf(params?.locale) !== -1) {
+                selectedLanguage = params?.locale;
             }
-            else if (params.locale) {
-                if (params.locale === 'de') {
+            else if (params?.locale) {
+                if (params?.locale === 'de') {
                     const deVariants = supportedLanguages.filter((l) => l.startsWith('de-'));
                     if (deVariants?.length === 1) {
                         selectedLanguage = deVariants[0];
@@ -4366,7 +4426,19 @@ class TranslationsService {
                 });
             }
             else {
-                return this.storage.get('language').pipe(map((storageLanguage) => {
+                if (!this.i18nConfig.obeyUserProfile) {
+                    console.info('obeyUserProfile is disabled, using default language ' +
+                        supportedLanguages[0]);
+                    return of({
+                        supportedLanguages,
+                        selectedLanguage,
+                        useStored: false,
+                    });
+                }
+                return this.injector
+                    .get(SessionStorageService)
+                    .get('language')
+                    .pipe(map((storageLanguage) => {
                     let useStored = false;
                     if (supportedLanguages.indexOf(storageLanguage) !== -1) {
                         selectedLanguage = storageLanguage;
@@ -4410,8 +4482,10 @@ class TranslationsService {
         }), 
         // Set fallback language
         tap(({ supportedLanguages, selectedLanguage, useStored }) => {
-            if (!useStored) {
-                void this.storage.set('language', selectedLanguage);
+            if (!useStored && this.i18nConfig.obeyUserProfile) {
+                void this.injector
+                    .get(SessionStorageService)
+                    .set('language', selectedLanguage);
             }
             if (selectedLanguage === 'none') {
                 this.translate.setDefaultLang('none');
@@ -4467,13 +4541,20 @@ class TranslationsService {
     getLocale() {
         return this.getISOLanguage().replace('_', '-');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TranslationsService, deps: [{ token: i2.ConfigService }, { token: i0.Injector }, { token: i2$1.ActivatedRoute, optional: true }, { token: I18N_CONFIG, optional: true }, { token: i1.TranslateService }, { token: i0.ApplicationRef }, { token: AppService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TranslationsService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TranslationsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: i2$1.ActivatedRoute }, { type: i2.SessionStorageService }, { type: i1.TranslateService }, { type: i2.SessionStorageService }, { type: i0.ApplicationRef }, { type: AppService, decorators: [{
+        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: i0.Injector }, { type: i2$1.ActivatedRoute, decorators: [{
+                    type: Optional
+                }] }, { type: I18nConfig, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [I18N_CONFIG]
+                }] }, { type: i1.TranslateService }, { type: i0.ApplicationRef }, { type: AppService, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -5453,11 +5534,11 @@ class NodeEntriesCardComponent {
         }, this.node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesCardComponent, deps: [{ token: NodeEntriesService }, { token: NodeHelperService }, { token: i0.ApplicationRef }, { token: i2.ConfigService }, { token: i2.AuthenticationService }, { token: NodeEntriesTemplatesService }, { token: NodeEntriesGlobalService }, { token: Toast, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeEntriesCardComponent, selector: "es-node-entries-card", inputs: { dropdown: "dropdown", node: "node" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  [class]=\"\n    'grid-card' +\n    (isCollection\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    nodeEntriesGlobalService.getCustomCssClass(node)\n  \"\n  [style.background-color]=\"isCollection ? node.collection.color : null\"\n  [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n  [class.selected]=\"entriesService.selection.isSelected(node)\"\n  (contextmenu)=\"openContextmenu($event, node)\"\n  (keydown.ContextMenu)=\"openContextmenu($event, node)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <button\n    *ngIf=\"dropdown\"\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  <div class=\"card-top-bar\" [style.background-color]=\"isCollection ? node.collection.color : null\">\n    <div class=\"card-top-bar-collection-color\" *ngIf=\"nodeHelper.isNodeCollection(node)\"></div>\n    <es-node-type-badge [node]=\"node\"></es-node-type-badge>\n    <div *ngIf=\"isCollection && node.collection.pinned\" class=\"card-top-bar-flag\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <div class=\"card-top-bar-empty\"></div>\n    <es-node-stats-badges [node]=\"node\"></es-node-stats-badges>\n    <div class=\"card-top-bar-checkbox\" *ngIf=\"entriesService.checkbox\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        color=\"primary\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n      ></mat-checkbox>\n    </div>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <div\n    *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n    matRipple\n    (click)=\"\n      entriesService.onClicked({\n        event: $event,\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    (dblclick)=\"\n      entriesService.dblClickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </div>\n  <div class=\"card-options\" *ngIf=\"entriesService.options || showRatings\">\n    <div class=\"card-rating-area\">\n      <es-node-rating [node]=\"node\"></es-node-rating>\n    </div>\n    <div class=\"card-options-area\">\n      <es-option-button\n        *ngFor=\"let option of optionsOnCard()\"\n        class=\"card-options-always\"\n        [option]=\"option\"\n        [node]=\"node\"\n      ></es-option-button>\n      <div class=\"card-options-spacer\"></div>\n      <button\n        *ngIf=\"dropdown\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n        [attr.aria-label]=\"'OPTIONS_FOR' | translate : { element: (node | nodeTitle) }\"\n        data-test=\"card-options-button\"\n      >\n        <i esIcon=\"more_vert\"></i>\n      </button>\n    </div>\n  </div>\n  <ng-template #image let-playAnimation=\"playAnimation\">\n    <div\n      class=\"card-image-area\"\n      [style.background-color]=\"isCollection ? node.collection.color : null\"\n    >\n      <ng-container *ngIf=\"getTemplate(CustomFieldSpecialType.preview) as ref\">\n        <ng-container *ngTemplateOutlet=\"ref; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"!getTemplate(CustomFieldSpecialType.preview)\">\n        <es-preview-image\n          *ngIf=\"!(isCollection && node.preview.isIcon)\"\n          [node]=\"node\"\n          [playAnimation]=\"playAnimation\"\n        ></es-preview-image>\n        <div *ngIf=\"isCollection && node.preview.isIcon\" class=\"card-collection-image\">\n          <i esIcon=\"layers\"></i>\n        </div>\n      </ng-container>\n    </div>\n  </ng-template>\n  <ng-template #meta let-link=\"link\">\n    <div class=\"card-meta\">\n      <div\n        *ngFor=\"let displayPart of getVisibleColumns(); let first = first\"\n        class=\"card-meta-row card-meta-row-{{ displayPart.name | lowercase | propertySlug }}\"\n        [class.card-meta-row-primary]=\"first\"\n      >\n        <ng-container *ngIf=\"first\">\n          <es-node-url\n            *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n            [node]=\"node\"\n            #link\n          >\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </es-node-url>\n          <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!first\">\n          <label>\n            {{ displayPart | esListItemLabel | async }}\n          </label>\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 20px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:var(--focusWidth) solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:150px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:40px;font-size:40px;border-radius:50%}.grid-card .card-meta{padding:10px 20px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.grid-card{grid-template-rows:40px auto auto}.grid-card .card-meta .card-meta-row>es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card es-node-url .node-url-wrapper{height:100%}\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: FocusStateDirective, selector: "[esFocusState]", exportAs: ["esFocusState"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { 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: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: NodeRatingComponent, selector: "es-node-rating", inputs: ["node"] }, { kind: "component", type: PreviewImageComponent, selector: "es-preview-image", inputs: ["node", "playAnimation"] }, { kind: "component", type: NodeTypeBadgeComponent, selector: "es-node-type-badge", inputs: ["node"] }, { kind: "component", type: OptionButtonComponent, selector: "es-option-button", inputs: ["option", "node"] }, { kind: "component", type: NodeStatsBadgesComponent, selector: "es-node-stats-badges", inputs: ["node", "backgroundStyle"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: PropertySlugPipe, name: "propertySlug" }, { kind: "pipe", type: NodeTitlePipe, name: "nodeTitle" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeEntriesCardComponent, selector: "es-node-entries-card", inputs: { dropdown: "dropdown", node: "node" }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  [class]=\"\n    'grid-card' +\n    (isCollection\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    nodeEntriesGlobalService.getCustomCssClass(node)\n  \"\n  [style.background-color]=\"isCollection ? node.collection.color : null\"\n  [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n  [class.selected]=\"entriesService.selection.isSelected(node)\"\n  (contextmenu)=\"openContextmenu($event, node)\"\n  (keydown.ContextMenu)=\"openContextmenu($event, node)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <button\n    *ngIf=\"dropdown\"\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  <div class=\"card-top-bar\" [style.background-color]=\"isCollection ? node.collection.color : null\">\n    <div class=\"card-top-bar-collection-color\" *ngIf=\"nodeHelper.isNodeCollection(node)\"></div>\n    <es-node-type-badge [node]=\"node\"></es-node-type-badge>\n    <div *ngIf=\"isCollection && node.collection.pinned\" class=\"card-top-bar-flag\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <div class=\"card-top-bar-empty\"></div>\n    <es-node-stats-badges [node]=\"node\"></es-node-stats-badges>\n    <div class=\"card-top-bar-checkbox\" *ngIf=\"entriesService.checkbox\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        color=\"primary\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n      ></mat-checkbox>\n    </div>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <div\n    *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n    matRipple\n    (click)=\"\n      entriesService.onClicked({\n        event: $event,\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    (dblclick)=\"\n      entriesService.dblClickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </div>\n  <div class=\"card-options\" *ngIf=\"entriesService.options || showRatings\">\n    <div class=\"card-rating-area\">\n      <es-node-rating [node]=\"node\"></es-node-rating>\n    </div>\n    <div class=\"card-options-area\">\n      <es-option-button\n        *ngFor=\"let option of optionsOnCard()\"\n        class=\"card-options-always\"\n        [option]=\"option\"\n        [node]=\"node\"\n      ></es-option-button>\n      <div class=\"card-options-spacer\"></div>\n      <button\n        *ngIf=\"dropdown\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n        [attr.aria-label]=\"'OPTIONS_FOR' | translate : { element: (node | nodeTitle) }\"\n        data-test=\"card-options-button\"\n      >\n        <i esIcon=\"more_vert\"></i>\n      </button>\n    </div>\n  </div>\n  <ng-template #image let-playAnimation=\"playAnimation\">\n    <div\n      class=\"card-image-area\"\n      [style.background-color]=\"isCollection ? node.collection.color : null\"\n    >\n      <ng-container *ngIf=\"getTemplate(CustomFieldSpecialType.preview) as ref\">\n        <ng-container *ngTemplateOutlet=\"ref; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"!getTemplate(CustomFieldSpecialType.preview)\">\n        <es-preview-image\n          *ngIf=\"!(isCollection && node.preview.isIcon)\"\n          [node]=\"node\"\n          [playAnimation]=\"playAnimation\"\n        ></es-preview-image>\n        <div *ngIf=\"isCollection && node.preview.isIcon\" class=\"card-collection-image\">\n          <i esIcon=\"layers\"></i>\n        </div>\n      </ng-container>\n    </div>\n  </ng-template>\n  <ng-template #meta let-link=\"link\">\n    <div class=\"card-meta\">\n      <div\n        *ngFor=\"let displayPart of getVisibleColumns(); let first = first\"\n        class=\"card-meta-row card-meta-row-{{ displayPart.name | lowercase | propertySlug }}\"\n        [class.card-meta-row-primary]=\"first\"\n      >\n        <ng-container *ngIf=\"first\">\n          <es-node-url\n            *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n            [node]=\"node\"\n            #link\n          >\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </es-node-url>\n          <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!first\">\n          <label>\n            {{ displayPart | esListItemLabel | async }}\n          </label>\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 20px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:2px solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:150px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:40px;font-size:40px;border-radius:50%}.grid-card .card-meta{padding:10px 20px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.grid-card{grid-template-rows:40px auto auto}.grid-card .card-meta .card-meta-row>es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card es-node-url .node-url-wrapper{height:100%}\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: FocusStateDirective, selector: "[esFocusState]", exportAs: ["esFocusState"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { 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: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: i5$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i3$2.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: NodeRatingComponent, selector: "es-node-rating", inputs: ["node"] }, { kind: "component", type: PreviewImageComponent, selector: "es-preview-image", inputs: ["node", "playAnimation"] }, { kind: "component", type: NodeTypeBadgeComponent, selector: "es-node-type-badge", inputs: ["node"] }, { kind: "component", type: OptionButtonComponent, selector: "es-option-button", inputs: ["option", "node"] }, { kind: "component", type: NodeStatsBadgesComponent, selector: "es-node-stats-badges", inputs: ["node", "backgroundStyle"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: PropertySlugPipe, name: "propertySlug" }, { kind: "pipe", type: NodeTitlePipe, name: "nodeTitle" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: ListItemLabelPipe, name: "esListItemLabel" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-node-entries-card', template: "<div\n  [class]=\"\n    'grid-card' +\n    (isCollection\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    nodeEntriesGlobalService.getCustomCssClass(node)\n  \"\n  [style.background-color]=\"isCollection ? node.collection.color : null\"\n  [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n  [class.selected]=\"entriesService.selection.isSelected(node)\"\n  (contextmenu)=\"openContextmenu($event, node)\"\n  (keydown.ContextMenu)=\"openContextmenu($event, node)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <button\n    *ngIf=\"dropdown\"\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  <div class=\"card-top-bar\" [style.background-color]=\"isCollection ? node.collection.color : null\">\n    <div class=\"card-top-bar-collection-color\" *ngIf=\"nodeHelper.isNodeCollection(node)\"></div>\n    <es-node-type-badge [node]=\"node\"></es-node-type-badge>\n    <div *ngIf=\"isCollection && node.collection.pinned\" class=\"card-top-bar-flag\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <div class=\"card-top-bar-empty\"></div>\n    <es-node-stats-badges [node]=\"node\"></es-node-stats-badges>\n    <div class=\"card-top-bar-checkbox\" *ngIf=\"entriesService.checkbox\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        color=\"primary\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n      ></mat-checkbox>\n    </div>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <div\n    *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n    matRipple\n    (click)=\"\n      entriesService.onClicked({\n        event: $event,\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    (dblclick)=\"\n      entriesService.dblClickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </div>\n  <div class=\"card-options\" *ngIf=\"entriesService.options || showRatings\">\n    <div class=\"card-rating-area\">\n      <es-node-rating [node]=\"node\"></es-node-rating>\n    </div>\n    <div class=\"card-options-area\">\n      <es-option-button\n        *ngFor=\"let option of optionsOnCard()\"\n        class=\"card-options-always\"\n        [option]=\"option\"\n        [node]=\"node\"\n      ></es-option-button>\n      <div class=\"card-options-spacer\"></div>\n      <button\n        *ngIf=\"dropdown\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n        [attr.aria-label]=\"'OPTIONS_FOR' | translate : { element: (node | nodeTitle) }\"\n        data-test=\"card-options-button\"\n      >\n        <i esIcon=\"more_vert\"></i>\n      </button>\n    </div>\n  </div>\n  <ng-template #image let-playAnimation=\"playAnimation\">\n    <div\n      class=\"card-image-area\"\n      [style.background-color]=\"isCollection ? node.collection.color : null\"\n    >\n      <ng-container *ngIf=\"getTemplate(CustomFieldSpecialType.preview) as ref\">\n        <ng-container *ngTemplateOutlet=\"ref; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"!getTemplate(CustomFieldSpecialType.preview)\">\n        <es-preview-image\n          *ngIf=\"!(isCollection && node.preview.isIcon)\"\n          [node]=\"node\"\n          [playAnimation]=\"playAnimation\"\n        ></es-preview-image>\n        <div *ngIf=\"isCollection && node.preview.isIcon\" class=\"card-collection-image\">\n          <i esIcon=\"layers\"></i>\n        </div>\n      </ng-container>\n    </div>\n  </ng-template>\n  <ng-template #meta let-link=\"link\">\n    <div class=\"card-meta\">\n      <div\n        *ngFor=\"let displayPart of getVisibleColumns(); let first = first\"\n        class=\"card-meta-row card-meta-row-{{ displayPart.name | lowercase | propertySlug }}\"\n        [class.card-meta-row-primary]=\"first\"\n      >\n        <ng-container *ngIf=\"first\">\n          <es-node-url\n            *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n            [node]=\"node\"\n            #link\n          >\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </es-node-url>\n          <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!first\">\n          <label>\n            {{ displayPart | esListItemLabel | async }}\n          </label>\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 20px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:var(--focusWidth) solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:150px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:40px;font-size:40px;border-radius:50%}.grid-card .card-meta{padding:10px 20px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.grid-card{grid-template-rows:40px auto auto}.grid-card .card-meta .card-meta-row>es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card es-node-url .node-url-wrapper{height:100%}\n"] }]
+            args: [{ selector: 'es-node-entries-card', template: "<div\n  [class]=\"\n    'grid-card' +\n    (isCollection\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    nodeEntriesGlobalService.getCustomCssClass(node)\n  \"\n  [style.background-color]=\"isCollection ? node.collection.color : null\"\n  [class.dynamic-single-click]=\"entriesService.singleClickHint === 'dynamic'\"\n  [class.selected]=\"entriesService.selection.isSelected(node)\"\n  (contextmenu)=\"openContextmenu($event, node)\"\n  (keydown.ContextMenu)=\"openContextmenu($event, node)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <button\n    *ngIf=\"dropdown\"\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  <div class=\"card-top-bar\" [style.background-color]=\"isCollection ? node.collection.color : null\">\n    <div class=\"card-top-bar-collection-color\" *ngIf=\"nodeHelper.isNodeCollection(node)\"></div>\n    <es-node-type-badge [node]=\"node\"></es-node-type-badge>\n    <div *ngIf=\"isCollection && node.collection.pinned\" class=\"card-top-bar-flag\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <div class=\"card-top-bar-empty\"></div>\n    <es-node-stats-badges [node]=\"node\"></es-node-stats-badges>\n    <div class=\"card-top-bar-checkbox\" *ngIf=\"entriesService.checkbox\">\n      <mat-checkbox\n        [checked]=\"entriesService.selection.isSelected(node)\"\n        (change)=\"entriesService.onCheckboxChanged(node, $event.checked)\"\n        color=\"primary\"\n        aria-label=\"{{ 'SELECT' | translate : { element: (node | nodeTitle) } }}\"\n      ></mat-checkbox>\n    </div>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <div\n    *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\"\n    matRipple\n    (click)=\"\n      entriesService.onClicked({\n        event: $event,\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    (dblclick)=\"\n      entriesService.dblClickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </div>\n  <div class=\"card-options\" *ngIf=\"entriesService.options || showRatings\">\n    <div class=\"card-rating-area\">\n      <es-node-rating [node]=\"node\"></es-node-rating>\n    </div>\n    <div class=\"card-options-area\">\n      <es-option-button\n        *ngFor=\"let option of optionsOnCard()\"\n        class=\"card-options-always\"\n        [option]=\"option\"\n        [node]=\"node\"\n      ></es-option-button>\n      <div class=\"card-options-spacer\"></div>\n      <button\n        *ngIf=\"dropdown\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"openMenu(node)\"\n        [matMenuTriggerFor]=\"dropdown.menu\"\n        [attr.aria-label]=\"'OPTIONS_FOR' | translate : { element: (node | nodeTitle) }\"\n        data-test=\"card-options-button\"\n      >\n        <i esIcon=\"more_vert\"></i>\n      </button>\n    </div>\n  </div>\n  <ng-template #image let-playAnimation=\"playAnimation\">\n    <div\n      class=\"card-image-area\"\n      [style.background-color]=\"isCollection ? node.collection.color : null\"\n    >\n      <ng-container *ngIf=\"getTemplate(CustomFieldSpecialType.preview) as ref\">\n        <ng-container *ngTemplateOutlet=\"ref; context: { node: this.node }\"></ng-container>\n      </ng-container>\n      <ng-container *ngIf=\"!getTemplate(CustomFieldSpecialType.preview)\">\n        <es-preview-image\n          *ngIf=\"!(isCollection && node.preview.isIcon)\"\n          [node]=\"node\"\n          [playAnimation]=\"playAnimation\"\n        ></es-preview-image>\n        <div *ngIf=\"isCollection && node.preview.isIcon\" class=\"card-collection-image\">\n          <i esIcon=\"layers\"></i>\n        </div>\n      </ng-container>\n    </div>\n  </ng-template>\n  <ng-template #meta let-link=\"link\">\n    <div class=\"card-meta\">\n      <div\n        *ngFor=\"let displayPart of getVisibleColumns(); let first = first\"\n        class=\"card-meta-row card-meta-row-{{ displayPart.name | lowercase | propertySlug }}\"\n        [class.card-meta-row-primary]=\"first\"\n      >\n        <ng-container *ngIf=\"first\">\n          <es-node-url\n            *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n            [node]=\"node\"\n            #link\n          >\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </es-node-url>\n          <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n            <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!first\">\n          <label>\n            {{ displayPart | esListItemLabel | async }}\n          </label>\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </ng-container>\n      </div>\n    </div>\n  </ng-template>\n</div>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 20px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:2px solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:150px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:40px;font-size:40px;border-radius:50%}.grid-card .card-meta{padding:10px 20px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.grid-card{grid-template-rows:40px auto auto}.grid-card .card-meta .card-meta-row>es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card es-node-url .node-url-wrapper{height:100%}\n"] }]
         }], ctorParameters: () => [{ type: NodeEntriesService }, { type: NodeHelperService }, { type: i0.ApplicationRef }, { type: i2.ConfigService }, { type: i2.AuthenticationService }, { type: NodeEntriesTemplatesService }, { type: NodeEntriesGlobalService }, { type: Toast, decorators: [{
                     type: Optional
                 }] }], propDecorators: { dropdown: [{
@@ -5491,11 +5572,11 @@ class NodeEntriesCardSmallComponent {
         event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesCardSmallComponent, deps: [{ token: NodeEntriesService }, { token: NodeHelperService }, { token: NodeEntriesTemplatesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeEntriesCardSmallComponent, selector: "es-node-entries-card-small", inputs: { node: "node" }, ngImport: i0, template: "<div\n  [class]=\"\n    'grid-card' +\n    (nodeHelper.isNodeCollection(node)\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    (entriesService.singleClickHint === 'dynamic' ? ' dynamic-single-click' : '')\n  \"\n  [style.background-color]=\"nodeHelper.isNodeCollection(node) ? node.collection.color : null\"\n  (contextmenu)=\"openContextmenu($event)\"\n  (keydown.ContextMenu)=\"openContextmenu($event)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <ng-container *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n    <ng-container *ngTemplateOutlet=\"image\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </ng-container>\n</div>\n<ng-template #image let-playAnimation=\"playAnimation\">\n  <div\n    class=\"card-image-area\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Preview,\n      })\n    \"\n  >\n    <div *ngIf=\"nodeHelper.isNodeCollection(node) && node.collection.pinned\" class=\"collection-pin\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <es-preview-image\n      *ngIf=\"!(nodeHelper.isNodeCollection(node) && node.preview.isIcon)\"\n      [node]=\"node\"\n      [playAnimation]=\"playAnimation\"\n    ></es-preview-image>\n    <div\n      *ngIf=\"nodeHelper.isNodeCollection(node) && node.preview.isIcon\"\n      class=\"card-collection-image\"\n    >\n      <i esIcon=\"layers\"></i>\n    </div>\n  </div>\n</ng-template>\n<ng-template #meta>\n  <div\n    class=\"card-meta\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n  >\n    <div\n      *ngFor=\"let displayPart of entriesService.columns; let first = first\"\n      class=\"card-meta-row\"\n    >\n      <ng-container *ngIf=\"first\">\n        <es-node-url\n          *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n          [node]=\"node\"\n          #link\n        >\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </es-node-url>\n        <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!first\">\n        <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container\n    *ngTemplateOutlet=\"templatesService.actionArea; context: { element: node }\"\n  ></ng-container>\n</ng-template>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 15px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:var(--focusWidth) solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:100px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:25px;font-size:25px;border-radius:50%}.grid-card .card-meta{padding:8px 15px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.collection-pin{background:#ffffff80;border-radius:50px;position:absolute;z-index:1;right:10px;top:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 3px #0000001a}.collection-pin>i{font-size:12px}.grid-card .card-meta-row ::ng-deep es-node-url a.cdk-keyboard-focused{outline-color:var(--palette-primary-400)}.grid-card{cursor:pointer}.grid-card.grid-card-collection{background-color:rgb(var(--palette-primary-200))}.grid-card .card-meta{background-color:#fffc;padding-bottom:8px}.grid-card .card-meta .card-meta-row:nth-child(1){grid-column:1/3}.grid-card .card-meta .card-meta-row:nth-child(2){justify-self:flex-start}.grid-card .card-meta .card-meta-row:nth-child(2),.grid-card .card-meta .card-meta-row:nth-child(3){grid-row:2;font-size:var(--fontSizeXSmall)}\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: FocusStateDirective, selector: "[esFocusState]", exportAs: ["esFocusState"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { 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: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: PreviewImageComponent, selector: "es-preview-image", inputs: ["node", "playAnimation"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: NodeEntriesCardSmallComponent, selector: "es-node-entries-card-small", inputs: { node: "node" }, ngImport: i0, template: "<div\n  [class]=\"\n    'grid-card' +\n    (nodeHelper.isNodeCollection(node)\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    (entriesService.singleClickHint === 'dynamic' ? ' dynamic-single-click' : '')\n  \"\n  [style.background-color]=\"nodeHelper.isNodeCollection(node) ? node.collection.color : null\"\n  (contextmenu)=\"openContextmenu($event)\"\n  (keydown.ContextMenu)=\"openContextmenu($event)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <ng-container *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n    <ng-container *ngTemplateOutlet=\"image\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </ng-container>\n</div>\n<ng-template #image let-playAnimation=\"playAnimation\">\n  <div\n    class=\"card-image-area\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Preview,\n      })\n    \"\n  >\n    <div *ngIf=\"nodeHelper.isNodeCollection(node) && node.collection.pinned\" class=\"collection-pin\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <es-preview-image\n      *ngIf=\"!(nodeHelper.isNodeCollection(node) && node.preview.isIcon)\"\n      [node]=\"node\"\n      [playAnimation]=\"playAnimation\"\n    ></es-preview-image>\n    <div\n      *ngIf=\"nodeHelper.isNodeCollection(node) && node.preview.isIcon\"\n      class=\"card-collection-image\"\n    >\n      <i esIcon=\"layers\"></i>\n    </div>\n  </div>\n</ng-template>\n<ng-template #meta>\n  <div\n    class=\"card-meta\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n  >\n    <div\n      *ngFor=\"let displayPart of entriesService.columns; let first = first\"\n      class=\"card-meta-row\"\n    >\n      <ng-container *ngIf=\"first\">\n        <es-node-url\n          *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n          [node]=\"node\"\n          #link\n        >\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </es-node-url>\n        <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!first\">\n        <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container\n    *ngTemplateOutlet=\"templatesService.actionArea; context: { element: node }\"\n  ></ng-container>\n</ng-template>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 15px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:2px solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:100px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:25px;font-size:25px;border-radius:50%}.grid-card .card-meta{padding:8px 15px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.collection-pin{background:#ffffff80;border-radius:50px;position:absolute;z-index:1;right:10px;top:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 3px #0000001a}.collection-pin>i{font-size:12px}.grid-card .card-meta-row ::ng-deep es-node-url a.cdk-keyboard-focused{outline-color:var(--palette-primary-400)}.grid-card{cursor:pointer}.grid-card.grid-card-collection{background-color:rgb(var(--palette-primary-200))}.grid-card .card-meta{background-color:#fffc;padding-bottom:8px}.grid-card .card-meta .card-meta-row:nth-child(1){grid-column:1/3}.grid-card .card-meta .card-meta-row:nth-child(2){justify-self:flex-start}.grid-card .card-meta .card-meta-row:nth-child(2),.grid-card .card-meta .card-meta-row:nth-child(3){grid-row:2;font-size:var(--fontSizeXSmall)}\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: FocusStateDirective, selector: "[esFocusState]", exportAs: ["esFocusState"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }, { 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: ListBaseComponent, selector: "es-list-base", inputs: ["forceText"] }, { kind: "component", type: PreviewImageComponent, selector: "es-preview-image", inputs: ["node", "playAnimation"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: NodeEntriesCardSmallComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-node-entries-card-small', template: "<div\n  [class]=\"\n    'grid-card' +\n    (nodeHelper.isNodeCollection(node)\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    (entriesService.singleClickHint === 'dynamic' ? ' dynamic-single-click' : '')\n  \"\n  [style.background-color]=\"nodeHelper.isNodeCollection(node) ? node.collection.color : null\"\n  (contextmenu)=\"openContextmenu($event)\"\n  (keydown.ContextMenu)=\"openContextmenu($event)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <ng-container *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n    <ng-container *ngTemplateOutlet=\"image\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </ng-container>\n</div>\n<ng-template #image let-playAnimation=\"playAnimation\">\n  <div\n    class=\"card-image-area\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Preview,\n      })\n    \"\n  >\n    <div *ngIf=\"nodeHelper.isNodeCollection(node) && node.collection.pinned\" class=\"collection-pin\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <es-preview-image\n      *ngIf=\"!(nodeHelper.isNodeCollection(node) && node.preview.isIcon)\"\n      [node]=\"node\"\n      [playAnimation]=\"playAnimation\"\n    ></es-preview-image>\n    <div\n      *ngIf=\"nodeHelper.isNodeCollection(node) && node.preview.isIcon\"\n      class=\"card-collection-image\"\n    >\n      <i esIcon=\"layers\"></i>\n    </div>\n  </div>\n</ng-template>\n<ng-template #meta>\n  <div\n    class=\"card-meta\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n  >\n    <div\n      *ngFor=\"let displayPart of entriesService.columns; let first = first\"\n      class=\"card-meta-row\"\n    >\n      <ng-container *ngIf=\"first\">\n        <es-node-url\n          *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n          [node]=\"node\"\n          #link\n        >\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </es-node-url>\n        <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!first\">\n        <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container\n    *ngTemplateOutlet=\"templatesService.actionArea; context: { element: node }\"\n  ></ng-container>\n</ng-template>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 15px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:var(--focusWidth) solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:100px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:25px;font-size:25px;border-radius:50%}.grid-card .card-meta{padding:8px 15px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:var(--focusWidth) solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.collection-pin{background:#ffffff80;border-radius:50px;position:absolute;z-index:1;right:10px;top:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 3px #0000001a}.collection-pin>i{font-size:12px}.grid-card .card-meta-row ::ng-deep es-node-url a.cdk-keyboard-focused{outline-color:var(--palette-primary-400)}.grid-card{cursor:pointer}.grid-card.grid-card-collection{background-color:rgb(var(--palette-primary-200))}.grid-card .card-meta{background-color:#fffc;padding-bottom:8px}.grid-card .card-meta .card-meta-row:nth-child(1){grid-column:1/3}.grid-card .card-meta .card-meta-row:nth-child(2){justify-self:flex-start}.grid-card .card-meta .card-meta-row:nth-child(2),.grid-card .card-meta .card-meta-row:nth-child(3){grid-row:2;font-size:var(--fontSizeXSmall)}\n"] }]
+            args: [{ selector: 'es-node-entries-card-small', template: "<div\n  [class]=\"\n    'grid-card' +\n    (nodeHelper.isNodeCollection(node)\n      ? ' grid-card-collection grid-card-collection-scope-' +\n        node.collection.scope +\n        ' grid-card-collection-type-' +\n        node.collection.type\n      : '') +\n    ($any(node).virtual ? ' grid-card-virtual' : '') +\n    ' ' +\n    (entriesService.singleClickHint === 'dynamic' ? ' dynamic-single-click' : '')\n  \"\n  [style.background-color]=\"nodeHelper.isNodeCollection(node) ? node.collection.color : null\"\n  (contextmenu)=\"openContextmenu($event)\"\n  (keydown.ContextMenu)=\"openContextmenu($event)\"\n>\n  <div\n    *ngIf=\"templatesService.overlay\"\n    class=\"card-overlay\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Overlay,\n      })\n    \"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"templatesService.overlay; context: { element: node }\"\n    ></ng-container>\n  </div>\n  <es-node-url\n    *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n    mode=\"wrapper\"\n    [node]=\"node\"\n    esFocusState\n    #cardFocusState=\"esFocusState\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"\n        image;\n        context: { playAnimation: cardFocusState.hovering || cardFocusState.hasFocus }\n      \"\n    ></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </es-node-url>\n  <ng-container *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n    <ng-container *ngTemplateOutlet=\"image\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"meta\"></ng-container>\n  </ng-container>\n</div>\n<ng-template #image let-playAnimation=\"playAnimation\">\n  <div\n    class=\"card-image-area\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Preview,\n      })\n    \"\n  >\n    <div *ngIf=\"nodeHelper.isNodeCollection(node) && node.collection.pinned\" class=\"collection-pin\">\n      <i esIcon=\"edu-pin\"></i>\n    </div>\n    <es-preview-image\n      *ngIf=\"!(nodeHelper.isNodeCollection(node) && node.preview.isIcon)\"\n      [node]=\"node\"\n      [playAnimation]=\"playAnimation\"\n    ></es-preview-image>\n    <div\n      *ngIf=\"nodeHelper.isNodeCollection(node) && node.preview.isIcon\"\n      class=\"card-collection-image\"\n    >\n      <i esIcon=\"layers\"></i>\n    </div>\n  </div>\n</ng-template>\n<ng-template #meta>\n  <div\n    class=\"card-meta\"\n    (click)=\"\n      entriesService.clickItem.emit({\n        element: node,\n        source: ClickSource.Metadata,\n      })\n    \"\n  >\n    <div\n      *ngFor=\"let displayPart of entriesService.columns; let first = first\"\n      class=\"card-meta-row\"\n    >\n      <ng-container *ngIf=\"first\">\n        <es-node-url\n          *ngIf=\"entriesService.elementInteractionType === InteractionType.DefaultActionLink\"\n          [node]=\"node\"\n          #link\n        >\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </es-node-url>\n        <div *ngIf=\"entriesService.elementInteractionType !== InteractionType.DefaultActionLink\">\n          <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!first\">\n        <es-list-base [item]=\"displayPart\" [node]=\"node\" [provideLabel]=\"false\"> </es-list-base>\n      </ng-container>\n    </div>\n  </div>\n  <ng-container\n    *ngTemplateOutlet=\"templatesService.actionArea; context: { element: node }\"\n  ></ng-container>\n</ng-template>\n", styles: [".grid-card{transition:all var(--transitionNormal);overflow:hidden;background-color:#fff;box-shadow:0 3px 3px #0000001a;display:grid;height:100%;grid-template-columns:auto}:host-context(body.es-contrast-mode) .grid-card{border:1px solid rgba(0,0,0,.42)}.grid-card.selected{background-color:rgb(var(--palette-primary-50))}.grid-card .dropdown-dummy{position:fixed}.grid-card .card-options{display:grid;grid-template-columns:1fr auto;grid-column-gap:10px}.grid-card .card-options .card-rating-area{display:flex;align-items:center;height:100%;padding-left:10px}.grid-card .card-options .card-options-area{display:flex}.grid-card .card-options .card-options-area es-option-button,.grid-card .card-options .card-options-area button{transition:all var(--transitionNormal);margin:0 2px;border-radius:50%}.grid-card .card-options .card-options-area es-option-button:hover,.grid-card .card-options .card-options-area es-option-button:focus,.grid-card .card-options .card-options-area button:hover,.grid-card .card-options .card-options-area button:focus{background-color:#fff}.grid-card:not(.grid-card-collection) .card-top-bar{background-color:var(--palette-primary-200)}.grid-card.grid-card-virtual{outline:2px dashed var(--nodeVirtualColor)}.grid-card .card-top-bar{height:40px;display:flex;gap:15px;align-items:center;padding:0 15px;position:relative}.grid-card .card-top-bar .card-top-bar-collection-color{position:absolute;background-color:#ffffff80;inset:0}.grid-card .card-top-bar .card-top-bar-flag{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-radius:50%;background-color:#fff;padding:5px;position:relative;z-index:1;box-shadow:0 0 5px #0000004d}.grid-card .card-top-bar .card-top-bar-flag i{font-size:18px;color:#333}.grid-card .card-top-bar .card-top-bar-flag img{width:18px;height:18px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox{margin-right:-5px;position:relative;top:-1.3px}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator{outline:none}.grid-card .card-top-bar .card-top-bar-checkbox mat-checkbox.cdk-keyboard-focused ::ng-deep .mat-focus-indicator:after{content:\"\";position:absolute;inset:2px;outline:none;border:2px solid var(--palette-primary-300);border-color:#fff}.grid-card .card-top-bar .card-top-bar-empty{width:0;flex-grow:1}.grid-card .card-image-area{height:100px;padding:0;display:flex}.grid-card .card-image-area es-preview-image{flex-grow:1}.grid-card .card-image-area .card-collection-image{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.grid-card .card-image-area .card-collection-image i{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#000000bf;background-color:#ffffff80;padding:25px;font-size:25px;border-radius:50%}.grid-card .card-meta{padding:8px 15px 0;display:grid;flex-direction:row}.grid-card .card-meta .card-meta-row{display:flex;flex-direction:row;align-items:center;min-height:2.8em;gap:5px}.grid-card .card-meta .card-meta-row:not(:first-child)>label{cursor:inherit;color:var(--textLight);font-size:85%}.grid-card .card-meta .card-meta-row:not(:first-child)>es-list-base{color:#000;flex-grow:1;margin:5px 0;display:flex;justify-content:flex-end;text-align:end;word-break:break-word}.grid-card .card-meta .card-meta-row:first-child{font-size:120%}.grid-card .card-meta .card-meta-row:first-child>es-list-base,.grid-card .card-meta .card-meta-row:first-child>es-node-url{width:100%;font-size:120%;color:var(--textMain);height:2.8em;text-align:left;word-break:break-word}.grid-card.dynamic-single-click:hover{box-shadow:0 0 25px #0003;background-color:rgb(var(--palette-primary-50))}.grid-card.dynamic-single-click.grid-card-collection:hover .card-meta{background-color:#ffffffe6}.grid-card.grid-card-collection .card-meta{background-color:#fffc}.grid-card.grid-card-collection .card-options{background-color:#ffffffe6}.grid-card .card-options{border-top:1px solid #ddd}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text{word-break:break-word}:host ::ng-deep .grid-card .card-meta-row:first-child es-list-base>es-list-text span,:host ::ng-deep .grid-card .card-meta-row:first-child es-node-url a es-list-base>es-list-text span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.4em;max-height:2.8em;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host ::ng-deep .grid-card .card-meta-row es-node-url a{color:var(--textMain)}:host ::ng-deep .grid-card .card-meta-row es-node-url a.cdk-keyboard-focused{display:inline-flex;outline:none;outline:2px solid var(--palette-primary-300);outline-offset:2px}:host ::ng-deep .card-meta es-list-base img{max-width:100px;max-height:20px}:host ::ng-deep .card-meta es-list-base es-list-node-license img{height:20px}:host ::ng-deep .card-meta es-list-base es-list-collection-info{display:flex;align-items:center}:host ::ng-deep .card-meta es-list-base es-list-collection-info i{font-size:12pt;margin:0 6px}:host ::ng-deep .grid-card-collection es-node-url a.cdk-keyboard-focused .card-meta{background-color:#fff}.card-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.card-overlay ::ng-deep>*{pointer-events:auto}.collection-pin{background:#ffffff80;border-radius:50px;position:absolute;z-index:1;right:10px;top:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 3px #0000001a}.collection-pin>i{font-size:12px}.grid-card .card-meta-row ::ng-deep es-node-url a.cdk-keyboard-focused{outline-color:var(--palette-primary-400)}.grid-card{cursor:pointer}.grid-card.grid-card-collection{background-color:rgb(var(--palette-primary-200))}.grid-card .card-meta{background-color:#fffc;padding-bottom:8px}.grid-card .card-meta .card-meta-row:nth-child(1){grid-column:1/3}.grid-card .card-meta .card-meta-row:nth-child(2){justify-self:flex-start}.grid-card .card-meta .card-meta-row:nth-child(2),.grid-card .card-meta .card-meta-row:nth-child(3){grid-row:2;font-size:var(--fontSizeXSmall)}\n"] }]
         }], ctorParameters: () => [{ type: NodeEntriesService }, { type: NodeHelperService }, { type: NodeEntriesTemplatesService }], propDecorators: { node: [{
                 type: Input
             }] } });
@@ -6035,11 +6116,11 @@ class NodeEntriesTableComponent {
             this.nodeHelperService.isNodeRevoked(node));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", 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: "18.2.12", 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", "cdkDragScale"], 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", "callbackObjects", "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: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], 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: ["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: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i24.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", 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:2px 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", "cdkDragScale"], 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", "callbackObjects", "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: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], 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: ["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: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i24.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], 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: "18.2.12", 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"] }]
+            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:2px 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: () => [{ 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]
@@ -7209,8 +7290,6 @@ const TRANSLATION_LIST = [
 ];
 let TranslationLoader = TranslationLoader_1 = class TranslationLoader {
     static create(http, configService, configuration, assetsBasePath, additionalI18nProvider) {
-        console.log('ASSETS_BASE_PATH', assetsBasePath);
-        console.log('ADDITIONAL_I18N_PROVIDER', additionalI18nProvider);
         return new TranslationLoader_1(assetsBasePath, additionalI18nProvider, http, configService, configuration);
     }
     constructor(assetsBasePath, additionalI18nProvider, http, configService, configuration, prefix = (assetsBasePath ?? '') + 'assets/i18n', suffix = '.json') {
@@ -7423,6 +7502,7 @@ class TranslationsModule {
                         HttpClient,
                         ConfigService,
                         EduSharingUiConfiguration,
+                        [new Optional(), I18N_CONFIG],
                         [new Optional(), ASSETS_BASE_PATH],
                         [new Optional(), ADDITIONAL_I18N_PROVIDER],
                     ],
@@ -7446,6 +7526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                                     HttpClient,
                                     ConfigService,
                                     EduSharingUiConfiguration,
+                                    [new Optional(), I18N_CONFIG],
                                     [new Optional(), ASSETS_BASE_PATH],
                                     [new Optional(), ADDITIONAL_I18N_PROVIDER],
                                 ],
@@ -7519,5 +7600,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADDITIONAL_I18N_PROVIDER, ASSETS_BASE_PATH, AccessibilityService, AccessibilitySettings, ActionbarComponent, AppContainerService, AppService, BorderBoxObserverDirective, CheckTextOverflowDirective, ClickSource, ColorHelper, CombinedDataSource, Constrain, CustomFieldSpecialType, CustomOptions, CustomSelectionModel, CustomTemplatesDataSource, DateHelper, DefaultGroups, DropdownComponent, DurationFormat, DurationHelper, EDU_SHARING_UI_CONFIG, EduSharingUiCommonModule, EduSharingUiConfiguration, EduSharingUiModule, ElementType, FallbackTranslationHandler, FocusStateDirective, FormatDatePipe, FormatDurationPipe, FormatOptions, FormatSizePipe, Helper, HideMode, IconDirective, InfiniteScrollDirective, InteractionType, ItemsCap, KeyboardShortcutsService, ListBaseComponent, ListCountsComponent, ListItem, ListItemLabelPipe, ListItemSort, ListItemsModule, ListTextComponent, LocalEventsService, MdsHelperService, MdsModule, NodeCache, NodeDataSource, NodeDataSourceRemote, NodeEntriesDisplayType, NodeEntriesGlobalService, NodeEntriesModule, NodeEntriesService, NodeEntriesWrapperComponent, NodeHelperService, NodeIconPipe, NodeImagePipe, NodeImageSizePipe, NodeLicensePipe, NodePersonNamePipe, NodeRowComponent, NodeTitlePipe, NodeUrlComponent, NodesDragDirective, NodesDragDropService, NodesDragSourceDirective, NodesDropTargetDirective, NodesRightMode, OPEN_URL_MODE, OptionGroup, OptionItem, OptionsHelperDataService, OptionsHelperService, PreferredColor, PropertySlugPipe, RelativeMode, RenderHelperService, RepoUrlService, RestHelper, Scope, SearchHelperService, SortDropdownComponent, SortEvent, SpinnerComponent, TRANSLATION_LIST, Target, TemporaryStorageService, Toast, ToastDuration, TranslationLoader, TranslationsModule, TranslationsService, UIAnimation, UIConstants, UIService, VCard, VCardNamePipe, WORKFLOW_STATUS_CHECKED, WORKFLOW_STATUS_HASFLAWS, WORKFLOW_STATUS_TO_CHECK, WORKFLOW_STATUS_UNCHECKED, clearDraggedNodes, dragNodesTransferType, getConfigProvider, isNumeric, isTrue, macroTick, matchesShortcutCondition, microTick, notNull, readDraggedNodes, saveDraggedNodes };
+export { ADDITIONAL_I18N_PROVIDER, ASSETS_BASE_PATH, AccessibilityService, AccessibilitySettings, ActionbarComponent, AppContainerService, AppService, BorderBoxObserverDirective, CheckTextOverflowDirective, ClickSource, ColorHelper, CombinedDataSource, Constrain, CustomFieldSpecialType, CustomOptions, CustomSelectionModel, CustomTemplatesDataSource, DateHelper, DefaultGroups, DropdownComponent, DurationFormat, DurationHelper, EDU_SHARING_UI_CONFIG, EduSharingUiCommonModule, EduSharingUiConfiguration, EduSharingUiModule, ElementType, FallbackTranslationHandler, FocusStateDirective, FormatDatePipe, FormatDurationPipe, FormatOptions, FormatSizePipe, Helper, HideMode, I18N_CONFIG, I18nConfig, IconDirective, InfiniteScrollDirective, InteractionType, ItemsCap, KeyboardShortcutsService, ListBaseComponent, ListCountsComponent, ListItem, ListItemLabelPipe, ListItemSort, ListItemsModule, ListTextComponent, LocalEventsService, MdsHelperService, MdsModule, NodeCache, NodeDataSource, NodeDataSourceRemote, NodeEntriesDisplayType, NodeEntriesGlobalService, NodeEntriesModule, NodeEntriesService, NodeEntriesWrapperComponent, NodeHelperService, NodeIconPipe, NodeImagePipe, NodeImageSizePipe, NodeLicensePipe, NodePersonNamePipe, NodeRowComponent, NodeTitlePipe, NodeUrlComponent, NodesDragDirective, NodesDragDropService, NodesDragSourceDirective, NodesDropTargetDirective, NodesRightMode, OPEN_URL_MODE, OptionGroup, OptionItem, OptionsHelperDataService, OptionsHelperService, PreferredColor, PropertySlugPipe, RelativeMode, RenderHelperService, RepoUrlService, RestHelper, Scope, SearchHelperService, SortDropdownComponent, SortEvent, SpinnerComponent, TRANSLATION_LIST, Target, TemporaryStorageService, Toast, ToastDuration, TranslationLoader, TranslationsModule, TranslationsService, UIAnimation, UIConstants, UIService, VCard, VCardNamePipe, WORKFLOW_STATUS_CHECKED, WORKFLOW_STATUS_HASFLAWS, WORKFLOW_STATUS_TO_CHECK, WORKFLOW_STATUS_UNCHECKED, clearDraggedNodes, dragNodesTransferType, getConfigProvider, isNumeric, isTrue, macroTick, matchesShortcutCondition, microTick, notNull, readDraggedNodes, saveDraggedNodes };
 //# sourceMappingURL=ngx-edu-sharing-ui.mjs.map