@smartbit4all/ng-client 1.1.42 → 1.1.43

package/fesm2020/smartbit4all-ng-client.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Pipe, CUSTOM_ELEMENTS_SCHEMA, ViewChild, Input } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Pipe, CUSTOM_ELEMENTS_SCHEMA, Input, ViewChild } from '@angular/core';
 import { Subject, takeUntil, map, catchError, throwError, from } from 'rxjs';
 import { SmartSubject } from '@smartbit4all/subject';
 import * as i1 from '@angular/common/http';
@@ -14,25 +14,26 @@ import * as i3$1 from '@smartbit4all/navigation';
 import * as i4$1 from '@smartbit4all/dialog';
 import { SmartdialogService, SmartdialogModule } from '@smartbit4all/dialog';
 import { MatCommonModule } from '@angular/material/core';
+import { BrowserModule } from '@angular/platform-browser';
+import * as i2$2 from '@smartbit4all/expandable-section';
+import { SmartExpandableSectionModule } from '@smartbit4all/expandable-section';
+import * as i1$2 from '@smartbit4all/form';
+import { SmartFormWidgetDirection, SmartFormWidgetType, SmartValidatorName, SmartformModule } from '@smartbit4all/form';
+import * as i3$2 from '@smartbit4all/grid';
+import { SmartLayoutDef, GridUiActionType, SmartGridModule, SmartGridComponent } from '@smartbit4all/grid';
+import * as i4$4 from '@smartbit4all/tree';
+import { SmarttreeModule, SmarttreeGenericService } from '@smartbit4all/tree';
 import * as i4$3 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import { BrowserModule } from '@angular/platform-browser';
 import * as i4$2 from '@smartbit4all/icon';
 import { SmartIconModule } from '@smartbit4all/icon';
 import * as i1$1 from '@angular/material/dialog';
 import * as i2$1 from '@angular/router';
 import { catchError as catchError$1, switchMap } from 'rxjs/operators';
-import * as i4$4 from '@angular/material/snack-bar';
+import * as i4$5 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import { Validators } from '@angular/forms';
-import * as i1$2 from '@smartbit4all/form';
-import { SmartFormWidgetType, SmartValidatorName, SmartFormWidgetDirection, SmartformModule } from '@smartbit4all/form';
-import * as i3$2 from '@smartbit4all/grid';
-import { SmartLayoutDef, GridUiActionType, SmartGridModule, SmartGridComponent } from '@smartbit4all/grid';
-import * as i2$2 from '@smartbit4all/expandable-section';
-import { SmartExpandableSectionModule } from '@smartbit4all/expandable-section';
 import { __decorate, __param } from 'tslib';
-import { SmarttreeGenericService } from '@smartbit4all/tree';
 
 /**
  * Custom HttpParameterCodec
@@ -3441,1453 +3442,1476 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
-class SmartViewContextErrorDialogService extends SmartdialogService {
-    constructor(dialog, router, viewContext) {
-        super(dialog, router);
-        this.viewContext = viewContext;
-        this.dialogRefs = [];
+/**
+ * Custom HttpParameterCodec
+ * Workaround for https://github.com/angular/angular/issues/18261
+ */
+class CustomHttpParameterCodec {
+    encodeKey(k) {
+        return encodeURIComponent(k);
     }
-    handleAfterClosed(result) { }
-    openDialog() {
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: SmartViewContextErrorDialogComponent,
-        };
-        this.dialogRefs.push(this.createDialogRef(dialogData, SmartViewContextErrorDialogComponent));
+    encodeValue(v) {
+        return encodeURIComponent(v);
     }
-    async closeDialog() {
-        let dialogRef = this.dialogRefs.pop();
-        dialogRef?.close();
+    decodeKey(k) {
+        return decodeURIComponent(k);
     }
-    async getSmartViewContextApiError() {
-        if (this.viewApiError?.code) {
-            return await this.viewContext.getSmartViewContextApiErrorByCode(this.viewApiError.code);
+    decodeValue(v) {
+        return decodeURIComponent(v);
+    }
+}
+
+const BASE_PATH = new InjectionToken('basePath');
+const COLLECTION_FORMATS = {
+    'csv': ',',
+    'tsv': '   ',
+    'ssv': ' ',
+    'pipes': '|'
+};
+
+class Configuration {
+    constructor(configurationParameters = {}) {
+        this.apiKeys = configurationParameters.apiKeys;
+        this.username = configurationParameters.username;
+        this.password = configurationParameters.password;
+        this.accessToken = configurationParameters.accessToken;
+        this.basePath = configurationParameters.basePath;
+        this.withCredentials = configurationParameters.withCredentials;
+        this.encoder = configurationParameters.encoder;
+        if (configurationParameters.encodeParam) {
+            this.encodeParam = configurationParameters.encodeParam;
         }
-        let dialogTitle;
-        let buttonLabel;
-        let message;
-        if (this.viewContext.translateService) {
-            dialogTitle = await this.viewContext.translateService
-                .get(SmartViewContextErrorDialogTitle)
-                .toPromise();
-            buttonLabel = await this.viewContext.translateService
-                .get(SmartViewContextErrorDialogButtonLabel)
-                .toPromise();
-            message = await this.viewContext.translateService
-                .get(SmartViewContextErrorDialogMessage)
-                .toPromise();
+        else {
+            this.encodeParam = param => this.defaultEncodeParam(param);
+        }
+        if (configurationParameters.credentials) {
+            this.credentials = configurationParameters.credentials;
         }
         else {
-            buttonLabel = 'Ok';
-            dialogTitle = 'Hiba';
-            message = 'An error has occured.';
+            this.credentials = {};
         }
-        return {
-            code: this.viewApiError?.code ?? '',
-            message: this.viewApiError?.message ?? message,
-            buttonLabel,
-            dialogTitle,
-        };
     }
-}
-SmartViewContextErrorDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }, { token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartViewContextErrorDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }, { type: SmartViewContextService }]; } });
-
-class SmartViewContextErrorDialogComponent {
-    constructor(service) {
-        this.service = service;
-        this.service
-            .getSmartViewContextApiError()
-            .then((smartViewContextApiError) => {
-            this.smartViewContextApiError = smartViewContextApiError;
-        });
+    /**
+     * Select the correct content-type to use for a request.
+     * Uses {@link Configuration#isJsonMime} to determine the correct content-type.
+     * If no content type is found return the first found type if the contentTypes is not empty
+     * @param contentTypes - the array of content types that are available for selection
+     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
+     */
+    selectHeaderContentType(contentTypes) {
+        if (contentTypes.length === 0) {
+            return undefined;
+        }
+        const type = contentTypes.find((x) => this.isJsonMime(x));
+        if (type === undefined) {
+            return contentTypes[0];
+        }
+        return type;
     }
-    ngOnInit() { }
-    onActionClick() {
-        if (this.smartViewContextApiError?.customAction) {
-            this.smartViewContextApiError.customAction();
+    /**
+     * Select the correct accept content-type to use for a request.
+     * Uses {@link Configuration#isJsonMime} to determine the correct accept content-type.
+     * If no content type is found return the first found type if the contentTypes is not empty
+     * @param accepts - the array of content types that are available for selection.
+     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
+     */
+    selectHeaderAccept(accepts) {
+        if (accepts.length === 0) {
+            return undefined;
         }
-        this.service.closeDialog();
+        const type = accepts.find((x) => this.isJsonMime(x));
+        if (type === undefined) {
+            return accepts[0];
+        }
+        return type;
     }
-}
-SmartViewContextErrorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogComponent, deps: [{ token: SmartViewContextErrorDialogService }], target: i0.ɵɵFactoryTarget.Component });
-SmartViewContextErrorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartViewContextErrorDialogComponent, selector: "lib-smart-view-context-error-dialog", ngImport: i0, template: "<div *ngIf=\"smartViewContextApiError\" class=\"container\">\n  <h3 class=\"color-accent-700\">\n    {{ smartViewContextApiError.dialogTitle }}\n  </h3>\n  <div class=\"content\">\n    <p>\n      {{ smartViewContextApiError.message }}\n    </p>\n  </div>\n  <div class=\"buttonContainer\">\n    <button mat-raised-button color=\"primary\" (click)=\"onActionClick()\">\n      {{ smartViewContextApiError.buttonLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".container{display:flex;flex-direction:column;gap:1em;min-width:25rem;max-width:50vw;height:auto;max-height:75vh}.content{flex:1;overflow:auto}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end}\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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-smart-view-context-error-dialog', template: "<div *ngIf=\"smartViewContextApiError\" class=\"container\">\n  <h3 class=\"color-accent-700\">\n    {{ smartViewContextApiError.dialogTitle }}\n  </h3>\n  <div class=\"content\">\n    <p>\n      {{ smartViewContextApiError.message }}\n    </p>\n  </div>\n  <div class=\"buttonContainer\">\n    <button mat-raised-button color=\"primary\" (click)=\"onActionClick()\">\n      {{ smartViewContextApiError.buttonLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".container{display:flex;flex-direction:column;gap:1em;min-width:25rem;max-width:50vw;height:auto;max-height:75vh}.content{flex:1;overflow:auto}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end}\n"] }]
-        }], ctorParameters: function () { return [{ type: SmartViewContextErrorDialogService }]; } });
-
-class SmartViewContextInterceptor {
-    constructor(viewContextErrorDialog) {
-        this.viewContextErrorDialog = viewContextErrorDialog;
+    /**
+     * Check if the given MIME is a JSON MIME.
+     * JSON MIME examples:
+     *   application/json
+     *   application/json; charset=UTF8
+     *   APPLICATION/JSON
+     *   application/vnd.company+json
+     * @param mime - MIME (Multipurpose Internet Mail Extensions)
+     * @return True if the given MIME is JSON, false otherwise.
+     */
+    isJsonMime(mime) {
+        const jsonMime = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
+        return mime !== null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
     }
-    intercept(request, next) {
-        // parameter: async: True -> don't throw/open error (dialog)
-        if (request.body) {
-            try {
-                let body = request.body;
-                if (body.params[IS_ASYNC_PARAM_NAME]) {
-                    return next.handle(request);
-                }
-            }
-            catch (error) { }
-        }
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status === 409 &&
-                (error.error.code || error.error.message)) {
-                this.openErrorDialog(error.error);
-            }
-            return throwError(error);
-        }));
+    lookupCredential(key) {
+        const value = this.credentials[key];
+        return typeof value === 'function'
+            ? value()
+            : value;
     }
-    openErrorDialog(viewApiError) {
-        this.viewContextErrorDialog.viewApiError = viewApiError;
-        this.viewContextErrorDialog.openDialog();
+    defaultEncodeParam(param) {
+        // This implementation exists as fallback for missing configuration
+        // and for backwards compatibility to older typescript-angular generator versions.
+        // It only works for the 'simple' parameter style.
+        // Date-handling only works for the 'date-time' format.
+        // All other styles and Date-formats are probably handled incorrectly.
+        //
+        // But: if that's all you need (i.e.: the most common use-case): no need for customization!
+        const value = param.dataFormat === 'date-time' && param.value instanceof Date
+            ? param.value.toISOString()
+            : param.value;
+        return encodeURIComponent(String(value));
     }
 }
-SmartViewContextInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor, deps: [{ token: SmartViewContextErrorDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-SmartViewContextInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: SmartViewContextErrorDialogService }]; } });
 
-class SmartViewRedirect {
-    constructor(service, navigation, route) {
-        this.service = service;
-        this.navigation = navigation;
-        this.route = route;
-        this.navigation.route = this.route;
-        this.navigation.subscribeToUrlChange((url) => {
-            let channel = this.route.snapshot.paramMap.get(SmartLinkChannelVariableInPath);
-            let uuid = this.route.snapshot.paramMap.get(SmartLinkUuidVariableInPath);
-            if (!channel || !uuid) {
-                throw new Error("channel or uuid is not reachable from the url!");
+/**
+ * Form layout definition
+ * Contains form layout definition objects.
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+class DefaultService {
+    constructor(httpClient, basePath, configuration) {
+        this.httpClient = httpClient;
+        this.basePath = 'http://localhost';
+        this.defaultHeaders = new HttpHeaders();
+        this.configuration = new Configuration();
+        if (configuration) {
+            this.configuration = configuration;
+        }
+        if (typeof this.configuration.basePath !== 'string') {
+            if (Array.isArray(basePath) && basePath.length > 0) {
+                basePath = basePath[0];
             }
-            this.service.showPublishedView(channel, uuid);
-        });
-    }
-}
-SmartViewRedirect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewRedirect, deps: [{ token: SmartViewContextService }, { token: i3$1.SmartNavigationService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-SmartViewRedirect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartViewRedirect, selector: "app-redirect", ngImport: i0, template: "<div>Smart redirect</div>", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewRedirect, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "app-redirect",
-                    template: "<div>Smart redirect</div>",
-                }]
-        }], ctorParameters: function () { return [{ type: SmartViewContextService }, { type: i3$1.SmartNavigationService }, { type: i2$1.ActivatedRoute }]; } });
-const SmartLinkChannelVariableInPath = "channel";
-const SmartLinkUuidVariableInPath = "uuid";
-
-class UiActionDescriptorService {
-    constructor(viewContext) {
-        this.viewContext = viewContext;
-        this._destroy$ = new Subject();
-        this.languageChanged = new SmartSubject(this._destroy$);
-        this.keysToTranslate = ['title', 'text', 'placeholder', 'caption', 'feedbackText'];
-        this.basicActionDescriptors = new Map([
-            [
-                'UNKOWN',
-                {
-                    title: '',
-                    type: UiActionButtonType.Normal,
-                    color: 'accent',
-                    icon: 'Question',
-                    iconColor: `text-primary`,
-                    iconPosition: UiActionButtonIconPos.Post,
-                    dialog: {
-                        title: '',
-                        placeholder: 'placeholder',
-                        actionButton: {
-                            caption: '',
-                            color: 'accent',
-                        },
-                        cancelButton: {
-                            caption: 'Mégse',
-                            color: '',
-                        },
-                    },
-                },
-            ],
-        ]);
-        if (this.viewContext.translateService) {
-            this.subscribeToTranslateService();
+            if (typeof basePath !== 'string') {
+                basePath = this.basePath;
+            }
+            this.configuration.basePath = basePath;
+        }
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
+    }
+    // @ts-ignore
+    addToHttpParams(httpParams, value, key) {
+        if (typeof value === "object" && value instanceof Date === false) {
+            httpParams = this.addToHttpParamsRecursive(httpParams, value);
         }
         else {
-            this.viewContext.translateServiceChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
-                this.subscribeToTranslateService();
-            });
+            httpParams = this.addToHttpParamsRecursive(httpParams, value, key);
         }
+        return httpParams;
     }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    subscribeToTranslateService() {
-        this.viewContext
-            .translateService.onLangChange.pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.languageChanged.next();
-        });
-    }
-    async getActionDescriptor(uiAction) {
-        let code = uiAction.code;
-        let actionDescriptorFromDescriptors = this.viewContext.getActionDescriptors()?.get(code);
-        let isUnkown = false;
-        let actionDescriptor;
-        if (actionDescriptorFromDescriptors) {
-            actionDescriptor = JSON.parse(JSON.stringify(actionDescriptorFromDescriptors));
-        }
-        if (!actionDescriptor) {
-            isUnkown = true;
-            let unkownActionDescriptor = this.basicActionDescriptors.get('UNKOWN');
-            actionDescriptor = { ...unkownActionDescriptor };
-            actionDescriptor.title = code;
+    addToHttpParamsRecursive(httpParams, value, key) {
+        if (value == null) {
+            return httpParams;
         }
-        if (!actionDescriptor.dialog) {
-            actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, 'dialog');
+        if (typeof value === "object") {
+            if (Array.isArray(value)) {
+                value.forEach(elem => httpParams = this.addToHttpParamsRecursive(httpParams, elem, key));
+            }
+            else if (value instanceof Date) {
+                if (key != null) {
+                    httpParams = httpParams.append(key, value.toISOString().substr(0, 10));
+                }
+                else {
+                    throw Error("key may not be null if value is Date");
+                }
+            }
+            else {
+                Object.keys(value).forEach(k => httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k));
+            }
         }
-        if (!actionDescriptor.feedbackType && uiAction.submit) {
-            actionDescriptor.feedbackType = UiActionFeedbackType.Snackbar;
+        else if (key != null) {
+            httpParams = httpParams.append(key, value);
         }
-        if (this.viewContext.translateService && actionDescriptor && !isUnkown) {
-            actionDescriptor = await this.translateUiActionDescriptor(actionDescriptor);
+        else {
+            throw Error("key may not be null if value is not object or array");
         }
-        return actionDescriptor;
-    }
-    async translateUiActionDescriptor(uiActionDescriptor) {
-        uiActionDescriptor = await this.deepTranslate(uiActionDescriptor);
-        return uiActionDescriptor;
+        return httpParams;
     }
-    async deepTranslate(_model) {
-        let model = { ..._model };
-        await Promise.all(Object.keys(model).map(async (key) => {
-            if (model[key] !== undefined &&
-                typeof model[key] === 'string' &&
-                model[key].length &&
-                this.keysToTranslate.includes(key)) {
-                model[key] = await this.viewContext.translateService.get(model[key]).toPromise();
-            }
-            else if (model[key] !== undefined && typeof model[key] === 'object') {
-                model[key] = await this.deepTranslate(model[key]);
+    nopePost(observe = 'body', reportProgress = false, options) {
+        let localVarHeaders = this.defaultHeaders;
+        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
+        if (localVarHttpHeaderAcceptSelected === undefined) {
+            // to determine the Accept header
+            const httpHeaderAccepts = [];
+            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
+        }
+        if (localVarHttpHeaderAcceptSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
+        }
+        let localVarHttpContext = options && options.context;
+        if (localVarHttpContext === undefined) {
+            localVarHttpContext = new HttpContext();
+        }
+        let responseType_ = 'json';
+        if (localVarHttpHeaderAcceptSelected) {
+            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
+                responseType_ = 'text';
             }
-            return model;
-        }));
-        return model;
-    }
-    setUpUnkownDialogDescriptor(code, uiActionDescriptor, dialogType) {
-        let unkownDescriptor = this.basicActionDescriptors.get('UNKOWN');
-        uiActionDescriptor[dialogType] = unkownDescriptor.dialog;
-        uiActionDescriptor[dialogType].title = code;
-        uiActionDescriptor[dialogType].actionButton.caption = code;
-        return uiActionDescriptor;
-    }
-}
-UiActionDescriptorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, deps: [{ token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionDescriptorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: SmartViewContextService }]; } });
-
-class SuccessSnackBarComponent {
-    constructor(data, viewContext, manager) {
-        this.data = data;
-        this.viewContext = viewContext;
-        this.manager = manager;
-        this.manager.getActionDescriptor(data).then((descriptor) => {
-            if (descriptor.feedbackText) {
-                this.text = descriptor.feedbackText;
+            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
+                responseType_ = 'json';
             }
             else {
-                this.text = this.viewContext.commonFeedbackText ?? "A mentés sikeres volt!";
+                responseType_ = 'blob';
             }
+        }
+        let localVarPath = `/nope`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
         });
     }
 }
-SuccessSnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuccessSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: SmartViewContextService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-SuccessSnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SuccessSnackBarComponent, selector: "app-success-snack-bar", ngImport: i0, template: "<span class=\"successSnakBarContainer\" matSnackBarLabel> {{ text }} </span>\n", styles: ["::ng-deep .mat-snack-bar-container{text-align:center;border-radius:2rem}.successSnakBarContainer{color:#fff}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuccessSnackBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "app-success-snack-bar", template: "<span class=\"successSnakBarContainer\" matSnackBarLabel> {{ text }} </span>\n", styles: ["::ng-deep .mat-snack-bar-container{text-align:center;border-radius:2rem}.successSnakBarContainer{color:#fff}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+DefaultService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DefaultService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
                     type: Inject,
-                    args: [MAT_SNACK_BAR_DATA]
-                }] }, { type: SmartViewContextService }, { type: UiActionDescriptorService }]; } });
+                    args: [BASE_PATH]
+                }] }, { type: Configuration, decorators: [{
+                    type: Optional
+                }] }]; } });
 
-class UiActionConfirmDialogComponent {
-    constructor(service, manager) {
-        this.service = service;
-        this.manager = manager;
-        this.code = this.service.action.code;
-        this.setUp();
-    }
-    async setUp() {
-        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
-        this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
-    }
-    ngOnDestroy() {
-        this.service._destroy$.next();
-        this.cancel();
-    }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
-    }
-    getText() {
-        return this.descriptor[this.dialogType].text ?? "";
-    }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
-    }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
-    }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.caption;
-    }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
-    }
-    doAction() {
-        this.service.doAction();
-    }
-    cancel() {
-        this.service.cancel();
-    }
-}
-UiActionConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "app-ui-action-confirm-dialog", template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionDescriptorService }]; } });
+const APIS = [DefaultService];
 
-class UiActionConfirmDialogService extends SmartdialogService {
-    constructor(dialog, router) {
-        super(dialog, router);
-        this._destroy$ = new Subject();
-        this.onAction = new SmartSubject(this._destroy$);
-        this.shouldDoAction = false;
+/**
+ * Form layout definition
+ * Contains form layout definition objects.
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+const ComponentType = {
+    Container: 'container',
+    Form: 'form',
+    Widget: 'widget'
+};
+
+/**
+ * Form layout definition
+ * Contains form layout definition objects.
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+const ComponentWidgetType = {
+    Grid: 'grid',
+    Filter: 'filter',
+    Tree: 'tree'
+};
+
+/**
+ * Form layout definition
+ * Contains form layout definition objects.
+ *
+ * The version of the OpenAPI document: 1.0.0
+ * Contact: info@it4all.hu
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+const LayoutDirection = {
+    Horizontal: 'horizontal',
+    Vertical: 'vertical'
+};
+
+class ApiModule {
+    constructor(parentModule, http) {
+        if (parentModule) {
+            throw new Error('ApiModule is already loaded. Import in your base AppModule only.');
+        }
+        if (!http) {
+            throw new Error('You need to import the HttpClientModule in your AppModule! \n' +
+                'See also https://github.com/angular/angular/issues/20575');
+        }
     }
-    openDialog() {
-        this.shouldDoAction = false;
-        this.onAction = new SmartSubject(this._destroy$);
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: UiActionConfirmDialogComponent,
+    static forRoot(configurationFactory) {
+        return {
+            ngModule: ApiModule,
+            providers: [{ provide: Configuration, useFactory: configurationFactory }]
         };
-        this.createDialog(dialogData, UiActionConfirmDialogComponent);
-    }
-    doAction() {
-        this.shouldDoAction = true;
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
-    }
-    cancel() {
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
     }
 }
-UiActionConfirmDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionConfirmDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, decorators: [{
-            type: Injectable,
+ApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+ApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule });
+ApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, decorators: [{
+            type: NgModule,
             args: [{
-                    providedIn: 'root',
+                    imports: [],
+                    declarations: [],
+                    exports: [],
+                    providers: []
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: ApiModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: i1.HttpClient, decorators: [{
+                    type: Optional
+                }] }]; } });
 
-class UiActionInputDialogComponent {
-    constructor(service, manager) {
-        this.service = service;
-        this.manager = manager;
-        this.code = this.service.action.code;
-        this.setUp();
-    }
-    ngOnDestroy() {
-        this.service._destroy$.next();
-        this.cancel();
+// import { SmartFilter, SmartFilterComponent } from '@smartbit4all/filter';
+class SmartComponentLayoutComponent {
+    constructor(layoutService) {
+        this.layoutService = layoutService;
     }
-    async setUp() {
-        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
-        if (this.descriptor[this.service.inputTypeName]) {
-            this.dialogType = this.service.inputTypeName;
-        }
-        else {
-            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
+    ngOnInit() {
+        if (this.smartComponentLayout) {
+            this.setUp();
         }
-        this.constructForm();
     }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
-    }
-    getText() {
-        return this.descriptor[this.dialogType].text ?? '';
-    }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
+    ngOnChanges(changes) {
+        this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
+        if (this.smartComponentLayout) {
+            this.setUp();
+        }
     }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
+    setUp() {
+        this.parent = this.smartComponentLayout?.parentComponent;
+        this.uuid = this.parent.uuid;
+        this.treeService = this.parent.smartTreeService;
+        if (this.smartComponentLayout?.expandable) {
+            this.constructExpandableSection();
+        }
+        else if (this.smartComponentLayout?.type === ComponentType.Form) {
+            this.constructForm();
+        }
+        else if (this.smartComponentLayout?.type === ComponentType.Widget) {
+            if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Grid) {
+                this.constructGrid();
+            }
+            else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Filter) {
+                this.constructFilter();
+            }
+            else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Tree) {
+                this.constructTree();
+            }
+        }
     }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.caption;
+    type() {
+        return ComponentType;
     }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
+    constructExpandableSection() {
+        let data = { ...this.smartComponentLayout };
+        data.expandable = false;
+        this.expandableSection = {
+            title: this.smartComponentLayout?.expandableSectionLabel ?? '',
+            data,
+            inputName: 'smartComponentLayout',
+            customComponent: SmartComponentLayoutComponent,
+        };
     }
     constructForm() {
-        let model = {};
-        let inputName;
-        if (this.service.inputTypeName === 'inputDialog') {
-            inputName = 'input';
-        }
-        else {
-            inputName = 'input2';
-        }
-        if (this.service.nodeName) {
-            model[inputName] = this.service.nodeName;
-        }
-        else {
-            model[inputName] = '';
-        }
-        let type;
-        let inputType = `${inputName}Type`;
-        if (this.service.action[inputType] === UiActionInputType.Textfield) {
-            type = SmartFormWidgetType.TEXT_FIELD;
-        }
-        else {
-            type = SmartFormWidgetType.TEXT_BOX;
-        }
-        let widgets = [
-            {
-                key: inputName,
-                label: '',
-                type,
-                value: '',
-                validators: [
-                    {
-                        validator: Validators.required,
-                        name: SmartValidatorName.required,
-                        errorMessage: 'Ez a mező kötelező',
-                    },
-                ],
-                placeholder: this.descriptor[this.dialogType].placeholder ?? '',
-                showLabel: true,
-            },
-        ];
-        if (widgets[0].type === SmartFormWidgetType.TEXT_FIELD && this.descriptor[this.dialogType]?.mask) {
-            widgets[0].mask = this.descriptor[this.dialogType]?.mask;
-        }
-        this.folderForm = {
+        const widgets = this.layoutService.render({
+            layoutDefinitions: this.smartComponentLayout?.form,
+        });
+        this.smartForm = {
             direction: SmartFormWidgetDirection.COL,
-            model,
+            model: this.parent?.model,
+            constraints: this.parent?.model?.constraints,
             widgets,
         };
+        this.parent?.addForm(
+        // unique identifier for the form
+        `form_${this.makeid(5)}`, this.smartForm, this.formChild);
     }
-    save() {
-        let form = this.folderFormChild.submitForm();
-        if (form.invalidFields) {
-            throw new Error('The form is invalid!');
+    makeid(length) {
+        let result = '';
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        let counter = 0;
+        while (counter < length) {
+            result += characters.charAt(Math.floor(Math.random() * charactersLength));
+            counter += 1;
         }
-        this.service.onSave(form.model);
+        return result;
     }
-    cancel() {
-        this.service.cancel();
+    constructGrid() {
+        this.smartGrid = {
+            gridIdentifier: this.smartComponentLayout?.widget?.gridIdentifier,
+            gridModel: {
+                page: {},
+            },
+            layoutDef: SmartLayoutDef.TABLE,
+        };
+        this.smartGrid = this.parent?.addGrid(this.smartGrid, {
+            rowUiActionType: GridUiActionType.POPUP_MENU,
+        }, false, this.gridChild);
+    }
+    constructFilter() {
+        // this.smartFilter = (this.smartComponentLayout!.parentComponent as any).addFilter(
+        //   `filter_${this.makeid(5)}`,
+        //   this.smartComponentLayout?.widget?.filterExpressionFieldList,
+        //   this.smartComponentLayout?.widget?.filterType,
+        //   this.filterChild
+        // );
+    }
+    constructTree() {
+        this.parent.setUpDefaultTree(this.smartComponentLayout?.widget?.treeIdentifier);
+        this.treeService?.initialize();
     }
 }
-UiActionInputDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, deps: [{ token: UiActionInputDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, decorators: [{
+SmartComponentLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponentLayoutComponent, deps: [{ token: i1$2.SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
+SmartComponentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout" }, viewQueries: [{ propertyName: "formChild", first: true, predicate: ["form"], descendants: true }, { propertyName: "gridChild", first: true, predicate: ["grid"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\n\n<ng-template #expandable>\n  <smart-expandable-section\n    *ngIf=\"expandableSection\"\n    [data]=\"expandableSection\"\n  ></smart-expandable-section>\n</ng-template>\n\n<ng-template #normal>\n  <div\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\n  >\n    <smart-component-layout\n      [smartComponentLayout]=\"layout\"\n      *ngFor=\"let layout of smartComponentLayout?.components\"\n    ></smart-component-layout>\n  </div>\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\n  <smart-tree [treeService]=\"treeService!\"></smart-tree>\n</ng-template>\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], components: [{ type: i2$2.ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: i3$2.SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { type: i4$4.SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponentLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-ui-action-input-dialog', template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiActionInputDialogService }, { type: UiActionDescriptorService }]; }, propDecorators: { folderFormChild: [{
+            args: [{ selector: 'smart-component-layout', template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\n\n<ng-template #expandable>\n  <smart-expandable-section\n    *ngIf=\"expandableSection\"\n    [data]=\"expandableSection\"\n  ></smart-expandable-section>\n</ng-template>\n\n<ng-template #normal>\n  <div\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\n  >\n    <smart-component-layout\n      [smartComponentLayout]=\"layout\"\n      *ngFor=\"let layout of smartComponentLayout?.components\"\n    ></smart-component-layout>\n  </div>\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\n  <smart-tree [treeService]=\"treeService!\"></smart-tree>\n</ng-template>\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.SmartformLayoutDefinitionService }]; }, propDecorators: { smartComponentLayout: [{
+                type: Input
+            }], formChild: [{
                 type: ViewChild,
                 args: ['form']
+            }], gridChild: [{
+                type: ViewChild,
+                args: ['grid']
             }] } });
 
-class UiActionInputDialogService extends SmartdialogService {
-    constructor(dialog, router) {
+class SmartViewContextErrorDialogService extends SmartdialogService {
+    constructor(dialog, router, viewContext) {
         super(dialog, router);
-        this._destroy$ = new Subject();
-        this.onAction = new SmartSubject(this._destroy$);
-    }
-    setDataAndOpenDialog(action, nodeName) {
-        this.action = action;
-        this.nodeName = nodeName;
-        this.openDialog();
+        this.viewContext = viewContext;
+        this.dialogRefs = [];
     }
+    handleAfterClosed(result) { }
     openDialog() {
-        this.params = undefined;
-        this.onAction = new SmartSubject(this._destroy$);
         const dialogData = {
             content: {
                 title: '',
             },
             size: {},
-            customComponent: UiActionInputDialogComponent,
+            customComponent: SmartViewContextErrorDialogComponent,
         };
-        this.createDialog(dialogData, UiActionInputDialogComponent);
+        this.dialogRefs.push(this.createDialogRef(dialogData, SmartViewContextErrorDialogComponent));
     }
-    async onSave(params) {
-        this.params = params;
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+    async closeDialog() {
+        let dialogRef = this.dialogRefs.pop();
+        dialogRef?.close();
     }
-    cancel() {
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+    async getSmartViewContextApiError() {
+        if (this.viewApiError?.code) {
+            return await this.viewContext.getSmartViewContextApiErrorByCode(this.viewApiError.code);
+        }
+        let dialogTitle;
+        let buttonLabel;
+        let message;
+        if (this.viewContext.translateService) {
+            dialogTitle = await this.viewContext.translateService
+                .get(SmartViewContextErrorDialogTitle)
+                .toPromise();
+            buttonLabel = await this.viewContext.translateService
+                .get(SmartViewContextErrorDialogButtonLabel)
+                .toPromise();
+            message = await this.viewContext.translateService
+                .get(SmartViewContextErrorDialogMessage)
+                .toPromise();
+        }
+        else {
+            buttonLabel = 'Ok';
+            dialogTitle = 'Hiba';
+            message = 'An error has occured.';
+        }
+        return {
+            code: this.viewApiError?.code ?? '',
+            message: this.viewApiError?.message ?? message,
+            buttonLabel,
+            dialogTitle,
+        };
     }
 }
-UiActionInputDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionInputDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, decorators: [{
+SmartViewContextErrorDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }, { token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartViewContextErrorDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }, { type: SmartViewContextService }]; } });
 
-class UiActionFileUploadDialogComponent {
-    constructor(service, manager) {
+class SmartViewContextErrorDialogComponent {
+    constructor(service) {
         this.service = service;
-        this.manager = manager;
-        this.code = this.service.action.code;
-        this.setUp();
-    }
-    ngOnDestroy() {
-        this.service._destroy$.next();
-        this.cancel();
+        this.service
+            .getSmartViewContextApiError()
+            .then((smartViewContextApiError) => {
+            this.smartViewContextApiError = smartViewContextApiError;
+        });
     }
-    async setUp() {
-        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
-        this.isMultiple = this.service.isMultiple;
-        this.i18n = {
-            addFile: this.descriptor.upload?.title ?? 'dokumentum hozzáadása',
-            browseOrDrag: this.descriptor.upload?.description ?? 'tallózás vagy behúzás',
-            formats: this.descriptor.upload?.formats ?? '',
-            maxSize: this.descriptor.upload?.maxSize ?? '',
-            upload: this.descriptor.upload?.uploadButtonTitle,
-        };
-        // TODO set max size and file formats by UiAction.params
-        if (this.descriptor[this.service.inputTypeName]) {
-            this.dialogType = this.service.inputTypeName;
-        }
-        else {
-            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
+    ngOnInit() { }
+    onActionClick() {
+        if (this.smartViewContextApiError?.customAction) {
+            this.smartViewContextApiError.customAction();
         }
-    }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
-    }
-    getText() {
-        return this.descriptor[this.dialogType].text ?? '';
-    }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
-    }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
-    }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.caption;
-    }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
-    }
-    upload(files) {
-        this.service.onSave(files);
-    }
-    cancel() {
-        this.service.cancel();
+        this.service.closeDialog();
     }
 }
-UiActionFileUploadDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
+SmartViewContextErrorDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogComponent, deps: [{ token: SmartViewContextErrorDialogService }], target: i0.ɵɵFactoryTarget.Component });
+SmartViewContextErrorDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartViewContextErrorDialogComponent, selector: "lib-smart-view-context-error-dialog", ngImport: i0, template: "<div *ngIf=\"smartViewContextApiError\" class=\"container\">\n  <h3 class=\"color-accent-700\">\n    {{ smartViewContextApiError.dialogTitle }}\n  </h3>\n  <div class=\"content\">\n    <p>\n      {{ smartViewContextApiError.message }}\n    </p>\n  </div>\n  <div class=\"buttonContainer\">\n    <button mat-raised-button color=\"primary\" (click)=\"onActionClick()\">\n      {{ smartViewContextApiError.buttonLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".container{display:flex;flex-direction:column;gap:1em;min-width:25rem;max-width:50vw;height:auto;max-height:75vh}.content{flex:1;overflow:auto}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end}\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"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextErrorDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiActionFileUploadDialogService }, { type: UiActionDescriptorService }]; } });
+            args: [{ selector: 'lib-smart-view-context-error-dialog', template: "<div *ngIf=\"smartViewContextApiError\" class=\"container\">\n  <h3 class=\"color-accent-700\">\n    {{ smartViewContextApiError.dialogTitle }}\n  </h3>\n  <div class=\"content\">\n    <p>\n      {{ smartViewContextApiError.message }}\n    </p>\n  </div>\n  <div class=\"buttonContainer\">\n    <button mat-raised-button color=\"primary\" (click)=\"onActionClick()\">\n      {{ smartViewContextApiError.buttonLabel }}\n    </button>\n  </div>\n</div>\n", styles: [".container{display:flex;flex-direction:column;gap:1em;min-width:25rem;max-width:50vw;height:auto;max-height:75vh}.content{flex:1;overflow:auto}.buttonContainer{display:flex;flex-direction:row;justify-content:flex-end}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartViewContextErrorDialogService }]; } });
 
-class UiActionFileUploadDialogService extends SmartdialogService {
-    constructor(dialog, router) {
-        super(dialog, router);
-        this._destroy$ = new Subject();
-        this.onAction = new SmartSubject(this._destroy$);
-        this.isMultiple = false;
-    }
-    setDataAndOpenDialog(action, nodeName) {
-        this.action = action;
-        this.nodeName = nodeName;
-        this.openDialog();
+class SmartViewContextInterceptor {
+    constructor(viewContextErrorDialog) {
+        this.viewContextErrorDialog = viewContextErrorDialog;
     }
-    openDialog() {
-        this.files = undefined;
-        this.onAction = new SmartSubject(this._destroy$);
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: UiActionFileUploadDialogComponent,
-        };
-        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
+    intercept(request, next) {
+        // parameter: async: True -> don't throw/open error (dialog)
+        if (request.body) {
+            try {
+                let body = request.body;
+                if (body.params[IS_ASYNC_PARAM_NAME]) {
+                    return next.handle(request);
+                }
+            }
+            catch (error) { }
+        }
+        return next.handle(request).pipe(catchError((error) => {
+            if (error.status === 409 &&
+                (error.error.code || error.error.message)) {
+                this.openErrorDialog(error.error);
+            }
+            return throwError(error);
+        }));
     }
-    async onSave(files) {
-        this.files = files;
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+    openErrorDialog(viewApiError) {
+        this.viewContextErrorDialog.viewApiError = viewApiError;
+        this.viewContextErrorDialog.openDialog();
     }
-    cancel() {
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+}
+SmartViewContextInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor, deps: [{ token: SmartViewContextErrorDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartViewContextInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: SmartViewContextErrorDialogService }]; } });
+
+class SmartViewRedirect {
+    constructor(service, navigation, route) {
+        this.service = service;
+        this.navigation = navigation;
+        this.route = route;
+        this.navigation.route = this.route;
+        this.navigation.subscribeToUrlChange((url) => {
+            let channel = this.route.snapshot.paramMap.get(SmartLinkChannelVariableInPath);
+            let uuid = this.route.snapshot.paramMap.get(SmartLinkUuidVariableInPath);
+            if (!channel || !uuid) {
+                throw new Error("channel or uuid is not reachable from the url!");
+            }
+            this.service.showPublishedView(channel, uuid);
+        });
     }
 }
-UiActionFileUploadDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionFileUploadDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, decorators: [{
-            type: Injectable,
+SmartViewRedirect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewRedirect, deps: [{ token: SmartViewContextService }, { token: i3$1.SmartNavigationService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+SmartViewRedirect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartViewRedirect, selector: "app-redirect", ngImport: i0, template: "<div>Smart redirect</div>", isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewRedirect, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root',
+                    selector: "app-redirect",
+                    template: "<div>Smart redirect</div>",
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
+        }], ctorParameters: function () { return [{ type: SmartViewContextService }, { type: i3$1.SmartNavigationService }, { type: i2$1.ActivatedRoute }]; } });
+const SmartLinkChannelVariableInPath = "channel";
+const SmartLinkUuidVariableInPath = "uuid";
 
-class UiActionService {
-    constructor(confirmDialogService, textFieldDialogService, fileUploadDialogService, _snackBar) {
-        this.confirmDialogService = confirmDialogService;
-        this.textFieldDialogService = textFieldDialogService;
-        this.fileUploadDialogService = fileUploadDialogService;
-        this._snackBar = _snackBar;
+class UiActionDescriptorService {
+    constructor(viewContext) {
+        this.viewContext = viewContext;
         this._destroy$ = new Subject();
+        this.languageChanged = new SmartSubject(this._destroy$);
+        this.keysToTranslate = ['title', 'text', 'placeholder', 'caption', 'feedbackText'];
+        this.basicActionDescriptors = new Map([
+            [
+                'UNKOWN',
+                {
+                    title: '',
+                    type: UiActionButtonType.Normal,
+                    color: 'accent',
+                    icon: 'Question',
+                    iconColor: `text-primary`,
+                    iconPosition: UiActionButtonIconPos.Post,
+                    dialog: {
+                        title: '',
+                        placeholder: 'placeholder',
+                        actionButton: {
+                            caption: '',
+                            color: 'accent',
+                        },
+                        cancelButton: {
+                            caption: 'Mégse',
+                            color: '',
+                        },
+                    },
+                },
+            ],
+        ]);
+        if (this.viewContext.translateService) {
+            this.subscribeToTranslateService();
+        }
+        else {
+            this.viewContext.translateServiceChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
+                this.subscribeToTranslateService();
+            });
+        }
     }
     ngOnDestroy() {
         this._destroy$.next();
         this._destroy$.complete();
     }
-    async execute(uiAction, options) {
-        let uiActionRequest;
-        uiActionRequest = {
-            code: uiAction.code,
-            identifier: uiAction.identifier,
-            params: uiAction.params ?? {},
-        };
-        if (uiAction.submit) {
-            this.uiActionModel.serviceToUse.submit.next();
-            try {
-                await this.uiActionModel.serviceToUse.submit.toPromise();
-                this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
-                this.uiActionModel.serviceToUse.reSubscribeToChange.next();
-            }
-            catch (error) {
-                console.error(error);
-                this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
-                this.uiActionModel.serviceToUse.reSubscribeToChange.next();
-                return;
-            }
-        }
-        if (uiAction.confirm) {
-            this.confirmDialogService.action = uiAction;
-            this.confirmDialogService.openDialog();
-            await this.confirmDialogService.onAction.toPromise();
-            if (!this.confirmDialogService.shouldDoAction) {
-                return;
-            }
-        }
-        // InputType
-        if (uiAction.inputType) {
-            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
-            if (!uiActionRequest) {
-                return;
-            }
-            await new Promise((resolve) => setTimeout(resolve, 250));
-        }
-        // Input2Type
-        if (uiAction.input2Type) {
-            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
-            if (!uiActionRequest) {
-                return;
-            }
-        }
-        if (this.uiActionModel.exception) {
-            let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-            if (!response.shouldPerformAction || !response.uiActionRequest) {
-                return;
-            }
-            uiActionRequest = response.uiActionRequest;
-        }
-        await this.performAction(uiAction, uiActionRequest, options);
+    subscribeToTranslateService() {
+        this.viewContext
+            .translateService.onLangChange.pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.languageChanged.next();
+        });
     }
-    async handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
-        switch (inputType) {
-            case UiActionInputType.None:
-                return uiActionRequest;
-            case UiActionInputType.Textarea:
-            case UiActionInputType.Textfield:
-                return await this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
-            case UiActionInputType.UserSelect:
-                return await this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
-            case UiActionInputType.File:
-                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
-            case UiActionInputType.MultipleFiles:
-                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
-            default:
-                return uiActionRequest;
+    async getActionDescriptor(uiAction) {
+        let code = uiAction.code;
+        let actionDescriptorFromDescriptors = this.viewContext.getActionDescriptors()?.get(code);
+        let isUnkown = false;
+        let actionDescriptor;
+        if (actionDescriptorFromDescriptors) {
+            actionDescriptor = JSON.parse(JSON.stringify(actionDescriptorFromDescriptors));
         }
-    }
-    async handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
-        let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
-        let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
-        if (uiAction[inputType] === UiActionInputType.Textfield) {
-            this.textFieldDialogService.nodeName = additionalParams.forTextField;
+        if (!actionDescriptor) {
+            isUnkown = true;
+            let unkownActionDescriptor = this.basicActionDescriptors.get('UNKOWN');
+            actionDescriptor = { ...unkownActionDescriptor };
+            actionDescriptor.title = code;
         }
-        else if (uiAction[inputType] === UiActionInputType.Textarea) {
-            this.textFieldDialogService.nodeName = additionalParams.forTextArea;
+        if (!actionDescriptor.dialog) {
+            actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, 'dialog');
         }
-        this.textFieldDialogService.inputTypeName = inputTypeName;
-        this.textFieldDialogService.action = uiAction;
-        this.textFieldDialogService.openDialog();
-        await this.textFieldDialogService.onAction.toPromise();
-        let params = this.textFieldDialogService.params;
-        if (!params) {
-            console.error('There was no response from InputDialog');
-            return;
+        if (!actionDescriptor.feedbackType && uiAction.submit) {
+            actionDescriptor.feedbackType = UiActionFeedbackType.Snackbar;
         }
-        uiActionRequest.params = {
-            ...uiActionRequest.params,
-            ...params,
-        };
-        return uiActionRequest;
-    }
-    async handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
-        this.fileUploadDialogService.inputTypeName = inputTypeName;
-        this.fileUploadDialogService.action = uiAction;
-        this.fileUploadDialogService.isMultiple = isMultiple;
-        this.fileUploadDialogService.openDialog();
-        await this.fileUploadDialogService.onAction.toPromise();
-        let files = this.fileUploadDialogService.files;
-        if (!files || !files.length) {
-            console.error('There was no response from InputDialog');
-            return;
+        if (this.viewContext.translateService && actionDescriptor && !isUnkown) {
+            actionDescriptor = await this.translateUiActionDescriptor(actionDescriptor);
         }
-        uiActionRequest.params = {
-            ...uiActionRequest.params,
-            _files: files,
-            isMultiple,
-            param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
-                ? 'INPUT'
-                : 'INPUT2',
-        };
-        return uiActionRequest;
+        return actionDescriptor;
     }
-    async handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
-        let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-        if (!response.shouldPerformAction || !response.uiActionRequest) {
-            return;
-        }
-        uiActionRequest = response.uiActionRequest;
-        return uiActionRequest;
+    async translateUiActionDescriptor(uiActionDescriptor) {
+        uiActionDescriptor = await this.deepTranslate(uiActionDescriptor);
+        return uiActionDescriptor;
     }
-    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();
-        }
-        try {
-            await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options?.widgetId, options?.nodeId);
-            if (this.uiActionModel.descriptor?.feedbackType === UiActionFeedbackType.Snackbar) {
-                this.showSavedSnackbar(uiAction);
+    async deepTranslate(_model) {
+        let model = { ..._model };
+        await Promise.all(Object.keys(model).map(async (key) => {
+            if (model[key] !== undefined &&
+                typeof model[key] === 'string' &&
+                model[key].length &&
+                this.keysToTranslate.includes(key)) {
+                model[key] = await this.viewContext.translateService.get(model[key]).toPromise();
             }
-        }
-        catch (error) {
-            console.error(error);
-        }
+            else if (model[key] !== undefined && typeof model[key] === 'object') {
+                model[key] = await this.deepTranslate(model[key]);
+            }
+            return model;
+        }));
+        return model;
     }
-    showSavedSnackbar(uiAction) {
-        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-accent'],
-            data: uiAction,
-        });
+    setUpUnkownDialogDescriptor(code, uiActionDescriptor, dialogType) {
+        let unkownDescriptor = this.basicActionDescriptors.get('UNKOWN');
+        uiActionDescriptor[dialogType] = unkownDescriptor.dialog;
+        uiActionDescriptor[dialogType].title = code;
+        uiActionDescriptor[dialogType].actionButton.caption = code;
+        return uiActionDescriptor;
     }
 }
-UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: UiActionFileUploadDialogService }, { token: i4$4.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
-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: [{
+UiActionDescriptorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, deps: [{ token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionDescriptorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$4.MatSnackBar }]; } });
+        }], ctorParameters: function () { return [{ type: SmartViewContextService }]; } });
 
-class UiActionToolbarComponent {
-    constructor(service, inject) {
-        this.service = service;
-        this.inject = inject;
-        this._destroy$ = new Subject();
-        this.pressedButtonActive = true;
-        // Injects the basic UiActionDescriptorService provided by the AppModule
-        this.manager = inject.get(UiActionDescriptorService);
-        this.subscribeToLanguageChange();
+class SuccessSnackBarComponent {
+    constructor(data, viewContext, manager) {
+        this.data = data;
+        this.viewContext = viewContext;
+        this.manager = manager;
+        this.manager.getActionDescriptor(data).then((descriptor) => {
+            if (descriptor.feedbackText) {
+                this.text = descriptor.feedbackText;
+            }
+            else {
+                this.text = this.viewContext.commonFeedbackText ?? "A mentés sikeres volt!";
+            }
+        });
     }
-    ngOnInit() {
-        // Overrides the basic UiActionDescriptorService with a custom one if there is one
-        if (this.uiActionDescriptorService) {
-            this.manager = this.uiActionDescriptorService;
-            this.subscribeToLanguageChange();
-        }
+}
+SuccessSnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuccessSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: SmartViewContextService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+SuccessSnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SuccessSnackBarComponent, selector: "app-success-snack-bar", ngImport: i0, template: "<span class=\"successSnakBarContainer\" matSnackBarLabel> {{ text }} </span>\n", styles: ["::ng-deep .mat-snack-bar-container{text-align:center;border-radius:2rem}.successSnakBarContainer{color:#fff}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuccessSnackBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-success-snack-bar", template: "<span class=\"successSnakBarContainer\" matSnackBarLabel> {{ text }} </span>\n", styles: ["::ng-deep .mat-snack-bar-container{text-align:center;border-radius:2rem}.successSnakBarContainer{color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }, { type: SmartViewContextService }, { type: UiActionDescriptorService }]; } });
+
+class UiActionConfirmDialogComponent {
+    constructor(service, manager) {
+        this.service = service;
+        this.manager = manager;
+        this.code = this.service.action.code;
         this.setUp();
     }
-    ngOnChanges(changes) {
-        let uiActionModels = changes['uiActionModels'].currentValue;
-        if (uiActionModels) {
-            this.uiActionModels = uiActionModels;
-            this.setUp();
-        }
+    async setUp() {
+        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
+        this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
     }
     ngOnDestroy() {
-        this._destroy$.next();
+        this.service._destroy$.next();
+        this.cancel();
     }
-    subscribeToLanguageChange() {
-        this.languageChangedSubscription?.unsubscribe();
-        this.languageChangedSubscription = this.manager.languageChanged
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.setUp();
-        });
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
     }
-    async setUp() {
-        this.uiActionModelsWithDescriptions = await Promise.all(this.uiActionModels.map(async (uiActionModel) => {
-            uiActionModel.descriptor = await this.manager.getActionDescriptor(uiActionModel.uiAction);
-            return uiActionModel;
-        }));
+    getText() {
+        return this.descriptor[this.dialogType].text ?? "";
     }
-    async onActionClicked(event, uiActionModel) {
-        event.stopPropagation();
-        if (this.pressedButtonActive) {
-            this.pressedButtonActive = false;
-            this.service.uiActionModel = uiActionModel;
-            let options = {
-                nodeId: uiActionModel.nodeId,
-                widgetId: uiActionModel.widgetId,
-            };
-            await this.service.execute(uiActionModel.uiAction, options);
-            this.pressedButtonActive = true;
-        }
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
     }
-    onActionDoubleClicked(event, uiActionModel) {
-        event.stopPropagation();
-        // We do not handle double clicks
+    getActionButtonColor() {
+        return this.descriptor[this.dialogType].actionButton.color;
     }
-    getType(uiActionModel) {
-        switch (uiActionModel.descriptor?.type) {
-            case UiActionButtonType.Normal:
-                return 'mat-button';
-            case UiActionButtonType.Flat:
-                return 'mat-flat-button';
-            case UiActionButtonType.Raised:
-                return 'mat-raised-button';
-            case UiActionButtonType.Stroked:
-                return 'mat-stroked-button';
-            case UiActionButtonType.Icon:
-                return 'mat-icon-button';
-            case UiActionButtonType.MiniFab:
-                return 'mat-mini-fab';
-            case UiActionButtonType.Fab:
-                return 'mat-fab';
-            default:
-                console.log(`Unhandled action button type case: ${uiActionModel.descriptor?.type}`);
-                return `mat-button`;
-        }
+    getCancelButtonLabel() {
+        return this.descriptor[this.dialogType].cancelButton.caption;
     }
-    iconPosition() {
-        return UiActionButtonIconPos;
+    getCancelButtonColor() {
+        return this.descriptor[this.dialogType].cancelButton.color;
     }
-    isOnlyIcon(uiActionModel) {
-        return (uiActionModel.descriptor?.type === UiActionButtonType.Icon ||
-            uiActionModel.descriptor?.type === UiActionButtonType.MiniFab ||
-            uiActionModel.descriptor?.type === UiActionButtonType.Fab);
+    doAction() {
+        this.service.doAction();
+    }
+    cancel() {
+        this.service.cancel();
     }
 }
-UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels", uiActionDescriptorService: "uiActionDescriptorService" }, 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    (dblclick)=\"onActionDoubleClicked($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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, decorators: [{
+UiActionConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogComponent, 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    (dblclick)=\"onActionDoubleClicked($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: i0.Injector }]; }, propDecorators: { uiActionModels: [{
-                type: Input
-            }], uiActionDescriptorService: [{
-                type: Input
-            }] } });
+            args: [{ selector: "app-ui-action-confirm-dialog", template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionDescriptorService }]; } });
 
-class SmartViewContextModule {
+class UiActionConfirmDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
+        this.shouldDoAction = false;
+    }
+    openDialog() {
+        this.shouldDoAction = false;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionConfirmDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionConfirmDialogComponent);
+    }
+    doAction() {
+        this.shouldDoAction = true;
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+    cancel() {
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
 }
-SmartViewContextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartViewContextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, declarations: [MessageDialogComponent,
-        SmartViewContextErrorDialogComponent,
-        SmartViewRedirect,
-        UiActionToolbarComponent,
-        UiActionInputDialogComponent,
-        UiActionConfirmDialogComponent,
-        UiActionFileUploadDialogComponent], imports: [CommonModule,
-        HttpClientModule,
-        MatCommonModule,
-        MatButtonModule,
-        MatIconModule,
-        MatSnackBarModule,
-        SmartIconModule,
-        SmartformModule], exports: [UiActionToolbarComponent, UiActionInputDialogComponent] });
-SmartViewContextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, providers: [
-        SmartViewContextService,
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: SmartViewContextInterceptor,
-            multi: true,
-        },
-    ], imports: [[
-            CommonModule,
-            HttpClientModule,
-            MatCommonModule,
-            MatButtonModule,
-            MatIconModule,
-            MatSnackBarModule,
-            SmartIconModule,
-            SmartformModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, decorators: [{
-            type: NgModule,
+UiActionConfirmDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionConfirmDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionConfirmDialogService, decorators: [{
+            type: Injectable,
             args: [{
-                    declarations: [
-                        MessageDialogComponent,
-                        SmartViewContextErrorDialogComponent,
-                        SmartViewRedirect,
-                        UiActionToolbarComponent,
-                        UiActionInputDialogComponent,
-                        UiActionConfirmDialogComponent,
-                        UiActionFileUploadDialogComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        HttpClientModule,
-                        MatCommonModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatSnackBarModule,
-                        SmartIconModule,
-                        SmartformModule,
-                    ],
-                    exports: [UiActionToolbarComponent, UiActionInputDialogComponent],
-                    providers: [
-                        SmartViewContextService,
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: SmartViewContextInterceptor,
-                            multi: true,
-                        },
-                    ],
+                    providedIn: 'root',
                 }]
-        }] });
-
-var UiActionDialogType;
-(function (UiActionDialogType) {
-    UiActionDialogType["inputDialog"] = "inputDialog";
-    UiActionDialogType["confirmDialog"] = "confirmDialog";
-    UiActionDialogType["dialog"] = "dialog";
-})(UiActionDialogType || (UiActionDialogType = {}));
-
-/*
- * Public API Surface of smart-view-context
- */
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
 
-class SmartFileUploaderComponent {
-    constructor(uiActionService, uiActionDescriptorService) {
-        this.uiActionService = uiActionService;
-        this.uiActionDescriptorService = uiActionDescriptorService;
+class UiActionInputDialogComponent {
+    constructor(service, manager) {
+        this.service = service;
+        this.manager = manager;
+        this.code = this.service.action.code;
+        this.setUp();
     }
-    ngOnChanges(changes) {
-        this.config = changes['config'].currentValue;
-        if (this.config) {
-            this.setUp();
-        }
+    ngOnDestroy() {
+        this.service._destroy$.next();
+        this.cancel();
     }
     async setUp() {
-        this.uiActionModel = this.config?.smartComponent.uiActionModels.find((uiActionModel) => uiActionModel.uiAction.code === this.config?.uiActionCode);
-        if (!this.uiActionModel) {
-            throw new Error(`UiAction with code ${this.config?.uiActionCode} could not found`);
+        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
+        if (this.descriptor[this.service.inputTypeName]) {
+            this.dialogType = this.service.inputTypeName;
         }
-        const descriptor = await this.uiActionDescriptorService.getActionDescriptor(this.uiActionModel.uiAction);
-        this.i18n = {
-            addFile: descriptor.upload?.title ?? 'dokumentum hozzáadása',
-            browseOrDrag: descriptor.upload?.description ?? 'tallózás vagy behúzás',
-            formats: descriptor.upload?.formats ?? '',
-            maxSize: descriptor.upload?.maxSize ?? '',
-            upload: descriptor.upload?.uploadButtonTitle,
-        };
-    }
-    executeUpload(files) {
-        this.uiActionModel.uiAction.params = {
-            ...this.uiActionModel.uiAction.params,
-            _files: files,
-            isMultiple: this.config?.isMultiple,
-            param: 'INPUT',
+        else {
+            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
+        }
+        this.constructForm();
+    }
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
+    }
+    getText() {
+        return this.descriptor[this.dialogType].text ?? '';
+    }
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
+    }
+    getActionButtonColor() {
+        return this.descriptor[this.dialogType].actionButton.color;
+    }
+    getCancelButtonLabel() {
+        return this.descriptor[this.dialogType].cancelButton.caption;
+    }
+    getCancelButtonColor() {
+        return this.descriptor[this.dialogType].cancelButton.color;
+    }
+    constructForm() {
+        let model = {};
+        let inputName;
+        if (this.service.inputTypeName === 'inputDialog') {
+            inputName = 'input';
+        }
+        else {
+            inputName = 'input2';
+        }
+        if (this.service.nodeName) {
+            model[inputName] = this.service.nodeName;
+        }
+        else {
+            model[inputName] = '';
+        }
+        let type;
+        let inputType = `${inputName}Type`;
+        if (this.service.action[inputType] === UiActionInputType.Textfield) {
+            type = SmartFormWidgetType.TEXT_FIELD;
+        }
+        else {
+            type = SmartFormWidgetType.TEXT_BOX;
+        }
+        let widgets = [
+            {
+                key: inputName,
+                label: '',
+                type,
+                value: '',
+                validators: [
+                    {
+                        validator: Validators.required,
+                        name: SmartValidatorName.required,
+                        errorMessage: 'Ez a mező kötelező',
+                    },
+                ],
+                placeholder: this.descriptor[this.dialogType].placeholder ?? '',
+                showLabel: true,
+            },
+        ];
+        if (widgets[0].type === SmartFormWidgetType.TEXT_FIELD && this.descriptor[this.dialogType]?.mask) {
+            widgets[0].mask = this.descriptor[this.dialogType]?.mask;
+        }
+        this.folderForm = {
+            direction: SmartFormWidgetDirection.COL,
+            model,
+            widgets,
         };
-        this.uiActionService.uiActionModel = this.uiActionModel;
-        this.uiActionService.execute(this.uiActionModel.uiAction);
+    }
+    save() {
+        let form = this.folderFormChild.submitForm();
+        if (form.invalidFields) {
+            throw new Error('The form is invalid!');
+        }
+        this.service.onSave(form.model);
+    }
+    cancel() {
+        this.service.cancel();
     }
 }
-SmartFileUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, deps: [{ token: UiActionService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-SmartFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""], components: [{ type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
+UiActionInputDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, deps: [{ token: UiActionInputDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-file-uploader4sc', template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: UiActionService }, { type: UiActionDescriptorService }]; }, propDecorators: { config: [{
-                type: Input
+            args: [{ selector: 'smart-ui-action-input-dialog', template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: UiActionInputDialogService }, { type: UiActionDescriptorService }]; }, propDecorators: { folderFormChild: [{
+                type: ViewChild,
+                args: ['form']
             }] } });
 
-/**
- * Custom HttpParameterCodec
- * Workaround for https://github.com/angular/angular/issues/18261
- */
-class CustomHttpParameterCodec {
-    encodeKey(k) {
-        return encodeURIComponent(k);
+class UiActionInputDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
     }
-    encodeValue(v) {
-        return encodeURIComponent(v);
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
     }
-    decodeKey(k) {
-        return decodeURIComponent(k);
+    openDialog() {
+        this.params = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionInputDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionInputDialogComponent);
     }
-    decodeValue(v) {
-        return decodeURIComponent(v);
+    async onSave(params) {
+        this.params = params;
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+    cancel() {
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
     }
 }
+UiActionInputDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionInputDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
 
-const BASE_PATH = new InjectionToken('basePath');
-const COLLECTION_FORMATS = {
-    'csv': ',',
-    'tsv': '   ',
-    'ssv': ' ',
-    'pipes': '|'
-};
-
-class Configuration {
-    constructor(configurationParameters = {}) {
-        this.apiKeys = configurationParameters.apiKeys;
-        this.username = configurationParameters.username;
-        this.password = configurationParameters.password;
-        this.accessToken = configurationParameters.accessToken;
-        this.basePath = configurationParameters.basePath;
-        this.withCredentials = configurationParameters.withCredentials;
-        this.encoder = configurationParameters.encoder;
-        if (configurationParameters.encodeParam) {
-            this.encodeParam = configurationParameters.encodeParam;
-        }
-        else {
-            this.encodeParam = param => this.defaultEncodeParam(param);
-        }
-        if (configurationParameters.credentials) {
-            this.credentials = configurationParameters.credentials;
+class UiActionFileUploadDialogComponent {
+    constructor(service, manager) {
+        this.service = service;
+        this.manager = manager;
+        this.code = this.service.action.code;
+        this.setUp();
+    }
+    ngOnDestroy() {
+        this.service._destroy$.next();
+        this.cancel();
+    }
+    async setUp() {
+        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
+        this.isMultiple = this.service.isMultiple;
+        this.i18n = {
+            addFile: this.descriptor.upload?.title ?? 'dokumentum hozzáadása',
+            browseOrDrag: this.descriptor.upload?.description ?? 'tallózás vagy behúzás',
+            formats: this.descriptor.upload?.formats ?? '',
+            maxSize: this.descriptor.upload?.maxSize ?? '',
+            upload: this.descriptor.upload?.uploadButtonTitle,
+        };
+        // TODO set max size and file formats by UiAction.params
+        if (this.descriptor[this.service.inputTypeName]) {
+            this.dialogType = this.service.inputTypeName;
         }
         else {
-            this.credentials = {};
+            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
         }
     }
-    /**
-     * Select the correct content-type to use for a request.
-     * Uses {@link Configuration#isJsonMime} to determine the correct content-type.
-     * If no content type is found return the first found type if the contentTypes is not empty
-     * @param contentTypes - the array of content types that are available for selection
-     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
-     */
-    selectHeaderContentType(contentTypes) {
-        if (contentTypes.length === 0) {
-            return undefined;
-        }
-        const type = contentTypes.find((x) => this.isJsonMime(x));
-        if (type === undefined) {
-            return contentTypes[0];
-        }
-        return type;
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
     }
-    /**
-     * Select the correct accept content-type to use for a request.
-     * Uses {@link Configuration#isJsonMime} to determine the correct accept content-type.
-     * If no content type is found return the first found type if the contentTypes is not empty
-     * @param accepts - the array of content types that are available for selection.
-     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
-     */
-    selectHeaderAccept(accepts) {
-        if (accepts.length === 0) {
-            return undefined;
-        }
-        const type = accepts.find((x) => this.isJsonMime(x));
-        if (type === undefined) {
-            return accepts[0];
-        }
-        return type;
+    getText() {
+        return this.descriptor[this.dialogType].text ?? '';
     }
-    /**
-     * Check if the given MIME is a JSON MIME.
-     * JSON MIME examples:
-     *   application/json
-     *   application/json; charset=UTF8
-     *   APPLICATION/JSON
-     *   application/vnd.company+json
-     * @param mime - MIME (Multipurpose Internet Mail Extensions)
-     * @return True if the given MIME is JSON, false otherwise.
-     */
-    isJsonMime(mime) {
-        const jsonMime = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
-        return mime !== null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
     }
-    lookupCredential(key) {
-        const value = this.credentials[key];
-        return typeof value === 'function'
-            ? value()
-            : value;
+    getActionButtonColor() {
+        return this.descriptor[this.dialogType].actionButton.color;
     }
-    defaultEncodeParam(param) {
-        // This implementation exists as fallback for missing configuration
-        // and for backwards compatibility to older typescript-angular generator versions.
-        // It only works for the 'simple' parameter style.
-        // Date-handling only works for the 'date-time' format.
-        // All other styles and Date-formats are probably handled incorrectly.
-        //
-        // But: if that's all you need (i.e.: the most common use-case): no need for customization!
-        const value = param.dataFormat === 'date-time' && param.value instanceof Date
-            ? param.value.toISOString()
-            : param.value;
-        return encodeURIComponent(String(value));
+    getCancelButtonLabel() {
+        return this.descriptor[this.dialogType].cancelButton.caption;
+    }
+    getCancelButtonColor() {
+        return this.descriptor[this.dialogType].cancelButton.color;
+    }
+    upload(files) {
+        this.service.onSave(files);
+    }
+    cancel() {
+        this.service.cancel();
     }
 }
+UiActionFileUploadDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: UiActionFileUploadDialogService }, { type: UiActionDescriptorService }]; } });
 
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-class DefaultService {
-    constructor(httpClient, basePath, configuration) {
-        this.httpClient = httpClient;
-        this.basePath = 'http://localhost';
-        this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration();
-        if (configuration) {
-            this.configuration = configuration;
+class UiActionFileUploadDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
+        this.isMultiple = false;
+    }
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
+    }
+    openDialog() {
+        this.files = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionFileUploadDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
+    }
+    async onSave(files) {
+        this.files = files;
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+    cancel() {
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+}
+UiActionFileUploadDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionFileUploadDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
+
+class UiActionService {
+    constructor(confirmDialogService, textFieldDialogService, fileUploadDialogService, _snackBar) {
+        this.confirmDialogService = confirmDialogService;
+        this.textFieldDialogService = textFieldDialogService;
+        this.fileUploadDialogService = fileUploadDialogService;
+        this._snackBar = _snackBar;
+        this._destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    async execute(uiAction, options) {
+        let uiActionRequest;
+        uiActionRequest = {
+            code: uiAction.code,
+            identifier: uiAction.identifier,
+            params: uiAction.params ?? {},
+        };
+        if (uiAction.submit) {
+            this.uiActionModel.serviceToUse.submit.next();
+            try {
+                await this.uiActionModel.serviceToUse.submit.toPromise();
+                this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                this.uiActionModel.serviceToUse.reSubscribeToChange.next();
+            }
+            catch (error) {
+                console.error(error);
+                this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                this.uiActionModel.serviceToUse.reSubscribeToChange.next();
+                return;
+            }
         }
-        if (typeof this.configuration.basePath !== 'string') {
-            if (Array.isArray(basePath) && basePath.length > 0) {
-                basePath = basePath[0];
+        if (uiAction.confirm) {
+            this.confirmDialogService.action = uiAction;
+            this.confirmDialogService.openDialog();
+            await this.confirmDialogService.onAction.toPromise();
+            if (!this.confirmDialogService.shouldDoAction) {
+                return;
             }
-            if (typeof basePath !== 'string') {
-                basePath = this.basePath;
+        }
+        // InputType
+        if (uiAction.inputType) {
+            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
+            if (!uiActionRequest) {
+                return;
+            }
+            await new Promise((resolve) => setTimeout(resolve, 250));
+        }
+        // Input2Type
+        if (uiAction.input2Type) {
+            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
+            if (!uiActionRequest) {
+                return;
+            }
+        }
+        if (this.uiActionModel.exception) {
+            let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+            if (!response.shouldPerformAction || !response.uiActionRequest) {
+                return;
             }
-            this.configuration.basePath = basePath;
+            uiActionRequest = response.uiActionRequest;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
+        await this.performAction(uiAction, uiActionRequest, options);
     }
-    // @ts-ignore
-    addToHttpParams(httpParams, value, key) {
-        if (typeof value === "object" && value instanceof Date === false) {
-            httpParams = this.addToHttpParamsRecursive(httpParams, value);
-        }
-        else {
-            httpParams = this.addToHttpParamsRecursive(httpParams, value, key);
+    async handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
+        switch (inputType) {
+            case UiActionInputType.None:
+                return uiActionRequest;
+            case UiActionInputType.Textarea:
+            case UiActionInputType.Textfield:
+                return await this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
+            case UiActionInputType.UserSelect:
+                return await this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
+            case UiActionInputType.File:
+                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
+            case UiActionInputType.MultipleFiles:
+                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
+            default:
+                return uiActionRequest;
         }
-        return httpParams;
     }
-    addToHttpParamsRecursive(httpParams, value, key) {
-        if (value == null) {
-            return httpParams;
+    async handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
+        let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
+        let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
+        if (uiAction[inputType] === UiActionInputType.Textfield) {
+            this.textFieldDialogService.nodeName = additionalParams.forTextField;
         }
-        if (typeof value === "object") {
-            if (Array.isArray(value)) {
-                value.forEach(elem => httpParams = this.addToHttpParamsRecursive(httpParams, elem, key));
-            }
-            else if (value instanceof Date) {
-                if (key != null) {
-                    httpParams = httpParams.append(key, value.toISOString().substr(0, 10));
-                }
-                else {
-                    throw Error("key may not be null if value is Date");
-                }
-            }
-            else {
-                Object.keys(value).forEach(k => httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k));
-            }
+        else if (uiAction[inputType] === UiActionInputType.Textarea) {
+            this.textFieldDialogService.nodeName = additionalParams.forTextArea;
         }
-        else if (key != null) {
-            httpParams = httpParams.append(key, value);
+        this.textFieldDialogService.inputTypeName = inputTypeName;
+        this.textFieldDialogService.action = uiAction;
+        this.textFieldDialogService.openDialog();
+        await this.textFieldDialogService.onAction.toPromise();
+        let params = this.textFieldDialogService.params;
+        if (!params) {
+            console.error('There was no response from InputDialog');
+            return;
         }
-        else {
-            throw Error("key may not be null if value is not object or array");
+        uiActionRequest.params = {
+            ...uiActionRequest.params,
+            ...params,
+        };
+        return uiActionRequest;
+    }
+    async handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
+        this.fileUploadDialogService.inputTypeName = inputTypeName;
+        this.fileUploadDialogService.action = uiAction;
+        this.fileUploadDialogService.isMultiple = isMultiple;
+        this.fileUploadDialogService.openDialog();
+        await this.fileUploadDialogService.onAction.toPromise();
+        let files = this.fileUploadDialogService.files;
+        if (!files || !files.length) {
+            console.error('There was no response from InputDialog');
+            return;
         }
-        return httpParams;
+        uiActionRequest.params = {
+            ...uiActionRequest.params,
+            _files: files,
+            isMultiple,
+            param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
+                ? 'INPUT'
+                : 'INPUT2',
+        };
+        return uiActionRequest;
     }
-    nopePost(observe = 'body', reportProgress = false, options) {
-        let localVarHeaders = this.defaultHeaders;
-        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
-        if (localVarHttpHeaderAcceptSelected === undefined) {
-            // to determine the Accept header
-            const httpHeaderAccepts = [];
-            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
+    async handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
+        let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+        if (!response.shouldPerformAction || !response.uiActionRequest) {
+            return;
         }
-        if (localVarHttpHeaderAcceptSelected !== undefined) {
-            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
+        uiActionRequest = response.uiActionRequest;
+        return uiActionRequest;
+    }
+    async performAction(uiAction, uiActionRequest, options) {
+        if (!uiActionRequest.params ||
+            (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
+            uiActionRequest.params = {
+                model: this.uiActionModel.serviceToUse.getModel(),
+            };
         }
-        let localVarHttpContext = options && options.context;
-        if (localVarHttpContext === undefined) {
-            localVarHttpContext = new HttpContext();
+        else if (uiAction.submit) {
+            uiActionRequest.params['model'] = this.uiActionModel.serviceToUse.getModel();
         }
-        let responseType_ = 'json';
-        if (localVarHttpHeaderAcceptSelected) {
-            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
-                responseType_ = 'text';
-            }
-            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
-                responseType_ = 'json';
-            }
-            else {
-                responseType_ = 'blob';
+        try {
+            await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options?.widgetId, options?.nodeId);
+            if (this.uiActionModel.descriptor?.feedbackType === UiActionFeedbackType.Snackbar) {
+                this.showSavedSnackbar(uiAction);
             }
         }
-        let localVarPath = `/nope`;
-        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
-            context: localVarHttpContext,
-            responseType: responseType_,
-            withCredentials: this.configuration.withCredentials,
-            headers: localVarHeaders,
-            observe: observe,
-            reportProgress: reportProgress
+        catch (error) {
+            console.error(error);
+        }
+    }
+    showSavedSnackbar(uiAction) {
+        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
+            duration: 5 * 1000,
+            panelClass: ['backgroundColor-accent'],
+            data: uiAction,
         });
     }
 }
-DefaultService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-DefaultService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, decorators: [{
+UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: UiActionFileUploadDialogService }, { token: i4$5.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+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: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [BASE_PATH]
-                }] }, { type: Configuration, decorators: [{
-                    type: Optional
-                }] }]; } });
-
-const APIS = [DefaultService];
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const ComponentType = {
-    Container: 'container',
-    Form: 'form',
-    Widget: 'widget'
-};
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const ComponentWidgetType = {
-    Grid: 'grid'
-};
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const LayoutDirection = {
-    Horizontal: 'horizontal',
-    Vertical: 'vertical'
-};
+        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$5.MatSnackBar }]; } });
 
-class ApiModule {
-    constructor(parentModule, http) {
-        if (parentModule) {
-            throw new Error('ApiModule is already loaded. Import in your base AppModule only.');
+class UiActionToolbarComponent {
+    constructor(service, inject) {
+        this.service = service;
+        this.inject = inject;
+        this._destroy$ = new Subject();
+        this.pressedButtonActive = true;
+        // Injects the basic UiActionDescriptorService provided by the AppModule
+        this.manager = inject.get(UiActionDescriptorService);
+        this.subscribeToLanguageChange();
+    }
+    ngOnInit() {
+        // Overrides the basic UiActionDescriptorService with a custom one if there is one
+        if (this.uiActionDescriptorService) {
+            this.manager = this.uiActionDescriptorService;
+            this.subscribeToLanguageChange();
+        }
+        this.setUp();
+    }
+    ngOnChanges(changes) {
+        let uiActionModels = changes['uiActionModels'].currentValue;
+        if (uiActionModels) {
+            this.uiActionModels = uiActionModels;
+            this.setUp();
+        }
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+    }
+    subscribeToLanguageChange() {
+        this.languageChangedSubscription?.unsubscribe();
+        this.languageChangedSubscription = this.manager.languageChanged
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.setUp();
+        });
+    }
+    async setUp() {
+        this.uiActionModelsWithDescriptions = await Promise.all(this.uiActionModels.map(async (uiActionModel) => {
+            uiActionModel.descriptor = await this.manager.getActionDescriptor(uiActionModel.uiAction);
+            return uiActionModel;
+        }));
+    }
+    async onActionClicked(event, uiActionModel) {
+        event.stopPropagation();
+        if (this.pressedButtonActive) {
+            this.pressedButtonActive = false;
+            this.service.uiActionModel = uiActionModel;
+            let options = {
+                nodeId: uiActionModel.nodeId,
+                widgetId: uiActionModel.widgetId,
+            };
+            await this.service.execute(uiActionModel.uiAction, options);
+            this.pressedButtonActive = true;
         }
-        if (!http) {
-            throw new Error('You need to import the HttpClientModule in your AppModule! \n' +
-                'See also https://github.com/angular/angular/issues/20575');
+    }
+    onActionDoubleClicked(event, uiActionModel) {
+        event.stopPropagation();
+        // We do not handle double clicks
+    }
+    getType(uiActionModel) {
+        switch (uiActionModel.descriptor?.type) {
+            case UiActionButtonType.Normal:
+                return 'mat-button';
+            case UiActionButtonType.Flat:
+                return 'mat-flat-button';
+            case UiActionButtonType.Raised:
+                return 'mat-raised-button';
+            case UiActionButtonType.Stroked:
+                return 'mat-stroked-button';
+            case UiActionButtonType.Icon:
+                return 'mat-icon-button';
+            case UiActionButtonType.MiniFab:
+                return 'mat-mini-fab';
+            case UiActionButtonType.Fab:
+                return 'mat-fab';
+            default:
+                console.log(`Unhandled action button type case: ${uiActionModel.descriptor?.type}`);
+                return `mat-button`;
         }
     }
-    static forRoot(configurationFactory) {
-        return {
-            ngModule: ApiModule,
-            providers: [{ provide: Configuration, useFactory: configurationFactory }]
-        };
+    iconPosition() {
+        return UiActionButtonIconPos;
+    }
+    isOnlyIcon(uiActionModel) {
+        return (uiActionModel.descriptor?.type === UiActionButtonType.Icon ||
+            uiActionModel.descriptor?.type === UiActionButtonType.MiniFab ||
+            uiActionModel.descriptor?.type === UiActionButtonType.Fab);
     }
 }
-ApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-ApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule });
-ApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, providers: [], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, decorators: [{
+UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels", uiActionDescriptorService: "uiActionDescriptorService" }, 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    (dblclick)=\"onActionDoubleClicked($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$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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    (dblclick)=\"onActionDoubleClicked($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: i0.Injector }]; }, propDecorators: { uiActionModels: [{
+                type: Input
+            }], uiActionDescriptorService: [{
+                type: Input
+            }] } });
+
+class SmartViewContextModule {
+}
+SmartViewContextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartViewContextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, declarations: [MessageDialogComponent,
+        SmartViewContextErrorDialogComponent,
+        SmartViewRedirect,
+        UiActionToolbarComponent,
+        UiActionInputDialogComponent,
+        UiActionConfirmDialogComponent,
+        UiActionFileUploadDialogComponent], imports: [CommonModule,
+        HttpClientModule,
+        MatCommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatSnackBarModule,
+        SmartIconModule,
+        SmartformModule], exports: [UiActionToolbarComponent, UiActionInputDialogComponent] });
+SmartViewContextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, providers: [
+        SmartViewContextService,
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: SmartViewContextInterceptor,
+            multi: true,
+        },
+    ], imports: [[
+            CommonModule,
+            HttpClientModule,
+            MatCommonModule,
+            MatButtonModule,
+            MatIconModule,
+            MatSnackBarModule,
+            SmartIconModule,
+            SmartformModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartViewContextModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: [],
-                    providers: []
+                    declarations: [
+                        MessageDialogComponent,
+                        SmartViewContextErrorDialogComponent,
+                        SmartViewRedirect,
+                        UiActionToolbarComponent,
+                        UiActionInputDialogComponent,
+                        UiActionConfirmDialogComponent,
+                        UiActionFileUploadDialogComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        MatCommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatSnackBarModule,
+                        SmartIconModule,
+                        SmartformModule,
+                    ],
+                    exports: [UiActionToolbarComponent, UiActionInputDialogComponent],
+                    providers: [
+                        SmartViewContextService,
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: SmartViewContextInterceptor,
+                            multi: true,
+                        },
+                    ],
                 }]
-        }], ctorParameters: function () { return [{ type: ApiModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1.HttpClient, decorators: [{
-                    type: Optional
-                }] }]; } });
+        }] });
 
