ngx-edu-sharing-ui 9.0.2 → 9.1.2

package/lib/actionbar/actionbar.component.d.ts

@@ -2,6 +2,8 @@ import { OnChanges, SimpleChanges } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { OptionItem } from '../types/option-item';
 import { UIService } from '../services/ui.service';
+import { TooltipPosition } from '@angular/material/tooltip';
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ActionbarComponent implements OnChanges {
     private uiService;
@@ -47,13 +49,21 @@ export declare class ActionbarComponent implements OnChanges {
      * Should disabled ("greyed out") options be shown or hidden?
      */
     showDisabled: boolean;
+    /**
+     * the position of the mat tooltips
+     */
+    tooltipPosition: TooltipPosition;
     /**
      * Set the options, see @OptionItem
      */
     set options(options: OptionItem[]);
+    /**
+     * breakpoint width at which point the mobile display count is used
+     */
+    mobileBreakpoint: number;
     optionsIn: OptionItem[];
-    optionsAlways: OptionItem[];
-    optionsMenu: OptionItem[];
+    optionsAlways$: BehaviorSubject<OptionItem[]>;
+    optionsMenu$: BehaviorSubject<OptionItem[]>;
     optionsToggle: OptionItem[];
     constructor(uiService: UIService, translate: TranslateService);
     private prepareOptions;
@@ -70,5 +80,5 @@ export declare class ActionbarComponent implements OnChanges {
     shouldHighlight(optionIndex: number, option: OptionItem): boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionbarComponent, "es-actionbar", never, { "numberOfAlwaysVisibleOptions": { "alias": "numberOfAlwaysVisibleOptions"; "required": false; }; "numberOfAlwaysVisibleOptionsMobile": { "alias": "numberOfAlwaysVisibleOptionsMobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "backgroundType": { "alias": "backgroundType"; "required": false; }; "style": { "alias": "style"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "showDisabled": { "alias": "showDisabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionbarComponent, "es-actionbar", never, { "numberOfAlwaysVisibleOptions": { "alias": "numberOfAlwaysVisibleOptions"; "required": false; }; "numberOfAlwaysVisibleOptionsMobile": { "alias": "numberOfAlwaysVisibleOptionsMobile"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "backgroundType": { "alias": "backgroundType"; "required": false; }; "style": { "alias": "style"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "showDisabled": { "alias": "showDisabled"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "options": { "alias": "options"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/common/edu-sharing-ui-common.module.d.ts

@@ -1,32 +1,34 @@
 import * as i0 from "@angular/core";
-import * as i1 from "../directives/icon.directive";
-import * as i2 from "../directives/check-text-overflow.directive";
-import * as i3 from "../pipes/node-icon.pipe";
-import * as i4 from "../pipes/node-image.pipe";
-import * as i5 from "../pipes/vcard-name.pipe";
-import * as i6 from "../directives/focus-state.directive";
+import * as i1 from "../actionbar/actionbar.component";
+import * as i2 from "../directives/border-box-observer.directive";
+import * as i3 from "../directives/check-text-overflow.directive";
+import * as i4 from "../dropdown/dropdown.component";
+import * as i5 from "../directives/focus-state.directive";
+import * as i6 from "../pipes/format-date.pipe";
 import * as i7 from "../pipes/file-size.pipe";
-import * as i8 from "../pipes/node-image-size.pipe";
-import * as i9 from "../pipes/node-person-name.pipe";
-import * as i10 from "../pipes/node-title.pipe";
-import * as i11 from "../pipes/format-date.pipe";
-import * as i12 from "../pipes/replace-chars.pipe";
-import * as i13 from "../sort-dropdown/sort-dropdown.component";
-import * as i14 from "../spinner/spinner.component";
-import * as i15 from "../node-url/node-url.component";
-import * as i16 from "../dropdown/dropdown.component";
+import * as i8 from "../directives/icon.directive";
+import * as i9 from "../directives/infinite-scroll.directive";
+import * as i10 from "../pipes/property-slug.pipe";
+import * as i11 from "../pipes/node-icon.pipe";
+import * as i12 from "../pipes/node-image.pipe";
+import * as i13 from "../pipes/node-image-size.pipe";
+import * as i14 from "../pipes/node-person-name.pipe";
+import * as i15 from "../pipes/node-title.pipe";
+import * as i16 from "../node-url/node-url.component";
 import * as i17 from "../pipes/option-tooltip.pipe";
-import * as i18 from "../actionbar/actionbar.component";
-import * as i19 from "../directives/border-box-observer.directive";
-import * as i20 from "@angular/common";
-import * as i21 from "@angular/material/menu";
-import * as i22 from "@angular/material/button";
-import * as i23 from "@angular/material/tooltip";
-import * as i24 from "@angular/material/core";
-import * as i25 from "@ngx-translate/core";
-import * as i26 from "@angular/router";
+import * as i18 from "../pipes/replace-chars.pipe";
+import * as i19 from "../sort-dropdown/sort-dropdown.component";
+import * as i20 from "../pipes/vcard-name.pipe";
+import * as i21 from "@angular/common";
+import * as i22 from "@angular/material/menu";
+import * as i23 from "../spinner/spinner.component";
+import * as i24 from "@angular/material/button";
+import * as i25 from "@angular/material/tooltip";
+import * as i26 from "@angular/material/core";
+import * as i27 from "@ngx-translate/core";
+import * as i28 from "@angular/router";
 export declare class EduSharingUiCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiCommonModule, [typeof i1.IconDirective, typeof i2.CheckTextOverflowDirective, typeof i3.NodeIconPipe, typeof i4.NodeImagePipe, typeof i5.VCardNamePipe, typeof i6.FocusStateDirective, typeof i7.FormatSizePipe, typeof i8.NodeImageSizePipe, typeof i9.NodePersonNamePipe, typeof i10.NodeTitlePipe, typeof i11.FormatDatePipe, typeof i12.ReplaceCharsPipe, typeof i13.SortDropdownComponent, typeof i14.SpinnerComponent, typeof i15.NodeUrlComponent, typeof i16.DropdownComponent, typeof i17.OptionTooltipPipe, typeof i18.ActionbarComponent, typeof i19.BorderBoxObserverDirective], [typeof i20.CommonModule, typeof i21.MatMenuModule, typeof i22.MatButtonModule, typeof i23.MatTooltipModule, typeof i24.MatRippleModule, typeof i25.TranslateModule, typeof i26.RouterModule], [typeof i1.IconDirective, typeof i2.CheckTextOverflowDirective, typeof i3.NodeIconPipe, typeof i4.NodeImagePipe, typeof i5.VCardNamePipe, typeof i13.SortDropdownComponent, typeof i6.FocusStateDirective, typeof i7.FormatSizePipe, typeof i8.NodeImageSizePipe, typeof i9.NodePersonNamePipe, typeof i10.NodeTitlePipe, typeof i11.FormatDatePipe, typeof i14.SpinnerComponent, typeof i15.NodeUrlComponent, typeof i16.DropdownComponent, typeof i18.ActionbarComponent, typeof i19.BorderBoxObserverDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiCommonModule, [typeof i1.ActionbarComponent, typeof i2.BorderBoxObserverDirective, typeof i3.CheckTextOverflowDirective, typeof i4.DropdownComponent, typeof i5.FocusStateDirective, typeof i6.FormatDatePipe, typeof i7.FormatSizePipe, typeof i8.IconDirective, typeof i9.InfiniteScrollDirective, typeof i10.PropertySlugPipe, typeof i11.NodeIconPipe, typeof i12.NodeImagePipe, typeof i13.NodeImageSizePipe, typeof i14.NodePersonNamePipe, typeof i15.NodeTitlePipe, typeof i16.NodeUrlComponent, typeof i17.OptionTooltipPipe, typeof i18.ReplaceCharsPipe, typeof i19.SortDropdownComponent, typeof i20.VCardNamePipe], [typeof i21.CommonModule, typeof i22.MatMenuModule, typeof i23.SpinnerComponent, typeof i24.MatButtonModule, typeof i25.MatTooltipModule, typeof i26.MatRippleModule, typeof i27.TranslateModule, typeof i28.RouterModule], [typeof i1.ActionbarComponent, typeof i2.BorderBoxObserverDirective, typeof i3.CheckTextOverflowDirective, typeof i4.DropdownComponent, typeof i5.FocusStateDirective, typeof i6.FormatDatePipe, typeof i7.FormatSizePipe, typeof i8.IconDirective, typeof i9.InfiniteScrollDirective, typeof i10.PropertySlugPipe, typeof i11.NodeIconPipe, typeof i12.NodeImagePipe, typeof i13.NodeImageSizePipe, typeof i14.NodePersonNamePipe, typeof i15.NodeTitlePipe, typeof i16.NodeUrlComponent, typeof i19.SortDropdownComponent, typeof i23.SpinnerComponent, typeof i20.VCardNamePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EduSharingUiCommonModule>;
 }

package/lib/directives/icon.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnInit, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ConfigService } from 'ngx-edu-sharing-api';
 import * as i0 from "@angular/core";
@@ -17,12 +17,14 @@ import * as i0 from "@angular/core";
 export declare class IconDirective implements OnInit, OnDestroy {
     private element;
     private translate;
+    private renderer;
     private config;
+    private originalId$;
     private _id;
     private _aria;
-    private iconsConfig;
     private altTextSpan;
     private isReady;
+    private svg;
     /**
      * An alt text to show to screen readers.
      *
@@ -34,13 +36,13 @@ export declare class IconDirective implements OnInit, OnDestroy {
     /** If true, an alt text (see above) will be set based on the icon. */
     set aria(aria: boolean);
     set esIcon(id: string);
-    constructor(element: ElementRef<HTMLElement>, translate: TranslateService, config: ConfigService);
+    constructor(element: ElementRef<HTMLElement>, translate: TranslateService, renderer: Renderer2, config: ConfigService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     private setIcon;
     private updateAria;
     private setAltText;
     private insertAltTextSpan;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, [null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirective, "i[esIcon], i.material-icons", never, { "altText": { "alias": "altText"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "esIcon": { "alias": "esIcon"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/directives/infinite-scroll.directive.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { AppContainerService } from '../services/app-container.service';
+import * as i0 from "@angular/core";
+export declare class InfiniteScrollDirective implements OnInit, OnDestroy {
+    private appContainer;
+    private element;
+    private zone;
+    scrolled: EventEmitter<void>;
+    infiniteScrollDistance: number;
+    infiniteScrollThrottle: number;
+    scrollWindow: boolean;
+    private lastEvent;
+    private lastScroll;
+    private destroyed$;
+    constructor(appContainer: AppContainerService, element: ElementRef, zone: NgZone);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleOnScroll(): void;
+    private emitScrolled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfiniteScrollDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InfiniteScrollDirective, "[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]", never, { "infiniteScrollDistance": { "alias": "infiniteScrollDistance"; "required": false; }; "infiniteScrollThrottle": { "alias": "infiniteScrollThrottle"; "required": false; }; "scrollWindow": { "alias": "scrollWindow"; "required": false; }; }, { "scrolled": "scrolled"; }, never, never, false, never>;
+}

package/lib/dropdown/dropdown.component.d.ts

@@ -1,17 +1,20 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
 import { OptionItem } from '../types/option-item';
 import { UIService } from '../services/ui.service';
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * The dropdown is one base component of the action bar (showing more actions),
  * but can also be used standalone.
  */
-export declare class DropdownComponent {
+export declare class DropdownComponent implements OnChanges {
     private ui;
     menu: MatMenu;
     menuTrigger: MatMenuTrigger;
     position: 'left' | 'right';
-    set options(options: OptionItem[]);
+    options: OptionItem[];
+    options$: BehaviorSubject<OptionItem[]>;
     /**
      * The object that should be returned via the option's callback.
      *
@@ -29,8 +32,8 @@ export declare class DropdownComponent {
      * taken out of the host container by angular.
      */
     menuClass: string;
-    _options: OptionItem[];
     constructor(ui: UIService);
+    ngOnChanges(changes?: SimpleChanges): void;
     click(option: OptionItem): void;
     isNewGroup(i: number): boolean;
     /** Whether there are any enabled options so we can open the menu. */

package/lib/edu-sharing-ui-configuration.d.ts

@@ -3,6 +3,11 @@ import * as i0 from "@angular/core";
 export declare const EDU_SHARING_UI_CONFIG: InjectionToken<Partial<EduSharingUiConfiguration>>;
 export declare class EduSharingUiConfiguration {
     production: boolean;
+    /**
+     * Whether this Angular application is being used embedded as a web component by a third-party
+     * web page.
+     */
+    isEmbedded: boolean;
     static create(params?: EduSharingUiConfigurationParams): EduSharingUiConfiguration;
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiConfiguration, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EduSharingUiConfiguration>;

package/lib/edu-sharing-ui.module.d.ts

@@ -6,14 +6,15 @@ import * as i2 from "@ngx-translate/core";
 import * as i3 from "./common/edu-sharing-ui-common.module";
 import * as i4 from "./list-items/list-items.module";
 import * as i5 from "./node-entries/node-entries.module";
-import * as i6 from "@angular/material/tooltip";
-import * as i7 from "./pipes/node-image-size.pipe";
-import * as i8 from "./pipes/format-date.pipe";
-import * as i9 from "./node-entries/list-item-label.pipe";
-import * as i10 from "./sort-dropdown/sort-dropdown.component";
+import * as i6 from "./mds/mds.module";
+import * as i7 from "@angular/material/tooltip";
+import * as i8 from "./pipes/node-image-size.pipe";
+import * as i9 from "./pipes/format-date.pipe";
+import * as i10 from "./node-entries/list-item-label.pipe";
+import * as i11 from "./sort-dropdown/sort-dropdown.component";
 export declare class EduSharingUiModule {
     static forRoot(config: EduSharingUiConfigurationParams): ModuleWithProviders<EduSharingUiModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.EduSharingUiCommonModule, typeof i4.ListItemsModule, typeof i5.NodeEntriesModule], [typeof i1.CommonModule, typeof i6.MatTooltipModule, typeof i2.TranslateModule, typeof i3.EduSharingUiCommonModule, typeof i4.ListItemsModule, typeof i5.NodeEntriesModule, typeof i7.NodeImageSizePipe, typeof i8.FormatDatePipe, typeof i4.ListItemsModule, typeof i9.ListItemLabelPipe, typeof i10.SortDropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.EduSharingUiCommonModule, typeof i4.ListItemsModule, typeof i5.NodeEntriesModule], [typeof i1.CommonModule, typeof i6.MdsModule, typeof i7.MatTooltipModule, typeof i2.TranslateModule, typeof i3.EduSharingUiCommonModule, typeof i4.ListItemsModule, typeof i5.NodeEntriesModule, typeof i8.NodeImageSizePipe, typeof i9.FormatDatePipe, typeof i4.ListItemsModule, typeof i10.ListItemLabelPipe, typeof i11.SortDropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EduSharingUiModule>;
 }

package/lib/list-items/list-widget.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 export declare class ListWidget {
     get node(): Node | ProposalNode | Group | Person | Statistics;
     set node(value: Node | ProposalNode | Group | Person | Statistics);
-    protected readonly nodeSubject: BehaviorSubject<Node | ProposalNode | Group | Person | Statistics>;
+    protected readonly nodeSubject: BehaviorSubject<Node | Group | ProposalNode | Person | Statistics>;
     get item(): ListItem;
     set item(value: ListItem);
     protected readonly itemSubject: BehaviorSubject<ListItem>;

package/lib/mds/mds-helper.service.d.ts

@@ -0,0 +1,37 @@
+import { TranslateService } from '@ngx-translate/core';
+import { AuthenticationService, MdsDefinition, MdsSort, MdsWidget } from 'ngx-edu-sharing-api';
+import { ListItem } from '../types/list-item';
+import * as i0 from "@angular/core";
+export declare class MdsHelperService {
+    private authentication;
+    static getSortInfo(mdsSet: MdsDefinition, name: string): MdsSort;
+    static getColumns(translate: TranslateService, mdsSet: any, name: string): ListItem[];
+    /**
+     * Finds the appropriate widget with the id, but will not check any widget conditions
+     * @param cid
+     * @param template
+     * @param widgets
+     */
+    static getWidget(cid: string, template: string | undefined | null, widgets: MdsWidget[]): MdsWidget;
+    constructor(authentication: AuthenticationService);
+    /**
+     * Same as getWidget, but will also check the widget conditions
+     * @param connector
+     * @param properties
+     * @param id
+     * @param template
+     * @param widgets
+     */
+    getWidgetWithCondition(properties: any, id: string, template: string, widgets: any): Promise<any>;
+    isWidgetConditionTrue(widget: any, properties: any): Promise<boolean>;
+    /**
+     * Find a template by id in the given mds
+     */
+    static findTemplate(mds: MdsDefinition, id: string): import("ngx-edu-sharing-api").MdsView;
+    /**
+     * Returns all widgets used by the given template
+     */
+    static getUsedWidgets(mds: MdsDefinition, template?: string): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MdsHelperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MdsHelperService>;
+}

package/lib/mds/mds.module.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class MdsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MdsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MdsModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MdsModule>;
+}

package/lib/node-entries/entries-model.d.ts

@@ -5,7 +5,7 @@ import { ListItem, ListItemSort } from '../types/list-item';
 import { CanDrop, DragData, DropAction } from '../types/drag-drop';
 import { Node, GenericAuthority } from 'ngx-edu-sharing-api';
 import { ActionbarComponent } from '../actionbar/actionbar.component';
-export type NodeRoot = 'MY_FILES' | 'SHARED_FILES' | 'MY_SHARED_FILES' | 'TO_ME_SHARED_FILES' | 'WORKFLOW_RECEIVE' | 'RECYCLE' | 'ALL_FILES';
+export type NodeRoot = 'MY_FILES' | 'COLLECTION_HOME' | 'SHARED_FILES' | 'MY_SHARED_FILES' | 'TO_ME_SHARED_FILES' | 'WORKFLOW_RECEIVE' | 'RECYCLE' | 'ALL_FILES';
 export declare enum NodeEntriesDisplayType {
     Table = 0,
     Grid = 1,
@@ -44,7 +44,8 @@ export declare enum ClickSource {
     Icon = 1,
     Metadata = 2,
     Comments = 3,
-    Overlay = 4
+    Overlay = 4,
+    Dropdown = 5
 }
 export type NodeClickEvent<T extends NodeEntriesDataType> = {
     element: T;

package/lib/node-entries/node-data-source.d.ts

@@ -1,7 +1,7 @@
 import { DataSource } from '@angular/cdk/collections';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { ItemsCap } from './items-cap';
-import { Node, GenericAuthority, Pagination } from 'ngx-edu-sharing-api';
+import { GenericAuthority, Node, Pagination } from 'ngx-edu-sharing-api';
 export type LoadingState = 'initial' | 'reset' | 'page' | false;
 export declare class NodeDataSource<T extends Node | GenericAuthority> extends DataSource<T> {
     protected dataStream: BehaviorSubject<T[]>;

package/lib/node-entries/node-entries-card/node-entries-card.component.d.ts

@@ -18,7 +18,7 @@ export declare class NodeEntriesCardComponent<T extends Node> implements OnChang
     configService: ConfigService;
     authenticationService: AuthenticationService;
     templatesService: NodeEntriesTemplatesService;
-    private nodeEntriesGlobalService;
+    nodeEntriesGlobalService: NodeEntriesGlobalService;
     private toast;
     readonly InteractionType: typeof InteractionType;
     readonly Target: typeof Target;
@@ -35,7 +35,7 @@ export declare class NodeEntriesCardComponent<T extends Node> implements OnChang
     ngOnChanges(changes: SimpleChanges): void;
     getTextColor(): "#000" | "#fff";
     optionsOnCard(): import("../../types/option-item").OptionItem[];
-    openContextmenu(event: MouseEvent | Event): void;
+    openContextmenu(event: MouseEvent | Event, node: T): void;
     getVisibleColumns(): import("ngx-edu-sharing-ui").ListItem[];
     openMenu(node: T): Promise<void>;
     ngOnInit(): Promise<void>;

package/lib/node-entries/node-entries-card-grid/node-entries-card-grid.component.d.ts

@@ -13,6 +13,7 @@ import { NodeEntriesService } from '../../services/node-entries.service';
 import { UIService } from '../../services/ui.service';
 import { ListItemSort } from '../../types/list-item';
 import { DragData } from '../../types/drag-drop';
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class NodeEntriesCardGridComponent<T extends Node> implements OnInit, OnDestroy {
     entriesService: NodeEntriesService<T>;
@@ -27,6 +28,8 @@ export declare class NodeEntriesCardGridComponent<T extends Node> implements OnI
      * a value of 1 would mean to scroll the full width of the entire content
      */
     readonly ScrollingOffsetPercentage = 0.4;
+    columnChooserVisible$: rxjs.BehaviorSubject<boolean>;
+    columnChooserTrigger: CdkOverlayOrigin;
     set gridTop(value: TemplateRef<unknown>);
     set sortPanel(value: SortSelectPanelComponent);
     dropListsQuery: QueryList<CdkDropList>;
@@ -57,6 +60,7 @@ export declare class NodeEntriesCardGridComponent<T extends Node> implements OnI
     readonly itemsCap: ItemsCap<T>;
     private globalCursorStyle;
     private destroyed;
+    scrollGradientColor: string;
     constructor(entriesService: NodeEntriesService<T>, entriesGlobalService: NodeEntriesGlobalService, templatesService: NodeEntriesTemplatesService, ui: UIService, ngZone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -79,7 +83,7 @@ export declare class NodeEntriesCardGridComponent<T extends Node> implements OnI
     getSortColumns(): ListItemSort[];
     canDropNodes: (dragData: DragData<T>) => import("../../types/drag-drop").CanDrop;
     onNodesDropped(dragData: DragData<Node>): void;
-    getDragEnabled(): boolean;
+    getDragEnabled(): rxjs.Observable<boolean>;
     getDragData(node: T): T[];
     onDragStarted(node: T): void;
     onDragEnded(): void;
@@ -87,6 +91,7 @@ export declare class NodeEntriesCardGridComponent<T extends Node> implements OnI
     updateScrollState(): void;
     doScroll(direction: 'left' | 'right'): void;
     isCustomTemplate(): boolean;
+    isBlocked(node: Node): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesCardGridComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesCardGridComponent<any>, "es-node-entries-card-grid", never, { "displayType": { "alias": "displayType"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/node-entries/node-entries-global-options/node-entries-global-options.component.d.ts

@@ -7,6 +7,7 @@ export declare class NodeEntriesGlobalOptionsComponent<T extends Node> {
     readonly NodeEntriesDisplayType: typeof NodeEntriesDisplayType;
     displayType: NodeEntriesDisplayType;
     constructor(entriesService: NodeEntriesService<T>);
+    getEnabledOptions(): import("rxjs").Observable<import("ngx-edu-sharing-ui").OptionItem[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesGlobalOptionsComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesGlobalOptionsComponent<any>, "es-node-entries-global-options", never, { "displayType": { "alias": "displayType"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/node-entries/node-entries-global.service.d.ts

@@ -32,11 +32,18 @@ export declare class NodeEntriesGlobalService {
     private customFields;
     private paginationStrategy;
     private paginatorSizeOptions;
+    private customCssClassProvider;
     constructor();
     setPaginationStrategy(scope: PaginationScope, strategy: PaginationStrategy): void;
     getPaginationStrategy(scope: Scope): PaginationStrategy;
     setPaginatorSizeOptions(scope: PaginationScope, size: number[]): void;
     getPaginatorSizeOptions(scope: Scope): number[];
+    getCustomCssClass(node: Node): string;
+    /**
+     * a custom provider for a css class based on a node
+     * it should return the given css class that will be added to each node entry based on the given node
+     */
+    setCustomCssClassProvider(provider: (node: Node) => string): void;
     getCustomFieldTemplate(item: CustomField, node: Node): TemplateRef<unknown>;
     /**
      * Registers a custom (node) attribute you want to render via the given template.

package/lib/node-entries/node-entries-table/node-entries-table.component.d.ts

@@ -15,12 +15,14 @@ import { Node } from 'ngx-edu-sharing-api';
 import { Target } from '../../types/option-item';
 import { Toast } from '../../services/abstract/toast.service';
 import { DropdownComponent } from '../../dropdown/dropdown.component';
+import { TranslationsService } from '../../translations/translations.service';
 import * as i0 from "@angular/core";
 export declare class NodeEntriesTableComponent<T extends NodeEntriesDataType> implements OnChanges, AfterViewInit, OnDestroy {
     entriesService: NodeEntriesService<T>;
     entriesGlobalService: NodeEntriesGlobalService;
     private applicationRef;
     private toast;
+    private translations;
     private changeDetectorRef;
     ui: UIService;
     private ngZone;
@@ -48,7 +50,7 @@ export declare class NodeEntriesTableComponent<T extends NodeEntriesDataType> im
     readonly visibleDataColumns$: rxjs.Observable<ListItem[]>;
     readonly visibleColumnNames$: rxjs.Observable<string[]>;
     private destroyed;
-    constructor(entriesService: NodeEntriesService<T>, entriesGlobalService: NodeEntriesGlobalService, applicationRef: ApplicationRef, toast: Toast, changeDetectorRef: ChangeDetectorRef, ui: UIService, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
+    constructor(entriesService: NodeEntriesService<T>, entriesGlobalService: NodeEntriesGlobalService, applicationRef: ApplicationRef, toast: Toast, translations: TranslationsService, changeDetectorRef: ChangeDetectorRef, ui: UIService, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -71,6 +73,7 @@ export declare class NodeEntriesTableComponent<T extends NodeEntriesDataType> im
     onDragEnded(): void;
     loadData(source: 'scroll' | 'button'): void;
     openMenu(node: T): Promise<void>;
+    isBlocked(node: Node): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesTableComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesTableComponent<any>, "es-node-entries-table", never, {}, {}, never, never, false, never>;
 }

package/lib/node-entries/node-entries-wrapper.component.d.ts

@@ -3,7 +3,7 @@ import { NodeEntriesTemplatesService } from './node-entries-templates.service';
 import { NodeEntriesComponent } from './node-entries.component';
 import { FetchEvent, GridConfig, InteractionType, ListDragGropConfig, ListEventInterface, ListOptions, ListOptionsConfig, ListSortConfig, NodeClickEvent, NodeEntriesDataType, NodeEntriesDisplayType } from './entries-model';
 import { NodeDataSource } from './node-data-source';
-import { NodeEntriesService } from '../services/node-entries.service';
+import { CustomSelectionModel, NodeEntriesService } from '../services/node-entries.service';
 import { OptionItem, Scope } from '../types/option-item';
 import { NodeHelperService } from '../services/node-helper.service';
 import { ListItem } from '../types/list-item';
@@ -53,6 +53,11 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     sort: ListSortConfig;
     dragDrop: ListDragGropConfig<T>;
     gridConfig: GridConfig;
+    /**
+     * This color defines the base color of gradients visually limiting a grid in scroll direction.
+     * Defaults to white.
+     */
+    scrollGradientColor: string;
     /**
      * this can be set instead of calling initOptionsGenerator()
      */
@@ -114,7 +119,7 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     showReorderColumnsDialog(): void;
     addVirtualNodes(virtual: T[]): void;
     setOptions(options: ListOptions): void;
-    getSelection(): import("@angular/cdk/collections").SelectionModel<T>;
+    getSelection(): CustomSelectionModel<T>;
     initOptionsGenerator(config: ListOptionsConfig): Promise<void>;
     ngAfterViewInit(): void;
     private updateTemplates;
@@ -125,5 +130,5 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     resetPagination(): void;
     deleteNodes(objects: T[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesWrapperComponent<any>, "es-node-entries-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "configureColumns": { "alias": "configureColumns"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "globalOptions": { "alias": "globalOptions"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "elementInteractionType": { "alias": "elementInteractionType"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "dragDrop": { "alias": "dragDrop"; "required": false; }; "gridConfig": { "alias": "gridConfig"; "required": false; }; "initConfig": { "alias": "initConfig"; "required": false; }; "primaryInstance": { "alias": "primaryInstance"; "required": false; }; "singleClickHint": { "alias": "singleClickHint"; "required": false; }; "disableInfiniteScroll": { "alias": "disableInfiniteScroll"; "required": false; }; }, { "columnsChange": "columnsChange"; "displayTypeChange": "displayTypeChange"; "fetchData": "fetchData"; "clickItem": "clickItem"; "dblClickItem": "dblClickItem"; "sortChange": "sortChange"; "virtualNodesAdded": "virtualNodesAdded"; "displayTypeChanged": "displayTypeChanged"; }, ["titleRef", "emptyRef", "actionAreaRef", "overlayRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesWrapperComponent<any>, "es-node-entries-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "configureColumns": { "alias": "configureColumns"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "globalOptions": { "alias": "globalOptions"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "elementInteractionType": { "alias": "elementInteractionType"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "dragDrop": { "alias": "dragDrop"; "required": false; }; "gridConfig": { "alias": "gridConfig"; "required": false; }; "scrollGradientColor": { "alias": "scrollGradientColor"; "required": false; }; "initConfig": { "alias": "initConfig"; "required": false; }; "primaryInstance": { "alias": "primaryInstance"; "required": false; }; "singleClickHint": { "alias": "singleClickHint"; "required": false; }; "disableInfiniteScroll": { "alias": "disableInfiniteScroll"; "required": false; }; }, { "columnsChange": "columnsChange"; "displayTypeChange": "displayTypeChange"; "fetchData": "fetchData"; "clickItem": "clickItem"; "dblClickItem": "dblClickItem"; "sortChange": "sortChange"; "virtualNodesAdded": "virtualNodesAdded"; "displayTypeChanged": "displayTypeChanged"; }, ["titleRef", "emptyRef", "actionAreaRef", "overlayRef"], never, false, never>;
 }

package/lib/node-entries/node-rating/node-rating.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { Node, ConfigService, AuthenticationService, NetworkService } from 'ngx-edu-sharing-api';
+import { Node, ConfigService, AuthenticationService, NetworkService, RatingV1Service } from 'ngx-edu-sharing-api';
 import { Toast } from '../../services/abstract/toast.service';
 import * as i0 from "@angular/core";
 export declare class NodeRatingComponent<T extends Node> implements OnInit {
@@ -8,12 +8,12 @@ export declare class NodeRatingComponent<T extends Node> implements OnInit {
     private networkApi;
     authenticationService: AuthenticationService;
     changeDetectorRef: ChangeDetectorRef;
-    ratingService: any;
+    ratingService: RatingV1Service;
     node: T;
     mode: RatingMode;
     hasPermission: boolean;
     hoverStar: number;
-    constructor(toast: Toast, configService: ConfigService, networkApi: NetworkService, authenticationService: AuthenticationService, changeDetectorRef: ChangeDetectorRef);
+    constructor(toast: Toast, configService: ConfigService, networkApi: NetworkService, authenticationService: AuthenticationService, changeDetectorRef: ChangeDetectorRef, ratingService: RatingV1Service);
     ngOnInit(): Promise<void>;
     toogleLike(): Promise<void>;
     getPrimaryRating(): number;

package/lib/node-entries/option-button/option-button.component.d.ts

@@ -1,11 +1,16 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { Node } from 'ngx-edu-sharing-api';
 import { OptionItem } from '../../types/option-item';
 import * as i0 from "@angular/core";
-export declare class OptionButtonComponent {
+export declare class OptionButtonComponent implements OnChanges {
     option: OptionItem;
     node: Node;
-    optionIsValid(optionItem: OptionItem, node: Node): boolean;
-    optionIsShown(optionItem: OptionItem, node: Node): boolean;
+    isShown: boolean;
+    isEnabled: boolean;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    optionIsValid(optionItem: OptionItem, node: Node): Promise<boolean>;
+    private optionIsShown;
+    click(option: OptionItem, node: Node): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OptionButtonComponent, "es-option-button", never, { "option": { "alias": "option"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/pipes/node-title.pipe.d.ts

@@ -1,10 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Node } from 'ngx-edu-sharing-api';
+import { NodeRoot } from '../node-entries/entries-model';
 import * as i0 from "@angular/core";
 export declare class NodeTitlePipe implements PipeTransform {
     private translate;
-    transform(node: Node, args?: string[]): string;
+    transform(node: Node | NodeRoot | 'HOME', args?: string[]): string;
     constructor(translate: TranslateService);
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeTitlePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<NodeTitlePipe, "nodeTitle", false>;

package/lib/pipes/option-tooltip.pipe.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class OptionTooltipPipe implements PipeTransform {
     private translate;
     constructor(translate: TranslateService);
-    transform(option: OptionItem, args?: string[]): string;
+    transform(option: OptionItem, args?: string[]): Promise<string>;
     getKeyInfo(option: OptionItem): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionTooltipPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<OptionTooltipPipe, "optionTooltip", false>;

package/lib/pipes/property-slug.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PropertySlugPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertySlugPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PropertySlugPipe, "propertySlug", false>;
+}

package/lib/services/abstract/options-helper.service.d.ts

@@ -3,8 +3,8 @@ import { OptionItem, Target } from '../../types/option-item';
 import { Node } from 'ngx-edu-sharing-api';
 export declare abstract class OptionsHelperService {
     abstract wrapOptionCallbacks(data: OptionData): OptionData;
-    abstract refreshComponents(components: OptionsHelperComponents, data: OptionData, refreshListOptions: boolean): void;
-    abstract getAvailableOptions(target: Target, objects: Node[], components: OptionsHelperComponents, data: OptionData): OptionItem[];
-    abstract pasteNode(components: OptionsHelperComponents, data: OptionData, nodes: Node[]): void;
-    abstract filterOptions(options: OptionItem[], target: Target, data: OptionData, objects: Node[] | any): OptionItem[];
+    abstract refreshComponents(components: OptionsHelperComponents, data: OptionData, refreshListOptions: boolean): Promise<void>;
+    abstract getAvailableOptions(target: Target, objects: Node[], components: OptionsHelperComponents, data: OptionData): Promise<OptionItem[]>;
+    abstract pasteNode(components: OptionsHelperComponents, data: OptionData, addVirutalNodes: boolean, nodes: Node[]): void;
+    abstract filterOptions(options: OptionItem[], target: Target, data: OptionData, objects: Node[] | any): Promise<OptionItem[]>;
 }