@smartbit4all/ng-client 1.0.11 → 1.0.13

package/fesm2015/smartbit4all-ng-client.mjs

@@ -1413,6 +1413,123 @@ class ViewService {
             reportProgress: reportProgress
         });
     }
+    performWidgetAction(uuid, widgetId, nodeId, body, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling performWidgetAction.');
+        }
+        if (widgetId === null || widgetId === undefined) {
+            throw new Error('Required parameter widgetId was null or undefined when calling performWidgetAction.');
+        }
+        if (nodeId === null || nodeId === undefined) {
+            throw new Error('Required parameter nodeId was null or undefined when calling performWidgetAction.');
+        }
+        if (body === null || body === undefined) {
+            throw new Error('Required parameter body was null or undefined when calling performWidgetAction.');
+        }
+        let localVarHeaders = this.defaultHeaders;
+        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
+        if (localVarHttpHeaderAcceptSelected === undefined) {
+            // to determine the Accept header
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
+            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
+        }
+        if (localVarHttpHeaderAcceptSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
+        }
+        let localVarHttpContext = options && options.context;
+        if (localVarHttpContext === undefined) {
+            localVarHttpContext = new HttpContext();
+        }
+        // to determine the Content-Type header
+        const consumes = [
+            'application/json'
+        ];
+        const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
+        if (httpContentTypeSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Content-Type', httpContentTypeSelected);
+        }
+        let responseType_ = 'json';
+        if (localVarHttpHeaderAcceptSelected) {
+            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
+                responseType_ = 'text';
+            }
+            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
+                responseType_ = 'json';
+            }
+            else {
+                responseType_ = 'blob';
+            }
+        }
+        let localVarPath = `/component/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "widgetId", value: widgetId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/${this.configuration.encodeParam({ name: "nodeId", value: nodeId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/action`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: body,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    performWidgetMainAction(uuid, widgetId, body, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling performWidgetMainAction.');
+        }
+        if (widgetId === null || widgetId === undefined) {
+            throw new Error('Required parameter widgetId was null or undefined when calling performWidgetMainAction.');
+        }
+        if (body === null || body === undefined) {
+            throw new Error('Required parameter body was null or undefined when calling performWidgetMainAction.');
+        }
+        let localVarHeaders = this.defaultHeaders;
+        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
+        if (localVarHttpHeaderAcceptSelected === undefined) {
+            // to determine the Accept header
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
+            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
+        }
+        if (localVarHttpHeaderAcceptSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
+        }
+        let localVarHttpContext = options && options.context;
+        if (localVarHttpContext === undefined) {
+            localVarHttpContext = new HttpContext();
+        }
+        // to determine the Content-Type header
+        const consumes = [
+            'application/json'
+        ];
+        const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
+        if (httpContentTypeSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Content-Type', httpContentTypeSelected);
+        }
+        let responseType_ = 'json';
+        if (localVarHttpHeaderAcceptSelected) {
+            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
+                responseType_ = 'text';
+            }
+            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
+                responseType_ = 'json';
+            }
+            else {
+                responseType_ = 'blob';
+            }
+        }
+        let localVarPath = `/component/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "widgetId", value: widgetId, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/action`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: body,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
     showPublishedView(channel, uuid, observe = 'body', reportProgress = false, options) {
         if (channel === null || channel === undefined) {
             throw new Error('Required parameter channel was null or undefined when calling showPublishedView.');
@@ -1791,8 +1908,8 @@ class SmartViewContextService {
         this.session = session;
         this.navigation = navigation;
         this.dialog = dialog;
-        this.tabIdName = "viewContextUuid";
-        this.tabIdhttpHeaderName = "viewContextUuid";
+        this.tabIdName = 'viewContextUuid';
+        this.tabIdhttpHeaderName = 'viewContextUuid';
         this.viewHandlers = new Array();
         this.openedViewUuids = new Array();
         this.uuidOfPageHasBeenChanged = new Subject();
@@ -1825,7 +1942,7 @@ class SmartViewContextService {
     }
     getActionDescriptors() {
         if (!this.actionDescriptors) {
-            console.error("No action descriptors has been set to ViewContext.");
+            console.error('No action descriptors has been set to ViewContext.');
         }
         return this.actionDescriptors;
     }
@@ -1846,7 +1963,7 @@ class SmartViewContextService {
         this.view.configuration.basePath = this.url;
     }
     setUrl(url) {
-        this.url = url + "/view";
+        this.url = url + '/view';
         this.setUpUrlForViewService();
     }
     getAndSyncViewContext(uuid) {
@@ -1863,7 +1980,7 @@ class SmartViewContextService {
         return __awaiter(this, void 0, void 0, function* () {
             this.viewContext = yield this.view.getViewContext(uuid).toPromise();
             if (!this.viewContext) {
-                throw new Error("ViewContext does not exist with the given uuid.");
+                throw new Error('ViewContext does not exist with the given uuid.');
             }
             return this.viewContext;
         });
@@ -1874,7 +1991,7 @@ class SmartViewContextService {
             if (!this.viewContext) {
                 let viewContextUuid = sessionStorage.getItem(this.tabIdName);
                 if (!viewContextUuid) {
-                    throw new Error("View context is not initialized!");
+                    throw new Error('View context is not initialized!');
                 }
                 yield this.getViewContext(viewContextUuid);
             }
@@ -1902,11 +2019,9 @@ class SmartViewContextService {
     startViewContext() {
         return __awaiter(this, void 0, void 0, function* () {
             this.clearSessionStorage();
-            let newViewContext = yield this.view
-                .createViewContext()
-                .toPromise();
+            let newViewContext = yield this.view.createViewContext().toPromise();
             if (!newViewContext) {
-                throw new Error("No ViewContext was created");
+                throw new Error('No ViewContext was created');
             }
             this.viewContext = newViewContext;
             this.setTabId(newViewContext.uuid);
@@ -1919,7 +2034,7 @@ class SmartViewContextService {
                 throw new Error("There aren't any viewHandlers in SmartViewContextService! Provide some to use its functions.");
             }
             if (!this.messageDialogname) {
-                throw new Error("The messageDialogName provided by the backend has not been set.");
+                throw new Error('The messageDialogName provided by the backend has not been set.');
             }
             if (uuid) {
                 let subscription = this.session.headersUpdated.subscribe(() => __awaiter(this, void 0, void 0, function* () {
@@ -1965,10 +2080,10 @@ class SmartViewContextService {
             if (viewHandler.route === undefined) {
                 throw new Error(`Route is undefined in SmartViewHandlerModel with name: ${view.viewName}`);
             }
-            this.navigation.navigateTo(viewHandler.route.split("/"));
+            this.navigation.navigateTo(viewHandler.route.split('/'));
         }
         else {
-            throw new Error("The type of the view and its viewHandler is not the same!");
+            throw new Error('The type of the view and its viewHandler is not the same!');
         }
         view.state = ViewState.Opened;
         this.openedViewUuids.push(view.uuid);
@@ -1998,7 +2113,7 @@ class SmartViewContextService {
                 this.dialogRefs.splice(index, 1);
             }
             else {
-                throw new Error("DialogRef is not found by uuid.");
+                throw new Error('DialogRef is not found by uuid.');
             }
         }
         else if (view.type === ViewType.Normal) {
@@ -2006,7 +2121,7 @@ class SmartViewContextService {
             // this.navigation.navigateTo(viewHandler.route.split("/"));
         }
         else {
-            throw new Error("The type of the view and its viewHandler is not the same!");
+            throw new Error('The type of the view and its viewHandler is not the same!');
         }
         view.state = ViewState.Closed;
         this.openedViewUuids.slice(this.openedViewUuids.indexOf(view.uuid), 1);
@@ -2055,9 +2170,7 @@ class SmartViewContextService {
     message(messageData, messageResult) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.view
-                .message((_a = messageData.viewUuid) !== null && _a !== void 0 ? _a : "", messageData.uuid, messageResult)
-                .toPromise();
+            yield this.view.message((_a = messageData.viewUuid) !== null && _a !== void 0 ? _a : '', messageData.uuid, messageResult).toPromise();
             yield this.getAndSyncViewContext();
         });
     }
@@ -2065,9 +2178,9 @@ class SmartViewContextService {
         if (!this.smartViewContextApiErrors) {
             return {
                 code,
-                message: "An error has occured.",
-                buttonLabel: "Ok",
-                dialogTitle: "Hiba",
+                message: 'An error has occured.',
+                buttonLabel: 'Ok',
+                dialogTitle: 'Hiba',
             };
         }
         let apiErrorsWithCode = this.smartViewContextApiErrors.viewContextApiErrors.filter((apiError) => {
@@ -2077,9 +2190,9 @@ class SmartViewContextService {
             console.error(`SmartViewContextApiError with code ${code} could not be found.`);
             return {
                 code,
-                message: "An error has occured.",
-                buttonLabel: "Ok",
-                dialogTitle: "Hiba",
+                message: 'An error has occured.',
+                buttonLabel: 'Ok',
+                dialogTitle: 'Hiba',
             };
         }
         return apiErrorsWithCode[0];
@@ -2088,7 +2201,7 @@ class SmartViewContextService {
         return __awaiter(this, void 0, void 0, function* () {
             let viewConstraintResponse = yield this.view.getViewConstraint(uuid).toPromise();
             if (!viewConstraintResponse)
-                throw new Error("Could not get ViewConstraint with the given uuid.");
+                throw new Error('Could not get ViewConstraint with the given uuid.');
             return viewConstraintResponse;
         });
     }
@@ -2112,7 +2225,21 @@ class SmartViewContextService {
     }
     performAction(uuid, uiActionRequest) {
         return __awaiter(this, void 0, void 0, function* () {
-            let viewContextChange = yield this.view.performAction(uuid, uiActionRequest).toPromise();
+            return yield this.handlePerformActionResponse(yield this.view.performAction(uuid, uiActionRequest).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());
+        });
+    }
+    performWidgetMainAction(uuid, widgetId, uiActionRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.handlePerformActionResponse(yield this.view.performWidgetMainAction(uuid, widgetId, uiActionRequest).toPromise());
+        });
+    }
+    handlePerformActionResponse(viewContextChange) {
+        return __awaiter(this, void 0, void 0, function* () {
             this.viewContext = viewContextChange === null || viewContextChange === void 0 ? void 0 : viewContextChange.viewContext;
             this.syncView();
             if (viewContextChange === null || viewContextChange === void 0 ? void 0 : viewContextChange.changes) {
@@ -2135,11 +2262,11 @@ 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.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextService, providedIn: "root" });
+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",
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: ViewService }, { type: SmartSessionService }, { type: i3$1.SmartNavigationService }, { type: i4.SmartdialogService }]; } });
 
@@ -2940,8 +3067,9 @@ class UiActionDescriptorService {
             return uiActionDescriptor;
         });
     }
-    deepTranslate(model) {
+    deepTranslate(_model) {
         return __awaiter(this, void 0, void 0, function* () {
+            let model = Object.assign({}, _model);
             yield Promise.all(Object.keys(model).map((key) => __awaiter(this, void 0, void 0, function* () {
                 if (model[key] !== undefined &&
                     typeof model[key] === 'string' &&
@@ -3253,7 +3381,7 @@ class UiActionService {
         this.textFieldDialogService = textFieldDialogService;
         this._snackBar = _snackBar;
     }
-    execute(uiAction) {
+    execute(uiAction, options) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             let uiActionRequest;
@@ -3286,7 +3414,7 @@ class UiActionService {
             }
             // InputType
             if (uiAction.inputType) {
-                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, "inputDialog");
+                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
                 if (!uiActionRequest) {
                     return;
                 }
@@ -3294,7 +3422,7 @@ class UiActionService {
             }
             // Input2Type
             if (uiAction.input2Type) {
-                uiActionRequest = yield this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, "input2Dialog");
+                uiActionRequest = yield this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
                 if (!uiActionRequest) {
                     return;
                 }
@@ -3306,7 +3434,7 @@ class UiActionService {
                 }
                 uiActionRequest = response.uiActionRequest;
             }
-            this.performAction(uiAction, uiActionRequest);
+            this.performAction(uiAction, uiActionRequest, options);
         });
     }
     handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
@@ -3327,7 +3455,7 @@ class UiActionService {
     handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
         return __awaiter(this, void 0, void 0, function* () {
             let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
-            let inputType = inputTypeName === "inputDialog" ? "inputType" : "input2Type";
+            let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
             if (uiAction[inputType] === UiActionInputType.Textfield) {
                 this.textFieldDialogService.nodeName = additionalParams.forTextField;
             }
@@ -3340,7 +3468,7 @@ class UiActionService {
             yield this.textFieldDialogService.onAction.toPromise();
             let params = this.textFieldDialogService.params;
             if (!params) {
-                console.error("There was no response from InputDialog");
+                console.error('There was no response from InputDialog');
                 return;
             }
             uiActionRequest.params = Object.assign(Object.assign({}, uiActionRequest.params), params);
@@ -3357,20 +3485,27 @@ class UiActionService {
             return uiActionRequest;
         });
     }
-    performAction(uiAction, uiActionRequest) {
+    performAction(uiAction, uiActionRequest, options) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (!uiActionRequest.params ||
-                (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
+            if (!uiActionRequest.params || (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
                 uiActionRequest.params = {
                     model: this.uiActionModel.serviceToUse.getModel(),
                 };
             }
             else if (uiAction.submit) {
-                uiActionRequest.params["model"] = this.uiActionModel.serviceToUse.getModel();
+                uiActionRequest.params['model'] = this.uiActionModel.serviceToUse.getModel();
             }
             try {
-                yield this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest);
+                if (options && options.nodeId && options.widgetId) {
+                    yield this.uiActionModel.serviceToUse.performWidgetActionRequest(uiActionRequest, options.widgetId, options.nodeId);
+                }
+                else if (options && options.widgetId) {
+                    yield this.uiActionModel.serviceToUse.performWidgetMainActionRequest(uiActionRequest, options.widgetId);
+                }
+                else {
+                    yield this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest);
+                }
                 if (((_a = this.uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.feedbackType) === UiActionFeedbackType.Snackbar) {
                     this.showSavedSnackbar(uiAction);
                 }
@@ -3383,17 +3518,17 @@ class UiActionService {
     showSavedSnackbar(uiAction) {
         this._snackBar.openFromComponent(SuccessSnackBarComponent, {
             duration: 5 * 1000,
-            panelClass: ["backgroundColor-accent"],
+            panelClass: ['backgroundColor-accent'],
             data: uiAction,
         });
     }
 }
 UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: i3$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, providedIn: "root" });
+UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root",
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: i3$2.MatSnackBar }]; } });
 
@@ -3410,7 +3545,7 @@ class UiActionToolbarComponent {
         this.setUp();
     }
     ngOnChanges(changes) {
-        let uiActionModels = changes["uiActionModels"].currentValue;
+        let uiActionModels = changes['uiActionModels'].currentValue;
         if (uiActionModels) {
             this.uiActionModels = uiActionModels;
             this.setUp();
@@ -3436,19 +3571,19 @@ class UiActionToolbarComponent {
         var _a, _b;
         switch ((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.type) {
             case UiActionButtonType.Normal:
-                return "mat-button";
+                return 'mat-button';
             case UiActionButtonType.Flat:
-                return "mat-flat-button";
+                return 'mat-flat-button';
             case UiActionButtonType.Raised:
-                return "mat-raised-button";
+                return 'mat-raised-button';
             case UiActionButtonType.Stroked:
-                return "mat-stroked-button";
+                return 'mat-stroked-button';
             case UiActionButtonType.Icon:
-                return "mat-icon-button";
+                return 'mat-icon-button';
             case UiActionButtonType.MiniFab:
-                return "mat-mini-fab";
+                return 'mat-mini-fab';
             case UiActionButtonType.Fab:
-                return "mat-fab";
+                return 'mat-fab';
             default:
                 console.log(`Unhandled action button type case: ${(_b = uiActionModel.descriptor) === null || _b === void 0 ? void 0 : _b.type}`);
                 return `mat-button`;
@@ -3468,7 +3603,7 @@ UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
 UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"uiActionButtonsContainer\">\n    <button\n        *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n        mat-button\n        [ngClass]=\"getType(uiActionModel)\"\n        class=\"{{ uiActionModel.cssClass }}\"\n        [color]=\"uiActionModel.descriptor?.color\"\n        (click)=\"onActionClicked($event, uiActionModel)\"\n    >\n        <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n        <ng-template #iconOnly>\n            <smart-icon\n                *ngIf=\"uiActionModel.descriptor?.icon\"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n        <ng-template #text>\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n            {{ uiActionModel.descriptor?.title }}\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Post\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n    </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$1.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "smart-ui-action-toolbar", template: "<div class=\"uiActionButtonsContainer\">\n    <button\n        *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n        mat-button\n        [ngClass]=\"getType(uiActionModel)\"\n        class=\"{{ uiActionModel.cssClass }}\"\n        [color]=\"uiActionModel.descriptor?.color\"\n        (click)=\"onActionClicked($event, uiActionModel)\"\n    >\n        <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n        <ng-template #iconOnly>\n            <smart-icon\n                *ngIf=\"uiActionModel.descriptor?.icon\"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n        <ng-template #text>\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n            {{ uiActionModel.descriptor?.title }}\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Post\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n    </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"] }]
+            args: [{ selector: 'smart-ui-action-toolbar', template: "<div class=\"uiActionButtonsContainer\">\n    <button\n        *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\n        mat-button\n        [ngClass]=\"getType(uiActionModel)\"\n        class=\"{{ uiActionModel.cssClass }}\"\n        [color]=\"uiActionModel.descriptor?.color\"\n        (click)=\"onActionClicked($event, uiActionModel)\"\n    >\n        <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\n        <ng-template #iconOnly>\n            <smart-icon\n                *ngIf=\"uiActionModel.descriptor?.icon\"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n        <ng-template #text>\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Pre\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n            {{ uiActionModel.descriptor?.title }}\n            <smart-icon\n                *ngIf=\"\n                    uiActionModel.descriptor?.icon &&\n                    uiActionModel.descriptor?.iconPosition === iconPosition().Post\n                \"\n                [icon]=\"uiActionModel.descriptor!.icon!\"\n                [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\n            ></smart-icon>\n        </ng-template>\n    </button>\n</div>\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;min-height:2.25rem}\n"] }]
         }], ctorParameters: function () { return [{ type: UiActionService }, { type: UiActionDescriptorService }]; }, propDecorators: { uiActionModels: [{
                 type: Input
             }] } });
@@ -3598,9 +3733,8 @@ class SmartSubject extends Subject {
 }
 
 let SmartComponentApiClient = class SmartComponentApiClient {
-    constructor(auth, viewContext, pageName) {
+    constructor(inject, auth, pageName) {
         this.auth = auth;
-        this.viewContext = viewContext;
         this.pageName = pageName;
         this._destroy$ = new Subject();
         this.detectChange = new SmartSubject(this._destroy$);
@@ -3613,6 +3747,9 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             this.model = model;
             this.data = model.data;
         });
+        this.viewContext = inject.get(SmartViewContextService);
+        this.uiActionService = inject.get(UiActionService);
+        this.uiActionDescriptorService = inject.get(UiActionDescriptorService);
     }
     get uuid() {
         return this._uuid;
@@ -3675,10 +3812,17 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             });
         }
     }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.uuid = this.viewContext.getUuidOfPage(this.pageName);
+            this.model = yield this.viewContext.load(this.uuid);
+        });
+    }
+    //#region UseUiAction
     getAdditionalParams(uiAction) {
         return {
-            forTextArea: "",
-            forTextField: "",
+            forTextArea: '',
+            forTextField: '',
         };
     }
     getModel() {
@@ -3689,23 +3833,39 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             yield this.viewContext.performAction(this.uuid, uiActionRequest);
         });
     }
-    handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
-        throw new Error("handleSpecificDemandsAsynchronously method not implemented.");
+    performWidgetActionRequest(uiActionRequest, widgetId, nodeId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.viewContext.performWidgetAction(this.uuid, widgetId, nodeId, uiActionRequest);
+        });
     }
