@smartbit4all/ng-client 1.0.12 → 1.0.13

package/fesm2020/smartbit4all-ng-client.mjs

@@ -1450,6 +1450,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.');
@@ -1870,8 +1987,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();
@@ -1904,7 +2021,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;
     }
@@ -1925,7 +2042,7 @@ class SmartViewContextService {
         this.view.configuration.basePath = this.url;
     }
     setUrl(url) {
-        this.url = url + "/view";
+        this.url = url + '/view';
         this.setUpUrlForViewService();
     }
     async getAndSyncViewContext(uuid) {
@@ -1939,7 +2056,7 @@ class SmartViewContextService {
     async getViewContext(uuid) {
         this.viewContext = await 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;
     }
@@ -1947,7 +2064,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!');
             }
             await this.getViewContext(viewContextUuid);
         }
@@ -1971,11 +2088,9 @@ class SmartViewContextService {
     }
     async startViewContext() {
         this.clearSessionStorage();
-        let newViewContext = await this.view
-            .createViewContext()
-            .toPromise();
+        let newViewContext = await 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);
@@ -1986,7 +2101,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(async () => {
@@ -2030,10 +2145,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);
@@ -2062,7 +2177,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) {
@@ -2070,7 +2185,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);
@@ -2114,18 +2229,16 @@ class SmartViewContextService {
         return uuid;
     }
     async message(messageData, messageResult) {
-        await this.view
-            .message(messageData.viewUuid ?? "", messageData.uuid, messageResult)
-            .toPromise();
+        await this.view.message(messageData.viewUuid ?? '', messageData.uuid, messageResult).toPromise();
         await this.getAndSyncViewContext();
     }
     getSmartViewContextApiErrorByCode(code) {
         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) => {
@@ -2135,9 +2248,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];
@@ -2145,7 +2258,7 @@ class SmartViewContextService {
     async getViewConstraint(uuid) {
         let viewConstraintResponse = await 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;
     }
     async showPublishedView(channel, uuid) {
@@ -2163,7 +2276,15 @@ class SmartViewContextService {
         return await this.view.downloadItem(uuid, item).toPromise();
     }
     async performAction(uuid, uiActionRequest) {
-        let viewContextChange = await this.view.performAction(uuid, uiActionRequest).toPromise();
+        return await this.handlePerformActionResponse(await this.view.performAction(uuid, uiActionRequest).toPromise());
+    }
+    async performWidgetAction(uuid, widgetId, nodeId, uiActionRequest) {
+        return await this.handlePerformActionResponse(await this.view.performWidgetAction(uuid, widgetId, nodeId, uiActionRequest).toPromise());
+    }
+    async performWidgetMainAction(uuid, widgetId, uiActionRequest) {
+        return await this.handlePerformActionResponse(await this.view.performWidgetMainAction(uuid, widgetId, uiActionRequest).toPromise());
+    }
+    async handlePerformActionResponse(viewContextChange) {
         this.viewContext = viewContextChange?.viewContext;
         this.syncView();
         if (viewContextChange?.changes) {
@@ -2183,11 +2304,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 }]; } });
 
@@ -3280,7 +3401,7 @@ class UiActionService {
         this.textFieldDialogService = textFieldDialogService;
         this._snackBar = _snackBar;
     }
