ngx-edu-sharing-ui 10.0.24 → 11.0.0

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

@@ -9,31 +9,34 @@ import * as i7 from "../directives/focus-state.directive";
 import * as i8 from "../pipes/format-date.pipe";
 import * as i9 from "../pipes/file-size.pipe";
 import * as i10 from "../directives/icon.directive";
-import * as i11 from "../pipes/mds-duration.pipe";
-import * as i12 from "../directives/infinite-scroll.directive";
-import * as i13 from "../pipes/property-slug.pipe";
-import * as i14 from "../pipes/node-icon.pipe";
-import * as i15 from "../pipes/node-image.pipe";
-import * as i16 from "../pipes/node-image-size.pipe";
-import * as i17 from "../pipes/node-license.pipe";
-import * as i18 from "../pipes/node-person-name.pipe";
-import * as i19 from "../pipes/node-title.pipe";
-import * as i20 from "../node-url/node-url.component";
-import * as i21 from "../pipes/option-tooltip.pipe";
-import * as i22 from "../pipes/replace-chars.pipe";
-import * as i23 from "../sort-dropdown/sort-dropdown.component";
-import * as i24 from "../pipes/vcard-name.pipe";
-import * as i25 from "@angular/common";
-import * as i26 from "@angular/material/menu";
-import * as i27 from "../spinner/spinner.component";
-import * as i28 from "../spinner-small/spinner-small.component";
-import * as i29 from "@angular/material/button";
-import * as i30 from "@angular/material/tooltip";
-import * as i31 from "@angular/material/core";
-import * as i32 from "@ngx-translate/core";
-import * as i33 from "@angular/router";
+import * as i11 from "../info-message/info-message.component";
+import * as i12 from "../pipes/mds-duration.pipe";
+import * as i13 from "../directives/infinite-scroll.directive";
+import * as i14 from "../pipes/property-slug.pipe";
+import * as i15 from "../pipes/node-icon.pipe";
+import * as i16 from "../pipes/node-url.pipe";
+import * as i17 from "../pipes/node-image.pipe";
+import * as i18 from "../pipes/node-image-size.pipe";
+import * as i19 from "../pipes/node-license.pipe";
+import * as i20 from "../pipes/node-person-name.pipe";
+import * as i21 from "../pipes/node-title.pipe";
+import * as i22 from "../node-url/node-url.component";
+import * as i23 from "../pipes/option-tooltip.pipe";
+import * as i24 from "../pipes/replace-chars.pipe";
+import * as i25 from "../sort-dropdown/sort-dropdown.component";
+import * as i26 from "../pipes/vcard-name.pipe";
+import * as i27 from "@angular/common";
+import * as i28 from "@angular/material/menu";
+import * as i29 from "../spinner/spinner.component";
+import * as i30 from "../spinner-small/spinner-small.component";
+import * as i31 from "../pipes/toolpermission.pipe";
+import * as i32 from "@angular/material/button";
+import * as i33 from "@angular/material/tooltip";
+import * as i34 from "@angular/material/core";
+import * as i35 from "@ngx-translate/core";
+import * as i36 from "@angular/router";
 export declare class EduSharingUiCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiCommonModule, [typeof i1.MdsViewerComponent, typeof i2.MdsWidgetComponent, typeof i3.ActionbarComponent, typeof i4.BorderBoxObserverDirective, typeof i5.CheckTextOverflowDirective, typeof i6.DropdownComponent, typeof i7.FocusStateDirective, typeof i8.FormatDatePipe, typeof i9.FormatSizePipe, typeof i10.IconDirective, typeof i11.MdsDurationPipe, typeof i12.InfiniteScrollDirective, typeof i13.PropertySlugPipe, typeof i14.NodeIconPipe, typeof i15.NodeImagePipe, typeof i16.NodeImageSizePipe, typeof i17.NodeLicensePipe, typeof i18.NodePersonNamePipe, typeof i19.NodeTitlePipe, typeof i20.NodeUrlComponent, typeof i21.OptionTooltipPipe, typeof i22.ReplaceCharsPipe, typeof i23.SortDropdownComponent, typeof i24.VCardNamePipe], [typeof i25.CommonModule, typeof i26.MatMenuModule, typeof i27.SpinnerComponent, typeof i28.SpinnerSmallComponent, typeof i29.MatButtonModule, typeof i30.MatTooltipModule, typeof i31.MatRippleModule, typeof i32.TranslateModule, typeof i33.RouterModule], [typeof i1.MdsViewerComponent, typeof i2.MdsWidgetComponent, typeof i3.ActionbarComponent, typeof i4.BorderBoxObserverDirective, typeof i5.CheckTextOverflowDirective, typeof i6.DropdownComponent, typeof i7.FocusStateDirective, typeof i8.FormatDatePipe, typeof i9.FormatSizePipe, typeof i11.MdsDurationPipe, typeof i10.IconDirective, typeof i12.InfiniteScrollDirective, typeof i13.PropertySlugPipe, typeof i14.NodeIconPipe, typeof i15.NodeImagePipe, typeof i16.NodeImageSizePipe, typeof i18.NodePersonNamePipe, typeof i19.NodeTitlePipe, typeof i20.NodeUrlComponent, typeof i23.SortDropdownComponent, typeof i27.SpinnerComponent, typeof i28.SpinnerSmallComponent, typeof i24.VCardNamePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EduSharingUiCommonModule, [typeof i1.MdsViewerComponent, typeof i2.MdsWidgetComponent, typeof i3.ActionbarComponent, typeof i4.BorderBoxObserverDirective, typeof i5.CheckTextOverflowDirective, typeof i6.DropdownComponent, typeof i7.FocusStateDirective, typeof i8.FormatDatePipe, typeof i9.FormatSizePipe, typeof i10.IconDirective, typeof i11.InfoMessageComponent, typeof i12.MdsDurationPipe, typeof i13.InfiniteScrollDirective, typeof i14.PropertySlugPipe, typeof i15.NodeIconPipe, typeof i16.NodeUrlPipe, typeof i17.NodeImagePipe, typeof i18.NodeImageSizePipe, typeof i19.NodeLicensePipe, typeof i20.NodePersonNamePipe, typeof i21.NodeTitlePipe, typeof i22.NodeUrlComponent, typeof i23.OptionTooltipPipe, typeof i24.ReplaceCharsPipe, typeof i25.SortDropdownComponent, typeof i26.VCardNamePipe], [typeof i27.CommonModule, typeof i28.MatMenuModule, typeof i29.SpinnerComponent, typeof i30.SpinnerSmallComponent, typeof i31.ToolpermissionPipe, typeof i32.MatButtonModule, typeof i33.MatTooltipModule, typeof i34.MatRippleModule, typeof i35.TranslateModule, typeof i36.RouterModule], [typeof i1.MdsViewerComponent, typeof i2.MdsWidgetComponent, typeof i3.ActionbarComponent, typeof i4.BorderBoxObserverDirective, typeof i5.CheckTextOverflowDirective, typeof i6.DropdownComponent, typeof i7.FocusStateDirective, typeof i8.FormatDatePipe, typeof i9.FormatSizePipe, typeof i12.MdsDurationPipe, typeof i10.IconDirective, typeof i13.InfiniteScrollDirective, typeof i11.InfoMessageComponent, typeof i14.PropertySlugPipe, typeof i15.NodeIconPipe, typeof i16.NodeUrlPipe, typeof i17.NodeImagePipe, typeof i18.NodeImageSizePipe, typeof i20.NodePersonNamePipe, typeof i21.NodeTitlePipe, typeof i22.NodeUrlComponent, typeof i31.ToolpermissionPipe, typeof i25.SortDropdownComponent, typeof i29.SpinnerComponent, typeof i30.SpinnerSmallComponent, typeof i26.VCardNamePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EduSharingUiCommonModule>;
 }

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

@@ -22,6 +22,7 @@ export declare class IconDirective implements OnInit, OnDestroy {
     private renderer;
     private config;
     private originalId$;
+    private iconContext$;
     private _id;
     private _aria;
     private altTextSpan;
@@ -38,6 +39,7 @@ 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);
+    set esIconContext(context: string);
     constructor(element: ElementRef<HTMLElement>, http: HttpClient, translate: TranslateService, renderer: Renderer2, config: ConfigService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -46,5 +48,5 @@ export declare class IconDirective implements OnInit, OnDestroy {
     private setAltText;
     private insertAltTextSpan;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconDirective, [null, 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>;
+    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; }; "esIconContext": { "alias": "esIconContext"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -8,6 +8,13 @@ export declare class EduSharingUiConfiguration {
      * web page.
      */
     isEmbedded: boolean;
+    /**
+     * A custom base path for the assets directory.
+     *
+     * This is useful when the application cannot be served from the base HREF set in index.html. This
+     * is the case when it is embedded as a web component into another website.
+     */
+    assetsBasePath?: string;
     static create(params?: EduSharingUiConfigurationParams): EduSharingUiConfiguration;
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiConfiguration, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EduSharingUiConfiguration>;

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

@@ -1,4 +1,4 @@
-import { ModuleWithProviders } from '@angular/core';
+import { ModuleWithProviders, Provider } from '@angular/core';
 import { EduSharingUiConfigurationParams } from './edu-sharing-ui-configuration';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -13,7 +13,7 @@ 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 forRoot(config: EduSharingUiConfigurationParams, providers?: Provider[]): 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.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/index.d.ts

@@ -17,6 +17,7 @@ export * from './directives/infinite-scroll.directive';
 export * from './dropdown/dropdown.component';
 export * from './edu-sharing-ui-configuration';
 export * from './edu-sharing-ui.module';
+export * from './info-message/info-message.component';
 export * from './list-items/format-duration.pipe';
 export * from './list-items/list-base/list-base.component';
 export * from './list-items/list-counts/list-counts.component';
@@ -29,18 +30,24 @@ export * from './node-entries/entries-model';
 export * from './node-entries/items-cap';
 export * from './node-entries/list-item-label.pipe';
 export * from './node-entries/node-cache';
+export * from './node-entries/node-rating/node-rating.component';
+export * from './node-entries/node-type-badge/node-type-badge.component';
+export * from './node-entries/node-stats-badges/node-stats-badges.component';
 export * from './node-entries/node-data-source';
 export * from './node-entries/node-data-source-remote';
 export * from './node-entries/node-entries-global.service';
+export * from './node-entries/node-entries-card/node-entries-card.component';
 export * from './node-entries/node-entries-wrapper.component';
 export * from './node-entries/node-entries.module';
 export * from './mds-viewer/mds-viewer.component';
 export * from './mds-viewer/replace-element-with-div';
 export * from './node-url/node-url.component';
+export * from './pipes/toolpermission.pipe';
 export * from './pipes/property-slug.pipe';
 export * from './pipes/file-size.pipe';
 export * from './pipes/format-date.pipe';
 export * from './pipes/mds-duration.pipe';
+export * from './pipes/node-url.pipe';
 export * from './pipes/node-icon.pipe';
 export * from './pipes/node-image-size.pipe';
 export * from './pipes/node-image.pipe';

package/lib/info-message/info-message.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class InfoMessageComponent {
+    /**
+     * the message to display
+     */
+    message: string;
+    mode: 'info' | 'warning' | 'error';
+    ICONS: any;
+    constructor();
+    getIcon(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoMessageComponent, "es-info-message", never, { "message": { "alias": "message"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/list-items/list-text/list-text.component.d.ts

@@ -16,7 +16,7 @@ export declare class ListTextComponent extends ListWidget implements OnInit {
     displayName$: BehaviorSubject<string>;
     constructor(nodeHelper: NodeHelperService, mds: MdsService, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
-    getNode(): Constants.Node | Constants.Group | Constants.Person | Constants.Statistics;
+    getNode(): Constants.Node | Constants.Person | Constants.Group | Constants.Statistics | Constants.UserEvent | Constants.InviteEvent;
     isUserProfileAttribute(attribute: string): boolean;
     getWorkflowStatus(): import("ngx-edu-sharing-ui").WorkflowDefinition;
     getI18n(item: ListItem): string;

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 | Group | Person | ProposalNode | Statistics>;
+    protected readonly nodeSubject: BehaviorSubject<Node | ProposalNode | Person | Group | Statistics>;
     get item(): ListItem;
     set item(value: ListItem);
     protected readonly itemSubject: BehaviorSubject<ListItem>;

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

@@ -1,11 +1,23 @@
 import { TranslateService } from '@ngx-translate/core';
-import { AuthenticationService, MdsDefinition, MdsSort, MdsWidget } from 'ngx-edu-sharing-api';
+import { AuthenticationService, MdsDefinition, MdsIdentifier, MdsService, MdsSort, MdsWidget } from 'ngx-edu-sharing-api';
 import { ListItem } from '../types/list-item';
 import * as i0 from "@angular/core";
+type ColumnTypeInternal<T extends string> = {
+    [k in T]?: ListItem[];
+};
+export type ColumnType = ColumnTypeInternal<'Default' | 'Table'>;
 export declare class MdsHelperService {
     private authentication;
+    private mdsService;
+    private translate;
     static getSortInfo(mdsSet: MdsDefinition, name: string): MdsSort;
-    static getColumns(translate: TranslateService, mdsSet: any, name: string): ListItem[];
+    /**
+     *
+     * get columns as an object structure
+     * There are always Columns in the result.Default but there can also be further types
+     * See @ColumnType
+     */
+    getColumns(mdsSet: MdsDefinition, name: string): ColumnType;
     /**
      * Finds the appropriate widget with the id, but will not check any widget conditions
      * @param cid
@@ -13,7 +25,7 @@ export declare class MdsHelperService {
      * @param widgets
      */
     static getWidget(cid: string, template: string | undefined | null, widgets: MdsWidget[]): MdsWidget;
-    constructor(authentication: AuthenticationService);
+    constructor(authentication: AuthenticationService, mdsService: MdsService, translate: TranslateService);
     /**
      * Same as getWidget, but will also check the widget conditions
      * @param connector
@@ -32,6 +44,11 @@ export declare class MdsHelperService {
      * Returns all widgets used by the given template
      */
     static getUsedWidgets(mds: MdsDefinition, template?: string): any[];
+    /**
+     * Same as getColumns, but you don't need to fetch the mds yourself
+     */
+    getColumnsByMdsId(name: string, mds: Partial<MdsIdentifier>): Promise<ColumnType>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MdsHelperService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MdsHelperService>;
 }
+export {};

package/lib/mds-viewer/mds-editor-instance-service.abstract.d.ts

@@ -10,5 +10,5 @@ export declare abstract class MdsEditorInstanceServiceAbstract {
     /** Nodes with updated and complete metadata. */
     nodes$: BehaviorSubject<Node[]>;
     abstract saveWidgetValue(widget: any): Promise<void>;
-    abstract fetchDisplayValues(widget: any): Promise<void>;
+    abstract fetchDisplayValues(widget: any, additionalKeys?: string[]): Promise<void>;
 }

package/lib/mds-viewer/mds-viewer.component.d.ts

@@ -48,5 +48,5 @@ export declare class MdsViewerComponent implements OnChanges {
     private prepareHTML;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MdsViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MdsViewerComponent, "es-mds-viewer", never, { "mdsEditorInstanceService": { "alias": "mdsEditorInstanceService"; "required": false; }; "groupId": { "alias": "groupId"; "required": false; }; "setId": { "alias": "setId"; "required": false; }; "data": { "alias": "data"; "required": false; }; "showGroupHeadings": { "alias": "showGroupHeadings"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MdsViewerComponent, "es-mds-viewer", never, { "mdsEditorInstanceService": { "alias": "mdsEditorInstanceService"; "required": false; }; "groupId": { "alias": "groupId"; "required": false; }; "setId": { "alias": "setId"; "required": false; }; "data": { "alias": "data"; "required": false; }; "mds": { "alias": "mds"; "required": false; }; "showGroupHeadings": { "alias": "showGroupHeadings"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/mds-viewer/widget/mds-widget.component.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { MatRipple } from '@angular/material/core';
 import { MdsValue, MdsWidget, Suggestion } from 'ngx-edu-sharing-api';
 import { UIService } from '../../services/ui.service';
 import { ViewInstanceService } from '../view-instance.service';
-import { BehaviorSubject } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
 import { MdsViewerService } from '../mds-viewer.service';
 import { NodeHelperService } from '../../services/node-helper.service';
 import { MdsEditorInstanceServiceAbstract } from '../mds-editor-instance-service.abstract';
@@ -25,8 +25,11 @@ export interface MdsValueList {
 }
 export interface MdsViewerWidget {
     definition: MdsWidget;
+    focusTrigger: Subject<void>;
     getInitalValuesAsync(): Promise<InitialValues>;
     getInitialDisplayValues(): BehaviorSubject<MdsValueList>;
+    getBasicType(flat?: boolean): string;
+    getFormattedValue(value: string[], basicType: string, translate: TranslateService): string[];
 }
 export declare enum MdsWidgetType {
     Text = "text",
@@ -72,7 +75,7 @@ export declare enum ValueType {
     MultiValue = 1,
     Range = 2
 }
-export declare class MdsWidgetComponent implements OnInit, OnChanges {
+export declare class MdsWidgetComponent implements OnInit, OnDestroy, OnChanges {
     private mdsEditorInstance;
     translate: TranslateService;
     private ui;
@@ -81,6 +84,8 @@ export declare class MdsWidgetComponent implements OnInit, OnChanges {
     private injector;
     private nodeHelper;
     readonly ROUTER_PREFIX: string;
+    readonly focusTrigger: Subject<void>;
+    readonly destroyed$: Subject<void>;
     private static readonly inlineEditing;
     readonly valueType = ValueType.String;
     widget: MdsViewerWidget;
@@ -107,18 +112,16 @@ export declare class MdsWidgetComponent implements OnInit, OnChanges {
     value: import("@angular/core").WritableSignal<string[]>;
     private temporaryValue;
     constructor(mdsEditorInstance: MdsEditorInstanceServiceAbstract, translate: TranslateService, ui: UIService, viewInstance: ViewInstanceService, mdsViewerService: MdsViewerService, injector: Injector, nodeHelper: NodeHelperService);
+    ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     ngOnInit(): Promise<void>;
     getDefinition(): MdsWidget;
-    getBasicType(): "text" | "license" | "number" | "date" | "vcard" | "array" | "tree" | "slider" | "duration" | "range" | "unknown";
     supportsInlineEditing(): boolean;
     private getNodeValues;
     private getNodeValue;
     getValue(data: string[]): any[];
     click(): void;
-    formatDate(): string[];
-    formatNumber(): string[];
-    formatText(): string[];
+    formatValue(): string[];
     finishEdit(instance: any, store?: boolean): Promise<void>;
     isEditable(): boolean;
     focus(): Promise<void>;
@@ -132,7 +135,7 @@ export declare class MdsWidgetComponent implements OnInit, OnChanges {
      */
     private getRawValue;
     getSearchParams(key: MdsValue): any;
-    startEdit(event: MouseEvent): void;
+    startEdit(event?: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MdsWidgetComponent, [{ optional: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MdsWidgetComponent, "es-mds-widget", never, { "widget": { "alias": "widget"; "required": false; }; "showCaption": { "alias": "showCaption"; "required": false; }; "inlineEditing": { "alias": "inlineEditing"; "required": false; }; "definition": { "alias": "definition"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,7 +3,7 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CustomOptions, OptionItem, Target } from '../types/option-item';
 import { ListItem, ListItemSort } from '../types/list-item';
 import { CanDrop, DragData, DropAction } from '../types/drag-drop';
-import { Node, GenericAuthority } from 'ngx-edu-sharing-api';
+import { GenericAuthority, Node } from 'ngx-edu-sharing-api';
 import { ActionbarComponent } from '../actionbar/actionbar.component';
 import { Observable } from 'rxjs';
 export type NodeRoot = 'MY_FILES' | 'COLLECTION_HOME' | 'SHARED_FILES' | 'MY_SHARED_FILES' | 'TO_ME_SHARED_FILES' | 'WORKFLOW_RECEIVE' | 'RECYCLE' | 'ALL_FILES';
@@ -75,6 +75,15 @@ export type GridConfig = {
      */
     layout?: GridLayout;
 };
+export type TableConfig = {
+    dataColumnWidth?: number;
+    /**
+     * how the columns should be shown (in table mode)
+     * limit: limits the max amount based on the avgColumnWidth
+     * scroll: horizontal scrolling
+     */
+    dataColumnLayout: 'scroll' | 'limit';
+};
 export interface ListEventInterface<T extends NodeEntriesDataType> {
     updateNodes(nodes: void | T[]): void;
     onDisplayTypeChange(): Observable<NodeEntriesDisplayType>;

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

@@ -40,6 +40,6 @@ export declare class NodeEntriesCardComponent<T extends Node> implements OnChang
     openMenu(node: T): Promise<void>;
     ngOnInit(): Promise<void>;
     getTemplate(name: CustomFieldSpecialType): import("@angular/core").TemplateRef<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesCardComponent<any>, [null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesCardComponent<any>, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesCardComponent<any>, "es-node-entries-card", never, { "dropdown": { "alias": "dropdown"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -38,6 +38,7 @@ export declare class NodeEntriesTableComponent<T extends NodeEntriesDataType> im
     columnChooserTrigger: CdkOverlayOrigin;
     dropdown: DropdownComponent;
     menuTrigger: MatMenuTrigger;
+    isScroll: boolean;
     dropdownLeft: number;
     dropdownTop: number;
     loading: Observable<boolean>;
@@ -52,6 +53,7 @@ export declare class NodeEntriesTableComponent<T extends NodeEntriesDataType> im
     readonly visibleDataColumns$: rxjs.Observable<ListItem[]>;
     readonly visibleColumnNames$: rxjs.Observable<string[]>;
     private destroyed;
+    containerWidth$: rxjs.BehaviorSubject<number>;
     constructor(entriesService: NodeEntriesService<T>, entriesGlobalService: NodeEntriesGlobalService, applicationRef: ApplicationRef, toast: Toast, translations: TranslationsService, nodeHelperService: NodeHelperService, changeDetectorRef: ChangeDetectorRef, ui: UIService, ngZone: NgZone, elementRef: ElementRef<HTMLElement>);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -1,7 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChange, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 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 { FetchEvent, GridConfig, InteractionType, ListDragGropConfig, ListEventInterface, ListOptions, ListOptionsConfig, ListSortConfig, NodeClickEvent, NodeEntriesDataType, NodeEntriesDisplayType, TableConfig } from './entries-model';
 import { NodeDataSource } from './node-data-source';
 import { CustomSelectionModel, NodeEntriesService } from '../services/node-entries.service';
 import { OptionItem, Scope } from '../types/option-item';
@@ -11,6 +11,8 @@ import { TemporaryStorageService } from '../services/temporary-storage.service';
 import { Node, NodeService } from 'ngx-edu-sharing-api';
 import { OptionsHelperDataService } from '../services/options-helper-data.service';
 import { UIService } from '../services/ui.service';
+import { SelectionChange } from '@angular/cdk/collections';
+import { ColumnType } from '../mds/mds-helper.service';
 import * as i0 from "@angular/core";
 export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType> implements AfterViewInit, OnInit, OnChanges, OnDestroy, ListEventInterface<T> {
     private viewContainerRef;
@@ -43,7 +45,7 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     nodeEntriesComponentRef: NodeEntriesComponent<T>;
     dataSource: NodeDataSource<T>;
     scope: Scope;
-    columns: ListItem[];
+    columns: ColumnType;
     configureColumns: boolean;
     checkbox: boolean;
     /**
@@ -54,10 +56,12 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     globalOptions: OptionItem[];
     displayType: NodeEntriesDisplayType;
     displayTypeChange: EventEmitter<NodeEntriesDisplayType>;
+    selectionChange: EventEmitter<SelectionChange<T>>;
     elementInteractionType: InteractionType;
     sort: ListSortConfig;
     dragDrop: ListDragGropConfig<T>;
     gridConfig: GridConfig;
+    tableConfig: TableConfig;
     /**
      * This color defines the base color of gradients visually limiting a grid in scroll direction.
      * Defaults to white.
@@ -94,6 +98,10 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
      * Do not load more data on scroll.
      */
     disableInfiniteScroll: boolean;
+    /**
+     *  show the icon column (table view only)
+     */
+    showIconColumn: boolean;
     fetchData: EventEmitter<FetchEvent>;
     clickItem: EventEmitter<NodeClickEvent<T>>;
     dblClickItem: EventEmitter<NodeClickEvent<T>>;
@@ -102,7 +110,9 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
     displayTypeChanged: EventEmitter<NodeEntriesDisplayType>;
     customNodeListComponent: Type<NodeEntriesComponent<T>>;
     private componentRef;
+    lastLoadingCompleted: number;
     private options;
+    private dataSourceDestroy$;
     private destroyed;
     constructor(viewContainerRef: ViewContainerRef, temporaryStorageService: TemporaryStorageService, ngZone: NgZone, entriesService: NodeEntriesService<T>, nodeService: NodeService, optionsHelper: OptionsHelperDataService, nodeHelperService: NodeHelperService, uiService: UIService, templatesService: NodeEntriesTemplatesService, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef);
     ngOnInit(): void;
@@ -135,7 +145,15 @@ export declare class NodeEntriesWrapperComponent<T extends NodeEntriesDataType>
      * hint: this will do nothing in case the paginationStrategy !== Pagination
      */
     resetPagination(): void;
+    /**
+     * inform the paginator about the current config set
+     * @param config
+     */
+    setPaginator(config: {
+        skipCount: number;
+        maxItems: number;
+    }): 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; }; "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>;
+    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; }; "tableConfig": { "alias": "tableConfig"; "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; }; "showIconColumn": { "alias": "showIconColumn"; "required": false; }; }, { "columnsChange": "columnsChange"; "displayTypeChange": "displayTypeChange"; "selectionChange": "selectionChange"; "fetchData": "fetchData"; "clickItem": "clickItem"; "dblClickItem": "dblClickItem"; "sortChange": "sortChange"; "virtualNodesAdded": "virtualNodesAdded"; "displayTypeChanged": "displayTypeChanged"; }, ["titleRef", "emptyRef", "actionAreaRef", "overlayRef"], never, false, never>;
 }

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

@@ -7,6 +7,7 @@ import { NodeEntriesGlobalService } from './node-entries-global.service';
 import { NodeEntriesTemplatesService } from './node-entries-templates.service';
 import { NodeEntriesService } from '../services/node-entries.service';
 import { KeyboardShortcutsService } from '../services/abstract/keyboard-shortcuts.service';
+import { TranslationsService } from '../translations/translations.service';
 import * as i0 from "@angular/core";
 export declare class NodeEntriesComponent<T extends NodeEntriesDataType> implements OnInit, AfterViewInit, OnDestroy {
     changeDetectorRef: ChangeDetectorRef;
@@ -15,12 +16,14 @@ export declare class NodeEntriesComponent<T extends NodeEntriesDataType> impleme
     templatesService: NodeEntriesTemplatesService;
     private globalKeyboardShortcuts;
     private route;
+    private translationsService;
     private translate;
     readonly NodeEntriesDisplayType: typeof NodeEntriesDisplayType;
     paginator: MatPaginator;
+    get isEmpty(): boolean;
     private readonly destroyed;
     private readonly updateKeyboardShortcuts;
-    constructor(changeDetectorRef: ChangeDetectorRef, entriesGlobalService: NodeEntriesGlobalService, entriesService: NodeEntriesService<T>, templatesService: NodeEntriesTemplatesService, globalKeyboardShortcuts: KeyboardShortcutsService, route: ActivatedRoute, translate: TranslateService);
+    constructor(changeDetectorRef: ChangeDetectorRef, entriesGlobalService: NodeEntriesGlobalService, entriesService: NodeEntriesService<T>, templatesService: NodeEntriesTemplatesService, globalKeyboardShortcuts: KeyboardShortcutsService, route: ActivatedRoute, translationsService: TranslationsService, translate: TranslateService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -28,6 +31,6 @@ export declare class NodeEntriesComponent<T extends NodeEntriesDataType> impleme
     private initRemoteDataSource;
     private initPaginator;
     openPage(page: PageEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesComponent<any>, [null, null, null, null, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesComponent<any>, [null, null, null, null, { optional: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NodeEntriesComponent<any>, "es-node-entries", never, {}, {}, never, never, false, never>;
 }

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

@@ -38,6 +38,6 @@ import * as i36 from "@angular/material/tooltip";
 import * as i37 from "@ngx-translate/core";
 export declare class NodeEntriesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeEntriesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NodeEntriesModule, [typeof i1.ColumnChooserComponent, typeof i2.DragPreviewComponent, typeof i3.ListItemLabelPipe, typeof i4.NodeEntriesCardComponent, typeof i5.NodeEntriesCardGridComponent, typeof i6.NodeEntriesCardSmallComponent, typeof i7.NodeEntriesTableComponent, typeof i8.NodeRatingComponent, typeof i9.PreviewImageComponent, typeof i10.NodeEntriesComponent, typeof i11.NodeEntriesWrapperComponent, typeof i8.NodeRatingComponent, typeof i12.NodeTypeBadgeComponent, typeof i13.OptionButtonComponent, typeof i9.PreviewImageComponent, typeof i14.SortSelectPanelComponent, typeof i15.NodesDragDirective, typeof i16.NodesDragSourceDirective, typeof i17.NodesDropTargetDirective, typeof i18.NodeEntriesGlobalOptionsComponent, typeof i19.NodeStatsBadgesComponent], [typeof i20.CommonModule, typeof i21.FormsModule, typeof i22.A11yModule, typeof i23.OverlayModule, typeof i24.DragDropModule, typeof i25.EduSharingUiCommonModule, typeof i26.ListItemsModule, typeof i27.MatCheckboxModule, typeof i28.MatButtonModule, typeof i29.MatBadgeModule, typeof i30.MatMenuModule, typeof i31.MatTableModule, typeof i27.MatCheckboxModule, typeof i32.MatPaginatorModule, typeof i33.MatRippleModule, typeof i34.MatSlideToggleModule, typeof i35.MatSortModule, typeof i36.MatTooltipModule, typeof i37.TranslateModule], [typeof i11.NodeEntriesWrapperComponent, typeof i15.NodesDragDirective, typeof i16.NodesDragSourceDirective, typeof i17.NodesDropTargetDirective, typeof i3.ListItemLabelPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NodeEntriesModule, [typeof i1.ColumnChooserComponent, typeof i2.DragPreviewComponent, typeof i3.ListItemLabelPipe, typeof i4.NodeEntriesCardComponent, typeof i5.NodeEntriesCardGridComponent, typeof i6.NodeEntriesCardSmallComponent, typeof i7.NodeEntriesTableComponent, typeof i8.NodeRatingComponent, typeof i9.PreviewImageComponent, typeof i10.NodeEntriesComponent, typeof i11.NodeEntriesWrapperComponent, typeof i8.NodeRatingComponent, typeof i12.NodeTypeBadgeComponent, typeof i13.OptionButtonComponent, typeof i9.PreviewImageComponent, typeof i14.SortSelectPanelComponent, typeof i15.NodesDragDirective, typeof i16.NodesDragSourceDirective, typeof i17.NodesDropTargetDirective, typeof i18.NodeEntriesGlobalOptionsComponent, typeof i19.NodeStatsBadgesComponent], [typeof i20.CommonModule, typeof i21.FormsModule, typeof i22.A11yModule, typeof i23.OverlayModule, typeof i24.DragDropModule, typeof i25.EduSharingUiCommonModule, typeof i26.ListItemsModule, typeof i27.MatCheckboxModule, typeof i28.MatButtonModule, typeof i29.MatBadgeModule, typeof i30.MatMenuModule, typeof i31.MatTableModule, typeof i27.MatCheckboxModule, typeof i32.MatPaginatorModule, typeof i33.MatRippleModule, typeof i34.MatSlideToggleModule, typeof i35.MatSortModule, typeof i36.MatTooltipModule, typeof i37.TranslateModule], [typeof i3.ListItemLabelPipe, typeof i11.NodeEntriesWrapperComponent, typeof i4.NodeEntriesCardComponent, typeof i8.NodeRatingComponent, typeof i15.NodesDragDirective, typeof i16.NodesDragSourceDirective, typeof i17.NodesDropTargetDirective, typeof i19.NodeStatsBadgesComponent, typeof i12.NodeTypeBadgeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NodeEntriesModule>;
 }

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

@@ -18,7 +18,7 @@ export declare class NodeImagePipe implements PipeTransform {
     private repoUrlService;
     private networkApi;
     constructor(nodeHelper: NodeHelperService, sanitizer: DomSanitizer, repoUrlService: RepoUrlService, networkApi: NetworkService);
-    transform(node: Node, preferences: NodeImagePreferences): Observable<SafeResourceUrl>;
+    transform(node: Node, preferences?: NodeImagePreferences): Observable<SafeResourceUrl>;
     private getPreviewUrl;
     private isEduSharingNode;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeImagePipe, never>;

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

@@ -0,0 +1,11 @@
+import { PipeTransform } from '@angular/core';
+import { Node } from 'ngx-edu-sharing-api';
+import { NodeHelperService } from '../services/node-helper.service';
+import * as i0 from "@angular/core";
+export declare class NodeUrlPipe implements PipeTransform {
+    private nodeHelperService;
+    constructor(nodeHelperService: NodeHelperService);
+    transform(node: Node, mode?: 'routerLink' | 'queryParams' | 'plain'): string | import("@angular/router").Params;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeUrlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NodeUrlPipe, "esNodeUrl", false>;
+}

package/lib/pipes/toolpermission.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import { AuthenticationService } from 'ngx-edu-sharing-api';
+import * as i0 from "@angular/core";
+export declare class ToolpermissionPipe implements PipeTransform {
+    private authenticationService;
+    constructor(authenticationService: AuthenticationService);
+    transform(toolpermission: string): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolpermissionPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ToolpermissionPipe, "esToolpermission", true>;
+}

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

@@ -1,7 +1,7 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { EventEmitter, WritableSignal } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { ClickSource, FetchEvent, GridConfig, InteractionType, ListDragGropConfig, ListEventInterface, ListOptions, ListSortConfig, NodeClickEvent, NodeEntriesDataType, NodeEntriesDisplayType } from '../node-entries/entries-model';
+import { ClickSource, FetchEvent, GridConfig, InteractionType, ListDragGropConfig, ListEventInterface, ListOptions, ListSortConfig, NodeClickEvent, NodeEntriesDataType, NodeEntriesDisplayType, TableConfig } from '../node-entries/entries-model';
 import { NodeDataSource } from '../node-entries/node-data-source';
 import { NodeEntriesGlobalService, PaginationStrategy } from '../node-entries/node-entries-global.service';
 import { OptionItem, Scope } from '../types/option-item';
@@ -79,11 +79,15 @@ export declare class NodeEntriesService<T extends NodeEntriesDataType> {
     dblClickItem: EventEmitter<NodeClickEvent<T>>;
     fetchData: EventEmitter<FetchEvent>;
     readonly gridConfig$: BehaviorSubject<GridConfig>;
+    readonly tableConfig$: BehaviorSubject<TableConfig>;
     get gridConfig(): GridConfig;
     set gridConfig(value: GridConfig);
+    get tableConfig(): TableConfig;
+    set tableConfig(value: TableConfig);
     primaryInstance: boolean;
     singleClickHint: 'dynamic' | 'static';
     disableInfiniteScroll: boolean;
+    showIconColumn: BehaviorSubject<boolean>;
     scrollGradientColor: WritableSignal<string>;
     constructor(uiService: UIService, toast: Toast, entriesGlobal: NodeEntriesGlobalService);
     onClicked({ event, ...data }: NodeClickEvent<T> & {