@smartbit4all/ng-client 3.3.109 → 3.3.110

package/fesm2020/smartbit4all-ng-client.mjs

@@ -7927,74 +7927,360 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     args: [MAT_SNACK_BAR_DATA]
                 }] }]; } });
 
-class UiActionConfirmDialogComponent {
-    constructor(service, manager) {
+class UiActionService {
+    constructor(confirmDialogService, textFieldDialogService, fileUploadDialogService, _snackBar) {
+        this.confirmDialogService = confirmDialogService;
+        this.textFieldDialogService = textFieldDialogService;
+        this.fileUploadDialogService = fileUploadDialogService;
+        this._snackBar = _snackBar;
+        this._destroy$ = new Subject();
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    async execute(uiAction, options) {
+        let uiActionRequest;
+        uiActionRequest = {
+            code: uiAction.code,
+            identifier: uiAction.identifier,
+            params: uiAction.params ?? {},
+        };
+        if (uiAction.submit || uiAction.model) {
+            // submit: with validation, model: without validation. both can be undefined
+            const validate = uiAction.submit || !uiAction.model;
+            if ('reSubscribeToChange' in this.uiActionModel.serviceToUse) {
+                if (!validate) {
+                    console.error(`Validate = false, but UseUiAction doesn't support it`);
+                }
+                this.uiActionModel.serviceToUse.submit.next();
+                try {
+                    await this.uiActionModel.serviceToUse.submit.toPromise();
+                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
+                }
+                catch (error) {
+                    console.error(error);
+                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
+                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
+                    return;
+                }
+            }
+            else {
+                this.uiActionModel.serviceToUse.submitForm(validate);
+                let invalidFields = this.uiActionModel.serviceToUse.getInvalidFields();
+                if (validate && invalidFields.invalidFieldKeys.length) {
+                    this.showInvalidFieldsSnackbar(invalidFields);
+                    return;
+                }
+            }
+        }
+        if (uiAction.confirm) {
+            this.confirmDialogService.action = uiAction;
+            this.confirmDialogService.openDialog();
+            await this.confirmDialogService.onAction.toPromise();
+            if (!this.confirmDialogService.shouldDoAction) {
+                return;
+            }
+        }
+        // InputType
+        if (uiAction.inputType && uiAction.inputType !== UiActionInputType.NONE) {
+            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
+            if (!uiActionRequest) {
+                return;
+            }
+            await new Promise((resolve) => setTimeout(resolve, 250));
+        }
+        // Input2Type
+        if (uiAction.input2Type && uiAction.input2Type !== UiActionInputType.NONE) {
+            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
+            if (!uiActionRequest) {
+                return;
+            }
+        }
+        if (this.uiActionModel.exception) {
+            let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+            if (!response.shouldPerformAction || !response.uiActionRequest) {
+                return;
+            }
+            uiActionRequest = response.uiActionRequest;
+        }
+        await this.performAction(uiAction, uiActionRequest, options);
+    }
+    async handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
+        switch (inputType) {
+            case UiActionInputType.NONE:
+                return uiActionRequest;
+            case UiActionInputType.TEXTAREA:
+            case UiActionInputType.TEXTFIELD:
+                return await this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
+            case UiActionInputType.USER_SELECT:
+                return await this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
+            case UiActionInputType.FILE:
+                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
+            case UiActionInputType.MULTIPLE_FILES:
+                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
+            default:
+                return uiActionRequest;
+        }
+    }
+    async handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
+        let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
+        let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
+        if (uiAction[inputType] === UiActionInputType.TEXTFIELD) {
+            this.textFieldDialogService.nodeName = additionalParams.forTextField;
+        }
+        else if (uiAction[inputType] === UiActionInputType.TEXTAREA) {
+            this.textFieldDialogService.nodeName = additionalParams.forTextArea;
+        }
+        this.textFieldDialogService.inputTypeName = inputTypeName;
+        this.textFieldDialogService.action = uiAction;
+        this.textFieldDialogService.openDialog();
+        await this.textFieldDialogService.onAction.toPromise();
+        let params = this.textFieldDialogService.params;
+        if (!params) {
+            console.error('There was no response from InputDialog');
+            return;
+        }
+        uiActionRequest.params = {
+            ...uiActionRequest.params,
+            ...params,
+        };
+        return uiActionRequest;
+    }
+    async handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
+        this.fileUploadDialogService.inputTypeName = inputTypeName;
+        this.fileUploadDialogService.action = uiAction;
+        this.fileUploadDialogService.isMultiple = isMultiple;
+        this.fileUploadDialogService.openDialog();
+        await this.fileUploadDialogService.onAction.toPromise();
+        let files = this.fileUploadDialogService.files;
+        if (!files || !files.length) {
+            console.error('There was no response from InputDialog');
+            return;
+        }
+        uiActionRequest.params = {
+            ...uiActionRequest.params,
+            _files: files,
+            isMultiple,
+            param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
+                ? 'input'
+                : 'input2',
+        };
+        return uiActionRequest;
+    }
+    async handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
+        let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
+        if (!response.shouldPerformAction || !response.uiActionRequest) {
+            return;
+        }
+        uiActionRequest = response.uiActionRequest;
+        return uiActionRequest;
+    }
+    async performAction(uiAction, uiActionRequest, options) {
+        if (!uiActionRequest.params ||
+            (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
+            uiActionRequest.params = {
+                model: this.uiActionModel.serviceToUse.getModel(),
+            };
+        }
+        else if (uiAction.submit || uiAction.model) {
+            uiActionRequest.params['model'] = this.uiActionModel.serviceToUse.getModel();
+        }
+        try {
+            await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options?.widgetId, options?.nodeId);
+            if (this.uiActionModel.descriptor?.feedbackType === UiActionFeedbackType.SNACKBAR) {
+                this.showSavedSnackbar(uiAction);
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    }
+    showSavedSnackbar(uiAction) {
+        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
+            duration: 5 * 1000,
+            panelClass: ['backgroundColor-accent'],
+            data: uiAction,
+        });
+    }
+    showInvalidFieldsSnackbar(invalidFields) {
+        this._snackBar.openFromComponent(InvalidFieldsSnackBarComponent, {
+            duration: 5 * 1000,
+            panelClass: ['backgroundColor-warn'],
+            data: invalidFields,
+        });
+    }
+}
+UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, deps: [{ token: 'confirmDialogService' }, { token: 'textFieldDialogService' }, { token: 'fileUploadDialogService' }, { token: i1$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['confirmDialogService']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['textFieldDialogService']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['fileUploadDialogService']
+                }] }, { type: i1$2.MatSnackBar }]; } });
+
+class UiActionToolbarComponent {
+    constructor(service, inject) {
         this.service = service;
-        this.manager = manager;
-        this.code = this.service.action.code;
+        this.inject = inject;
+        this._destroy$ = new Subject();
+        this.pressedButtonActive = true;
+        // Injects the basic UiActionDescriptorService provided by the AppModule
+        this.manager = inject.get(UiActionDescriptorService);
+        this.subscribeToLanguageChange();
+    }
+    ngOnInit() {
+        // Overrides the basic UiActionDescriptorService with a custom one if there is one
+        if (this.uiActionDescriptorService) {
+            this.manager = this.uiActionDescriptorService;
+            this.subscribeToLanguageChange();
+        }
         this.setUp();
     }
-    async setUp() {
-        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
-        this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
+    ngOnChanges(changes) {
+        if (changes['uiActionModels']) {
+            let uiActionModels = changes['uiActionModels'].currentValue;
+            if (uiActionModels) {
+                this.uiActionModels = uiActionModels;
+                this.setUp();
+            }
+        }
     }
     ngOnDestroy() {
-        this.service._destroy$.next();
-        this.cancel();
+        this._destroy$.next();
     }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
+    subscribeToLanguageChange() {
+        this.languageChangedSubscription?.unsubscribe();
+        this.languageChangedSubscription = this.manager.languageChanged
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            this.setUp();
+        });
     }
