@smartbit4all/ng-client 1.1.42 → 1.1.43

package/fesm2015/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 { __awaiter, __decorate, __param } from 'tslib';
 import { Subject, takeUntil, map, catchError, throwError, from } from 'rxjs';
 import { SmartSubject } from '@smartbit4all/subject';
@@ -15,24 +15,25 @@ 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 { SmarttreeGenericService } from '@smartbit4all/tree';
 
 /**
  * Custom HttpParameterCodec
@@ -3388,1504 +3389,1528 @@ 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);
     }
-    closeDialog() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let dialogRef = this.dialogRefs.pop();
-            dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
-        });
+    decodeKey(k) {
+        return decodeURIComponent(k);
     }
-    getSmartViewContextApiError() {
-        var _a, _b, _c, _d, _e;
-        return __awaiter(this, void 0, void 0, function* () {
-            if ((_a = this.viewApiError) === null || _a === void 0 ? void 0 : _a.code) {
-                return yield this.viewContext.getSmartViewContextApiErrorByCode(this.viewApiError.code);
-            }
-            let dialogTitle;
-            let buttonLabel;
-            let message;
-            if (this.viewContext.translateService) {
-                dialogTitle = yield this.viewContext.translateService
-                    .get(SmartViewContextErrorDialogTitle)
-                    .toPromise();
-                buttonLabel = yield this.viewContext.translateService
-                    .get(SmartViewContextErrorDialogButtonLabel)
-                    .toPromise();
-                message = yield this.viewContext.translateService
-                    .get(SmartViewContextErrorDialogMessage)
-                    .toPromise();
-            }
-            else {
-                buttonLabel = 'Ok';
-                dialogTitle = 'Hiba';
-                message = 'An error has occured.';
-            }
-            return {
-                code: (_c = (_b = this.viewApiError) === null || _b === void 0 ? void 0 : _b.code) !== null && _c !== void 0 ? _c : '',
-                message: (_e = (_d = this.viewApiError) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : message,
-                buttonLabel,
-                dialogTitle,
-            };
-        });
+    decodeValue(v) {
+        return decodeURIComponent(v);
     }
 }
-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;
-        });
-    }
-    ngOnInit() { }
-    onActionClick() {
-        var _a;
-        if ((_a = this.smartViewContextApiError) === null || _a === void 0 ? void 0 : _a.customAction) {
-            this.smartViewContextApiError.customAction();
+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;
+        }
+        else {
+            this.credentials = {};
         }
-        this.service.closeDialog();
     }
-}
-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;
+    /**
+     * 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;
     }
-    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) { }
+    /**
+     * 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;
         }
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status === 409 &&
-                (error.error.code || error.error.message)) {
-                this.openErrorDialog(error.error);
-            }
-            return throwError(error);
-        }));
+        const type = accepts.find((x) => this.isJsonMime(x));
+        if (type === undefined) {
+            return accepts[0];
+        }
+        return type;
     }
-    openErrorDialog(viewApiError) {
-        this.viewContextErrorDialog.viewApiError = viewApiError;
-        this.viewContextErrorDialog.openDialog();
+    /**
+     * 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');
     }
-}
-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);
-        });
+    lookupCredential(key) {
+        const value = this.credentials[key];
+        return typeof value === 'function'
+            ? value()
+            : value;
+    }
+    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));
     }
 }
-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();
+/**
+ * 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;
         }
-        else {
-            this.viewContext.translateServiceChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
-                this.subscribeToTranslateService();
-            });
+        if (typeof this.configuration.basePath !== 'string') {
+            if (Array.isArray(basePath) && basePath.length > 0) {
+                basePath = basePath[0];
+            }
+            if (typeof basePath !== 'string') {
+                basePath = this.basePath;
+            }
+            this.configuration.basePath = basePath;
         }
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
     }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    subscribeToTranslateService() {
-        this.viewContext
-            .translateService.onLangChange.pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.languageChanged.next();
-        });
+    // @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);
+        }
+        return httpParams;
     }
-    getActionDescriptor(uiAction) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            let code = uiAction.code;
-            let actionDescriptorFromDescriptors = (_a = this.viewContext.getActionDescriptors()) === null || _a === void 0 ? void 0 : _a.get(code);
-            let isUnkown = false;
-            let actionDescriptor;
-            if (actionDescriptorFromDescriptors) {
-                actionDescriptor = JSON.parse(JSON.stringify(actionDescriptorFromDescriptors));
+    addToHttpParamsRecursive(httpParams, value, key) {
+        if (value == null) {
+            return httpParams;
+        }
+        if (typeof value === "object") {
+            if (Array.isArray(value)) {
+                value.forEach(elem => httpParams = this.addToHttpParamsRecursive(httpParams, elem, key));
             }
-            if (!actionDescriptor) {
-                isUnkown = true;
-                let unkownActionDescriptor = this.basicActionDescriptors.get('UNKOWN');
-                actionDescriptor = Object.assign({}, unkownActionDescriptor);
-                actionDescriptor.title = code;
+            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");
+                }
             }
-            if (!actionDescriptor.dialog) {
-                actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, 'dialog');
+            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);
+        }
+        else {
+            throw Error("key may not be null if value is not object or array");
+        }
+        return httpParams;
+    }
+    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';
             }
-            if (this.viewContext.translateService && actionDescriptor && !isUnkown) {
-                actionDescriptor = yield this.translateUiActionDescriptor(actionDescriptor);
+            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
+                responseType_ = 'json';
             }
-            return actionDescriptor;
-        });
-    }
-    translateUiActionDescriptor(uiActionDescriptor) {
-        return __awaiter(this, void 0, void 0, function* () {
-            uiActionDescriptor = yield this.deepTranslate(uiActionDescriptor);
-            return uiActionDescriptor;
-        });
-    }
-    deepTranslate(_model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let model = Object.assign({}, _model);
-            yield Promise.all(Object.keys(model).map((key) => __awaiter(this, void 0, void 0, function* () {
-                if (model[key] !== undefined &&
-                    typeof model[key] === 'string' &&
-                    model[key].length &&
-                    this.keysToTranslate.includes(key)) {
-                    model[key] = yield this.viewContext.translateService.get(model[key]).toPromise();
-                }
-                else if (model[key] !== undefined && typeof model[key] === 'object') {
-                    model[key] = yield this.deepTranslate(model[key]);
-                }
-                return model;
-            })));
-            return model;
+            else {
+                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
         });
     }
-    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: [{
+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',
+                    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) => {
-            var _a;
-            if (descriptor.feedbackText) {
-                this.text = descriptor.feedbackText;
-            }
-            else {
-                this.text = (_a = this.viewContext.commonFeedbackText) !== null && _a !== void 0 ? _a : "A mentés sikeres volt!";
-            }
-        });
-    }
-}
-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: [{
+        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();
-    }
-    setUp() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.descriptor = yield 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() {
-        var _a;
-        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : "";
-    }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
+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',
+    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');
+        }
     }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
+    static forRoot(configurationFactory) {
+        return {
+            ngModule: ApiModule,
+            providers: [{ provide: Configuration, useFactory: configurationFactory }]
+        };
     }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.caption;
+}
+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: [{
+                    imports: [],
+                    declarations: [],
+                    exports: [],
+                    providers: []
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ApiModule, decorators: [{
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: i1.HttpClient, decorators: [{
+                        type: Optional
+                    }] }];
+    } });
+
+// import { SmartFilter, SmartFilterComponent } from '@smartbit4all/filter';
+class SmartComponentLayoutComponent {
+    constructor(layoutService) {
+        this.layoutService = layoutService;
     }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
+    ngOnInit() {
+        if (this.smartComponentLayout) {
+            this.setUp();
+        }
     }
-    doAction() {
-        this.service.doAction();
+    ngOnChanges(changes) {
+        this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
+        if (this.smartComponentLayout) {
+            this.setUp();
+        }
     }
-    cancel() {
-        this.service.cancel();
+    setUp() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.parent = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.parentComponent;
+        this.uuid = this.parent.uuid;
+        this.treeService = this.parent.smartTreeService;
+        if ((_b = this.smartComponentLayout) === null || _b === void 0 ? void 0 : _b.expandable) {
+            this.constructExpandableSection();
+        }
+        else if (((_c = this.smartComponentLayout) === null || _c === void 0 ? void 0 : _c.type) === ComponentType.Form) {
+            this.constructForm();
+        }
+        else if (((_d = this.smartComponentLayout) === null || _d === void 0 ? void 0 : _d.type) === ComponentType.Widget) {
+            if (((_e = this.smartComponentLayout.widget) === null || _e === void 0 ? void 0 : _e.type) === ComponentWidgetType.Grid) {
+                this.constructGrid();
+            }
+            else if (((_f = this.smartComponentLayout.widget) === null || _f === void 0 ? void 0 : _f.type) === ComponentWidgetType.Filter) {
+                this.constructFilter();
+            }
+            else if (((_g = this.smartComponentLayout.widget) === null || _g === void 0 ? void 0 : _g.type) === ComponentWidgetType.Tree) {
+                this.constructTree();
+            }
+        }
+    }
+    type() {
+        return ComponentType;
+    }
+    constructExpandableSection() {
+        var _a, _b;
+        let data = Object.assign({}, this.smartComponentLayout);
+        data.expandable = false;
+        this.expandableSection = {
+            title: (_b = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.expandableSectionLabel) !== null && _b !== void 0 ? _b : '',
+            data,
+            inputName: 'smartComponentLayout',
+            customComponent: SmartComponentLayoutComponent,
+        };
+    }
+    constructForm() {
+        var _a, _b, _c, _d, _e;
+        const widgets = this.layoutService.render({
+            layoutDefinitions: (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.form,
+        });
+        this.smartForm = {
+            direction: SmartFormWidgetDirection.COL,
+            model: (_b = this.parent) === null || _b === void 0 ? void 0 : _b.model,
+            constraints: (_d = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.constraints,
+            widgets,
+        };
+        (_e = this.parent) === null || _e === void 0 ? void 0 : _e.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() {
+        var _a, _b, _c;
+        this.smartGrid = {
+            gridIdentifier: (_b = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.widget) === null || _b === void 0 ? void 0 : _b.gridIdentifier,
+            gridModel: {
+                page: {},
+            },
+            layoutDef: SmartLayoutDef.TABLE,
+        };
+        this.smartGrid = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.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() {
+        var _a, _b, _c;
+        this.parent.setUpDefaultTree((_b = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.widget) === null || _b === void 0 ? void 0 : _b.treeIdentifier);
+        (_c = this.treeService) === null || _c === void 0 ? void 0 : _c.initialize();
     }
 }
-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: [{
+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: "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 }]; } });
+            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 UiActionConfirmDialogService 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$);
-        this.shouldDoAction = false;
+        this.viewContext = viewContext;
+        this.dialogRefs = [];
     }
+    handleAfterClosed(result) { }
     openDialog() {
-        this.shouldDoAction = false;
-        this.onAction = new SmartSubject(this._destroy$);
         const dialogData = {
             content: {
                 title: '',
             },
             size: {},
-            customComponent: UiActionConfirmDialogComponent,
+            customComponent: SmartViewContextErrorDialogComponent,
         };
-        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,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
-
-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();
+        this.dialogRefs.push(this.createDialogRef(dialogData, SmartViewContextErrorDialogComponent));
     }
-    setUp() {
+    closeDialog() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.descriptor = yield 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';
-            }
-            this.constructForm();
+            let dialogRef = this.dialogRefs.pop();
+            dialogRef === null || dialogRef === void 0 ? void 0 : dialogRef.close();
         });
     }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
-    }
-    getText() {
-        var _a;
-        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : '';
-    }
-    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() {
-        var _a, _b, _c;
-        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: (_a = this.descriptor[this.dialogType].placeholder) !== null && _a !== void 0 ? _a : '',
-                showLabel: true,
-            },
-        ];
-        if (widgets[0].type === SmartFormWidgetType.TEXT_FIELD && ((_b = this.descriptor[this.dialogType]) === null || _b === void 0 ? void 0 : _b.mask)) {
-            widgets[0].mask = (_c = this.descriptor[this.dialogType]) === null || _c === void 0 ? void 0 : _c.mask;
-        }
-        this.folderForm = {
-            direction: SmartFormWidgetDirection.COL,
-            model,
-            widgets,
-        };
-    }
-    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();
-    }
-}
-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-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']
-            }] } });
-
-class UiActionInputDialogService extends SmartdialogService {
-    constructor(dialog, router) {
-        super(dialog, router);
-        this._destroy$ = new Subject();
-        this.onAction = new SmartSubject(this._destroy$);
-    }
-    setDataAndOpenDialog(action, nodeName) {
-        this.action = action;
-        this.nodeName = nodeName;
-        this.openDialog();
-    }
-    openDialog() {
-        this.params = undefined;
-        this.onAction = new SmartSubject(this._destroy$);
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: UiActionInputDialogComponent,
-        };
-        this.createDialog(dialogData, UiActionInputDialogComponent);
-    }
-    onSave(params) {
+    getSmartViewContextApiError() {
+        var _a, _b, _c, _d, _e;
         return __awaiter(this, void 0, void 0, function* () {
-            this.params = params;
-            this.onAction.complete();
-            this.closeDialog();
-            this.onAction = new SmartSubject(this._destroy$);
+            if ((_a = this.viewApiError) === null || _a === void 0 ? void 0 : _a.code) {
+                return yield this.viewContext.getSmartViewContextApiErrorByCode(this.viewApiError.code);
+            }
+            let dialogTitle;
+            let buttonLabel;
+            let message;
+            if (this.viewContext.translateService) {
+                dialogTitle = yield this.viewContext.translateService
+                    .get(SmartViewContextErrorDialogTitle)
+                    .toPromise();
+                buttonLabel = yield this.viewContext.translateService
+                    .get(SmartViewContextErrorDialogButtonLabel)
+                    .toPromise();
+                message = yield this.viewContext.translateService
+                    .get(SmartViewContextErrorDialogMessage)
+                    .toPromise();
+            }
+            else {
+                buttonLabel = 'Ok';
+                dialogTitle = 'Hiba';
+                message = 'An error has occured.';
+            }
+            return {
+                code: (_c = (_b = this.viewApiError) === null || _b === void 0 ? void 0 : _b.code) !== null && _c !== void 0 ? _c : '',
+                message: (_e = (_d = this.viewApiError) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : message,
+                buttonLabel,
+                dialogTitle,
+            };
         });
     }
-    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: [{
+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();
-    }
-    setUp() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return __awaiter(this, void 0, void 0, function* () {
-            this.descriptor = yield this.manager.getActionDescriptor(this.service.action);
-            this.isMultiple = this.service.isMultiple;
-            this.i18n = {
-                addFile: (_b = (_a = this.descriptor.upload) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : 'dokumentum hozzáadása',
-                browseOrDrag: (_d = (_c = this.descriptor.upload) === null || _c === void 0 ? void 0 : _c.description) !== null && _d !== void 0 ? _d : 'tallózás vagy behúzás',
-                formats: (_f = (_e = this.descriptor.upload) === null || _e === void 0 ? void 0 : _e.formats) !== null && _f !== void 0 ? _f : '',
-                maxSize: (_h = (_g = this.descriptor.upload) === null || _g === void 0 ? void 0 : _g.maxSize) !== null && _h !== void 0 ? _h : '',
-                upload: (_j = this.descriptor.upload) === null || _j === void 0 ? void 0 : _j.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';
-            }
+        this.service
+            .getSmartViewContextApiError()
+            .then((smartViewContextApiError) => {
+            this.smartViewContextApiError = smartViewContextApiError;
         });
     }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
-    }
-    getText() {
+    ngOnInit() { }
+    onActionClick() {
         var _a;
-        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : '';
-    }
-    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();
+        if ((_a = this.smartViewContextApiError) === null || _a === void 0 ? void 0 : _a.customAction) {
+            this.smartViewContextApiError.customAction();
+        }
+        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();
-    }
-    openDialog() {
-        this.files = undefined;
-        this.onAction = new SmartSubject(this._destroy$);
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: UiActionFileUploadDialogComponent,
-        };
-        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
+class SmartViewContextInterceptor {
+    constructor(viewContextErrorDialog) {
+        this.viewContextErrorDialog = viewContextErrorDialog;
     }
-    onSave(files) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.files = files;
-            this.onAction.complete();
-            this.closeDialog();
-            this.onAction = new SmartSubject(this._destroy$);
-        });
+    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);
+        }));
     }
-    cancel() {
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+    openErrorDialog(viewApiError) {
+        this.viewContextErrorDialog.viewApiError = viewApiError;
+        this.viewContextErrorDialog.openDialog();
     }
 }
-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,
+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);
+        });
+    }
+}
+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();
     }
-    execute(uiAction, options) {
+    subscribeToTranslateService() {
+        this.viewContext
+            .translateService.onLangChange.pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.languageChanged.next();
+        });
+    }
+    getActionDescriptor(uiAction) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            let uiActionRequest;
-            uiActionRequest = {
-                code: uiAction.code,
-                identifier: uiAction.identifier,
-                params: (_a = uiAction.params) !== null && _a !== void 0 ? _a : {},
-            };
-            if (uiAction.submit) {
-                this.uiActionModel.serviceToUse.submit.next();
-                try {
-                    yield 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;
-                }
+            let code = uiAction.code;
+            let actionDescriptorFromDescriptors = (_a = this.viewContext.getActionDescriptors()) === null || _a === void 0 ? void 0 : _a.get(code);
+            let isUnkown = false;
+            let actionDescriptor;
+            if (actionDescriptorFromDescriptors) {
+                actionDescriptor = JSON.parse(JSON.stringify(actionDescriptorFromDescriptors));
             }
-            if (uiAction.confirm) {
-                this.confirmDialogService.action = uiAction;
-                this.confirmDialogService.openDialog();
-                yield this.confirmDialogService.onAction.toPromise();
-                if (!this.confirmDialogService.shouldDoAction) {
-                    return;
-                }
+            if (!actionDescriptor) {
+                isUnkown = true;
+                let unkownActionDescriptor = this.basicActionDescriptors.get('UNKOWN');
+                actionDescriptor = Object.assign({}, unkownActionDescriptor);
+                actionDescriptor.title = code;
             }
-            // InputType
-            if (uiAction.inputType) {
-                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
-                if (!uiActionRequest) {
-                    return;
-                }
-                yield new Promise((resolve) => setTimeout(resolve, 250));
+            if (!actionDescriptor.dialog) {
+                actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, 'dialog');
             }
-            // Input2Type
-            if (uiAction.input2Type) {
-                uiActionRequest = yield this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
-                if (!uiActionRequest) {
-                    return;
-                }
+            if (!actionDescriptor.feedbackType && uiAction.submit) {
+                actionDescriptor.feedbackType = UiActionFeedbackType.Snackbar;
             }
-            if (this.uiActionModel.exception) {
-                let response = yield this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-                if (!response.shouldPerformAction || !response.uiActionRequest) {
-                    return;
-                }
-                uiActionRequest = response.uiActionRequest;
+            if (this.viewContext.translateService && actionDescriptor && !isUnkown) {
+                actionDescriptor = yield this.translateUiActionDescriptor(actionDescriptor);
             }
-            yield this.performAction(uiAction, uiActionRequest, options);
+            return actionDescriptor;
         });
     }
-    handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
+    translateUiActionDescriptor(uiActionDescriptor) {
         return __awaiter(this, void 0, void 0, function* () {
-            switch (inputType) {
-                case UiActionInputType.None:
-                    return uiActionRequest;
-                case UiActionInputType.Textarea:
-                case UiActionInputType.Textfield:
-                    return yield this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
-                case UiActionInputType.UserSelect:
-                    return yield this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
-                case UiActionInputType.File:
-                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
-                case UiActionInputType.MultipleFiles:
-                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
-                default:
-                    return uiActionRequest;
-            }
+            uiActionDescriptor = yield this.deepTranslate(uiActionDescriptor);
+            return uiActionDescriptor;
         });
     }
-    handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
+    deepTranslate(_model) {
         return __awaiter(this, void 0, void 0, function* () {
-            let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
-            let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
-            if (uiAction[inputType] === UiActionInputType.Textfield) {
-                this.textFieldDialogService.nodeName = additionalParams.forTextField;
-            }
-            else if (uiAction[inputType] === UiActionInputType.Textarea) {
-                this.textFieldDialogService.nodeName = additionalParams.forTextArea;
-            }
-            this.textFieldDialogService.inputTypeName = inputTypeName;
-            this.textFieldDialogService.action = uiAction;
-            this.textFieldDialogService.openDialog();
-            yield this.textFieldDialogService.onAction.toPromise();
-            let params = this.textFieldDialogService.params;
-            if (!params) {
-                console.error('There was no response from InputDialog');
-                return;
-            }
-            uiActionRequest.params = Object.assign(Object.assign({}, uiActionRequest.params), params);
-            return uiActionRequest;
+            let model = Object.assign({}, _model);
+            yield Promise.all(Object.keys(model).map((key) => __awaiter(this, void 0, void 0, function* () {
+                if (model[key] !== undefined &&
+                    typeof model[key] === 'string' &&
+                    model[key].length &&
+                    this.keysToTranslate.includes(key)) {
+                    model[key] = yield this.viewContext.translateService.get(model[key]).toPromise();
+                }
+                else if (model[key] !== undefined && typeof model[key] === 'object') {
+                    model[key] = yield this.deepTranslate(model[key]);
+                }
+                return model;
+            })));
+            return model;
         });
     }
-    handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.fileUploadDialogService.inputTypeName = inputTypeName;
-            this.fileUploadDialogService.action = uiAction;
-            this.fileUploadDialogService.isMultiple = isMultiple;
-            this.fileUploadDialogService.openDialog();
-            yield this.fileUploadDialogService.onAction.toPromise();
-            let files = this.fileUploadDialogService.files;
-            if (!files || !files.length) {
-                console.error('There was no response from InputDialog');
-                return;
-            }
-            uiActionRequest.params = Object.assign(Object.assign({}, uiActionRequest.params), { _files: files, isMultiple, param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
-                    ? 'INPUT'
-                    : 'INPUT2' });
-            return uiActionRequest;
-        });
+    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;
     }
-    handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
-        return __awaiter(this, void 0, void 0, function* () {
-            let response = yield this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-            if (!response.shouldPerformAction || !response.uiActionRequest) {
-                return;
+}
+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) => {
+            var _a;
+            if (descriptor.feedbackText) {
+                this.text = descriptor.feedbackText;
+            }
+            else {
+                this.text = (_a = this.viewContext.commonFeedbackText) !== null && _a !== void 0 ? _a : "A mentés sikeres volt!";
             }
-            uiActionRequest = response.uiActionRequest;
-            return uiActionRequest;
         });
     }
-    performAction(uiAction, uiActionRequest, options) {
-        var _a;
+}
+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();
+    }
+    setUp() {
         return __awaiter(this, void 0, void 0, function* () {
-            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 {
-                yield this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options === null || options === void 0 ? void 0 : options.widgetId, options === null || options === void 0 ? void 0 : options.nodeId);
-                if (((_a = this.uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.feedbackType) === UiActionFeedbackType.Snackbar) {
-                    this.showSavedSnackbar(uiAction);
-                }
-            }
-            catch (error) {
-                console.error(error);
-            }
+            this.descriptor = yield this.manager.getActionDescriptor(this.service.action);
+            this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
         });
     }
-    showSavedSnackbar(uiAction) {
-        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-accent'],
-            data: uiAction,
-        });
+    ngOnDestroy() {
+        this.service._destroy$.next();
+        this.cancel();
+    }
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
+    }
+    getText() {
+        var _a;
+        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : "";
+    }
+    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();
     }
 }
-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: [{
+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 }]; } });
+
+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$);
+    }
+}
+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: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$4.MatSnackBar }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2$1.Router }]; } });
 
-class UiActionToolbarComponent {
-    constructor(service, inject) {
+class UiActionInputDialogComponent {
+    constructor(service, manager) {
         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.manager = manager;
+        this.code = this.service.action.code;
         this.setUp();
     }
-    ngOnChanges(changes) {
-        let uiActionModels = changes['uiActionModels'].currentValue;
-        if (uiActionModels) {
-            this.uiActionModels = uiActionModels;
-            this.setUp();
-        }
-    }
     ngOnDestroy() {
-        this._destroy$.next();
-    }
-    subscribeToLanguageChange() {
-        var _a;
-        (_a = this.languageChangedSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        this.languageChangedSubscription = this.manager.languageChanged
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.setUp();
-        });
+        this.service._destroy$.next();
+        this.cancel();
     }
     setUp() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.uiActionModelsWithDescriptions = yield Promise.all(this.uiActionModels.map((uiActionModel) => __awaiter(this, void 0, void 0, function* () {
-                uiActionModel.descriptor = yield this.manager.getActionDescriptor(uiActionModel.uiAction);
-                return uiActionModel;
-            })));
-        });
-    }
-    onActionClicked(event, uiActionModel) {
-        return __awaiter(this, void 0, void 0, function* () {
-            event.stopPropagation();
-            if (this.pressedButtonActive) {
-                this.pressedButtonActive = false;
-                this.service.uiActionModel = uiActionModel;
-                let options = {
-                    nodeId: uiActionModel.nodeId,
-                    widgetId: uiActionModel.widgetId,
-                };
-                yield this.service.execute(uiActionModel.uiAction, options);
-                this.pressedButtonActive = true;
+            this.descriptor = yield 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';
+            }
+            this.constructForm();
         });
     }
-    onActionDoubleClicked(event, uiActionModel) {
-        event.stopPropagation();
-        // We do not handle double clicks
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
     }
-    getType(uiActionModel) {
-        var _a, _b;
-        switch ((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.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: ${(_b = uiActionModel.descriptor) === null || _b === void 0 ? void 0 : _b.type}`);
-                return `mat-button`;
-        }
+    getText() {
+        var _a;
+        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : '';
     }
-    iconPosition() {
-        return UiActionButtonIconPos;
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
     }
-    isOnlyIcon(uiActionModel) {
-        var _a, _b, _c;
-        return (((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.type) === UiActionButtonType.Icon ||
-            ((_b = uiActionModel.descriptor) === null || _b === void 0 ? void 0 : _b.type) === UiActionButtonType.MiniFab ||
-            ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.type) === UiActionButtonType.Fab);
+    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() {
+        var _a, _b, _c;
+        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: (_a = this.descriptor[this.dialogType].placeholder) !== null && _a !== void 0 ? _a : '',
+                showLabel: true,
+            },
+        ];
+        if (widgets[0].type === SmartFormWidgetType.TEXT_FIELD && ((_b = this.descriptor[this.dialogType]) === null || _b === void 0 ? void 0 : _b.mask)) {
+            widgets[0].mask = (_c = this.descriptor[this.dialogType]) === null || _c === void 0 ? void 0 : _c.mask;
+        }
+        this.folderForm = {
+            direction: SmartFormWidgetDirection.COL,
+            model,
+            widgets,
+        };
+    }
+    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();
     }
 }
-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: [{
+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-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: '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']
             }] } });
 
-class SmartViewContextModule {
+class UiActionInputDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
+    }
+    openDialog() {
+        this.params = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionInputDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionInputDialogComponent);
+    }
+    onSave(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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$);
+    }
 }
-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,
+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: [{
-                    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 UiActionFileUploadDialogComponent {
+    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();
     }
     setUp() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __awaiter(this, void 0, void 0, function* () {
-            this.uiActionModel = (_a = this.config) === null || _a === void 0 ? void 0 : _a.smartComponent.uiActionModels.find((uiActionModel) => { var _a; return uiActionModel.uiAction.code === ((_a = this.config) === null || _a === void 0 ? void 0 : _a.uiActionCode); });
-            if (!this.uiActionModel) {
-                throw new Error(`UiAction with code ${(_b = this.config) === null || _b === void 0 ? void 0 : _b.uiActionCode} could not found`);
-            }
-            const descriptor = yield this.uiActionDescriptorService.getActionDescriptor(this.uiActionModel.uiAction);
+            this.descriptor = yield this.manager.getActionDescriptor(this.service.action);
+            this.isMultiple = this.service.isMultiple;
             this.i18n = {
-                addFile: (_d = (_c = descriptor.upload) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : 'dokumentum hozzáadása',
-                browseOrDrag: (_f = (_e = descriptor.upload) === null || _e === void 0 ? void 0 : _e.description) !== null && _f !== void 0 ? _f : 'tallózás vagy behúzás',
-                formats: (_h = (_g = descriptor.upload) === null || _g === void 0 ? void 0 : _g.formats) !== null && _h !== void 0 ? _h : '',
-                maxSize: (_k = (_j = descriptor.upload) === null || _j === void 0 ? void 0 : _j.maxSize) !== null && _k !== void 0 ? _k : '',
-                upload: (_l = descriptor.upload) === null || _l === void 0 ? void 0 : _l.uploadButtonTitle,
+                addFile: (_b = (_a = this.descriptor.upload) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : 'dokumentum hozzáadása',
+                browseOrDrag: (_d = (_c = this.descriptor.upload) === null || _c === void 0 ? void 0 : _c.description) !== null && _d !== void 0 ? _d : 'tallózás vagy behúzás',
+                formats: (_f = (_e = this.descriptor.upload) === null || _e === void 0 ? void 0 : _e.formats) !== null && _f !== void 0 ? _f : '',
+                maxSize: (_h = (_g = this.descriptor.upload) === null || _g === void 0 ? void 0 : _g.maxSize) !== null && _h !== void 0 ? _h : '',
+                upload: (_j = this.descriptor.upload) === null || _j === void 0 ? void 0 : _j.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';
+            }
         });
     }
-    executeUpload(files) {
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
+    }
+    getText() {
         var _a;
-        this.uiActionModel.uiAction.params = Object.assign(Object.assign({}, this.uiActionModel.uiAction.params), { _files: files, isMultiple: (_a = this.config) === null || _a === void 0 ? void 0 : _a.isMultiple, param: 'INPUT' });
-        this.uiActionService.uiActionModel = this.uiActionModel;
-        this.uiActionService.execute(this.uiActionModel.uiAction);
+        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : '';
     }
-}
-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-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
-            }] } });
-
-/**
- * Custom HttpParameterCodec
- * Workaround for https://github.com/angular/angular/issues/18261
- */
-class CustomHttpParameterCodec {
-    encodeKey(k) {
-        return encodeURIComponent(k);
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
     }
-    encodeValue(v) {
-        return encodeURIComponent(v);
+    getActionButtonColor() {
+        return this.descriptor[this.dialogType].actionButton.color;
     }
-    decodeKey(k) {
-        return decodeURIComponent(k);
+    getCancelButtonLabel() {
+        return this.descriptor[this.dialogType].cancelButton.caption;
     }
-    decodeValue(v) {
-        return decodeURIComponent(v);
+    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 }]; } });
 
