ngx-edu-sharing-ui 9.0.2 → 9.1.1

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 } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ConfigService } from 'ngx-edu-sharing-api';
 import * as i0 from "@angular/core";
@@ -18,9 +18,9 @@ export declare class IconDirective implements OnInit, OnDestroy {
     private element;
     private translate;
     private config;
+    private originalId$;
     private _id;
     private _aria;
-    private iconsConfig;
     private altTextSpan;
     private isReady;
     /**

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/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/list-items/list-text/list-text.component.d.ts

@@ -17,7 +17,7 @@ export declare class ListTextComponent extends ListWidget implements OnInit {
     constructor(nodeHelper: NodeHelperService, mds: MdsService, changeDetectorRef: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     ngOnInit(): Promise<void>;
-    getNode(): Node | Constants.Group | Constants.Person | Constants.Statistics;
+    getNode(): Node | Constants.Person | Constants.Group | Constants.Statistics;
     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 | ProposalNode | Group | Person | Statistics>;
+    protected readonly nodeSubject: BehaviorSubject<Node | ProposalNode | Person | Group | Statistics>;
     get item(): ListItem;
     set item(value: ListItem);
     protected readonly itemSubject: BehaviorSubject<ListItem>;

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

@@ -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;

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.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,15 @@
+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;
+    isShown: boolean;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
     optionIsValid(optionItem: OptionItem, node: Node): boolean;
-    optionIsShown(optionItem: OptionItem, node: Node): 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/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 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, nodes: Node[]): void;
-    abstract filterOptions(options: OptionItem[], target: Target, data: OptionData, objects: Node[] | any): OptionItem[];
+    abstract filterOptions(options: OptionItem[], target: Target, data: OptionData, objects: Node[] | any): Promise<OptionItem[]>;
 }

package/lib/services/app-container.service.d.ts

@@ -0,0 +1,43 @@
+import { NgZone } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Provides methods on the container that hosts the application.
+ *
+ * Usually, this will be `window`, but in case the application is embedded as a web component, it is
+ * a `HTMLElement`.
+ */
+export declare class AppContainerService {
+    private ngZone;
+    private scrollContainer?;
+    constructor(ngZone: NgZone);
+    init(appElement: HTMLElement): void;
+    /**
+     * Registers one or more events on the application's scroll container.
+     *
+     * Note that the callback will be called outside of ng zone, so you must wrap any action that
+     * should be reflected by Angular with `ngZone.run()`.
+     */
+    registerScrollEvents(callback: (event: Event) => void, until: Observable<void>, { events }?: {
+        events?: string[];
+    }): void;
+    /**
+     * Return true if there is a scrolling ancestor that encompasses the app other than the document
+     * element.
+     */
+    hasScrollContainer(): boolean;
+    /**
+     * Returns the nearest scrolling container element that encompasses the app if the app is
+     * embedded in another web page.
+     *
+     * If the app is served natively, returns the document element.
+     */
+    getScrollContainer(): HTMLElement;
+    getScrollContainer<T>({ fallback }: {
+        fallback: T;
+    }): T;
+    private registerScrollContainer;
+    private getNearestScrollingAncestor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppContainerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppContainerService>;
+}

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

@@ -1,13 +1,38 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, WritableSignal } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
-import { 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 } 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';
 import { ListItem } from '../types/list-item';
 import { UIService } from './ui.service';
 import * as i0 from "@angular/core";
