@smartbit4all/ng-client 1.1.2 → 1.1.5

package/fesm2020/smartbit4all-ng-client.mjs

@@ -2075,11 +2075,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();
@@ -2376,13 +2377,71 @@ class SmartViewContextService {
         return await this.view.downloadItem(uuid, item).toPromise();
     }
     async performAction(uuid, uiActionRequest) {
-        return await this.handlePerformActionResponse(await this.view.performAction(uuid, uiActionRequest).toPromise());
+        const isCompleted = new Subject();
+        this.apiQueueService.addToQueue({
+            callback: this._performAction.bind(this),
+            config: {
+                uuid,
+                uiActionRequest,
+            },
+            isCompleted,
+        });
+        return await isCompleted.toPromise();
     }
     async performWidgetAction(uuid, widgetId, nodeId, uiActionRequest) {
-        return await this.handlePerformActionResponse(await 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 await isCompleted.toPromise();
     }
     async performWidgetMainAction(uuid, widgetId, uiActionRequest) {
-        return await this.handlePerformActionResponse(await 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 await isCompleted.toPromise();
+    }
+    async dataChanged(uuid, dataChange) {
+        const isCompleted = new Subject();
+        this.apiQueueService.addToQueue({
+            callback: this._dataChanged.bind(this),
+            config: {
+                uuid,
+                dataChange,
+            },
+            isCompleted,
+        }, true);
+        return await isCompleted.toPromise();
+    }
+    async _performAction(config) {
+        return await this.handlePerformActionResponse(await this.view.performAction(config.uuid, config.uiActionRequest).toPromise());
+    }
+    async _performWidgetAction(config) {
+        return await this.handlePerformActionResponse(await this.view
+            .performWidgetAction(config.uuid, config.widgetId, config.nodeId, config.uiActionRequest)
+            .toPromise());
+    }
+    async _performWidgetMainAction(config) {
+        return await this.handlePerformActionResponse(await this.view
+            .performWidgetMainAction(config.uuid, config.widgetId, config.uiActionRequest)
+            .toPromise());
+    }
+    async _dataChanged(config) {
+        return await this.handlePerformActionResponse(await this.view.dataChanged(config.uuid, config.dataChange).toPromise());
     }
     async handlePerformActionResponse(viewContextChange) {
         this.viewContext = viewContextChange?.viewContext;
@@ -2403,15 +2462,59 @@ class SmartViewContextService {
         return await this.view.getComponentModel(uuid).toPromise();
     }
 }
-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();
+        }
+    }
+    async processQueue() {
+        if (this.queue.length === 0) {
+            this.isProcessing = false;
+            return;
+        }
+        const apiQueueCall = this.queue.shift();
+        if (apiQueueCall) {
+            await 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) {
@@ -3873,6 +3976,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$);
@@ -4005,7 +4109,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) {
@@ -4018,6 +4129,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);
@@ -4080,7 +4211,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.`);
@@ -4193,5 +4324,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