@smartbit4all/ng-client 1.1.2 → 1.1.5

package/fesm2015/smartbit4all-ng-client.mjs

@@ -1996,11 +1996,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: SmartViewContextService }]; } });
 
 class SmartViewContextService {
-    constructor(view, session, navigation, dialog) {
+    constructor(view, session, navigation, dialog, apiQueueService) {
         this.view = view;
         this.session = session;
         this.navigation = navigation;
         this.dialog = dialog;
+        this.apiQueueService = apiQueueService;
         this.tabIdName = 'viewContextUuid';
         this.tabIdhttpHeaderName = 'viewContextUuid';
         this.viewHandlers = new Array();
@@ -2325,17 +2326,85 @@ class SmartViewContextService {
     }
     performAction(uuid, uiActionRequest) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.handlePerformActionResponse(yield this.view.performAction(uuid, uiActionRequest).toPromise());
+            const isCompleted = new Subject();
+            this.apiQueueService.addToQueue({
+                callback: this._performAction.bind(this),
+                config: {
+                    uuid,
+                    uiActionRequest,
+                },
+                isCompleted,
+            });
+            return yield isCompleted.toPromise();
         });
     }
     performWidgetAction(uuid, widgetId, nodeId, uiActionRequest) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.handlePerformActionResponse(yield this.view.performWidgetAction(uuid, widgetId, nodeId, uiActionRequest).toPromise());
+            const isCompleted = new Subject();
+            this.apiQueueService.addToQueue({
+                callback: this._performWidgetAction.bind(this),
+                config: {
+                    uuid,
+                    widgetId,
+                    nodeId,
+                    uiActionRequest,
+                },
+                isCompleted,
+            });
+            return yield isCompleted.toPromise();
         });
     }
     performWidgetMainAction(uuid, widgetId, uiActionRequest) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.handlePerformActionResponse(yield this.view.performWidgetMainAction(uuid, widgetId, uiActionRequest).toPromise());
+            const isCompleted = new Subject();
+            this.apiQueueService.addToQueue({
+                callback: this._performWidgetMainAction.bind(this),
+                config: {
+                    uuid,
+                    widgetId,
+                    uiActionRequest,
+                },
+                isCompleted,
+            });
+            return yield isCompleted.toPromise();
+        });
+    }
+    dataChanged(uuid, dataChange) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const isCompleted = new Subject();
+            this.apiQueueService.addToQueue({
+                callback: this._dataChanged.bind(this),
+                config: {
+                    uuid,
+                    dataChange,
+                },
+                isCompleted,
+            }, true);
+            return yield isCompleted.toPromise();
+        });
+    }
+    _performAction(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlePerformActionResponse(yield this.view.performAction(config.uuid, config.uiActionRequest).toPromise());
+        });
+    }
+    _performWidgetAction(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlePerformActionResponse(yield this.view
+                .performWidgetAction(config.uuid, config.widgetId, config.nodeId, config.uiActionRequest)
+                .toPromise());
+        });
+    }
+    _performWidgetMainAction(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlePerformActionResponse(yield this.view
+                .performWidgetMainAction(config.uuid, config.widgetId, config.uiActionRequest)
+                .toPromise());
+        });
+    }
+    _dataChanged(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlePerformActionResponse(yield this.view.dataChanged(config.uuid, config.dataChange).toPromise());
         });
     }
     handlePerformActionResponse(viewContextChange) {
@@ -2361,15 +2430,61 @@ class SmartViewContextService {
         });
     }
 }
-SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: i3$1.SmartNavigationService }, { token: i4.SmartdialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartViewContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, deps: [{ token: ViewService }, { token: SmartSessionService }, { token: i3$1.SmartNavigationService }, { token: i4.SmartdialogService }, { token: ApiQueueService }], target: i0.ɵɵFactoryTarget.Injectable });
 SmartViewContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: i3$1.SmartNavigationService }, { type: i4.SmartdialogService }]; } });