-    load() {
+    performWidgetMainActionRequest(uiActionRequest, widgetId) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.uuid = this.viewContext.getUuidOfPage(this.pageName);
-            this.model = yield this.viewContext.load(this.uuid);
+            yield this.viewContext.performWidgetMainAction(this.uuid, widgetId, uiActionRequest);
         });
     }
+    handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
+        throw new Error('handleSpecificDemandsAsynchronously method not implemented.');
+    }
+    //#endregion
+    addGrid(smartGrid, options, useAsDefaultGrid) {
+        smartGrid.options = options;
+        smartGrid.uiActionService = this.uiActionService;
+        smartGrid.uiActionDescriptorService = this.uiActionDescriptorService;
+        smartGrid.serviceToUse = this;
+        if (useAsDefaultGrid) {
+            this.smartGrid = smartGrid;
+            return this.smartGrid;
+        }
+        return smartGrid;
+    }
 };
 SmartComponentApiClient = __decorate([
-    __param(2, Inject("pageName"))
+    __param(2, Inject('pageName'))
 ], SmartComponentApiClient);
 
 class SmartComponent extends SmartComponentApiClient {
-    constructor(auth, viewContext, pageName) {
-        super(auth, viewContext, pageName);
+    constructor(inject, auth, pageName) {
+        super(inject, auth, pageName);
     }
     ngOnInit() {
         this._ngOnInit();
@@ -3714,26 +3874,26 @@ class SmartComponent extends SmartComponentApiClient {
         this._ngOnDestroy();
     }
 }
-SmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponent, deps: [{ token: SmartAuthService }, { token: SmartViewContextService }, { token: "pageName" }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "", isInline: true });
+SmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponent, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Component });
+SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponent, decorators: [{
             type: Component,
             args: [{
-                    template: "",
+                    template: '',
                 }]
         }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
+        return [{ type: i0.Injector }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [SmartAuthService]
-                    }] }, { type: SmartViewContextService }, { type: undefined, decorators: [{
+                    }] }, { type: undefined, decorators: [{
                         type: Inject,
-                        args: ["pageName"]
+                        args: ['pageName']
                     }] }];
     } });
 
 class SmartService extends SmartComponentApiClient {
-    constructor(auth, viewContext, pageName) {
-        super(auth, viewContext, pageName);
+    constructor(inject, auth, pageName) {
+        super(inject, auth, pageName);
     }
     ngOnInit() {
         this._ngOnInit();
@@ -3742,20 +3902,20 @@ class SmartService extends SmartComponentApiClient {
         this._ngOnDestroy();
     }
 }
-SmartService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartService, deps: [{ token: SmartAuthService }, { token: SmartViewContextService }, { token: "pageName" }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartService, providedIn: "root" });
+SmartService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartService, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root",
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
+        return [{ type: i0.Injector }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [SmartAuthService]
-                    }] }, { type: SmartViewContextService }, { type: undefined, decorators: [{
+                    }] }, { type: undefined, decorators: [{
                         type: Inject,
-                        args: ["pageName"]
+                        args: ['pageName']
                     }] }];
     } });