ngx-edu-sharing-ui 10.0.13 → 10.0.15

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

@@ -18,6 +18,8 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import * as i3$1 from '@angular/platform-browser';
+import * as i1$2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { transition, style, animate, state, trigger } from '@angular/animations';
 import { isArray as isArray$1, isString } from 'lodash';
 import * as i3$2 from '@angular/material/menu';
@@ -1303,11 +1305,11 @@ class MdsWidgetComponent {
         this.temporaryValue = undefined;
         // super(toast, null, translate);
     }
-    ngOnChanges(changes) {
-        this.value = this.getNodeValue();
+    async ngOnChanges(changes) {
+        this.value = await this.getNodeValue();
     }
     async ngOnInit() {
-        this.value = this.getNodeValue();
+        this.value = await this.getNodeValue();
         this.widget
             .getInitialDisplayValues()
             .pipe(filter((v) => !!v))
@@ -1362,7 +1364,7 @@ class MdsWidgetComponent {
             return this.mdsViewerService.values$.value;
         }
     }
-    getNodeValue() {
+    async getNodeValue() {
         if (this.temporaryValue !== undefined) {
             return this.getValue(this.temporaryValue);
         }
@@ -1376,10 +1378,10 @@ class MdsWidgetComponent {
         }
         else if (values?.[id]) {
             // support on the fly changes+updates of the values
-            return this.getValue(this.mdsEditorInstance.values$.value[id]);
+            return this.getValue(values[id]);
         }
-        else if (this.widget.getInitialValues()?.jointValues) {
-            return this.getValue(this.widget.getInitialValues().jointValues);
+        else if ((await this.widget.getInitalValuesAsync())?.jointValues) {
+            return ((await this.widget.getInitalValuesAsync()).jointValues);
         }
         else {
             return null;
@@ -1456,7 +1458,7 @@ class MdsWidgetComponent {
             await this.mdsEditorInstance.saveWidgetValue(instance.widget);
         }
         this.temporaryValue = instance.widget.getValue();
-        this.value = this.getNodeValue();
+        this.value = await this.getNodeValue();
         this.editWrapper.nativeElement.children[0].innerHTML = null;
         await this.mdsEditorInstance.fetchDisplayValues(this.widget);
     }
@@ -1604,6 +1606,22 @@ function getTargetAttributeName(attr) {
     }
 }
 
+class SpinnerSmallComponent {
+    constructor() {
+        this.diameter = 20;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SpinnerSmallComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: SpinnerSmallComponent, isStandalone: true, selector: "es-spinner-small", inputs: { diameter: "diameter" }, ngImport: i0, template: "<mat-progress-spinner\n  color=\"primary\"\n  mode=\"indeterminate\"\n  [diameter]=\"diameter\"\n></mat-progress-spinner>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: SpinnerSmallComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'es-spinner-small', standalone: true, imports: [
+                        MatProgressSpinnerModule,
+                    ], template: "<mat-progress-spinner\n  color=\"primary\"\n  mode=\"indeterminate\"\n  [diameter]=\"diameter\"\n></mat-progress-spinner>\n" }]
+        }], ctorParameters: () => [], propDecorators: { diameter: [{
+                type: Input
+            }] } });
+
 class MdsViewerComponent {
     /**
      * The heading level from 1 to 6 to use for widget labels, equivalent to `h1` to `h6`.
@@ -1667,7 +1685,17 @@ class MdsViewerComponent {
         // wait for angular to inflate the new binding
         setTimeout(() => {
             for (const widget of (this.mdsEditorInstanceService?.widgets.value ||
-                this.mds.widgets.map(definition => { return { definition }; }))) {
+                this.mds.widgets.map(definition => {
+                    return {
+                        definition,
+                        getInitalValuesAsync: async () => {
+                            return {
+                                individualValues: this.data[definition.id],
+                            };
+                        },
+                        getInitialDisplayValues: () => new BehaviorSubject(null),
+                    };
+                }))) {
                 // @TODO: it would be better to filter by widgets based on template and condition, should be implemented in 5.1
                 this.container.toArray().forEach((c) => {
                     let element = c.nativeElement.getElementsByTagName(widget.definition.id)?.[0];
@@ -1725,11 +1753,11 @@ class MdsViewerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", 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: "18.2.12", type: MdsViewerComponent, 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: "<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}\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: "directive", type: IconDirective, selector: "i[esIcon], i.material-icons", inputs: ["altText", "aria", "esIcon"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: MdsViewerComponent, 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}\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: "18.2.12", ngImport: i0, type: MdsViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'es-mds-viewer', providers: [MdsViewerService, ViewInstanceService], template: "<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}\n"] }]
+            args: [{ selector: 'es-mds-viewer', providers: [MdsViewerService, ViewInstanceService], 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}\n"] }]
         }], ctorParameters: () => [{ type: i2.MdsService }, { type: MdsViewerService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: i3$1.DomSanitizer }, { type: ViewInstanceService }], propDecorators: { container: [{
                 type: ViewChildren,
                 args: ['container']
@@ -3686,6 +3714,7 @@ class EduSharingUiCommonModule {
             VCardNamePipe], imports: [CommonModule,
             MatMenuModule,
             SpinnerComponent,
+            SpinnerSmallComponent,
             MatButtonModule,
             MatTooltipModule,
             MatRippleModule,
@@ -3711,10 +3740,12 @@ class EduSharingUiCommonModule {
             NodeUrlComponent,
             SortDropdownComponent,
             SpinnerComponent,
+            SpinnerSmallComponent,
             VCardNamePipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: EduSharingUiCommonModule, imports: [CommonModule,
             MatMenuModule,
             SpinnerComponent,
+            SpinnerSmallComponent,
             MatButtonModule,
             MatTooltipModule,
             MatRippleModule,
@@ -3755,6 +3786,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                         CommonModule,
                         MatMenuModule,
                         SpinnerComponent,
+                        SpinnerSmallComponent,
                         MatButtonModule,
                         MatTooltipModule,
                         MatRippleModule,
@@ -3783,6 +3815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                         NodeUrlComponent,
                         SortDropdownComponent,
                         SpinnerComponent,
+                        SpinnerSmallComponent,
                         VCardNamePipe,
                     ],
                 }]
@@ -8378,5 +8411,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADDITIONAL_I18N_PROVIDER, ASSETS_BASE_PATH, AccessibilityService, AccessibilitySettings, ActionbarComponent, AppContainerService, AppService, BorderBoxObserverDirective, CheckTextOverflowDirective, ClickSource, ColorHelper, CombinedDataSource, Constrain, CustomFieldSpecialType, CustomOptions, CustomSelectionModel, CustomTemplatesDataSource, DateHelper, DefaultGroups, DropdownComponent, DurationFormat, DurationHelper, EDU_SHARING_UI_CONFIG, EduSharingUiCommonModule, EduSharingUiConfiguration, EduSharingUiModule, ElementType, FallbackTranslationHandler, FocusStateDirective, FormatDatePipe, FormatDurationPipe, FormatOptions, FormatSizePipe, Helper, HideMode, I18N_CONFIG, I18nConfig, IconDirective, InfiniteScrollDirective, InteractionType, ItemsCap, KeyboardShortcutsService, ListBaseComponent, ListCountsComponent, ListItem, ListItemLabelPipe, ListItemSort, ListItemsModule, ListTextComponent, LocalEventsService, MdsDurationPipe, MdsHelperService, MdsModule, MdsType, MdsViewerComponent, MdsWidgetComponent, MdsWidgetType, NodeCache, NodeDataSource, NodeDataSourceRemote, NodeEntriesDisplayType, NodeEntriesGlobalService, NodeEntriesModule, NodeEntriesService, NodeEntriesWrapperComponent, NodeHelperService, NodeIconPipe, NodeImagePipe, NodeImageSizePipe, NodeLicensePipe, NodePersonNamePipe, NodeRowComponent, NodeTitlePipe, NodeUrlComponent, NodesDragDirective, NodesDragDropService, NodesDragSourceDirective, NodesDropTargetDirective, NodesRightMode, OPEN_URL_MODE, OptionGroup, OptionItem, OptionsHelperDataService, OptionsHelperService, PreferredColor, PropertySlugPipe, RelativeMode, RenderHelperService, RepoUrlService, RestHelper, Scope, SearchHelperService, SortDropdownComponent, SortEvent, SpinnerComponent, TRANSLATION_LIST, Target, TemporaryStorageService, Toast, ToastDuration, TranslationLoader, TranslationsModule, TranslationsService, UIAnimation, UIConstants, UIService, VCard, VCardNamePipe, ValueType, ViewInstanceService, WORKFLOW_STATUS_CHECKED, WORKFLOW_STATUS_HASFLAWS, WORKFLOW_STATUS_TO_CHECK, WORKFLOW_STATUS_UNCHECKED, clearDraggedNodes, dragNodesTransferType, getConfigProvider, isNumeric, isTrue, macroTick, matchesShortcutCondition, microTick, notNull, readDraggedNodes, replaceElementWithDiv, saveDraggedNodes };
+export { ADDITIONAL_I18N_PROVIDER, ASSETS_BASE_PATH, AccessibilityService, AccessibilitySettings, ActionbarComponent, AppContainerService, AppService, BorderBoxObserverDirective, CheckTextOverflowDirective, ClickSource, ColorHelper, CombinedDataSource, Constrain, CustomFieldSpecialType, CustomOptions, CustomSelectionModel, CustomTemplatesDataSource, DateHelper, DefaultGroups, DropdownComponent, DurationFormat, DurationHelper, EDU_SHARING_UI_CONFIG, EduSharingUiCommonModule, EduSharingUiConfiguration, EduSharingUiModule, ElementType, FallbackTranslationHandler, FocusStateDirective, FormatDatePipe, FormatDurationPipe, FormatOptions, FormatSizePipe, Helper, HideMode, I18N_CONFIG, I18nConfig, IconDirective, InfiniteScrollDirective, InteractionType, ItemsCap, KeyboardShortcutsService, ListBaseComponent, ListCountsComponent, ListItem, ListItemLabelPipe, ListItemSort, ListItemsModule, ListTextComponent, LocalEventsService, MdsDurationPipe, MdsHelperService, MdsModule, MdsType, MdsViewerComponent, MdsWidgetComponent, MdsWidgetType, NodeCache, NodeDataSource, NodeDataSourceRemote, NodeEntriesDisplayType, NodeEntriesGlobalService, NodeEntriesModule, NodeEntriesService, NodeEntriesWrapperComponent, NodeHelperService, NodeIconPipe, NodeImagePipe, NodeImageSizePipe, NodeLicensePipe, NodePersonNamePipe, NodeRowComponent, NodeTitlePipe, NodeUrlComponent, NodesDragDirective, NodesDragDropService, NodesDragSourceDirective, NodesDropTargetDirective, NodesRightMode, OPEN_URL_MODE, OptionGroup, OptionItem, OptionsHelperDataService, OptionsHelperService, PreferredColor, PropertySlugPipe, RelativeMode, RenderHelperService, RepoUrlService, RestHelper, Scope, SearchHelperService, SortDropdownComponent, SortEvent, SpinnerComponent, SpinnerSmallComponent, TRANSLATION_LIST, Target, TemporaryStorageService, Toast, ToastDuration, TranslationLoader, TranslationsModule, TranslationsService, UIAnimation, UIConstants, UIService, VCard, VCardNamePipe, ValueType, ViewInstanceService, WORKFLOW_STATUS_CHECKED, WORKFLOW_STATUS_HASFLAWS, WORKFLOW_STATUS_TO_CHECK, WORKFLOW_STATUS_UNCHECKED, clearDraggedNodes, dragNodesTransferType, getConfigProvider, isNumeric, isTrue, macroTick, matchesShortcutCondition, microTick, notNull, readDraggedNodes, replaceElementWithDiv, saveDraggedNodes };
 //# sourceMappingURL=ngx-edu-sharing-ui.mjs.map