-    getText() {
-        return this.descriptor[this.dialogType].text ?? "";
+    async setUp() {
+        if (this.uiActionModels) {
+            this.uiActionModelsWithDescriptions = await Promise.all(this.uiActionModels.map(async (uiActionModel) => {
+                uiActionModel.descriptor = await this.manager.getActionDescriptor(uiActionModel.uiAction);
+                return uiActionModel;
+            }));
+        }
     }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
+    async onActionClicked(event, uiActionModel) {
+        event.stopPropagation();
+        if (uiActionModel.uiAction.disabled) {
+            return;
+        }
+        if (this.pressedButtonActive) {
+            this.pressedButtonActive = false;
+            this.service.uiActionModel = uiActionModel;
+            let options = {
+                nodeId: uiActionModel.nodeId,
+                widgetId: uiActionModel.widgetId,
+            };
+            await this.service.execute(uiActionModel.uiAction, options);
+            this.pressedButtonActive = true;
+        }
     }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
+    onActionDoubleClicked(event, uiActionModel) {
+        event.stopPropagation();
+        // We do not handle double clicks
     }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.caption;
+    getType(uiActionModel) {
+        if (!uiActionModel.descriptor?.type) {
+            console.log(`Action button type unset: ${uiActionModel?.uiAction?.code}`);
+        }
+        switch (uiActionModel.descriptor?.type) {
+            case UiActionButtonType.NORMAL:
+                return 'mat-button';
+            case UiActionButtonType.FLAT:
+                return 'mat-flat-button';
+            case UiActionButtonType.RAISED:
+                return 'mat-raised-button';
+            case UiActionButtonType.STROKED:
+                return 'mat-stroked-button';
+            case UiActionButtonType.ICON:
+                return 'mat-icon-button';
+            case UiActionButtonType.MINI_FAB:
+                return 'mat-mini-fab';
+            case UiActionButtonType.FAB:
+                return 'mat-fab';
+            default:
+                console.log(`Unhandled action button type case: ${uiActionModel.descriptor?.type}`);
+                return `mat-button`;
+        }
     }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
+    iconPosition() {
+        return IconPosition;
     }
-    doAction() {
-        this.service.doAction();
+    isOnlyIcon(uiActionModel) {
+        return (uiActionModel.descriptor?.type === UiActionButtonType.ICON ||
+            uiActionModel.descriptor?.type === UiActionButtonType.MINI_FAB ||
+            uiActionModel.descriptor?.type === UiActionButtonType.FAB);
     }
-    cancel() {
-        this.service.cancel();
+    getTooltipPos(pos) {
+        if (pos) {
+            return pos.toLowerCase();
+        }
+        else {
+            return 'before';
+        }
+    }
+    getTooltipDelay(delay) {
+        return delay ? delay : 1000;
+    }
+    getTooltipHideDelay(delay) {
+        return delay ? delay : 2000;
     }
 }
-UiActionConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogComponent, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\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: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogComponent, decorators: [{
+UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels", uiActionDescriptorService: "uiActionDescriptorService", id: "id" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"uiActionButtonsContainer\">\r\n  <button\r\n    *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\r\n    mat-button\r\n    [smartTooltip]=\"uiActionModel?.descriptor?.tooltip!\"\r\n    [ngClass]=\"getType(uiActionModel)\"\r\n    class=\"{{ uiActionModel.cssClass }}\"\r\n    [color]=\"uiActionModel.descriptor?.color\"\r\n    (click)=\"onActionClicked($event, uiActionModel)\"\r\n    [disabled]=\"!!uiActionModel.uiAction.disabled\"\r\n    (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\r\n  >\r\n    <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\r\n    <ng-template #iconOnly>\r\n      <smart-icon\r\n        *ngIf=\"uiActionModel.descriptor?.icon\"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n    <ng-template #text>\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().PRE\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n      {{ uiActionModel.descriptor?.title }}\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().POST\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n  </button>\r\n</div>\r\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}\n"], components: [{ type: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-ui-action-confirm-dialog", template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\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-ui-action-toolbar', template: "<div class=\"uiActionButtonsContainer\">\r\n  <button\r\n    *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\r\n    mat-button\r\n    [smartTooltip]=\"uiActionModel?.descriptor?.tooltip!\"\r\n    [ngClass]=\"getType(uiActionModel)\"\r\n    class=\"{{ uiActionModel.cssClass }}\"\r\n    [color]=\"uiActionModel.descriptor?.color\"\r\n    (click)=\"onActionClicked($event, uiActionModel)\"\r\n    [disabled]=\"!!uiActionModel.uiAction.disabled\"\r\n    (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\r\n  >\r\n    <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\r\n    <ng-template #iconOnly>\r\n      <smart-icon\r\n        *ngIf=\"uiActionModel.descriptor?.icon\"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n    <ng-template #text>\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().PRE\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n      {{ uiActionModel.descriptor?.title }}\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().POST\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n  </button>\r\n</div>\r\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}\n"] }]
+        }], ctorParameters: function () { return [{ type: UiActionService }, { type: i0.Injector }]; }, propDecorators: { uiActionModels: [{
+                type: Input
+            }], uiActionDescriptorService: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
 
-class UiActionConfirmDialogService extends SmartdialogService {
+class UiActionInputDialogService extends SmartdialogService {
     constructor(dialog, router) {
         super(dialog, router);
         this._destroy$ = new Subject();
         this.onAction = new SmartSubject(this._destroy$);
-        this.shouldDoAction = false;
+    }
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
     }
     openDialog() {
-        this.shouldDoAction = false;
+        this.params = undefined;
         this.onAction = new SmartSubject(this._destroy$);
         const dialogData = {
             content: {
                 title: '',
             },
             size: {},
-            customComponent: UiActionConfirmDialogComponent,
+            customComponent: UiActionInputDialogComponent,
         };
-        this.createDialog(dialogData, UiActionConfirmDialogComponent);
+        this.createDialog(dialogData, UiActionInputDialogComponent);
     }
-    doAction() {
-        this.shouldDoAction = true;
+    async onSave(params) {
+        this.params = params;
         this.onAction.complete();
         this.closeDialog();
         this.onAction = new SmartSubject(this._destroy$);
@@ -8005,9 +8291,9 @@ class UiActionConfirmDialogService extends SmartdialogService {
         this.onAction = new SmartSubject(this._destroy$);
     }
 }
-UiActionConfirmDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionConfirmDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, decorators: [{
+UiActionInputDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionInputDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -8124,31 +8410,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 args: ['form']
             }] } });
 