-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;
-        }
-        else {
-            this.credentials = {};
-        }
-    }
-    /**
-     * 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;
+class UiActionFileUploadDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
+        this.isMultiple = false;
     }
-    /**
-     * 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;
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
     }
-    /**
-     * 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');
+    openDialog() {
+        this.files = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionFileUploadDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
     }
-    lookupCredential(key) {
-        const value = this.credentials[key];
-        return typeof value === 'function'
-            ? value()
-            : value;
+    onSave(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.files = files;
+            this.onAction.complete();
+            this.closeDialog();
+            this.onAction = new SmartSubject(this._destroy$);
+        });
     }
-    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));
+    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 }]; } });
 
-/**
- * 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];
-            }
-            if (typeof basePath !== 'string') {
-                basePath = this.basePath;
-            }
-            this.configuration.basePath = basePath;
-        }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
+class UiActionService {
+    constructor(confirmDialogService, textFieldDialogService, fileUploadDialogService, _snackBar) {
+        this.confirmDialogService = confirmDialogService;
+        this.textFieldDialogService = textFieldDialogService;
+        this.fileUploadDialogService = fileUploadDialogService;
+        this._snackBar = _snackBar;
+        this._destroy$ = new Subject();
     }
-    // @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);
-        }
-        return httpParams;
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
     }
-    addToHttpParamsRecursive(httpParams, value, key) {
-        if (value == null) {
-            return httpParams;
-        }
-        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));
+    execute(uiAction, options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            let uiActionRequest;
+            uiActionRequest = {
+                code: uiAction.code,
+                identifier: uiAction.identifier,
+                params: (_a = uiAction.params) !== null && _a !== void 0 ? _a : {},
+            };
+            if (uiAction.submit) {
+                this.uiActionModel.serviceToUse.submit.next();
+                try {
+                    yield this.uiActionModel.serviceToUse.submit.toPromise();
+                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
                 }
-                else {
-                    throw Error("key may not be null if value is Date");
+                catch (error) {
+                    console.error(error);
+                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
+                    return;
                 }
             }
-            else {
-                Object.keys(value).forEach(k => httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k));
+            if (uiAction.confirm) {
+                this.confirmDialogService.action = uiAction;
+                this.confirmDialogService.openDialog();
+                yield this.confirmDialogService.onAction.toPromise();
+                if (!this.confirmDialogService.shouldDoAction) {
+                    return;
+                }
             }
-        }
-        else if (key != null) {
-            httpParams = httpParams.append(key, value);
-        }
-        else {
-            throw Error("key may not be null if value is not object or array");
-        }
-        return httpParams;
+            // InputType
+            if (uiAction.inputType) {
+                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
+                if (!uiActionRequest) {
+                    return;
+                }
+                yield new Promise((resolve) => setTimeout(resolve, 250));
+            }
+            // Input2Type
+            if (uiAction.input2Type) {
+                uiActionRequest = yield this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
+                if (!uiActionRequest) {
+                    return;
+                }
+            }
+            if (this.uiActionModel.exception) {
+                let response = yield this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+                if (!response.shouldPerformAction || !response.uiActionRequest) {
+                    return;
+                }
+                uiActionRequest = response.uiActionRequest;
+            }
+            yield this.performAction(uiAction, uiActionRequest, options);
+        });
     }
-    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';
+    handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            switch (inputType) {
+                case UiActionInputType.None:
+                    return uiActionRequest;
+                case UiActionInputType.Textarea:
+                case UiActionInputType.Textfield:
+                    return yield this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
+                case UiActionInputType.UserSelect:
+                    return yield this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
+                case UiActionInputType.File:
+                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
+                case UiActionInputType.MultipleFiles:
+                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
+                default:
+                    return uiActionRequest;
             }
-            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
-                responseType_ = 'json';
+        });
+    }
+    handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
+            let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
+            if (uiAction[inputType] === UiActionInputType.Textfield) {
+                this.textFieldDialogService.nodeName = additionalParams.forTextField;
             }
-            else {
-                responseType_ = 'blob';
+            else if (uiAction[inputType] === UiActionInputType.Textarea) {
+                this.textFieldDialogService.nodeName = additionalParams.forTextArea;
+            }
+            this.textFieldDialogService.inputTypeName = inputTypeName;
+            this.textFieldDialogService.action = uiAction;
+            this.textFieldDialogService.openDialog();
+            yield this.textFieldDialogService.onAction.toPromise();
+            let params = this.textFieldDialogService.params;
+            if (!params) {
+                console.error('There was no response from InputDialog');
+                return;
+            }
+            uiActionRequest.params = Object.assign(Object.assign({}, uiActionRequest.params), params);
+            return uiActionRequest;
+        });
+    }
+    handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.fileUploadDialogService.inputTypeName = inputTypeName;
+            this.fileUploadDialogService.action = uiAction;
+            this.fileUploadDialogService.isMultiple = isMultiple;
+            this.fileUploadDialogService.openDialog();
+            yield this.fileUploadDialogService.onAction.toPromise();
+            let files = this.fileUploadDialogService.files;
+            if (!files || !files.length) {
+                console.error('There was no response from InputDialog');
+                return;
+            }
+            uiActionRequest.params = Object.assign(Object.assign({}, uiActionRequest.params), { _files: files, isMultiple, param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
+                    ? 'INPUT'
+                    : 'INPUT2' });
+            return uiActionRequest;
+        });
+    }
+    handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let response = yield this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+            if (!response.shouldPerformAction || !response.uiActionRequest) {
+                return;
+            }
+            uiActionRequest = response.uiActionRequest;
+            return uiActionRequest;
+        });
+    }
+    performAction(uiAction, uiActionRequest, options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!uiActionRequest.params ||
+                (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
+                uiActionRequest.params = {
+                    model: this.uiActionModel.serviceToUse.getModel(),
+                };
+            }
+            else if (uiAction.submit) {
+                uiActionRequest.params['model'] = this.uiActionModel.serviceToUse.getModel();
+            }
+            try {
+                yield this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options === null || options === void 0 ? void 0 : options.widgetId, options === null || options === void 0 ? void 0 : options.nodeId);
+                if (((_a = this.uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.feedbackType) === UiActionFeedbackType.Snackbar) {
+                    this.showSavedSnackbar(uiAction);
+                }
+            }
+            catch (error) {
+                console.error(error);
             }
-        }
-        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
+        });
+    }
+    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'
-};
+        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$5.MatSnackBar }]; } });
 
-/**
- * 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.');
+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();
         }
-        if (!http) {
-            throw new Error('You need to import the HttpClientModule in your AppModule! \n' +
-                'See also https://github.com/angular/angular/issues/20575');
+        this.setUp();
+    }
+    ngOnChanges(changes) {
+        let uiActionModels = changes['uiActionModels'].currentValue;
+        if (uiActionModels) {
+            this.uiActionModels = uiActionModels;
+            this.setUp();
+        }
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+    }
+    subscribeToLanguageChange() {
+        var _a;
+        (_a = this.languageChangedSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.languageChangedSubscription = this.manager.languageChanged
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.setUp();
+        });
+    }
+    setUp() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.uiActionModelsWithDescriptions = yield Promise.all(this.uiActionModels.map((uiActionModel) => __awaiter(this, void 0, void 0, function* () {
+                uiActionModel.descriptor = yield this.manager.getActionDescriptor(uiActionModel.uiAction);
+                return uiActionModel;
+            })));
+        });
+    }
+    onActionClicked(event, uiActionModel) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event.stopPropagation();
+            if (this.pressedButtonActive) {
+                this.pressedButtonActive = false;
+                this.service.uiActionModel = uiActionModel;
+                let options = {
+                    nodeId: uiActionModel.nodeId,
+                    widgetId: uiActionModel.widgetId,
+                };
+                yield this.service.execute(uiActionModel.uiAction, options);
+                this.pressedButtonActive = true;
+            }
+        });
+    }
+    onActionDoubleClicked(event, uiActionModel) {
+        event.stopPropagation();
+        // We do not handle double clicks
+    }
+    getType(uiActionModel) {
+        var _a, _b;
+        switch ((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.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: ${(_b = uiActionModel.descriptor) === null || _b === void 0 ? void 0 : _b.type}`);
+                return `mat-button`;
         }
     }
-    static forRoot(configurationFactory) {
-        return {
-            ngModule: ApiModule,
-            providers: [{ provide: Configuration, useFactory: configurationFactory }]
-        };
+    iconPosition() {
+        return UiActionButtonIconPos;
+    }
+    isOnlyIcon(uiActionModel) {
+        var _a, _b, _c;
+        return (((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.type) === UiActionButtonType.Icon ||
+            ((_b = uiActionModel.descriptor) === null || _b === void 0 ? void 0 : _b.type) === UiActionButtonType.MiniFab ||
+            ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.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() {
-        var _a, _b, _c, _d, _e;
-        this.uuid = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.parentComponent.uuid;
-        if ((_b = this.smartComponentLayout) === null || _b === void 0 ? void 0 : _b.expandable) {
-            this.constructExpandableSection();
-        }
-        else if (((_c = this.smartComponentLayout) === null || _c === void 0 ? void 0 : _c.type) === ComponentType.Form) {
-            this.constructForm();
-        }
-        else if (((_d = this.smartComponentLayout) === null || _d === void 0 ? void 0 : _d.type) === ComponentType.Widget) {
-            if (((_e = this.smartComponentLayout.widget) === null || _e === void 0 ? void 0 : _e.type) === ComponentWidgetType.Grid) {
-                this.constructGrid();
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.uiActionModel = (_a = this.config) === null || _a === void 0 ? void 0 : _a.smartComponent.uiActionModels.find((uiActionModel) => { var _a; return uiActionModel.uiAction.code === ((_a = this.config) === null || _a === void 0 ? void 0 : _a.uiActionCode); });
+            if (!this.uiActionModel) {
+                throw new Error(`UiAction with code ${(_b = this.config) === null || _b === void 0 ? void 0 : _b.uiActionCode} could not found`);
             }
-        }
-    }
-    type() {
-        return ComponentType;
-    }
-    constructExpandableSection() {
-        var _a, _b;
-        let data = Object.assign({}, this.smartComponentLayout);
-        data.expandable = false;
-        this.expandableSection = {
-            title: (_b = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.expandableSectionLabel) !== null && _b !== void 0 ? _b : '',
-            data,
-            inputName: 'smartComponentLayout',
-            customComponent: SmartComponentLayoutComponent,
-        };
-    }
-    constructForm() {
-        var _a, _b, _c, _d, _e;
-        const widgets = this.layoutService.render({
-            layoutDefinitions: (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.form,
+            const descriptor = yield this.uiActionDescriptorService.getActionDescriptor(this.uiActionModel.uiAction);
+            this.i18n = {
+                addFile: (_d = (_c = descriptor.upload) === null || _c === void 0 ? void 0 : _c.title) !== null && _d !== void 0 ? _d : 'dokumentum hozzáadása',
+                browseOrDrag: (_f = (_e = descriptor.upload) === null || _e === void 0 ? void 0 : _e.description) !== null && _f !== void 0 ? _f : 'tallózás vagy behúzás',
+                formats: (_h = (_g = descriptor.upload) === null || _g === void 0 ? void 0 : _g.formats) !== null && _h !== void 0 ? _h : '',
+                maxSize: (_k = (_j = descriptor.upload) === null || _j === void 0 ? void 0 : _j.maxSize) !== null && _k !== void 0 ? _k : '',
+                upload: (_l = descriptor.upload) === null || _l === void 0 ? void 0 : _l.uploadButtonTitle,
+            };
         });
-        this.smartForm = {
-            direction: SmartFormWidgetDirection.COL,
-            model: (_b = this.smartComponentLayout) === null || _b === void 0 ? void 0 : _b.parentComponent.model,
-            constraints: (_d = (_c = this.smartComponentLayout) === null || _c === void 0 ? void 0 : _c.parentComponent.model) === null || _d === void 0 ? void 0 : _d.constraints,
-            widgets,
-        };
-        (_e = this.smartComponentLayout) === null || _e === void 0 ? void 0 : _e.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() {
-        var _a, _b, _c;
-        this.smartGrid = {
-            gridIdentifier: (_b = (_a = this.smartComponentLayout) === null || _a === void 0 ? void 0 : _a.widget) === null || _b === void 0 ? void 0 : _b.gridIdentifier,
-            gridModel: {
-                page: {},
-            },
-            layoutDef: SmartLayoutDef.TABLE,
-        };
-        this.smartGrid = (_c = this.smartComponentLayout) === null || _c === void 0 ? void 0 : _c.parentComponent.addGrid(this.smartGrid, {
-            rowUiActionType: GridUiActionType.POPUP_MENU,
-        }, false, this.gridChild);
+    executeUpload(files) {
+        var _a;
+        this.uiActionModel.uiAction.params = Object.assign(Object.assign({}, this.uiActionModel.uiAction.params), { _files: files, isMultiple: (_a = this.config) === null || _a === void 0 ? void 0 : _a.isMultiple, param: 'INPUT' });
+        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 {
@@ -4897,7 +4922,8 @@ SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         SmartViewContextModule,
         SmartformModule,
         SmartGridModule,
-        SmartExpandableSectionModule], exports: [SmartSessionModule,
+        SmartExpandableSectionModule,
+        SmarttreeModule], exports: [SmartSessionModule,
         SmartViewContextModule,
         SmartFileUploaderComponent,
         SmartComponentLayoutComponent] });
@@ -4909,6 +4935,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: [{
@@ -4923,6 +4950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         SmartformModule,
                         SmartGridModule,
                         SmartExpandableSectionModule,
+                        SmarttreeModule,
                     ],
                     exports: [
                         SmartSessionModule,
@@ -4951,6 +4979,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;
@@ -5186,6 +5220,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;