+/**
+ Custom selection model which adds the click source of the selection.
+ USED IN EXTENSIONS!
+ */
+export declare class CustomSelectionModel<T> extends SelectionModel<T> {
+    private _clickSource;
+    /**
+     * used in extensions
+     */
+    readonly changedClickSource: import("rxjs").Observable<{
+        clickSource: ClickSource;
+        source: SelectionModel<T>;
+        added: T[];
+        removed: T[];
+    }>;
+    deselect(...values: T[]): void;
+    toggle(value: T): void;
+    clear(): void;
+    select(...values: T[]): void;
+    /**
+     * used in extensions
+     * @param value
+     */
+    set clickSource(value: ClickSource);
+}
 export declare class NodeEntriesService<T extends NodeEntriesDataType> {
     private uiService;
     private entriesGlobal;
@@ -30,16 +55,15 @@ export declare class NodeEntriesService<T extends NodeEntriesDataType> {
     get columns(): ListItem[];
     set columns(value: ListItem[]);
     configureColumns: boolean;
-    /** Emits when the columns configuration changes through user interaction. */
-    columnsChange: EventEmitter<ListItem[]>;
     displayType: NodeEntriesDisplayType;
-    selection: SelectionModel<T>;
+    selection: CustomSelectionModel<T>;
     elementInteractionType: InteractionType;
     options$: BehaviorSubject<ListOptions>;
     get options(): ListOptions;
     set options(options: ListOptions);
     checkbox: boolean;
-    globalOptions: OptionItem[];
+    globalOptionsSubject: BehaviorSubject<OptionItem[]>;
+    set globalOptions(globalOptions: OptionItem[]);
     sortSubject: BehaviorSubject<ListSortConfig>;
     get sort(): ListSortConfig;
     set sort(value: ListSortConfig);
@@ -54,6 +78,7 @@ export declare class NodeEntriesService<T extends NodeEntriesDataType> {
     primaryInstance: boolean;
     singleClickHint: 'dynamic' | 'static';
     disableInfiniteScroll: boolean;
+    scrollGradientColor: WritableSignal<string>;
     constructor(uiService: UIService, entriesGlobal: NodeEntriesGlobalService);
     onClicked({ event, ...data }: NodeClickEvent<T> & {
         event: MouseEvent;

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

@@ -10,7 +10,8 @@ export declare class NodeHelperService {
     protected networkService: NetworkService;
     protected configService: ConfigService;
     protected repoUrlService: RepoUrlService;
-    constructor(translate: TranslateService, apiHelpersService: ApiHelpersService, networkService: NetworkService, configService: ConfigService, repoUrlService: RepoUrlService);
+    private assetsBasePath;
+    constructor(translate: TranslateService, apiHelpersService: ApiHelpersService, networkService: NetworkService, configService: ConfigService, repoUrlService: RepoUrlService, assetsBasePath: string);
     getCollectionScopeInfo(node: Node): {
         icon: string;
         scopeName: string;
@@ -41,8 +42,9 @@ export declare class NodeHelperService {
      * return the License URL (e.g. for CC_BY licenses) for a license string and version
      * @param licenseProperty
      * @param licenseVersion
+     * @param licenseLocale
      */
-    getLicenseUrlByString(licenseProperty: string, licenseVersion: string): any;
+    getLicenseUrlByString(licenseProperty: string, licenseVersion: string, licenseLocale: string): import("rxjs").Observable<string>;
     getWorkflowStatusById(id: string): Workflow.WorkflowDefinition;
     getWorkflowStatus(node: Node, useFromConfig?: boolean): Workflow.WorkflowDefinitionStatus;
     getDefaultWorkflowStatus(useFromConfig?: boolean): Workflow.WorkflowDefinitionStatus;
@@ -51,6 +53,6 @@ export declare class NodeHelperService {
     isNodeCollection(node: Node): boolean;
     getSourceIconPath(src: string): string;
     getNodeLink(mode: 'routerLink' | 'queryParams', node: Node): string | Params;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NodeHelperService, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeHelperService, [null, null, null, null, null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NodeHelperService>;
 }

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

@@ -56,12 +56,12 @@ export declare class OptionsHelperDataService implements OnDestroy {
     initComponents(actionbar?: ActionbarComponent, list?: ListEventInterface<NodeEntriesDataType>, dropdown?: DropdownComponent): Promise<void>;
     getData(): OptionData;
     setData(data: OptionData): void;
-    refreshComponents(refreshListOptions?: boolean): void;
-    getAvailableOptions(target: Target, objects?: Node[]): OptionItem[];
+    refreshComponents(refreshListOptions?: boolean): Promise<void>;
+    getAvailableOptions(target: Target, objects?: Node[]): Promise<OptionItem[]>;
     private addVirtualObjects;
     registerGlobalKeyboardShortcuts(): void;
     private handleKeyboardEvent;
-    filterOptions(options: OptionItem[], target: Target, objects?: Node[] | any): OptionItem[];
+    filterOptions(options: OptionItem[], target: Target, objects?: Node[] | any): Promise<OptionItem[]>;
     /**
      * shortcut to simply disable all options on the given compoennts
      * @param actionbar

package/lib/services/ui.service.d.ts

@@ -1,4 +1,5 @@
 import { ComponentFactoryResolver, ComponentRef, Injector, NgZone, Type, ViewContainerRef } from '@angular/core';
+import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { OptionItem } from '../types/option-item';
 import * as i0 from "@angular/core";
@@ -6,7 +7,7 @@ export declare class UIService {
     protected componentFactoryResolver: ComponentFactoryResolver;
     protected injector: Injector;
     protected ngZone: NgZone;
-    private isTouchSubject;
+    isTouchSubject: rxjs.BehaviorSubject<boolean>;
     private metaKeyPressedSubject;
     private shiftKeyPressedSubject;
     private ctrlKeyPressedSubject;
@@ -15,6 +16,12 @@ export declare class UIService {
     private onKeyDownOrKeyUp;
     private updateModifierKeys;
     observeCtrlOrCmdKeyPressedOutsideZone(): Observable<boolean>;
+    /**
+     * @Deprecated
+     * Prefer to subscribe to the isTouchSubject directly if viable
+     *
+     * Returns true if the current sessions seems to be running on a mobile device
+     */
     isMobile(): boolean;
     static evaluateMediaQuery(type: string, value: number): boolean;
     filterValidOptions(options: OptionItem[]): OptionItem[];

package/lib/spinner/spinner.component.d.ts

@@ -3,5 +3,5 @@ export declare class SpinnerComponent {
     readonly dataTest = "loading-spinner";
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "es-spinner", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "es-spinner", never, {}, {}, never, never, true, never>;
 }

package/lib/translations/translation-loader.d.ts

@@ -8,12 +8,13 @@ type Dictionary = {
     [key: string]: string | Dictionary;
 };
 export declare class TranslationLoader implements TranslateLoader {
+    private assetsBasePath;
     private http;
     private configService;
     private configuration;
     private prefix;
     private suffix;
-    static create(http: HttpClient, configService: ConfigService, configuration: EduSharingUiConfiguration): TranslationLoader;
+    static create(http: HttpClient, configService: ConfigService, configuration: EduSharingUiConfiguration, assetsBasePath?: string): TranslationLoader;
     private constructor();
     private readonly source;
     /**

package/lib/types/injection-tokens.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * 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.
+ */
+export declare const ASSETS_BASE_PATH: InjectionToken<string>;

package/lib/types/option-item.d.ts

@@ -8,8 +8,7 @@
 import { KeyboardShortcutCondition } from '../types/keyboard-shortcuts';
 export declare enum NodesRightMode {
     Local = 0,
-    Original = 1,
-    Both = 2
+    Effective = 1
 }
 export declare class OptionItem {
     name: string;
@@ -79,12 +78,12 @@ export declare class OptionItem {
      * Is handled by optionsHelper and may not be used otherwise
      * Please use @customShowCallback instead
      */
-    showCallback: (node?: Node | any) => boolean;
+    showCallback: (node?: Node | any) => Promise<boolean>;
     /**
      * A function called with the node as parm which should return true or false if the option should be shown for this node
      * Will be called by the optionsHelper
      */
-    customShowCallback: (nodes?: Node[] | any[]) => boolean;
+    customShowCallback: (nodes?: Node[] | any[]) => Promise<boolean>;
     /**
      * A function called with the node as param which should return true or false if the option should be enabled or not
      * Is handled by optionsHelper and may not be used otherwise