@planeasyinc/le-angular 0.0.16 → 0.0.17

package/dist/fesm2022/planeasyinc-le-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, Injectable, computed, effect, untracked, Directive, input, ChangeDetectionStrategy, Component, output, forwardRef, ViewContainerRef, Injector, Renderer2, ElementRef, DestroyRef, viewChild } from '@angular/core';
+import { InjectionToken, inject, signal, Injectable, computed, effect, untracked, Directive, input, ChangeDetectionStrategy, Component, output, forwardRef, ViewContainerRef, Injector, Renderer2, ElementRef, DestroyRef, ChangeDetectorRef, viewChild } from '@angular/core';
 import { HttpContextToken, HttpClient, HttpContext, HttpRequest, HttpEventType } from '@angular/common/http';
 import { map, filter, distinctUntilChanged, BehaviorSubject, Subject, takeUntil, firstValueFrom, of, tap, catchError, from, concatMap, finalize, fromEvent, startWith } from 'rxjs';
 import { decodeJwt, UrlFragmentBuilder, normalizeConfig } from '@planeasyinc/le-core';
@@ -1702,6 +1702,56 @@ const mapBodyModelToRequestBody = (bodyModel, values) => {
     }
     return mapBodyObjectModelToRequestBody(bodyModel, values);
 };
+/**
+ * FORM JSON TABS
+ */
+const getByPath = (entity, path) => {
+    if (path.length) {
+        return path.reduce((acc, chunk) => {
+            return acc && acc[chunk];
+        }, entity);
+    }
+    return entity;
+};
+const traverse = (entity, path, cb) => {
+    const items = getByPath(entity, path);
+    if (Array.isArray(items)) {
+        items.forEach((item) => {
+            cb(item);
+            traverse(item, path, cb);
+        });
+    }
+};
+const isTabJSON = (control) => {
+    return control.name.toLowerCase().includes('json');
+};
+const getTabFormValues = (control, engine) => {
+    const result = {};
+    traverse(control, ['meta', 'controls'], (ctrl) => {
+        if (ctrl.id && ctrl.value) {
+            result[ctrl.id] = engine.values.get(ctrl.id);
+        }
+    });
+    return result;
+};
+const mapFormValuesToJSON = (values) => {
+    return JSON.stringify(values, null, 2);
+};
+const mapJSONToFormValues = (json) => {
+    return JSON.parse(json);
+};
+const getTabJSONControl = (control, engine) => {
+    let result;
+    traverse(control, ['meta', 'controls'], (ctrl) => {
+        if (ctrl.type === 'textarea') {
+            result = {
+                ...ctrl,
+                value: engine.values.get(ctrl.id)
+            };
+        }
+    });
+    return result;
+};
 
 class ToastListComponent {
     toastService = inject(LeToastService);
@@ -1963,6 +2013,7 @@ class FormViewComponent {
     attachmentService = inject(FormViewAttachmentService);
     viewportScroller = inject(ViewportScroller);
     toastService = inject(LeToastService);
+    cdr = inject(ChangeDetectorRef);
     _isLoading = signal(false);
     _form = signal(null);
     _sections = signal([]);
@@ -2055,6 +2106,26 @@ class FormViewComponent {
             this.dataService.navigateByNodeId(action.section_id);
             return of(null);
         },
+        align_values: (action) => {
+            const engine = this._engine();
+            try {
+                if (isTabJSON(action.source)) {
+                    const values = mapJSONToFormValues(getTabJSONControl(action.source, engine).value);
+                    Object.entries(values).forEach(({ 0: key, 1: value }) => {
+                        engine.values.set(key, value);
+                    });
+                }
+                else {
+                    const value = mapFormValuesToJSON(getTabFormValues(action.source, engine));
+                    const target = getTabJSONControl(action.target, engine);
+                    engine.values.set(target.id, value);
+                }
+            }
+            catch (e) {
+                console.error(e);
+            }
+            return of(null);
+        },
     };
     node = input.required();
     config = input();