@smartbit4all/ng-client 3.1.48 → 3.1.50

package/fesm2020/smartbit4all-ng-client.mjs

@@ -11822,12 +11822,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
 class SmartComponentLayoutComponent {
     constructor(layoutService) {
         this.layoutService = layoutService;
+        this._destroy$ = new Subject();
+        this.smartFormList.changes
+            .pipe(takeUntil(this._destroy$))
+            .subscribe((list) => {
+            if (!this.smartFormComponent) {
+                this.smartFormComponent = list.first;
+                this.bindForm();
+            }
+        });
+        this.smartGridList.changes
+            .pipe(takeUntil(this._destroy$))
+            .subscribe((list) => {
+            if (!this.smartGridComponent) {
+                this.smartGridComponent = list.first;
+                this.bindGrid();
+            }
+        });
+        this.smartFilterList.changes
+            .pipe(takeUntil(this._destroy$))
+            .subscribe((list) => {
+            if (!this.smartFilterComponent) {
+                this.smartFilterComponent = list.first;
+                this.bindFilter();
+            }
+        });
     }
     ngOnInit() {
         if (this.smartComponentLayout) {
             this.setUp();
         }
     }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
     ngOnChanges(changes) {
         this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
         if (this.smartComponentLayout) {
@@ -11878,9 +11907,14 @@ class SmartComponentLayoutComponent {
             componentModel: this.parent?.model,
             widgets,
         };
-        this.parent?.addForm(
-        // unique identifier for the form
-        `form_${this.makeid(5)}`, this.smartForm, this.formChild);
+        this.bindForm();
+    }
+    bindForm() {
+        if (this.smartForm && this.smartFormComponent) {
+            this.parent?.addForm(
+            // unique identifier for the form
+            `form_${this.makeid(5)}`, this.smartForm, this.smartFormComponent);
+        }
     }
     makeid(length) {
         let result = '';
@@ -11899,14 +11933,25 @@ class SmartComponentLayoutComponent {
             gridModel: {
                 page: {},
             },
+            options: {
+                rowUiActionType: GridUiActionType.POPUP_MENU,
+            },
             layoutDef: SmartLayoutDef.TABLE,
         };
-        this.smartGrid = this.parent?.addGrid(this.smartGrid, {
-            rowUiActionType: GridUiActionType.POPUP_MENU,
-        }, false, this.gridChild);
+        this.bindGrid();
+    }
+    bindGrid() {
+        if (this.smartGrid && this.smartGridComponent) {
+            this.smartGrid = this.parent?.addGrid(this.smartGrid, {
+                rowUiActionType: GridUiActionType.POPUP_MENU,
+            }, false, this.smartGridComponent);
+        }
     }
     constructFilter() {
-        this.smartFilter = this.smartComponentLayout.parentComponent.addFilter(`filter_${this.makeid(5)}`, this.smartComponentLayout?.widget?.filterExpressionFieldList, this.smartComponentLayout?.widget?.filterType, this.filterChild);
+        this.smartFilter = this.smartComponentLayout.parentComponent.addFilter(`filter_${this.makeid(5)}`, this.smartComponentLayout?.widget?.filterExpressionFieldList, this.smartComponentLayout?.widget?.filterType, this.smartFilterComponent);
+    }
+    bindFilter() {
+        // TODO
     }
     constructTree() {
         this.parent.setUpDefaultTree(this.smartComponentLayout?.widget?.treeIdentifier);
@@ -11914,20 +11959,20 @@ 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: "formChild", first: true, predicate: ["form"], descendants: true }, { propertyName: "gridChild", first: true, predicate: ["grid"], descendants: true }, { propertyName: "filterChild", first: true, 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 [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 }], 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 [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 [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
-            }], formChild: [{
-                type: ViewChild,
+            }], smartFormList: [{
+                type: ViewChildren,
                 args: ['form']
-            }], gridChild: [{
-                type: ViewChild,
+            }], smartGridList: [{
+                type: ViewChildren,
                 args: ['grid']
-            }], filterChild: [{
-                type: ViewChild,
+            }], smartFilterList: [{
+                type: ViewChildren,
                 args: ['filter']
             }] } });