@lenne.tech/ng-base 14.13.1 → 14.13.3

package/fesm2020/lenne.tech-ng-base-base-components.mjs

@@ -464,10 +464,10 @@ class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BreadcrumbComponent, selector: "base-breadcrumb", ngImport: i0, template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\">\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BreadcrumbComponent, selector: "base-breadcrumb", ngImport: i0, template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\"|\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-breadcrumb', template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\">\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"] }]
+            args: [{ selector: 'base-breadcrumb', template: "<ul class=\"pt-3\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs$ | async\">\n    <a [routerLink]=\"breadcrumb.url\">{{ breadcrumb.label }}</a>\n  </li>\n</ul>\n", styles: ["ul{list-style:none;margin:0;padding:0}ul li{display:inline}ul li:before{content:\"|\";margin:0 6px}ul li:first-child:before{content:\"\";margin:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.BreadcrumbService }]; } });
 
 class SortDirective {
@@ -1477,28 +1477,9 @@ class ModelFormComponent {
             if (this.logging) {
                 console.log('ModelFormComponent::submit->formValue', this.form.value);
             }
-            const data = Object.assign({}, this.form.value);
-            for (const [key, value] of Object.entries(data)) {
-                if ((this.config[key]?.roles ? !this.user.hasAllRoles(this.config[key]?.roles) : false) ||
-                    this.config[key]?.exclude) {
-                    delete data[key];
-                }
-                if (value && typeof value === 'object' && !Array.isArray(value)) {
-                    data[key] = Object.keys(data[key])
-                        .filter((k) => data[key][k] != null)
-                        .reduce((a, k) => ({ ...a, [k]: data[key][k] }), {});
-                    if (Object.keys(data[key])?.length === 0) {
-                        if (this.logging) {
-                            console.log('Object is empty from result');
-                        }
-                        data[key] = null;
-                    }
-                }
-                // Set type for graphql method
-                if (this.fields[key]?.type === 'Float') {
-                    data[key] = Number(value);
-                }
-            }
+            // Prepare data for server request
+            let data = Object.assign({}, this.form.value);
+            data = this.prepareDataForRequest(this.config, this.fields, data);
             if (this.logging) {
                 console.log('ModelFormComponent::submit->valueToGraphql', data);
             }
@@ -1567,6 +1548,38 @@ class ModelFormComponent {
             });
         });
     }
+    /**
+     * Prepare data for server
+     */
+    prepareDataForRequest(config, fieldsConfig, data) {
+        if (!data) {
+            return data;
+        }
+        for (const [key, value] of Object.entries(data)) {
+            if ((config[key]?.roles ? !this.user.hasAllRoles(config[key]?.roles) : false) || config[key]?.exclude) {
+                delete data[key];
+            }
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                data[key] = Object.keys(data[key])
+                    .filter((k) => data[key][k] != null)
+                    .reduce((a, k) => ({ ...a, [k]: data[key][k] }), {});
+                if (Object.keys(data[key])?.length === 0) {
+                    if (this.logging) {
+                        console.log('Object is empty from result');
+                    }
+                    data[key] = null;
+                }
+            }
+            // Set type for graphql method
+            if (fieldsConfig[key]?.type === 'Float') {
+                data[key] = Number(value);
+            }
+            if (fieldsConfig[key]?.fields && Object.keys(fieldsConfig[key]?.fields).length > 0) {
+                data[key] = this.prepareDataForRequest(config[key]?.fields, fieldsConfig[key]?.fields, data[key]);
+            }
+        }
+        return data;
+    }
     /**
      * Init fab buttons for mobile devices
      */
@@ -1585,6 +1598,9 @@ class ModelFormComponent {
             event.subscribe(() => this.deleteObject());
         }
     }
+    /**
+     * Set file changes for process
+     */
     processFileChanges(event) {
         const index = this.fileChanges?.findIndex((e) => e.field === event.field);
         if (index !== undefined && index !== -1) {