+        }], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: i3$1.SmartNavigationService }, { type: i4.SmartdialogService }, { type: ApiQueueService }]; } });
 const IS_ASYNC_PARAM_NAME = 'isAsync';
+class ApiQueueService {
+    constructor() {
+        this._destroy$ = new Subject();
+        this.queue = [];
+        this.isProcessing = false;
+        this.queueSubject = new Subject();
+        this.queueSubject.pipe(takeUntil(this._destroy$)).subscribe(() => this.processQueue());
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    addToQueue(call, priority = false) {
+        if (priority) {
+            this.queue.unshift(call); // Add at the beginning of the queue if it has higher priority
+        }
+        else {
+            this.queue.push(call); // Add at the end of the queue if it has lower priority
+        }
+        if (!this.isProcessing) {
+            this.processQueue();
+        }
+    }
+    processQueue() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.queue.length === 0) {
+                this.isProcessing = false;
+                return;
+            }
+            const apiQueueCall = this.queue.shift();
+            if (apiQueueCall) {
+                yield apiQueueCall.callback(apiQueueCall.config);
+                apiQueueCall.isCompleted.complete();
+                this.queueSubject.next();
+            }
+        });
+    }
+}
+ApiQueueService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiQueueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ApiQueueService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiQueueService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiQueueService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
 
 class SmartNgClientService {
     constructor(session, viewContext) {
@@ -3868,6 +3983,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this.auth = auth;
         this.pageName = pageName;
         this._destroy$ = new Subject();
+        this.sendDataChanges = false;
         this.detectChange = new SmartSubject(this._destroy$);
         this.uiActionModels = [];
         this.dataChanged = new SmartSubject(this._destroy$);
@@ -4006,7 +4122,14 @@ let SmartComponentApiClient = class SmartComponentApiClient {
     }
     addForm(smartFormId, smartForm, componentReference) {
         this.formWidgets.addWidget(smartFormId, componentReference);
-        // TODO form value changes
+        if (this.sendDataChanges && componentReference) {
+            smartForm.useOnValueChangeEvent = true;
+            componentReference.sophisticatedValueChange
+                .pipe(takeUntil(this._destroy$))
+                .subscribe((valueChange) => {
+                this.handleValueChanges(valueChange);
+            });
+        }
         return smartForm;
     }
     setUpDefaultTree(treeId) {
@@ -4019,6 +4142,26 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         return treeService;
     }
     // #region handle changes
+    handleValueChanges(valueChange) {
+        let dataChange;
+        if (valueChange.key.includes('.')) {
+            const source = valueChange.key.split('.')[0];
+            const valueKey = valueChange.key.split('.')[1];
+            dataChange = {
+                kind: valueChange.kind === 'basic' ? DataChangeKind.Widget : DataChangeKind.Selection,
+                source,
+                values: [[valueKey, valueChange.value]],
+            };
+        }
+        else {
+            dataChange = {
+                kind: valueChange.kind === 'basic' ? DataChangeKind.Widget : DataChangeKind.Selection,
+                source: valueChange.key,
+                values: [[valueChange.key, valueChange.value]],
+            };
+        }
+        this.viewContext.dataChanged(this.uuid, dataChange);
+    }
     handleChanges(change) {
         if (change.changedWidgets) {
             this.handleChangeWidgets(change.changedWidgets);
@@ -4082,7 +4225,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         return model;
     }
     handleDataChange(changes, changeKey) {
-        this.setValueDeeply(this.data, changeKey, changes[changeKey]);
+        this.setValueDeeply(this.model, changeKey, changes[changeKey]);
         this.formWidgets.widgets.forEach((formComponent, key) => {
             if (formComponent === undefined) {
                 console.error(`Provided form reference for ${key} is undefined.`);
@@ -4199,5 +4342,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APIS, ApiModule, BASE_PATH, COLLECTION_FORMATS, CloseResult, Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS, ApiModule, ApiQueueService, BASE_PATH, COLLECTION_FORMATS, CloseResult, Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map