@smartbit4all/ng-client 3.3.109 → 3.3.110

package/fesm2015/smartbit4all-ng-client.mjs

@@ -7919,80 +7919,380 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     }] }];
     } });
 
-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();
+    }
+    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 || 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 {
+                        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;
+                    }
+                }
+                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();
+                yield this.confirmDialogService.onAction.toPromise();
+                if (!this.confirmDialogService.shouldDoAction) {
+                    return;
+                }
+            }
+            // InputType
+            if (uiAction.inputType && uiAction.inputType !== UiActionInputType.NONE) {
+                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
+                if (!uiActionRequest) {
+                    return;
+                }
+                yield new Promise((resolve) => setTimeout(resolve, 250));
+            }
+            // Input2Type
+            if (uiAction.input2Type && uiAction.input2Type !== UiActionInputType.NONE) {
+                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);
+        });
+    }
+    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.USER_SELECT:
+                    return yield this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
+                case UiActionInputType.FILE:
+                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
+                case UiActionInputType.MULTIPLE_FILES:
+                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
+                default:
+                    return uiActionRequest;
+            }
+        });
+    }
+    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 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 || uiAction.model) {
+                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);
+            }
+        });
+    }
+    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();
     }
+    ngOnChanges(changes) {
+        if (changes['uiActionModels']) {
+            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.descriptor = yield this.manager.getActionDescriptor(this.service.action);
-            this.dialogType = this.descriptor.confirmDialog ? "confirmDialog" : "dialog";
+            if (this.uiActionModels) {
+                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;
+                })));
+            }
         });
     }
-    ngOnDestroy() {
-        this.service._destroy$.next();
-        this.cancel();
-    }
-    getTitle() {
-        return this.descriptor[this.dialogType].title;
+    onActionClicked(event, uiActionModel) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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,
+                };
+                yield this.service.execute(uiActionModel.uiAction, options);
+                this.pressedButtonActive = true;
+            }
+        });
     }
