ngx-edu-sharing-ui 10.0.8 → 10.0.10

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

@@ -1,35 +1,38 @@
 import * as i0 from "@angular/core";
-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 "../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-license.pipe";
-import * as i15 from "../pipes/node-person-name.pipe";
-import * as i16 from "../pipes/node-title.pipe";
-import * as i17 from "../node-url/node-url.component";
-import * as i18 from "../pipes/option-tooltip.pipe";
-import * as i19 from "../pipes/replace-chars.pipe";
-import * as i20 from "../sort-dropdown/sort-dropdown.component";
-import * as i21 from "../pipes/vcard-name.pipe";
-import * as i22 from "@angular/common";
-import * as i23 from "@angular/material/menu";
-import * as i24 from "../spinner/spinner.component";
-import * as i25 from "@angular/material/button";
-import * as i26 from "@angular/material/tooltip";
-import * as i27 from "@angular/material/core";
-import * as i28 from "@ngx-translate/core";
-import * as i29 from "@angular/router";
+import * as i1 from "../mds-viewer/mds-viewer.component";
+import * as i2 from "../mds-viewer/widget/mds-widget.component";
+import * as i3 from "../actionbar/actionbar.component";
+import * as i4 from "../directives/border-box-observer.directive";
+import * as i5 from "../directives/check-text-overflow.directive";
+import * as i6 from "../dropdown/dropdown.component";
+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 "@angular/material/button";
+import * as i29 from "@angular/material/tooltip";
+import * as i30 from "@angular/material/core";
+import * as i31 from "@ngx-translate/core";
+import * as i32 from "@angular/router";
 export declare class EduSharingUiCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EduSharingUiCommonModule, never>;
-    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.NodeLicensePipe, typeof i15.NodePersonNamePipe, typeof i16.NodeTitlePipe, typeof i17.NodeUrlComponent, typeof i18.OptionTooltipPipe, typeof i19.ReplaceCharsPipe, typeof i20.SortDropdownComponent, typeof i21.VCardNamePipe], [typeof i22.CommonModule, typeof i23.MatMenuModule, typeof i24.SpinnerComponent, typeof i25.MatButtonModule, typeof i26.MatTooltipModule, typeof i27.MatRippleModule, typeof i28.TranslateModule, typeof i29.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 i15.NodePersonNamePipe, typeof i16.NodeTitlePipe, typeof i17.NodeUrlComponent, typeof i20.SortDropdownComponent, typeof i24.SpinnerComponent, typeof i21.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.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.MatButtonModule, typeof i29.MatTooltipModule, typeof i30.MatRippleModule, typeof i31.TranslateModule, typeof i32.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 i24.VCardNamePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EduSharingUiCommonModule>;
 }

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

@@ -1,3 +1,4 @@
+import { HttpClient } from '@angular/common/http';
 import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { ConfigService } from 'ngx-edu-sharing-api';
@@ -16,6 +17,7 @@ import * as i0 from "@angular/core";
  */
 export declare class IconDirective implements OnInit, OnDestroy {
     private element;
+    private http;
     private translate;
     private renderer;
     private config;
@@ -36,13 +38,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, renderer: Renderer2, config: ConfigService);
+    constructor(element: ElementRef<HTMLElement>, http: HttpClient, 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, null, { optional: true; }]>;
+    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>;
 }

package/lib/index.d.ts

@@ -1,6 +1,9 @@
+export * from './mds-viewer/mds-viewer.component';
+export * from './mds-viewer/widget/mds-widget.component';
 export * from './actionbar/actionbar.component';
 export * from './common/edu-sharing-ui-common.module';
 export * from './mds/mds.module';
+export * from './mds-viewer/view-instance.service';
 export * from './directives/border-box-observer.directive';
 export * from './directives/check-text-overflow.directive';
 export * from './directives/drag-nodes/drag-nodes';
@@ -30,10 +33,13 @@ export * from './node-entries/node-data-source-remote';
 export * from './node-entries/node-entries-global.service';
 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/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-icon.pipe';
 export * from './pipes/node-image-size.pipe';
 export * from './pipes/node-image.pipe';

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