-class UiActionInputDialogService extends SmartdialogService {
+class UiActionConfirmDialogService 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();
+        this.shouldDoAction = false;
     }
     openDialog() {
-        this.params = undefined;
+        this.shouldDoAction = false;
         this.onAction = new SmartSubject(this._destroy$);
         const dialogData = {
             content: {
                 title: '',
             },
             size: {},
-            customComponent: UiActionInputDialogComponent,
+            customComponent: UiActionConfirmDialogComponent,
         };
-        this.createDialog(dialogData, UiActionInputDialogComponent);
+        this.createDialog(dialogData, UiActionConfirmDialogComponent);
     }
-    async onSave(params) {
-        this.params = params;
+    doAction() {
+        this.shouldDoAction = true;
         this.onAction.complete();
         this.closeDialog();
         this.onAction = new SmartSubject(this._destroy$);
@@ -8159,50 +8441,35 @@ class UiActionInputDialogService extends SmartdialogService {
         this.onAction = new SmartSubject(this._destroy$);
     }
 }
-UiActionInputDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionInputDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionInputDialogService, decorators: [{
+UiActionConfirmDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionConfirmDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.Router }]; } });
 
-class UiActionFileUploadDialogComponent {
+class UiActionConfirmDialogComponent {
     constructor(service, manager) {
         this.service = service;
         this.manager = manager;
-        this.maxSizeMb = 25;
         this.code = this.service.action.code;
         this.setUp();
     }
+    async setUp() {
+        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
+        this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
+    }
     ngOnDestroy() {
         this.service._destroy$.next();
         this.cancel();
     }
-    async setUp() {
-        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
-        this.isMultiple = this.service.isMultiple;
-        this.i18n = {
-            addFile: this.descriptor.upload?.title ?? 'dokumentum hozzáadása',
-            browseOrDrag: this.descriptor.upload?.description ?? 'tallózás vagy behúzás',
-            formats: this.descriptor.upload?.formats ?? '',
-            maxSize: this.descriptor.upload?.maxSize ?? '',
-            upload: this.descriptor.upload?.uploadButtonTitle,
-        };
-        // TODO set max size and file formats by UiAction.params
-        if (this.descriptor[this.service.inputTypeName]) {
-            this.dialogType = this.service.inputTypeName;
-        }
-        else {
-            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
-        }
-    }
     getTitle() {
         return this.descriptor[this.dialogType].title;
     }
     getText() {
-        return this.descriptor[this.dialogType].text ?? '';
+        return this.descriptor[this.dialogType].text ?? "";
     }
     getActionButtonLabel() {
         return this.descriptor[this.dialogType].actionButton.caption;
@@ -8216,384 +8483,126 @@ class UiActionFileUploadDialogComponent {
     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.4.0", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\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: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\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 }]; } });
-
-class UiActionFileUploadDialogService extends SmartdialogService {
-    constructor(dialog, router) {
-        super(dialog, router);
-        this._destroy$ = new Subject();
-        this.onAction = new SmartSubject(this._destroy$);
-        this.isMultiple = false;
-    }
-    setDataAndOpenDialog(action, nodeName) {
-        this.action = action;
-        this.nodeName = nodeName;
-        this.openDialog();
-    }
-    openDialog() {
-        this.files = undefined;
-        this.onAction = new SmartSubject(this._destroy$);
-        const dialogData = {
-            content: {
-                title: '',
-            },
-            size: {},
-            customComponent: UiActionFileUploadDialogComponent,
-        };
-        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
-    }
-    async onSave(files) {
-        this.files = files;
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
-    }
-    cancel() {
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
-    }
-}
-UiActionFileUploadDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionFileUploadDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.Router }]; } });
-
-class UiActionService {
-    constructor(confirmDialogService, textFieldDialogService, fileUploadDialogService, _snackBar) {
-        this.confirmDialogService = confirmDialogService;
-        this.textFieldDialogService = textFieldDialogService;
-        this.fileUploadDialogService = fileUploadDialogService;
-        this._snackBar = _snackBar;
-        this._destroy$ = new Subject();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
-    }
-    async execute(uiAction, options) {
-        let uiActionRequest;
-        uiActionRequest = {
-            code: uiAction.code,
-            identifier: uiAction.identifier,
-            params: uiAction.params ?? {},
-        };
-        if (uiAction.submit || uiAction.model) {
-            // submit: with validation, model: without validation. both can be undefined
-            const validate = uiAction.submit || !uiAction.model;
-            if ('reSubscribeToChange' in this.uiActionModel.serviceToUse) {
-                if (!validate) {
-                    console.error(`Validate = false, but UseUiAction doesn't support it`);
-                }
-                this.uiActionModel.serviceToUse.submit.next();
-                try {
-                    await this.uiActionModel.serviceToUse.submit.toPromise();
-                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
-                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
-                }
-                catch (error) {
-                    console.error(error);
-                    this.uiActionModel.serviceToUse.submit = new SmartSubject(this._destroy$);
-                    this.uiActionModel.serviceToUse.reSubscribeToChange.next();
-                    return;
-                }
-            }
-            else {
-                this.uiActionModel.serviceToUse.submitForm(validate);
-                let invalidFields = this.uiActionModel.serviceToUse.getInvalidFields();
-                if (validate && invalidFields.invalidFieldKeys.length) {
-                    this.showInvalidFieldsSnackbar(invalidFields);
-                    return;
-                }
-            }
-        }
-        if (uiAction.confirm) {
-            this.confirmDialogService.action = uiAction;
-            this.confirmDialogService.openDialog();
-            await this.confirmDialogService.onAction.toPromise();
-            if (!this.confirmDialogService.shouldDoAction) {
-                return;
-            }
-        }
-        // InputType
-        if (uiAction.inputType && uiAction.inputType !== UiActionInputType.NONE) {
-            uiActionRequest = await this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
-            if (!uiActionRequest) {
-                return;
-            }
-            await new Promise((resolve) => setTimeout(resolve, 250));
-        }
-        // Input2Type
-        if (uiAction.input2Type && uiAction.input2Type !== UiActionInputType.NONE) {
-            uiActionRequest = await this.handleInputType(uiAction.input2Type, uiAction, uiActionRequest, 'input2Dialog');
-            if (!uiActionRequest) {
-                return;
-            }
-        }
-        if (this.uiActionModel.exception) {
-            let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-            if (!response.shouldPerformAction || !response.uiActionRequest) {
-                return;
-            }
-            uiActionRequest = response.uiActionRequest;
-        }
-        await this.performAction(uiAction, uiActionRequest, options);
-    }
-    async handleInputType(inputType, uiAction, uiActionRequest, inputTypeName) {
-        switch (inputType) {
-            case UiActionInputType.NONE:
-                return uiActionRequest;
-            case UiActionInputType.TEXTAREA:
-            case UiActionInputType.TEXTFIELD:
-                return await this.handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest);
-            case UiActionInputType.USER_SELECT:
-                return await this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
-            case UiActionInputType.FILE:
-                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
-            case UiActionInputType.MULTIPLE_FILES:
-                return await this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
-            default:
-                return uiActionRequest;
-        }
-    }
-    async handleInputTypeTextField(inputTypeName, uiAction, uiActionRequest) {
-        let additionalParams = this.uiActionModel.serviceToUse.getAdditionalParams(uiAction);
-        let inputType = inputTypeName === 'inputDialog' ? 'inputType' : 'input2Type';
-        if (uiAction[inputType] === UiActionInputType.TEXTFIELD) {
-            this.textFieldDialogService.nodeName = additionalParams.forTextField;
-        }
-        else if (uiAction[inputType] === UiActionInputType.TEXTAREA) {
-            this.textFieldDialogService.nodeName = additionalParams.forTextArea;
-        }
-        this.textFieldDialogService.inputTypeName = inputTypeName;
-        this.textFieldDialogService.action = uiAction;
-        this.textFieldDialogService.openDialog();
-        await this.textFieldDialogService.onAction.toPromise();
-        let params = this.textFieldDialogService.params;
-        if (!params) {
-            console.error('There was no response from InputDialog');
-            return;
-        }
-        uiActionRequest.params = {
-            ...uiActionRequest.params,
-            ...params,
-        };
-        return uiActionRequest;
+    doAction() {
+        this.service.doAction();
     }
-    async handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, isMultiple) {
-        this.fileUploadDialogService.inputTypeName = inputTypeName;
-        this.fileUploadDialogService.action = uiAction;
-        this.fileUploadDialogService.isMultiple = isMultiple;
-        this.fileUploadDialogService.openDialog();
-        await this.fileUploadDialogService.onAction.toPromise();
-        let files = this.fileUploadDialogService.files;
-        if (!files || !files.length) {
-            console.error('There was no response from InputDialog');
-            return;
-        }
-        uiActionRequest.params = {
-            ...uiActionRequest.params,
-            _files: files,
-            isMultiple,
-            param: uiAction.inputType === 'file' || uiAction.inputType === 'multiple_files'
-                ? 'input'
-                : 'input2',
-        };
-        return uiActionRequest;
+    cancel() {
+        this.service.cancel();
     }
-    async handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest) {
-        let response = await this.uiActionModel.serviceToUse.handleSpecificDemandsAsynchronously(uiAction, uiActionRequest);
-        if (!response.shouldPerformAction || !response.uiActionRequest) {
-            return;
-        }
-        uiActionRequest = response.uiActionRequest;
-        return uiActionRequest;
+}
+UiActionConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogComponent, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+UiActionConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionConfirmDialogComponent, selector: "app-ui-action-confirm-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\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: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ui-action-confirm-dialog", template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"doAction()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\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 UiActionFileUploadDialogService extends SmartdialogService {
+    constructor(dialog, router) {
+        super(dialog, router);
+        this._destroy$ = new Subject();
+        this.onAction = new SmartSubject(this._destroy$);
+        this.isMultiple = false;
     }