-    getText() {
-        var _a;
-        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : "";
+    onActionDoubleClicked(event, uiActionModel) {
+        event.stopPropagation();
+        // We do not handle double clicks
     }
-    getActionButtonLabel() {
-        return this.descriptor[this.dialogType].actionButton.caption;
+    getType(uiActionModel) {
+        var _a, _b, _c, _d;
+        if (!((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.type)) {
+            console.log(`Action button type unset: ${(_b = uiActionModel === null || uiActionModel === void 0 ? void 0 : uiActionModel.uiAction) === null || _b === void 0 ? void 0 : _b.code}`);
+        }
+        switch ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.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: ${(_d = uiActionModel.descriptor) === null || _d === void 0 ? void 0 : _d.type}`);
+                return `mat-button`;
+        }
     }
-    getActionButtonColor() {
-        return this.descriptor[this.dialogType].actionButton.color;
+    iconPosition() {
+        return IconPosition;
     }
-    getCancelButtonLabel() {
-        return this.descriptor[this.dialogType].cancelButton.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.MINI_FAB ||
+            ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.type) === UiActionButtonType.FAB);
     }
-    getCancelButtonColor() {
-        return this.descriptor[this.dialogType].cancelButton.color;
+    getTooltipPos(pos) {
+        if (pos) {
+            return pos.toLowerCase();
+        }
+        else {
+            return 'before';
+        }
     }
-    doAction() {
-        this.service.doAction();
+    getTooltipDelay(delay) {
+        return delay ? delay : 1000;
     }
-    cancel() {
-        this.service.cancel();
+    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;
-        this.onAction.complete();
-        this.closeDialog();
-        this.onAction = new SmartSubject(this._destroy$);
+    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();
@@ -8000,9 +8300,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,36 +8424,30 @@ 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);
     }
-    onSave(params) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.params = params;
-            this.onAction.complete();
-            this.closeDialog();
-            this.onAction = new SmartSubject(this._destroy$);
-        });
+    doAction() {
+        this.shouldDoAction = true;
+        this.onAction.complete();
+        this.closeDialog();
+        this.onAction = new SmartSubject(this._destroy$);
     }
     cancel() {
         this.onAction.complete();
@@ -8161,54 +8455,38 @@ 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();
     }
-    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.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 : '';
+        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : "";
     }
     getActionButtonLabel() {
         return this.descriptor[this.dialogType].actionButton.caption;
@@ -8222,399 +8500,132 @@ class UiActionFileUploadDialogComponent {
     getCancelButtonColor() {
         return this.descriptor[this.dialogType].cancelButton.color;
     }
-    upload(files) {
-        this.service.onSave(files);
+    doAction() {
+        this.service.doAction();
     }
     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);
-    }
-    onSave(files) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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();
-    }
-    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 || 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 {
-                        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;
-                    }
-                }
-                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();
-                yield this.confirmDialogService.onAction.toPromise();
-                if (!this.confirmDialogService.shouldDoAction) {
-                    return;
-                }
-            }
-            // InputType
-            if (uiAction.inputType && uiAction.inputType !== UiActionInputType.NONE) {
-                uiActionRequest = yield this.handleInputType(uiAction.inputType, uiAction, uiActionRequest, 'inputDialog');
-                if (!uiActionRequest) {
-                    return;
-                }
-                yield new Promise((resolve) => setTimeout(resolve, 250));
-            }
-            // Input2Type
-            if (uiAction.input2Type && uiAction.input2Type !== UiActionInputType.NONE) {
-                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);
-        });
-    }
-    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.USER_SELECT:
-                    return yield this.handleInputTypeUserSelect(inputTypeName, uiAction, uiActionRequest);
-                case UiActionInputType.FILE:
-                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, false);
-                case UiActionInputType.MULTIPLE_FILES:
-                    return yield this.handleInputTypeUpload(inputTypeName, uiAction, uiActionRequest, true);
-                default:
-                    return uiActionRequest;
-            }
-        });
-    }
-    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 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;
-        });
+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;
     }
-    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;
-        });
+    setDataAndOpenDialog(action, nodeName) {
+        this.action = action;
+        this.nodeName = nodeName;
+        this.openDialog();
     }
-    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;
-        });
+    openDialog() {
+        this.files = undefined;
+        this.onAction = new SmartSubject(this._destroy$);
+        const dialogData = {
+            content: {
+                title: '',
+            },
+            size: {},
+            customComponent: UiActionFileUploadDialogComponent,
+        };
+        this.createDialog(dialogData, UiActionFileUploadDialogComponent);
     }
-    performAction(uiAction, uiActionRequest, options) {
-        var _a;
+    onSave(files) {
         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 || uiAction.model) {
-                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);
-            }
-        });
-    }
-    showSavedSnackbar(uiAction) {
-        this._snackBar.openFromComponent(SuccessSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-accent'],
-            data: uiAction,
+            this.files = files;
+            this.onAction.complete();
+            this.closeDialog();
+            this.onAction = new SmartSubject(this._destroy$);
         });
     }
-    showInvalidFieldsSnackbar(invalidFields) {
-        this._snackBar.openFromComponent(InvalidFieldsSnackBarComponent, {
-            duration: 5 * 1000,
-            panelClass: ['backgroundColor-warn'],
-            data: invalidFields,
-        });
+    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() {
-        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() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.uiActionModels) {
-                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 (uiActionModel.uiAction.disabled) {
-                return;
+            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;
             }
-            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;
+            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) {
-        var _a, _b, _c, _d;
-        if (!((_a = uiActionModel.descriptor) === null || _a === void 0 ? void 0 : _a.type)) {
-            console.log(`Action button type unset: ${(_b = uiActionModel === null || uiActionModel === void 0 ? void 0 : uiActionModel.uiAction) === null || _b === void 0 ? void 0 : _b.code}`);
-        }
-        switch ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.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: ${(_d = uiActionModel.descriptor) === null || _d === void 0 ? void 0 : _d.type}`);
-                return `mat-button`;
-        }
+    getText() {
+        var _a;
+        return (_a = this.descriptor[this.dialogType].text) !== null && _a !== void 0 ? _a : '';
     }
-    iconPosition() {
-        return IconPosition;
+    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.MINI_FAB ||
-            ((_c = uiActionModel.descriptor) === null || _c === void 0 ? void 0 : _c.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 {
 }
@@ -8644,6 +8655,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,
@@ -8690,6 +8704,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 },
                     ],
                 }]
         }] });