@@ -0,0 +1,52 @@
+import { ComponentFactoryResolver, ElementRef, Injector, OnChanges, QueryList, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { MdsDefinition, MdsService, MdsView } from 'ngx-edu-sharing-api';
+import { Values } from '../services/search-helper.service';
+import { MdsViewerService } from './mds-viewer.service';
+import { ViewInstanceService } from './view-instance.service';
+import * as i0 from "@angular/core";
+export declare class MdsViewerComponent implements OnChanges {
+    private mdsService;
+    private mdsViewerService;
+    private factoryResolver;
+    private injector;
+    private containerRef;
+    private sanitizer;
+    private viewInstance;
+    container: QueryList<ElementRef>;
+    mdsEditorInstanceService: any;
+    groupId: string;
+    setId: string;
+    data: Values;
+    mds: MdsDefinition;
+    templates: {
+        view: MdsView;
+        html: SafeHtml;
+    }[];
+    /**
+     * show group headings (+ icons) for the individual templates
+     */
+    showGroupHeadings: boolean;
+    /**
+     * The heading level from 1 to 6 to use for widget labels, equivalent to `h1` to `h6`.
+     *
+     * If not set, widget labels are not marked as headings and an invisible colon is added between
+     * labels and values, that will be read out by screen readers.
+     */
+    set headingLevel(value: number | null);
+    get headingLevel(): number | null;
+    constructor(mdsService: MdsService, mdsViewerService: MdsViewerService, factoryResolver: ComponentFactoryResolver, injector: Injector, containerRef: ViewContainerRef, sanitizer: DomSanitizer, viewInstance: ViewInstanceService);
+    getGroup(): import("ngx-edu-sharing-api").MdsGroup;
+    getView(id: string): MdsView;
+    inflate(): Promise<void>;
+    /**
+     * close all custom tags inside the html which are not closed
+     * e.g. <cm:name>
+     *     -> <cm:name></cm:name>
+     * @param html
+     */
+    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>;
+}

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

@@ -0,0 +1,12 @@
+import { ElementRef, QueryList } from '@angular/core';
+import { MdsDefinition } from 'ngx-edu-sharing-api';
+import { BehaviorSubject } from 'rxjs';
+import { Values } from '../services/search-helper.service';
+import * as i0 from "@angular/core";
+export declare class MdsViewerService {
+    container: QueryList<ElementRef>;
+    values$: BehaviorSubject<Values>;
+    mds$: BehaviorSubject<MdsDefinition>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MdsViewerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MdsViewerService>;
+}

package/lib/mds-viewer/replace-element-with-div.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Replaces the given element with a div within the DOM.
+ *
+ * The purpose is to comply with W3C specifications for element and attribute names.
+ *
+ * Sets the attribute "data-element" to the old element tag name.
+ */
+export declare function replaceElementWithDiv(element: Element, mode?: 'append' | 'replace'): HTMLDivElement;

package/lib/mds-viewer/view-instance.service.d.ts

@@ -0,0 +1,20 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ViewInstanceService {
+    readonly isExpanded$: BehaviorSubject<boolean>;
+    /**
+     * The heading level from 1 to 6 to use for widget labels, equivalent to `h1` to `h6`.
+     *
+     * If not set, widget labels are not marked as headings and an invisible colon is added between
+     * labels and values, that will be read out by screen readers.
+     */
+    headingLevel: number | null;
+    /**
+     * how to display tree entries
+     * flat (only display the last entry)
+     * full (display the full tree path)
+     */
+    treeDisplay: 'flat' | 'path';
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewInstanceService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ViewInstanceService>;
+}

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

@@ -0,0 +1,111 @@
+import { ElementRef, OnChanges, 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 * as i0 from "@angular/core";
+export declare enum MdsType {
+    Io = "io",
+    IoBulk = "io_bulk",
+    Map = "map",
+    MapRef = "map_ref",
+    IoChildObject = "io_childobject",
+    Collection = "collection",
+    ToolDefinition = "tool_definition",
+    ToolInstance = "tool_instance",
+    SavedSearch = "saved_search"
+}
+export interface MdsValueList {
+    values: Suggestion[];
+}
+export declare enum MdsWidgetType {
+    Text = "text",
+    Number = "number",
+    Email = "email",
+    Date = "date",
+    Month = "month",
+    Color = "color",
+    Textarea = "textarea",
+    TinyMCE = "tinyMCE",
+    VCard = "vcard",
+    Checkbox = "checkbox",
+    RadioHorizontal = "radioHorizontal",
+    RadioVertical = "radioVertical",
+    CheckboxHorizontal = "checkboxHorizontal",
+    CheckboxVertical = "checkboxVertical",
+    MultiValueBadges = "multivalueBadges",
+    MultiValueFixedBadges = "multivalueFixedBadges",
+    MultiValueSuggestBadges = "multivalueSuggestBadges",
+    MultiValueAuthorityBadges = "multivalueAuthorityBadges",
+    Singleoption = "singleoption",
+    Slider = "slider",
+    Range = "range",
+    Duration = "duration",
+    SingleValueTree = "singlevalueTree",
+    SingleValueSuggestBadges = "singlevalueSuggestBadges",
+    MultiValueTree = "multivalueTree",
+    DefaultValue = "defaultvalue",
+    FacetList = "facetList"
+}
+export declare enum ValueType {
+    String = 0,
+    MultiValue = 1,
+    Range = 2
+}
+export declare class MdsWidgetComponent implements OnInit, OnChanges {
+    translate: TranslateService;
+    private ui;
+    private viewInstance;
+    readonly ROUTER_PREFIX: string;
+    private static readonly inlineEditing;
+    readonly valueType = ValueType.String;
+    widget: any;
+    showCaption: boolean;
+    /**
+     * allow inline editing
+     */
+    inlineEditing: 'auto' | 'always';
+    definition: MdsWidget;
+    view: any;
+    editWrapper: ElementRef;
+    matRipple: MatRipple;
+    basicType: string;
+    rawValue: {
+        path: MdsValue[];
+        id: string;
+    }[];
+    private mdsEditorInstance;
+    get headingLevel(): number;
+    value: string[];
+    private temporaryValue;
+    constructor(translate: TranslateService, ui: UIService, viewInstance: ViewInstanceService);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): Promise<void>;
+    getDefinition(): MdsWidget;
+    getBasicType(): "number" | "text" | "date" | "vcard" | "slider" | "range" | "duration" | "array" | "tree" | "unknown";
+    supportsInlineEditing(): boolean;
+    private getNodeValue;
+    getValue(data: string[]): any;
+    click(): void;
+    isEmpty(): boolean;
+    formatDate(): string[];
+    formatNumber(): string[];
+    formatText(): any[];
+    finishEdit(instance: any, store?: boolean): Promise<void>;
+    isEditable(): boolean;
+    focus(): Promise<void>;
+    /**
+     * return the path for a given value in a tree
+     */
+    private getPath;
+    /**
+     * fetch the raw node value
+     * Note: Will not work in a bulk state!
+     */
+    private getRawValue;
+    getSearchParams(key: MdsValue): any;
+    startEdit(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MdsWidgetComponent, never>;
+    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/pipes/mds-duration.pipe.d.ts

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

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

@@ -12,6 +12,9 @@ export declare class NodeHelperService {
     protected configService: ConfigService;
     protected repoUrlService: RepoUrlService;
     private assetsBasePath;
+    readonly LICENSE_URLS: {
+        [key: string]: string;
+    };
     constructor(translate: TranslateService, apiHelpersService: ApiHelpersService, networkService: NetworkService, configService: ConfigService, repoUrlService: RepoUrlService, assetsBasePath: string);
     getCollectionScopeInfo(node: Node): {
         icon: string;

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

@@ -49,7 +49,38 @@ export declare class UIService {
     }, { delay, replace }?: {
         delay?: number;
         replace?: boolean;
-    }): ComponentRef<T>;
+    }, injector?: Injector): ComponentRef<T>;
+    /**
+     * dynamically inject an angular component into a regular html dom element
+     * @param componentFactoryResolver The resolver service
+     * @param viewContainerRef The viewContainerRef service
+     * @param componentName The name of the angular component (e.g. SpinnerComponent)
+     * @param targetElement The target element of the dom. If the element is null (not found), nothing is done
+     * @param bindings Optional bindings (inputs & outputs) to the given component
+     * @param delay Optional inflating delay in ms(some components may need some time to "init" the layout)
+     * @param replace Whether to replace to previous `innerHTML` of `targetElement`
+     * @param injector (to fetch templates for the component)
+     */
+    static injectAngularComponent<T>(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, componentName: Type<T>, targetElement: Element, bindings?: {
+        [key: string]: any;
+    }, { delay, replace }?: {
+        delay?: number;
+        replace?: boolean;
+    }, injector?: Injector): ComponentRef<T>;
+    /**
+     * smoothly scroll to the given child inside an element (The child will be placed around the first 1/3 of the parent's top)
+     * @param child
+     * @param element
+     * @param smoothness
+     */
+    scrollSmoothElementToChild(child: Element, element?: Element | 'auto', smoothness?: number): Promise<void>;
+    /**
+     * Smoothly scrolls to the given y offset inside an element (use offsetTop on the child to
+     * determine this position).
+     *
+     * @param smoothness lower numbers indicate less smoothness, higher more smoothness
+     */
+    scrollSmoothElement(pos: number, element: Element, smoothness?: number, axis?: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UIService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<UIService>;
 }

package/lib/util/rest-helper.d.ts

@@ -7,4 +7,5 @@ export declare class RestHelper {
     static getName(node: Node): string;
     static getTitle(node: Node): string;
     static getTitleFromProperties(properties: any): string;
+    static hasAccessPermission(node: Node, permission: string): boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-edu-sharing-ui",
-  "version": "10.0.8",
+  "version": "10.0.10",
   "license": "GNU GPL v2",
   "description": "Angular components for Edu-Sharing UX parts",
   "peerDependencies": {