-    async performAction(uiAction, uiActionRequest, options) {
-        if (!uiActionRequest.params ||
-            (uiActionRequest.params && !Object.keys(uiActionRequest.params).length)) {
-            uiActionRequest.params = {
-                model: this.uiActionModel.serviceToUse.getModel(),
-            };
-        }
-        else if (uiAction.submit || uiAction.model) {
-            uiActionRequest.params['model'] = this.uiActionModel.serviceToUse.getModel();
-        }
-        try {
-            await this.uiActionModel.serviceToUse.performUiActionRequest(uiActionRequest, options?.widgetId, options?.nodeId);
-            if (this.uiActionModel.descriptor?.feedbackType === UiActionFeedbackType.SNACKBAR) {
-                this.showSavedSnackbar(uiAction);
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
     }
-    showSavedSnackbar(uiAction) {
-        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-accent'],
-            data: uiAction,
-        });
+    openDialog() {
+        this.files = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionFileUploadDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
     }
-    showInvalidFieldsSnackbar(invalidFields) {
-        this._snackBar.openFromComponent(InvalidFieldsSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-warn'],
-            data: invalidFields,
-        });
+    async onSave(files) {
+        this.files = files;
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
+    }
+    cancel() {
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
     }
 }
-UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: UiActionFileUploadDialogService }, { token: i1$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionService, decorators: [{
+UiActionFileUploadDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, deps: [{ token: i1$1.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionFileUploadDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i1$2.MatSnackBar }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialog }, { type: i2.Router }]; } });
 
