@smartbit4all/ng-client 1.0.10 → 1.0.12

package/fesm2020/smartbit4all-ng-client.mjs

@@ -2913,27 +2913,27 @@ class UiActionDescriptorService {
         this.viewContext = viewContext;
         this._destroy$ = new Subject();
         this.languageChanged = new Subject();
-        this.keysToTranslate = ["title", "text", "placeholder", "caption", "feedbackText"];
+        this.keysToTranslate = ['title', 'text', 'placeholder', 'caption', 'feedbackText'];
         this.basicActionDescriptors = new Map([
             [
-                "UNKOWN",
+                'UNKOWN',
                 {
-                    title: "",
+                    title: '',
                     type: UiActionButtonType.Normal,
-                    color: "accent",
-                    icon: "Question",
+                    color: 'accent',
+                    icon: 'Question',
                     iconColor: `text-primary`,
                     iconPosition: UiActionButtonIconPos.Post,
                     dialog: {
-                        title: "",
-                        placeholder: "placeholder",
+                        title: '',
+                        placeholder: 'placeholder',
                         actionButton: {
-                            caption: "",
-                            color: "accent",
+                            caption: '',
+                            color: 'accent',
                         },
                         cancelButton: {
-                            caption: "Mégse",
-                            color: "",
+                            caption: 'Mégse',
+                            color: '',
                         },
                     },
                 },
@@ -2943,9 +2943,7 @@ class UiActionDescriptorService {
             this.subscribeToTranslateService();
         }
         else {
-            this.viewContext.translateServiceChanged
-                .pipe(takeUntil(this._destroy$))
-                .subscribe(() => {
+            this.viewContext.translateServiceChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
                 this.subscribeToTranslateService();
             });
         }
@@ -2955,9 +2953,7 @@ class UiActionDescriptorService {
         this._destroy$.complete();
     }
     subscribeToTranslateService() {
-        this.viewContext
-            .translateService.onLangChange.pipe(takeUntil(this._destroy$))
-            .subscribe(() => {
+        this.viewContext.translateService.onLangChange.pipe(takeUntil(this._destroy$)).subscribe(() => {
             this.languageChanged.next();
         });
     }
@@ -2966,11 +2962,11 @@ class UiActionDescriptorService {
         let actionDescriptorFromDescriptors = this.viewContext.getActionDescriptors()?.get(code);
         let actionDescriptor = JSON.parse(JSON.stringify(actionDescriptorFromDescriptors));
         if (!actionDescriptor) {
-            actionDescriptor = this.basicActionDescriptors.get("UNKOWN");
+            actionDescriptor = this.basicActionDescriptors.get('UNKOWN');
             actionDescriptor.title = code;
         }
         if (!actionDescriptor.dialog) {
-            actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, "dialog");
+            actionDescriptor = this.setUpUnkownDialogDescriptor(code, actionDescriptor, 'dialog');
         }
         if (!actionDescriptor.feedbackType && uiAction.submit) {
             actionDescriptor.feedbackType = UiActionFeedbackType.Snackbar;
@@ -2984,23 +2980,24 @@ class UiActionDescriptorService {
         uiActionDescriptor = await this.deepTranslate(uiActionDescriptor);
         return uiActionDescriptor;
     }
-    async deepTranslate(model) {
-        Object.keys(model).map(async (key) => {
+    async deepTranslate(_model) {
+        let model = { ..._model };
+        await Promise.all(Object.keys(model).map(async (key) => {
             if (model[key] !== undefined &&
-                typeof model[key] === "string" &&
+                typeof model[key] === 'string' &&
                 model[key].length &&
                 this.keysToTranslate.includes(key)) {
                 model[key] = await this.viewContext.translateService.get(model[key]).toPromise();
             }
-            else if (model[key] !== undefined && typeof model[key] === "object") {
+            else if (model[key] !== undefined && typeof model[key] === 'object') {
                 model[key] = await this.deepTranslate(model[key]);
             }
             return model;
-        });
+        }));
         return model;
     }
     setUpUnkownDialogDescriptor(code, uiActionDescriptor, dialogType) {
-        let unkownDescriptor = this.basicActionDescriptors.get("UNKOWN");
+        let unkownDescriptor = this.basicActionDescriptors.get('UNKOWN');
         uiActionDescriptor[dialogType] = unkownDescriptor.dialog;
         uiActionDescriptor[dialogType].title = code;
         uiActionDescriptor[dialogType].actionButton.caption = code;
@@ -3008,11 +3005,11 @@ class UiActionDescriptorService {
     }
 }
 UiActionDescriptorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, deps: [{ token: SmartViewContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-UiActionDescriptorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, providedIn: "root" });
+UiActionDescriptorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionDescriptorService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root",
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: SmartViewContextService }]; } });
 
@@ -3145,13 +3142,16 @@ class UiActionInputDialogComponent {
             this.dialogType = this.service.inputTypeName;
         }
         else {
-            this.dialogType = this.descriptor.inputDialog ? "inputDialog" : "dialog";
+            this.dialogType = this.descriptor.inputDialog ? 'inputDialog' : 'dialog';
         }
         this.constructForm();
     }
     getTitle() {
         return this.descriptor[this.dialogType].title;
     }
+    getText() {
+        return this.descriptor[this.dialogType].text ?? '';
+    }
     getActionButtonLabel() {
         return this.descriptor[this.dialogType].actionButton.caption;
     }
@@ -3167,17 +3167,17 @@ class UiActionInputDialogComponent {
     constructForm() {
         let model = {};
         let inputName;
-        if (this.service.inputTypeName === "inputDialog") {
-            inputName = "input";
+        if (this.service.inputTypeName === 'inputDialog') {
+            inputName = 'input';
         }
         else {
-            inputName = "input2";
+            inputName = 'input2';
         }
         if (this.service.nodeName) {
             model[inputName] = this.service.nodeName;
         }
         else {
-            model[inputName] = "";
+            model[inputName] = '';
         }
         let type;
         let inputType = `${inputName}Type`;
@@ -3193,17 +3193,17 @@ class UiActionInputDialogComponent {
             widgets: [
                 {
                     key: inputName,
-                    label: "",
+                    label: '',
                     type,
-                    value: "",
+                    value: '',
                     validators: [
                         {
                             validator: Validators.required,
                             name: SmartValidatorName.required,
-                            errorMessage: "Ez a mező kötelező",
+                            errorMessage: 'Ez a mező kötelező',
                         },
                     ],
-                    placeholder: this.descriptor[this.dialogType].placeholder ?? "",
+                    placeholder: this.descriptor[this.dialogType].placeholder ?? '',
                     showLabel: true,
                 },
             ],
@@ -3212,7 +3212,7 @@ class UiActionInputDialogComponent {
     save() {
         let form = this.folderFormChild.submitForm();
         if (form.invalidFields) {
-            throw new Error("The form is invalid!");
+            throw new Error('The form is invalid!');
         }
         this.service.onSave(form.model);
     }
@@ -3221,13 +3221,13 @@ class UiActionInputDialogComponent {
     }
 }
 UiActionInputDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, deps: [{ token: UiActionInputDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$1.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5$1.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
+UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$1.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5$1.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: "smart-ui-action-input-dialog", template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
+            args: [{ selector: 'smart-ui-action-input-dialog', template: "<div class=\"folderNameDialogContainer\">\n\t<div class=\"headerContainer\">\n\t\t<h3 class=\"color-accent-700\">\n\t\t\t{{ getTitle() }}\n\t\t</h3>\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\n\t\t</button>\n\t</div>\n\t<p>\n\t\t{{ getText() }}\n\t</p>\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\n\t<div class=\"folderNameDialogButtonsContainer\">\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\n\t\t\t{{ getCancelButtonLabel() }}\n\t\t</button>\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\n\t\t\t{{ getActionButtonLabel() }}\n\t\t</button>\n\t</div>\n</div>\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: UiActionInputDialogService }, { type: UiActionDescriptorService }]; }, propDecorators: { folderFormChild: [{
                 type: ViewChild,
-                args: ["form"]
+                args: ['form']
             }] } });
 
 class UiActionInputDialogService extends SmartdialogService {