@smartbit4all/ng-client 1.1.31 → 1.1.33

package/fesm2020/smartbit4all-ng-client.mjs

@@ -4018,10 +4018,10 @@ class UiActionFileUploadDialogComponent {
     }
 }
 UiActionFileUploadDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [""], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
+UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [""] }]
+            args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\n  <div class=\"headerContainer\">\n    <h3 class=\"color-accent-700\">\n      {{ getTitle() }}\n    </h3>\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n    </button>\n  </div>\n  <p>\n    {{ getText() }}\n  </p>\n  <smartfileuploader\n    [i18n]=\"i18n\"\n    [fileFormats]=\"fileFormats\"\n    [maxSizeMb]=\"maxSizeMb\"\n    [uploadCallback]=\"upload.bind(this)\"\n    [isMultiple]=\"isMultiple\"\n  ></smartfileuploader>\n  <div class=\"folderNameDialogButtonsContainer\">\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n      {{ getCancelButtonLabel() }}\n    </button>\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\n      {{ getActionButtonLabel() }}\n    </button> -->\n  </div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: UiActionFileUploadDialogService }, { type: UiActionDescriptorService }]; } });
 
 class UiActionFileUploadDialogService extends SmartdialogService {
@@ -4409,21 +4409,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
-class SmartNgClientModule {
-}
-SmartNgClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, imports: [SmartSessionModule, SmartViewContextModule], exports: [SmartSessionModule, SmartViewContextModule] });
-SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, providers: [SmartNgClientService], imports: [[SmartSessionModule, SmartViewContextModule], SmartSessionModule, SmartViewContextModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [SmartSessionModule, SmartViewContextModule],
-                    exports: [SmartSessionModule, SmartViewContextModule],
-                    providers: [SmartNgClientService],
-                }]
-        }] });
-
 var UiActionDialogType;
 (function (UiActionDialogType) {
     UiActionDialogType["inputDialog"] = "inputDialog";
@@ -4435,6 +4420,79 @@ var UiActionDialogType;
  * Public API Surface of smart-view-context
  */
 
+class SmartFileUploaderComponent {
+    constructor(uiActionService, uiActionDescriptorService) {
+        this.uiActionService = uiActionService;
+        this.uiActionDescriptorService = uiActionDescriptorService;
+    }
+    ngOnChanges(changes) {
+        this.config = changes['config'].currentValue;
+    }
+    async setUp() {
+        this.uiActionModel = this.config?.smartComponent.uiActionModels.find((uiActionModel) => uiActionModel.uiAction.code === this.config?.uiActionCode);
+        if (!this.uiActionModel) {
+            throw new Error(`UiAction with code ${this.config?.uiActionCode} could not found`);
+        }
+        const descriptor = await this.uiActionDescriptorService.getActionDescriptor(this.uiActionModel.uiAction);
+        this.i18n = {
+            addFile: descriptor.upload?.title ?? 'dokumentum hozzáadása',
+            browseOrDrag: descriptor.upload?.description ?? 'tallózás vagy behúzás',
+            formats: descriptor.upload?.formats ?? '',
+            maxSize: descriptor.upload?.maxSize ?? '',
+            upload: descriptor.upload?.uploadButtonTitle,
+        };
+    }
+    executeUpload(files) {
+        this.uiActionModel.uiAction.params = {
+            ...this.uiActionModel.uiAction.params,
+            _files: files,
+            isMultiple: this.config?.isMultiple,
+            param: 'INPUT',
+        };
+        this.uiActionService.uiActionModel = this.uiActionModel;
+        this.uiActionService.execute(this.uiActionModel.uiAction);
+    }
+}
+SmartFileUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, deps: [{ token: UiActionService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""], components: [{ type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'smart-file-uploader4sc', template: "<smartfileuploader\n  *ngIf=\"i18n\"\n  [i18n]=\"i18n\"\n  [fileFormats]=\"config?.fileFormats\"\n  [isMultiple]=\"config?.isMultiple\"\n  [maxSizeMb]=\"config?.maxSizeMb\"\n  [uploadCallback]=\"executeUpload.bind(this)\"\n></smartfileuploader>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: UiActionService }, { type: UiActionDescriptorService }]; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class SmartNgClientModule {
+}
+SmartNgClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, declarations: [SmartFileUploaderComponent], imports: [BrowserModule,
+        MatCommonModule,
+        SmartSessionModule,
+        SmartViewContextModule,
+        SmartformModule], exports: [SmartSessionModule, SmartViewContextModule, SmartFileUploaderComponent] });
+SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, providers: [SmartNgClientService], imports: [[
+            BrowserModule,
+            MatCommonModule,
+            SmartSessionModule,
+            SmartViewContextModule,
+            SmartformModule,
+        ], SmartSessionModule, SmartViewContextModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SmartFileUploaderComponent],
+                    imports: [
+                        BrowserModule,
+                        MatCommonModule,
+                        SmartSessionModule,
+                        SmartViewContextModule,
+                        SmartformModule,
+                    ],
+                    exports: [SmartSessionModule, SmartViewContextModule, SmartFileUploaderComponent],
+                    providers: [SmartNgClientService],
+                }]
+        }] });
+
 class SmartAuthService {
     constructor() {
         this.bffApisHaveBeenSetUp = false;
@@ -4577,7 +4635,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             delete uiActionRequest.params['_files'];
             delete uiActionRequest.params['isMultiple'];
             if (!isMultiple) {
-                await this.viewContext.performUploadAction(this.uuid, uiActionRequest, param, files);
+                await this.viewContext.performUploadAction(this.uuid, uiActionRequest, param, files[0]);
             }
             else {
                 await this.viewContext.performUploadMultipleAction(this.uuid, uiActionRequest, param, files);
@@ -4631,6 +4689,15 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this.widgets.addWidget(treeId, treeService);
         return treeService;
     }
+    addFileUploader(uiActionCode, fileFormats, maxSizeMb, isMultiple) {
+        return {
+            uiActionCode,
+            smartComponent: this,
+            fileFormats,
+            isMultiple,
+            maxSizeMb,
+        };
+    }
     // #region handle changes
     handleValueChanges(valueChange) {
         let dataChange;
@@ -4834,5 +4901,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APIS, ApiModule, ApiQueueService, BASE_PATH, COLLECTION_FORMATS, CloseResult, Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS, ApiModule, ApiQueueService, BASE_PATH, COLLECTION_FORMATS, CloseResult, Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartFileUploaderComponent, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map