ngx-edu-sharing-ui 10.0.23 → 10.0.25

package/assets/scss/branding.scss

@@ -3,3 +3,4 @@
  */
 $workspaceTopBarBackground: #383838;
 $workspaceTopBarFontColor: #fff;
+$customIcons: false;

package/assets/scss/material-theme.scss

@@ -69,6 +69,7 @@ mat-button-toggle-group {
     .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
         color: var(--light-primary-text);
         background-color: var(--primary);
+        --mat-standard-button-toggle-selected-state-text-color: var(--light-primary-text);
     }
     .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
         background-color: var(--primary);

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

@@ -351,7 +351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'formatSize',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -1557,7 +1557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Directive,
             args: [{
                     selector: 'i[esIcon], i.material-icons',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.HttpClient }, { type: i1.TranslateService }, { type: i0.Renderer2 }, { type: i2.ConfigService, decorators: [{
                     type: Optional
@@ -1589,7 +1589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'appMdsDuration',
-                    standalone: false
+                    standalone: false,
                 }]
         }] });
 
@@ -1891,7 +1891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'vcardName',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -2044,7 +2044,6 @@ class MdsWidgetComponent {
         return MdsWidgetComponent.inlineEditing.includes(this.widget?.definition.type);
     }
     getNodeValues() {
-        console.log(this.mdsEditorInstance, 'editor present?');
         if (this.mdsEditorInstance) {
             return (this.mdsEditorInstance.values$.value ||
                 this.mdsEditorInstance.nodes$.value.map((n) => n.properties)?.[0]);
@@ -2448,7 +2447,7 @@ class MdsViewerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MdsViewerComponent, deps: [{ token: i2.MdsService }, { token: MdsViewerService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ViewContainerRef }, { token: i3$1.DomSanitizer }, { token: ViewInstanceService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MdsViewerComponent, isStandalone: false, selector: "es-mds-viewer", inputs: { mdsEditorInstanceService: "mdsEditorInstanceService", groupId: "groupId", setId: "setId", data: "data", showGroupHeadings: "showGroupHeadings", headingLevel: "headingLevel" }, providers: [MdsViewerService, ViewInstanceService], viewQueries: [{ propertyName: "container", predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<es-spinner-small *ngIf=\"!templates()\"></es-spinner-small>\n<div *ngFor=\"let t of templates()\" #container class=\"mds-viewer\">\n  <div *ngIf=\"showGroupHeadings && t.view.caption\" class=\"card-title-element group-heading\">\n    <i [esIcon]=\"t.view.icon\" *ngIf=\"t.view.icon\"></i><span>{{ t.view.caption }}</span>\n  </div>\n  <div class=\"template\" [innerHTML]=\"t.html\"></div>\n</div>\n", styles: [":host ::ng-deep es-mds-editor-widget-container{margin-bottom:0}:host ::ng-deep .mdsContributorGroup{padding:5px}:host ::ng-deep .mdsContributorGroup .mdsContributorTitle{font-weight:700;padding-bottom:3px}:host{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(450px,max(200px,100%)),1fr));grid-gap:10px}.mds-viewer{display:flex;flex-direction:column;gap:10px}es-spinner-small{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.card-title-element{font-size:140%;font-weight:700;border-bottom:1px solid #888;padding:10px;background-color:#f7f7f7}.card-title-element i{margin-left:10px;margin-right:10px;color:#666;position:relative;top:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SpinnerSmallComponent, selector: "es-spinner-small", inputs: ["diameter"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MdsViewerComponent, isStandalone: false, selector: "es-mds-viewer", inputs: { mdsEditorInstanceService: "mdsEditorInstanceService", groupId: "groupId", setId: "setId", data: "data", mds: "mds", showGroupHeadings: "showGroupHeadings", headingLevel: "headingLevel" }, providers: [MdsViewerService, ViewInstanceService], viewQueries: [{ propertyName: "container", predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<es-spinner-small *ngIf=\"!templates()\"></es-spinner-small>\n<div *ngFor=\"let t of templates()\" #container class=\"mds-viewer\">\n  <div *ngIf=\"showGroupHeadings && t.view.caption\" class=\"card-title-element group-heading\">\n    <i [esIcon]=\"t.view.icon\" *ngIf=\"t.view.icon\"></i><span>{{ t.view.caption }}</span>\n  </div>\n  <div class=\"template\" [innerHTML]=\"t.html\"></div>\n</div>\n", styles: [":host ::ng-deep es-mds-editor-widget-container{margin-bottom:0}:host ::ng-deep .mdsContributorGroup{padding:5px}:host ::ng-deep .mdsContributorGroup .mdsContributorTitle{font-weight:700;padding-bottom:3px}:host{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(450px,max(200px,100%)),1fr));grid-gap:10px}.mds-viewer{display:flex;flex-direction:column;gap:10px}es-spinner-small{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.card-title-element{font-size:140%;font-weight:700;border-bottom:1px solid #888;padding:10px;background-color:#f7f7f7}.card-title-element i{margin-left:10px;margin-right:10px;color:#666;position:relative;top:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SpinnerSmallComponent, selector: "es-spinner-small", inputs: ["diameter"] }, { kind: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MdsViewerComponent, decorators: [{
             type: Component,
@@ -2464,6 +2463,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], data: [{
                 type: Input
+            }], mds: [{
+                type: Input
             }], showGroupHeadings: [{
                 type: Input
             }], headingLevel: [{
@@ -2706,7 +2707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'optionTooltip',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -2735,7 +2736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'replaceChars',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -3060,7 +3061,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     selector: '[esBorderBoxObserver]',
                     exportAs: 'borderBoxObserver',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { borderBoxEmitter: [{
                 type: Output,
@@ -3112,7 +3113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     selector: '[esCheckTextOverflow]',
                     exportAs: 'esCheckTextOverflow',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selector: [{
                 type: Input,
@@ -3164,7 +3165,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     selector: '[esFocusState]',
                     exportAs: 'esFocusState',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [], propDecorators: { onFocusIn: [{
                 type: HostListener,
@@ -3315,7 +3316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Directive,
             args: [{
                     selector: '[esInfiniteScroll], [infinite-scroll], [data-infinite-scroll]',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: AppContainerService }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { scrolled: [{
                 type: Output
@@ -3484,7 +3485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'formatDate',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -3502,7 +3503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'esNodeIcon',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: RepoUrlService }] });
 
@@ -3526,7 +3527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'NodeImageSize',
-                    standalone: false
+                    standalone: false,
                 }]
         }] });
 
@@ -3575,7 +3576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'esNodeImage',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: NodeHelperService }, { type: i3$1.DomSanitizer }, { type: RepoUrlService }, { type: i2.NetworkService }] });
 
@@ -3625,7 +3626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'nodePersonName',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i2.ConfigService }] });
 
@@ -3657,7 +3658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'nodeTitle',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -3729,7 +3730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'propertySlug',
-                    standalone: false
+                    standalone: false,
                 }]
         }] });
 