-    async execute(uiAction) {
+    async execute(uiAction, options) {
         let uiActionRequest;
         uiActionRequest = {
             code: uiAction.code,
@@ -3311,7 +3432,7 @@ class UiActionService {
         }
         // InputType
         if (uiAction.inputType) {
-            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, "inputDialog");
+            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
             if (!uiActionRequest) {
                 return;
             }
@@ -3319,7 +3440,7 @@ class UiActionService {
         }
         // Input2Type
         if (uiAction.input2Type) {
-            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, "input2Dialog");
+            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
             if (!uiActionRequest) {
                 return;
             }
@@ -3331,7 +3452,7 @@ class UiActionService {
             }
             uiActionRequest = response.uiActionRequest;
         }
-        this.performAction(uiAction, uiActionRequest);
+        this.performAction(uiAction, uiActionRequest, options);
     }
     async handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
         switch (inputType) {
@@ -3348,7 +3469,7 @@ class UiActionService {
     }
     async handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
         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;
         }
@@ -3361,7 +3482,7 @@ class UiActionService {
         await 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 = {
@@ -3378,18 +3499,25 @@ class UiActionService {
         uiActionRequest = response.uiActionRequest;
         return uiActionRequest;
     }
-    async performAction(uiAction, uiActionRequest) {
-        if (!uiActionRequest.params ||
-            (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
+    async performAction(uiAction, uiActionRequest, options) {
+        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 {
-            await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest);
+            if (options && options.nodeId && options.widgetId) {
+                await this.uiActionModel.serviceToUse.performWidgetActionRequest(uiActionRequest, options.widgetId, options.nodeId);
+            }
+            else if (options && options.widgetId) {
+                await this.uiActionModel.serviceToUse.performWidgetMainActionRequest(uiActionRequest, options.widgetId);
+            }
+            else {
+                await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest);
+            }
             if (this.uiActionModel.descriptor?.feedbackType === UiActionFeedbackType.Snackbar) {
                 this.showSavedSnackbar(uiAction);
             }
@@ -3401,17 +3529,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 }]; } });
 
@@ -3428,7 +3556,7 @@ class UiActionToolbarComponent {
         this.setUp();
     }
     ngOnChanges(changes) {
-        let uiActionModels = changes["uiActionModels"].currentValue;
+        let uiActionModels = changes['uiActionModels'].currentValue;
         if (uiActionModels) {
             this.uiActionModels = uiActionModels;
             this.setUp();
@@ -3451,19 +3579,19 @@ class UiActionToolbarComponent {
     getType(uiActionModel) {
         switch (uiActionModel.descriptor?.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: ${uiActionModel.descriptor?.type}`);
                 return `mat-button`;
@@ -3482,7 +3610,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
             }] } });
@@ -3612,9 +3740,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$);
@@ -3627,6 +3754,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;
@@ -3687,10 +3817,15 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             });
         }
     }
+    async load() {
+        this.uuid = this.viewContext.getUuidOfPage(this.pageName);
+        this.model = await this.viewContext.load(this.uuid);
+    }
+    //#region UseUiAction
     getAdditionalParams(uiAction) {
         return {
-            forTextArea: "",
-            forTextField: "",
+            forTextArea: '',
+            forTextField: '',
         };
     }
     getModel() {
@@ -3699,21 +3834,35 @@ let SmartComponentApiClient = class SmartComponentApiClient {
     async performUiActionRequest(uiActionRequest) {
         await this.viewContext.performAction(this.uuid, uiActionRequest);
     }
+    async performWidgetActionRequest(uiActionRequest, widgetId, nodeId) {
+        await this.viewContext.performWidgetAction(this.uuid, widgetId, nodeId, uiActionRequest);
+    }
+    async performWidgetMainActionRequest(uiActionRequest, widgetId) {
+        await this.viewContext.performWidgetMainAction(this.uuid, widgetId, uiActionRequest);
+    }
     handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
-        throw new Error("handleSpecificDemandsAsynchronously method not implemented.");
+        throw new Error('handleSpecificDemandsAsynchronously method not implemented.');
     }
-    async load() {
-        this.uuid = this.viewContext.getUuidOfPage(this.pageName);
-        this.model = await this.viewContext.load(this.uuid);
+    //#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();
@@ -3722,24 +3871,24 @@ 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: [{
+        }], ctorParameters: function () { 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();
@@ -3748,19 +3897,19 @@ 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: [{
+        }], ctorParameters: function () { 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']
                 }] }]; } });
 
 /*