-class UiActionToolbarComponent {
-    constructor(service, inject) {
+class UiActionFileUploadDialogComponent {
+    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.maxSizeMb = 25;
+        this.code = this.service.action.code;
         this.setUp();
     }
-    ngOnChanges(changes) {
-        if (changes['uiActionModels']) {
-            let uiActionModels = changes['uiActionModels'].currentValue;
-            if (uiActionModels) {
-                this.uiActionModels = uiActionModels;
-                this.setUp();
-            }
-        }
-    }
     ngOnDestroy() {
-        this._destroy$.next();
-    }
-    subscribeToLanguageChange() {
-        this.languageChangedSubscription?.unsubscribe();
-        this.languageChangedSubscription = this.manager.languageChanged
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
-            this.setUp();
-        });
+        this.service._destroy$.next();
+        this.cancel();
     }
     async setUp() {
-        if (this.uiActionModels) {
-            this.uiActionModelsWithDescriptions = await Promise.all(this.uiActionModels.map(async (uiActionModel) => {
-                uiActionModel.descriptor = await this.manager.getActionDescriptor(uiActionModel.uiAction);
-                return uiActionModel;
-            }));
-        }
-    }
-    async onActionClicked(event, uiActionModel) {
-        event.stopPropagation();
-        if (uiActionModel.uiAction.disabled) {
-            return;
+        this.descriptor = await this.manager.getActionDescriptor(this.service.action);
+        this.isMultiple = this.service.isMultiple;
+        this.i18n = {
+            addFile: this.descriptor.upload?.title ?? 'dokumentum hozzáadása',
+            browseOrDrag: this.descriptor.upload?.description ?? 'tallózás vagy behúzás',
+            formats: this.descriptor.upload?.formats ?? '',
+            maxSize: this.descriptor.upload?.maxSize ?? '',
+            upload: this.descriptor.upload?.uploadButtonTitle,
+        };
+        // TODO set max size and file formats by UiAction.params
+        if (this.descriptor[this.service.inputTypeName]) {
+            this.dialogType = this.service.inputTypeName;
         }
-        if (this.pressedButtonActive) {
-            this.pressedButtonActive = false;
-            this.service.uiActionModel = uiActionModel;
-            let options = {
-                nodeId: uiActionModel.nodeId,
-                widgetId: uiActionModel.widgetId,
-            };
-            await this.service.execute(uiActionModel.uiAction, options);
-            this.pressedButtonActive = true;
+        else {
+            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
         }
     }
-    onActionDoubleClicked(event, uiActionModel) {
-        event.stopPropagation();
-        // We do not handle double clicks
+    getTitle() {
+        return this.descriptor[this.dialogType].title;
     }
-    getType(uiActionModel) {
-        if (!uiActionModel.descriptor?.type) {
-            console.log(`Action button type unset: ${uiActionModel?.uiAction?.code}`);
-        }
-        switch (uiActionModel.descriptor?.type) {
-            case UiActionButtonType.NORMAL:
-                return 'mat-button';
-            case UiActionButtonType.FLAT:
-                return 'mat-flat-button';
-            case UiActionButtonType.RAISED:
-                return 'mat-raised-button';
-            case UiActionButtonType.STROKED:
-                return 'mat-stroked-button';
-            case UiActionButtonType.ICON:
-                return 'mat-icon-button';
-            case UiActionButtonType.MINI_FAB:
-                return 'mat-mini-fab';
-            case UiActionButtonType.FAB:
-                return 'mat-fab';
-            default:
-                console.log(`Unhandled action button type case: ${uiActionModel.descriptor?.type}`);
-                return `mat-button`;
-        }
+    getText() {
+        return this.descriptor[this.dialogType].text ?? '';
     }
-    iconPosition() {
-        return IconPosition;
+    getActionButtonLabel() {
+        return this.descriptor[this.dialogType].actionButton.caption;
     }
-    isOnlyIcon(uiActionModel) {
-        return (uiActionModel.descriptor?.type === UiActionButtonType.ICON ||
-            uiActionModel.descriptor?.type === UiActionButtonType.MINI_FAB ||
-            uiActionModel.descriptor?.type === UiActionButtonType.FAB);
+    getActionButtonColor() {
+        return this.descriptor[this.dialogType].actionButton.color;
     }
-    getTooltipPos(pos) {
-        if (pos) {
-            return pos.toLowerCase();
-        }
-        else {
-            return 'before';
-        }
+    getCancelButtonLabel() {
+        return this.descriptor[this.dialogType].cancelButton.caption;
     }
-    getTooltipDelay(delay) {
-        return delay ? delay : 1000;
+    getCancelButtonColor() {
+        return this.descriptor[this.dialogType].cancelButton.color;
     }
-    getTooltipHideDelay(delay) {
-        return delay ? delay : 2000;
+    upload(files) {
+        this.service.onSave(files);
+    }
+    cancel() {
+        this.service.cancel();
     }
 }
-UiActionToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionToolbarComponent, deps: [{ token: UiActionService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-UiActionToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: { uiActionModels: "uiActionModels", uiActionDescriptorService: "uiActionDescriptorService", id: "id" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"uiActionButtonsContainer\">\r\n  <button\r\n    *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\r\n    mat-button\r\n    [smartTooltip]=\"uiActionModel?.descriptor?.tooltip!\"\r\n    [ngClass]=\"getType(uiActionModel)\"\r\n    class=\"{{ uiActionModel.cssClass }}\"\r\n    [color]=\"uiActionModel.descriptor?.color\"\r\n    (click)=\"onActionClicked($event, uiActionModel)\"\r\n    [disabled]=\"!!uiActionModel.uiAction.disabled\"\r\n    (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\r\n  >\r\n    <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\r\n    <ng-template #iconOnly>\r\n      <smart-icon\r\n        *ngIf=\"uiActionModel.descriptor?.icon\"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n    <ng-template #text>\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().PRE\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n      {{ uiActionModel.descriptor?.title }}\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().POST\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n  </button>\r\n</div>\r\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}\n"], components: [{ type: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionToolbarComponent, decorators: [{
+UiActionFileUploadDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\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: i3.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: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-ui-action-toolbar', template: "<div class=\"uiActionButtonsContainer\">\r\n  <button\r\n    *ngFor=\"let uiActionModel of uiActionModelsWithDescriptions\"\r\n    mat-button\r\n    [smartTooltip]=\"uiActionModel?.descriptor?.tooltip!\"\r\n    [ngClass]=\"getType(uiActionModel)\"\r\n    class=\"{{ uiActionModel.cssClass }}\"\r\n    [color]=\"uiActionModel.descriptor?.color\"\r\n    (click)=\"onActionClicked($event, uiActionModel)\"\r\n    [disabled]=\"!!uiActionModel.uiAction.disabled\"\r\n    (dblclick)=\"onActionDoubleClicked($event, uiActionModel)\"\r\n  >\r\n    <div *ngIf=\"isOnlyIcon(uiActionModel); then iconOnly; else text\"></div>\r\n    <ng-template #iconOnly>\r\n      <smart-icon\r\n        *ngIf=\"uiActionModel.descriptor?.icon\"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n    <ng-template #text>\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().PRE\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n      {{ uiActionModel.descriptor?.title }}\r\n      <smart-icon\r\n        *ngIf=\"\r\n          uiActionModel.descriptor?.icon &&\r\n          uiActionModel.descriptor?.iconPosition === iconPosition().POST\r\n        \"\r\n        [icon]=\"uiActionModel.descriptor!.icon!\"\r\n        [color]=\"uiActionModel.descriptor?.iconColor ?? uiActionModel.descriptor?.color\"\r\n      ></smart-icon>\r\n    </ng-template>\r\n  </button>\r\n</div>\r\n", styles: [".uiActionButtonsContainer{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiActionService }, { type: i0.Injector }]; }, propDecorators: { uiActionModels: [{
-                type: Input
-            }], uiActionDescriptorService: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\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 }]; } });
 
 class SmartViewContextModule {
 }
@@ -8623,6 +8632,9 @@ SmartViewContextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
             multi: true,
         },
         { provide: DIALOG_DISABLE_CLOSE, useValue: true },
+        { provide: 'confirmDialogService', useClass: UiActionConfirmDialogService },
+        { provide: 'textFieldDialogService', useClass: UiActionInputDialogService },
+        { provide: 'fileUploadDialogService', useClass: UiActionFileUploadDialogService },
     ], imports: [[
             CommonModule,
             HttpClientModule,
@@ -8669,6 +8681,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                             multi: true,
                         },
                         { provide: DIALOG_DISABLE_CLOSE, useValue: true },
+                        { provide: 'confirmDialogService', useClass: UiActionConfirmDialogService },
+                        { provide: 'textFieldDialogService', useClass: UiActionInputDialogService },
+                        { provide: 'fileUploadDialogService', useClass: UiActionFileUploadDialogService },
                     ],
                 }]
         }] });