-class SmartComponentLayoutComponent {
-    constructor(layoutService) {
-        this.layoutService = layoutService;
-    }
-    ngOnInit() {
-        if (this.smartComponentLayout) {
-            this.setUp();
-        }
+var UiActionDialogType;
+(function (UiActionDialogType) {
+    UiActionDialogType["inputDialog"] = "inputDialog";
+    UiActionDialogType["confirmDialog"] = "confirmDialog";
+    UiActionDialogType["dialog"] = "dialog";
+})(UiActionDialogType || (UiActionDialogType = {}));
+
+/*
+ * Public API Surface of smart-view-context
+ */
+
+class SmartFileUploaderComponent {
+    constructor(uiActionService, uiActionDescriptorService) {
+        this.uiActionService = uiActionService;
+        this.uiActionDescriptorService = uiActionDescriptorService;
     }
     ngOnChanges(changes) {
-        this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
-        if (this.smartComponentLayout) {
+        this.config = changes['config'].currentValue;
+        if (this.config) {
             this.setUp();
         }
     }
-    setUp() {
-        this.uuid = this.smartComponentLayout?.parentComponent.uuid;
-        if (this.smartComponentLayout?.expandable) {
-            this.constructExpandableSection();
-        }
-        else if (this.smartComponentLayout?.type === ComponentType.Form) {
-            this.constructForm();
-        }
-        else if (this.smartComponentLayout?.type === ComponentType.Widget) {
-            if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Grid) {
-                this.constructGrid();
-            }
+    async setUp() {
+        this.uiActionModel = this.config?.smartComponent.uiActionModels.find((uiActionModel) => uiActionModel.uiAction.code === this.config?.uiActionCode);
+        if (!this.uiActionModel) {
+            throw new Error(`UiAction with code ${this.config?.uiActionCode} could not found`);
         }
-    }
-    type() {
-        return ComponentType;
-    }
-    constructExpandableSection() {
-        let data = { ...this.smartComponentLayout };
-        data.expandable = false;
-        this.expandableSection = {
-            title: this.smartComponentLayout?.expandableSectionLabel ?? '',
-            data,
-            inputName: 'smartComponentLayout',
-            customComponent: SmartComponentLayoutComponent,
-        };
-    }
-    constructForm() {
-        const widgets = this.layoutService.render({
-            layoutDefinitions: this.smartComponentLayout?.form,
-        });
-        this.smartForm = {
-            direction: SmartFormWidgetDirection.COL,
-            model: this.smartComponentLayout?.parentComponent.model,
-            constraints: this.smartComponentLayout?.parentComponent.model?.constraints,
-            widgets,
+        const descriptor = await this.uiActionDescriptorService.getActionDescriptor(this.uiActionModel.uiAction);
+        this.i18n = {
+            addFile: descriptor.upload?.title ?? 'dokumentum hozzáadása',
+            browseOrDrag: descriptor.upload?.description ?? 'tallózás vagy behúzás',
+            formats: descriptor.upload?.formats ?? '',
+            maxSize: descriptor.upload?.maxSize ?? '',
+            upload: descriptor.upload?.uploadButtonTitle,
         };
-        this.smartComponentLayout?.parentComponent.addForm(
-        // unique identifier for the form
-        `form_${this.makeid(5)}`, this.smartForm, this.formChild);
-    }
-    makeid(length) {
-        let result = '';
-        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        const charactersLength = characters.length;
-        let counter = 0;
-        while (counter < length) {
-            result += characters.charAt(Math.floor(Math.random() * charactersLength));
-            counter += 1;
-        }
-        return result;
     }
-    constructGrid() {
-        this.smartGrid = {
-            gridIdentifier: this.smartComponentLayout?.widget?.gridIdentifier,
-            gridModel: {
-                page: {},
-            },
-            layoutDef: SmartLayoutDef.TABLE,
+    executeUpload(files) {
+        this.uiActionModel.uiAction.params = {
+            ...this.uiActionModel.uiAction.params,
+            _files: files,
+            isMultiple: this.config?.isMultiple,
+            param: 'INPUT',
         };
-        this.smartGrid = this.smartComponentLayout?.parentComponent.addGrid(this.smartGrid, {
-            rowUiActionType: GridUiActionType.POPUP_MENU,
-        }, false, this.gridChild);
+        this.uiActionService.uiActionModel = this.uiActionModel;
+        this.uiActionService.execute(this.uiActionModel.uiAction);
     }
 }
-SmartComponentLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponentLayoutComponent, deps: [{ token: i1$2.SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout" }, viewQueries: [{ propertyName: "formChild", first: true, predicate: ["form"], descendants: true }, { propertyName: "gridChild", first: true, predicate: ["grid"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\n\n<ng-template #expandable>\n  <smart-expandable-section\n    *ngIf=\"expandableSection\"\n    [data]=\"expandableSection\"\n  ></smart-expandable-section>\n</ng-template>\n\n<ng-template #normal>\n  <div\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\n  >\n    <smart-component-layout\n      [smartComponentLayout]=\"layout\"\n      *ngFor=\"let layout of smartComponentLayout?.components\"\n    ></smart-component-layout>\n  </div>\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\n</ng-template>\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], components: [{ type: i2$2.ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: i3$2.SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponentLayoutComponent, decorators: [{
+SmartFileUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, deps: [{ token: UiActionService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""], components: [{ type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-component-layout', template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\n\n<ng-template #expandable>\n  <smart-expandable-section\n    *ngIf=\"expandableSection\"\n    [data]=\"expandableSection\"\n  ></smart-expandable-section>\n</ng-template>\n\n<ng-template #normal>\n  <div\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\n  >\n    <smart-component-layout\n      [smartComponentLayout]=\"layout\"\n      *ngFor=\"let layout of smartComponentLayout?.components\"\n    ></smart-component-layout>\n  </div>\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\n</ng-template>\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.SmartformLayoutDefinitionService }]; }, propDecorators: { smartComponentLayout: [{
+            args: [{ selector: 'smart-file-uploader4sc', template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: UiActionService }, { type: UiActionDescriptorService }]; }, propDecorators: { config: [{
                 type: Input
-            }], formChild: [{
-                type: ViewChild,
-                args: ['form']
-            }], gridChild: [{
-                type: ViewChild,
-                args: ['grid']
             }] } });
 
 class SmartNgClientModule {
@@ -4899,7 +4923,8 @@ SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         SmartViewContextModule,
         SmartformModule,
         SmartGridModule,
-        SmartExpandableSectionModule], exports: [SmartSessionModule,
+        SmartExpandableSectionModule,
+        SmarttreeModule], exports: [SmartSessionModule,
         SmartViewContextModule,
         SmartFileUploaderComponent,
         SmartComponentLayoutComponent] });
@@ -4911,6 +4936,7 @@ SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             SmartformModule,
             SmartGridModule,
             SmartExpandableSectionModule,
+            SmarttreeModule,
         ], SmartSessionModule,
         SmartViewContextModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, decorators: [{
@@ -4925,6 +4951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         SmartformModule,
                         SmartGridModule,
                         SmartExpandableSectionModule,
+                        SmarttreeModule,
                     ],
                     exports: [
                         SmartSessionModule,
@@ -4953,6 +4980,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }] });
 
+// import {
+//   FilterExpressionFieldList,
+//   SmartFilter,
+//   SmartFilterComponent,
+//   SmartFilterType,
+// } from '@smartbit4all/filter';
 let SmartComponentApiClient = class SmartComponentApiClient {
     constructor(inject, auth, pageName) {
         this.inject = inject;
@@ -5180,6 +5213,25 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             maxSizeMb,
         };
     }
+    // public addFilter(
+    //   smartFilterId: string,
+    //   filter: FilterExpressionFieldList,
+    //   type: SmartFilterType,
+    //   smartFilterComponent: SmartFilterComponent,
+    //   isDefault?: boolean
+    // ): SmartFilter {
+    //   const smartFilter: SmartFilter = {
+    //     data: filter.filters,
+    //     type,
+    //     translateService: this.translate,
+    //   };
+    //   this.widgets.addWidget(smartFilterId, smartFilterComponent);
+    //   if (isDefault) {
+    //     this.smartFilter = smartFilter;
+    //     return this.smartFilter!;
+    //   }
+    //   return smartFilter;
+    // }
     // #region handle changes
     handleValueChanges(valueChange) {
         let dataChange;