@@ -3752,7 +3753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'esNodeLicense',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }] });
 
@@ -4181,7 +4182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Directive,
             args: [{
                     selector: '[esNodesDragSource]',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { nodes: [{
                 type: Input,
@@ -4391,7 +4392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Directive,
             args: [{
                     selector: '[esNodesDrag]',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i8$1.CdkDrag }, { type: NodesDragDropService }] });
 
@@ -4454,7 +4455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{
                     selector: '[esNodesDropTarget]',
                     exportAs: 'esNodesDropTarget',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: NodesDragDropService }], propDecorators: { target: [{
                 type: Input,
@@ -4611,7 +4612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'formatDuration',
-                    standalone: false
+                    standalone: false,
                 }]
         }] });
 
@@ -4891,7 +4892,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'appNodeSource',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: NodeHelperService }, { type: i2.NetworkService }] });
 
@@ -5476,7 +5477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             type: Pipe,
             args: [{
                     name: 'esListItemLabel',
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: TranslationsService }] });
 
@@ -6310,7 +6311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             <i esIcon="{{ option.icon }}" [aria]="false"></i>
         </button>
     `,
-                    standalone: false
+                    standalone: false,
                 }]
         }], propDecorators: { option: [{
                 type: Input
@@ -7178,7 +7179,7 @@ class OptionsHelperDataService {
         return this.data;
     }
     setData(data) {
-        this.data = this.optionsHelperService.wrapOptionCallbacks(data);
+        this.data = this.optionsHelperService?.wrapOptionCallbacks(data) || data;
     }
     async refreshComponents() {
         if (this.data == null) {
@@ -7233,7 +7234,7 @@ class OptionsHelperDataService {
         }
     }
     filterOptions(options, target, objects = null) {
-        return this.optionsHelperService.filterOptions(options, target, this.data, objects);
+        return this.optionsHelperService?.filterOptions(options, target, this.data, objects) || options;
     }
     /**
      * shortcut to simply disable all options on the given compoennts
@@ -7659,7 +7660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         *ngIf="!customNodeListComponent"
     ></es-node-entries>`,
                     providers: [NodeEntriesService, OptionsHelperDataService, NodeEntriesTemplatesService],
-                    standalone: false
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: TemporaryStorageService }, { type: i0.NgZone }, { type: NodeEntriesService }, { type: i2.NodeService }, { type: OptionsHelperDataService }, { type: NodeHelperService }, { type: UIService }, { type: NodeEntriesTemplatesService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { titleRef: [{
                 type: ContentChild,