@vgip/meta-ui 1.2.8 → 1.3.0

package/fesm2020/vgip-meta-ui.mjs

@@ -654,6 +654,9 @@ const metaNormalizer = (meta, integration, resourceType) => {
             for (const ff of f.fields) {
                 fieldFixesByIntegration(ff);
             }
+            if (f.name && /^composite_(.*)/.test(f.name)) {
+                delete f.name;
+            }
         }
     };
     // common fixes for all integrations
@@ -970,6 +973,18 @@ class FieldAbstract {
                 case 'object': {
                     return m ? { id: m.id, label: m.label, type: m.type } : m;
                 }
+                case 'number': {
+                    if (m != null) {
+                        const v = m.id || m;
+                        try {
+                            return parseInt(v, 10);
+                        }
+                        catch (e) {
+                            return v;
+                        }
+                    }
+                    break;
+                }
                 default: {
                     if (m != null) {
                         return m.id || m;
@@ -2792,13 +2807,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class FieldComposite extends FieldAbstract {
     ngOnInit() {
         // super.ngOnInit()
-        if (this.isRow) {
+        let nestedFieldsRegex;
+        if (this.meta.name) {
+            this.value = this.parent[this.meta.name] || {};
+            nestedFieldsRegex = new RegExp(`${this.meta.name}\.(.*)`);
+            Object.defineProperty(this.parent, this.meta.name, {
+                set: (value) => {
+                    if (value) {
+                        for (const v of Object.keys(value)) {
+                            this.value[v] = value[v];
+                        }
+                    }
+                },
+                get: () => {
+                    if (JSON.stringify(this.value) !== '{}') {
+                        return this.value;
+                    }
+                },
+                enumerable: this.sendToServer,
+                configurable: true
+            });
             for (const f of this.meta.fields) {
-                if (f.type === 'text') {
-                    f.type = 'string';
+                if (this.isRow) {
+                    if (f.type === 'text') {
+                        f.type = 'string';
+                    }
+                }
+                if (nestedFieldsRegex) {
+                    const nestedFieldMatch = f.name.match(nestedFieldsRegex);
+                    if (nestedFieldMatch) {
+                        f.name = nestedFieldMatch[1];
+                    }
                 }
             }
         }
+        else {
+            this.value = this.parent;
+        }
     }
     get isRow() {
         return this.meta.subtype !== 'column';
@@ -2813,10 +2858,10 @@ class FieldComposite extends FieldAbstract {
     }
 }
 FieldComposite.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FieldComposite, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FieldComposite.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FieldComposite, selector: "ng-component", inputs: { meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'Vlt-grid Vlt-grid--narrow': isRow }\" >\n  <div style='margin: 0;' [ngClass]=\"{ 'Vlt-col': isRow, 'Vlt-col--1of3': isRow && fields.length > 3 }\" *ngFor='let field of fields'>\n    <vgip-meta-field class='shown' [index]='index' [meta]='field' [parent]='parent' [integrationCode]='integrationCode' [preview]='preview' theme='inherit' [ngClass]=\"{ shown: !field.$invisible }\"></vgip-meta-field>\n  </div>\n</div>", styles: ["div>vgip-meta-field{display:none}div>vgip-meta-field.shown{display:initial}\n"], components: [{ type: i0.forwardRef(function () { return MetaField; }), selector: "vgip-meta-field", inputs: ["meta", "parent", "integrationCode", "resourceType", "index", "preview", "theme"], outputs: ["onChange", "onLeave"] }], directives: [{ type: i0.forwardRef(function () { return i1.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i0.forwardRef(function () { return i1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FieldComposite.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FieldComposite, selector: "ng-component", inputs: { meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"{ 'Vlt-grid Vlt-grid--narrow': isRow }\" >\n  <div style='margin: 0;' [ngClass]=\"{ 'Vlt-col': isRow, 'Vlt-col--1of3': isRow && fields.length > 3 }\" *ngFor='let field of fields'>\n    <vgip-meta-field class='shown' [index]='index' [meta]='field' [parent]='value' [integrationCode]='integrationCode' [preview]='preview' theme='inherit' [ngClass]=\"{ shown: !field.$invisible }\"></vgip-meta-field>\n  </div>\n</div>\n", styles: ["div>vgip-meta-field{display:none}div>vgip-meta-field.shown{display:initial}\n"], components: [{ type: i0.forwardRef(function () { return MetaField; }), selector: "vgip-meta-field", inputs: ["meta", "parent", "integrationCode", "resourceType", "index", "preview", "theme"], outputs: ["onChange", "onLeave"] }], directives: [{ type: i0.forwardRef(function () { return i1.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i0.forwardRef(function () { return i1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FieldComposite, decorators: [{
             type: Component,
-            args: [{ template: "<div [ngClass]=\"{ 'Vlt-grid Vlt-grid--narrow': isRow }\" >\n  <div style='margin: 0;' [ngClass]=\"{ 'Vlt-col': isRow, 'Vlt-col--1of3': isRow && fields.length > 3 }\" *ngFor='let field of fields'>\n    <vgip-meta-field class='shown' [index]='index' [meta]='field' [parent]='parent' [integrationCode]='integrationCode' [preview]='preview' theme='inherit' [ngClass]=\"{ shown: !field.$invisible }\"></vgip-meta-field>\n  </div>\n</div>", styles: ["div>vgip-meta-field{display:none}div>vgip-meta-field.shown{display:initial}\n"] }]
+            args: [{ template: "<div [ngClass]=\"{ 'Vlt-grid Vlt-grid--narrow': isRow }\" >\n  <div style='margin: 0;' [ngClass]=\"{ 'Vlt-col': isRow, 'Vlt-col--1of3': isRow && fields.length > 3 }\" *ngFor='let field of fields'>\n    <vgip-meta-field class='shown' [index]='index' [meta]='field' [parent]='value' [integrationCode]='integrationCode' [preview]='preview' theme='inherit' [ngClass]=\"{ shown: !field.$invisible }\"></vgip-meta-field>\n  </div>\n</div>\n", styles: ["div>vgip-meta-field{display:none}div>vgip-meta-field.shown{display:initial}\n"] }]
         }], propDecorators: { meta: [{
                 type: Input
             }] } });
@@ -3424,7 +3469,7 @@ class FieldReference extends FieldAbstract {
                     // }
                 }
                 this.model = value;
-                this.value = value;
+                this.value = this.modelToValue(value, this.meta.valueType || 'object');
                 if (!this.multiple) {
                     this.buildExternalLink();
                 }
@@ -4533,12 +4578,12 @@ class MetaResource {
             && this.resource.meta.layout.sections) {
             const extractSectionFields = (s) => {
                 for (const f of s.fields) {
+                    if (f.name) {
+                        this.resource.niceFields[f.name] = f;
+                    }
                     if (f.fields && f.fields.length) {
                         extractSectionFields(f);
                     }
-                    else {
-                        this.resource.niceFields[f.name] = f;
-                    }
                 }
             };
             this.resource.niceFields = {};