@smartbit4all/ng-client 3.1.86 → 3.1.88

package/fesm2020/smartbit4all-ng-client.mjs

@@ -12154,10 +12154,10 @@ class SmartComponentLayoutComponent {
     }
 }
 SmartComponentLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponentLayoutComponent, deps: [{ token: SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout" }, viewQueries: [{ propertyName: "smartFormList", predicate: ["form"], descendants: true }, { propertyName: "smartGridList", predicate: ["grid"], descendants: true }, { propertyName: "smartFilterList", predicate: ["filter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      [smartComponentLayout]=\"layout\"\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], components: [{ type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout"] }, { type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { type: SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+SmartComponentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout" }, viewQueries: [{ propertyName: "smartFormList", predicate: ["form"], descendants: true }, { propertyName: "smartGridList", predicate: ["grid"], descendants: true }, { propertyName: "smartFilterList", predicate: ["filter"], descendants: true }, { propertyName: "components", predicate: SmartComponentLayoutComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n      [smartComponentLayout]=\"layout\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], components: [{ type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout"] }, { type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { type: SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponentLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-component-layout', template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      [smartComponentLayout]=\"layout\"\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'smart-component-layout', template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().Container\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n      [smartComponentLayout]=\"layout\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return [{ type: SmartformLayoutDefinitionService }]; }, propDecorators: { smartComponentLayout: [{
                 type: Input
             }], smartFormList: [{
@@ -12169,6 +12169,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], smartFilterList: [{
                 type: ViewChildren,
                 args: ['filter']
+            }], components: [{
+                type: ViewChildren,
+                args: [SmartComponentLayoutComponent]
             }] } });
 
 class SmartComponentLayoutModule {
@@ -13364,6 +13367,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Public API Surface of smarttree
  */
 
+class SmartComponentLayoutUtility {
+    static setParent(layout, parent) {
+        layout.parentComponent = parent;
+        layout.components?.forEach((l) => this.setParent(l, parent));
+    }
+    static getForms(comp) {
+        let result = [];
+        if (comp.components) {
+            result = comp.components
+                .map((c) => this.getForms(c))
+                .reduce((acc, value) => acc.concat(value), []);
+        }
+        if (comp.smartFormComponent) {
+            result.push(comp.smartFormComponent);
+        }
+        return result;
+    }
+    static getGrids(comp) {
+        let result = [];
+        if (comp.components) {
+            result = comp.components
+                .map((c) => this.getGrids(c))
+                .reduce((acc, value) => acc.concat(value), []);
+        }
+        if (comp.smartGridComponent) {
+            result.push(comp.smartGridComponent);
+        }
+        return result;
+    }
+    static getTrees(comp) {
+        let result = [];
+        if (comp.components) {
+            result = comp.components
+                ?.map((c) => this.getTrees(c))
+                .reduce((acc, value) => acc.concat(value), []);
+        }
+        if (comp.treeService) {
+            result.push(comp.treeService);
+        }
+        return result;
+    }
+}
+
+/*
+ * Public API Surface of smart-component-layout
+ */
+
 let SmartComponentApiClient = class SmartComponentApiClient {
     constructor(inject, auth, pageName) {
         this.inject = inject;
@@ -13450,19 +13500,34 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this._destroy$.next();
         this._destroy$.complete();
     }
+    _ngAfterViewInit() {
+        if (!this.getSmartComponentLayoutsQL()) {
+            console.warn('SmartComponentLayoutsQL not available!');
+            return;
+        }
+        // TODO maybe we should set comp.parent, not comp.smartComponentLayout.parentComponent..
+        this.getSmartComponentLayoutsQL().forEach((comp) => {
+            if (comp.smartComponentLayout) {
+                SmartComponentLayoutUtility.setParent(comp.smartComponentLayout, this);
+            }
+        });
+        this.getSmartComponentLayoutsQL()
+            .changes.pipe(takeUntil(this._destroy$))
+            .subscribe((list) => list.forEach((comp) => {
+            if (comp.smartComponentLayout) {
+                SmartComponentLayoutUtility.setParent(comp.smartComponentLayout, this);
+            }
+        }));
+    }
     getWidgets() {
         if (this.useQueryLists) {
             let widgets = new WidgetMap();
-            if (this.getAllGridComponents()) {
-                this.getAllGridComponents()
-                    .filter((grid) => (grid?.smartGrid?.gridIdentifier ? true : false))
-                    .forEach((grid) => widgets.addWidget(grid.smartGrid.gridIdentifier, grid));
-            }
-            if (this.getAllTreeComponents()) {
-                this.getAllTreeComponents()
-                    .filter((tree) => (tree?.smartTreeModel?.identifier ? true : false))
-                    .forEach((tree) => widgets.addWidget(tree.smartTreeModel.identifier, tree));
-            }
+            this.getAllSmartGridComponents()
+                .filter((grid) => (grid?.smartGrid?.gridIdentifier ? true : false))
+                .forEach((grid) => widgets.addWidget(grid.smartGrid.gridIdentifier, grid));
+            this.getAllSmartTreeComponents()
+                .filter((tree) => (tree?.smartTreeModel?.identifier ? true : false))
+                .forEach((tree) => widgets.addWidget(tree.smartTreeModel.identifier, tree));
             return widgets;
         }
         return this.widgets;
@@ -13471,14 +13536,36 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this.initData();
         this.initActions();
         if (this.useQueryLists) {
-            this.getAllFormComponents()?.forEach((form) => {
+            this.getAllSmartFormComponents()?.forEach((form) => {
                 if (form.smartForm) {
                     form.smartForm.componentModel = this.model;
+                    // uses data, valueSets, constraints
                     form.constructForm();
                 }
             });
         }
-        // TODO: layout, valueSet, widgets
+        // TODO: layout, widgets
+    }
+    getAllSmartFormComponents() {
+        let forms = this.getSmartFormsQL()?.toArray() ?? [];
+        this.getSmartComponentLayoutsQL()?.forEach((comp) => {
+            forms.push(...SmartComponentLayoutUtility.getForms(comp));
+        });
+        return forms;
+    }
+    getAllSmartGridComponents() {
+        let grids = this.getSmartGridsQL()?.toArray() ?? [];
+        this.getSmartComponentLayoutsQL()?.forEach((comp) => {
+            grids.push(...SmartComponentLayoutUtility.getGrids(comp));
+        });
+        return grids;
+    }
+    getAllSmartTreeComponents() {
+        let trees = this.getSmartTreesQL()?.toArray() ?? [];
+        this.getSmartComponentLayoutsQL()?.forEach((comp) => {
+            trees.push(...SmartComponentLayoutUtility.getTrees(comp));
+        });
+        return trees;
     }
     initData() {
         if (this.model?.data) {
@@ -13523,7 +13610,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             invalidFieldNames: [],
         };
         if (this.useQueryLists) {
-            this.getAllFormComponents()?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
+            this.getAllSmartFormComponents()?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
         }
         else {
             this.formWidgets?.widgets?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
@@ -13596,7 +13683,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
      */
     submitForms(validate) {
         if (this.useQueryLists) {
-            this.getAllFormComponents()?.forEach((form) => {
+            this.getAllSmartFormComponents()?.forEach((form) => {
                 form?.submitForm(validate);
             });
         }
@@ -13769,7 +13856,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
     handleDataChange(changes, changeKey) {
         this.setValueDeeply(this.model, changeKey, changes[changeKey]);
         if (this.useQueryLists) {
-            this.getAllFormComponents()?.forEach((form) => form.refresh());
+            this.getAllSmartFormComponents()?.forEach((form) => form.refresh());
         }
         else {
             this.formWidgets.widgets.forEach((formComponent, key) => {
@@ -13840,18 +13927,24 @@ class SmartComponent extends SmartComponentApiClient {
     ngOnDestroy() {
         this._ngOnDestroy();
     }
-    getAllFormComponents() {
-        return this.formComponents;
+    ngAfterViewInit() {
+        this._ngAfterViewInit();
+    }
+    getSmartFormsQL() {
+        return this.smartFormsQL;
     }
-    getAllGridComponents() {
-        return this.gridComponents;
+    getSmartGridsQL() {
+        return this.smartGridsQL;
     }
-    getAllTreeComponents() {
-        return this.treeComponents;
+    getSmartTreesQL() {
+        return this.smartTreesQL;
+    }
+    getSmartComponentLayoutsQL() {
+        return this.smartComponentLayoutsQL;
     }
 }
 SmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponent, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponent, selector: "ng-component", viewQueries: [{ propertyName: "formComponents", predicate: SmartformComponent, descendants: true }, { propertyName: "gridComponents", predicate: SmartGridComponent, descendants: true }, { propertyName: "treeComponents", predicate: SmarttreeGenericService, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponent, selector: "ng-component", viewQueries: [{ propertyName: "smartFormsQL", predicate: SmartformComponent, descendants: true }, { propertyName: "smartGridsQL", predicate: SmartGridComponent, descendants: true }, { propertyName: "smartTreesQL", predicate: SmarttreeGenericService, descendants: true }, { propertyName: "smartComponentLayoutsQL", predicate: SmartComponentLayoutComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponent, decorators: [{
             type: Component,
             args: [{
@@ -13863,15 +13956,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['pageName']
-                }] }]; }, propDecorators: { formComponents: [{
+                }] }]; }, propDecorators: { smartFormsQL: [{
                 type: ViewChildren,
                 args: [SmartformComponent]
-            }], gridComponents: [{
+            }], smartGridsQL: [{
                 type: ViewChildren,
                 args: [SmartGridComponent]
-            }], treeComponents: [{
+            }], smartTreesQL: [{
                 type: ViewChildren,
                 args: [SmarttreeGenericService]
+            }], smartComponentLayoutsQL: [{
+                type: ViewChildren,
+                args: [SmartComponentLayoutComponent]
             }] } });
 
 class SmartService extends SmartComponentApiClient {
@@ -13884,14 +13980,20 @@ class SmartService extends SmartComponentApiClient {
     ngOnDestroy() {
         this._ngOnDestroy();
     }
-    getAllFormComponents() {
-        return this.formComponents;
+    ngAfterViewInit() {
+        this._ngAfterViewInit();
     }
-    getAllGridComponents() {
-        return this.gridComponents;
+    getSmartFormsQL() {
+        return this.smartFormsQL;
     }
-    getAllTreeComponents() {
-        return this.treeComponents;
+    getSmartGridsQL() {
+        return this.smartGridsQL;
+    }
+    getSmartTreesQL() {
+        return this.smartTreesQL;
+    }
+    getSmartComponentLayoutsQL() {
+        return this.smartComponentLayoutsQL;
     }
 }
 SmartService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartService, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -13907,28 +14009,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['pageName']
-                }] }]; }, propDecorators: { formComponents: [{
+                }] }]; }, propDecorators: { smartFormsQL: [{
                 type: ViewChildren,
                 args: [SmartformComponent]
-            }], gridComponents: [{
+            }], smartGridsQL: [{
                 type: ViewChildren,
                 args: [SmartGridComponent]
-            }], treeComponents: [{
+            }], smartTreesQL: [{
                 type: ViewChildren,
                 args: [SmarttreeGenericService]
+            }], smartComponentLayoutsQL: [{
+                type: ViewChildren,
+                args: [SmartComponentLayoutComponent]
             }] } });
 
-class SmartComponentLayoutUtility {
-    static setParent(layout, parent) {
-        layout.parentComponent = parent;
-        layout.components?.forEach((l) => this.setParent(l, parent));
-    }
-}
-
-/*
- * Public API Surface of smart-component-layout
- */
-
 class SmartNavbarService {
     constructor() { }
 }