@smartbit4all/ng-client 3.3.57 → 3.3.58

package/fesm2020/smartbit4all-ng-client.mjs

@@ -4822,7 +4822,7 @@ class SmartformwidgetComponent {
         let formControls = Object.keys(this.form.controls).filter((key) => key === this.widgetInstance.key || key.startsWith(`${this.widgetInstance.key}.`));
         formControls.map((key) => {
             this.form.controls[key].valueChanges
-                .pipe(distinctUntilChanged())
+                .pipe(takeUntil(this._destroy$), distinctUntilChanged())
                 .subscribe((value) => {
                 const valueChange = {
                     key,
@@ -14486,9 +14486,11 @@ class SmartComponentApiClient {
         this.uiActionModels = [];
         this.dataChanged = new SmartSubject(this._destroy$);
         // Contained Widgets
-        this.widgets = new WidgetMap();
-        this.formWidgets = new WidgetMap();
+        this.widgets = new Map();
+        this.formWidgets = new Map();
         this.useQueryLists = false;
+        this.dataChangeKeys = [];
+        this.dataChangeActionHandlers = new Map();
         // check and calculate pageName
         if (!this.pageName && !this._componentName) {
             throw new Error('pageName or componentName must be specified!');
@@ -14524,7 +14526,7 @@ class SmartComponentApiClient {
         }
         this._uuid = uuid;
         if (uuid) {
-            this.getWidgets().widgets.forEach((ref, key) => {
+            this.getWidgets().forEach((ref, key) => {
                 if (ref instanceof SmartGridComponent) {
                     ref.uuid = uuid;
                 }
@@ -14572,7 +14574,7 @@ class SmartComponentApiClient {
     }
     _ngOnDestroy() {
         this.viewContext.unfollow(this.uuid);
-        this.widgets.clearWidgets();
+        this.widgets.clear();
         this._destroy$.next();
         this._destroy$.complete();
     }
@@ -14588,10 +14590,20 @@ class SmartComponentApiClient {
                         SmartComponentLayoutUtility.setParent(comp.smartComponentLayout, this);
                         this.initActions();
                     }
+                    // for handling embedded forms
+                    this.handleDataChangeSubscriptions();
                     if (this.uuid && this.uuid !== comp.uuid)
                         comp.uuid = this.uuid;
                 });
             }
+            if (!this.getSmartFormsQL()) {
+                console.warn('getSmartFormsQL not available!');
+            }
+            else {
+                this.handleQueryList(this.getSmartFormsQL(), (form) => {
+                    this.handleDataChangeSubscriptions();
+                });
+            }
             if (!this.getSmartGridsQL()) {
                 console.warn('SmartGridsQL not available!');
             }
@@ -14623,6 +14635,10 @@ class SmartComponentApiClient {
             });
         }
     }
+    handleQueryListSimple(ql, handler) {
+        handler();
+        ql.changes.pipe(takeUntil(this._destroy$)).subscribe(() => handler());
+    }
     handleQueryList(ql, handler) {
         ql.forEach((el) => handler(el));
         ql.changes
@@ -14631,16 +14647,16 @@ class SmartComponentApiClient {
     }
     getWidgets() {
         if (this.useQueryLists) {
-            let widgets = new WidgetMap();
+            let widgets = new Map();
             this.getAllSmartGridComponents()
                 .filter((grid) => (grid?.smartGrid?.gridIdentifier ? true : false))
-                .forEach((grid) => widgets.addWidget(grid.smartGrid.gridIdentifier, grid));
+                .forEach((grid) => widgets.set(grid.smartGrid.gridIdentifier, grid));
             this.getAllSmartTreeComponents()
                 .filter((tree) => (tree?.smartTreeModel?.identifier ? true : false))
-                .forEach((tree) => widgets.addWidget(tree.smartTreeModel.identifier, tree));
+                .forEach((tree) => widgets.set(tree.smartTreeModel.identifier, tree));
             this.getAllSmartFilterEditorServices()
                 .filter((filter) => (filter.config.identifier ? true : false))
-                .forEach((filter) => widgets.addWidget(filter.config.identifier, filter));
+                .forEach((filter) => widgets.set(filter.config.identifier, filter));
             return widgets;
         }
         return this.widgets;
@@ -14777,6 +14793,49 @@ class SmartComponentApiClient {
         };
         this.uiActionService.execute(uiAction, options);
     }
+    addDataChangeActionHandler(key) {
+        if (!this.dataChangeKeys.includes(key)) {
+            this.dataChangeKeys.push(key);
+        }
+    }
+    dataChangeActionHandler(event) {
+        console.log('event received', event);
+        if (this.dataChangeKeys.includes(event.key)) {
+            try {
+                this.executeUiAction({
+                    code: event.key,
+                    model: true,
+                    params: {
+                        item: event.value,
+                    },
+                });
+            }
+            catch (error) {
+                console.log('error', error);
+            }
+        }
+    }
+    handleDataChangeSubscriptions() {
+        if (this.useQueryLists) {
+            let forms = this.getAllSmartFormComponents();
+            // subscribe to new forms
+            forms.forEach((component) => {
+                if (!this.dataChangeActionHandlers.has(component)) {
+                    let subs = component.sophisticatedValueChange
+                        .pipe(takeUntil(this._destroy$))
+                        .subscribe((event) => this.dataChangeActionHandler(event));
+                    this.dataChangeActionHandlers.set(component, subs);
+                }
+            });
+            // unsubscribe from removed forms
+            this.dataChangeActionHandlers.forEach((subs, form) => {
+                if (!forms.find((c) => c === form)) {
+                    subs.unsubscribe();
+                    this.dataChangeActionHandlers.delete(form);
+                }
+            });
+        }
+    }
     getInvalidFields() {
         let aggregatedInvalidFields = {
             invalidFieldKeys: [],
@@ -14786,7 +14845,7 @@ class SmartComponentApiClient {
             this.getAllSmartFormComponents()?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
         }
         else {
-            this.formWidgets?.widgets?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
+            this.formWidgets?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
         }
         return aggregatedInvalidFields;
     }
@@ -14861,7 +14920,7 @@ class SmartComponentApiClient {
             });
         }
         else {
-            this.formWidgets?.widgets?.forEach((form) => {
+            this.formWidgets?.forEach((form) => {
                 form?.submitForm(validate);
             });
         }
@@ -14873,7 +14932,7 @@ class SmartComponentApiClient {
         smartGrid.serviceToUse = this;
         smartGrid.viewContextService = this.viewContext;
         if (!this.useQueryLists) {
-            this.widgets.addWidget(smartGrid.gridIdentifier, componentReference);
+            this.widgets.set(smartGrid.gridIdentifier, componentReference);
         }
         else {
             console.warn(`Added smartGrid when useQueryLists === true (${smartGrid.gridIdentifier})`);
@@ -14886,7 +14945,7 @@ class SmartComponentApiClient {
     }
     addForm(smartFormId, smartForm, componentReference) {
         if (!this.useQueryLists) {
-            this.formWidgets.addWidget(smartFormId, componentReference);
+            this.formWidgets.set(smartFormId, componentReference);
         }
         else {
             console.warn(`Added smartForm when useQueryLists === true (${smartFormId})`);
@@ -14907,7 +14966,7 @@ class SmartComponentApiClient {
     createTreeService(treeId) {
         const treeService = new SmarttreeGenericService(this.inject, this.pageName, treeId);
         if (!this.useQueryLists) {
-            this.widgets.addWidget(treeId, treeService);
+            this.widgets.set(treeId, treeService);
         }
         else {
             console.warn(`Added smartTree when useQueryLists === true (${treeId})`);
@@ -15035,7 +15094,7 @@ class SmartComponentApiClient {
             this.getAllSmartFormComponents()?.forEach((form) => form.refresh());
         }
         else {
-            this.formWidgets.widgets.forEach((formComponent, key) => {
+            this.formWidgets.forEach((formComponent, key) => {
                 if (formComponent === undefined) {
                     console.error(`Provided form reference for ${key} is undefined.`);
                 }
@@ -15065,29 +15124,6 @@ class SmartComponentApiClient {
     handleConstraintChange(changes, changeKey) {
         this.model.constraints = changes[changeKey];
     }
-}
-class WidgetMap {
-    constructor() {
-        this._widgets = new Map();
-    }
-    get widgets() {
-        return this._widgets;
-    }
-    set widgets(widgets) {
-        this._widgets = widgets;
-    }
-    addWidget(key, reference, isForm) {
-        this._widgets.set(key, reference);
-    }
-    removeWidget(key) {
-        this._widgets.delete(key);
-    }
-    clearWidgets() {
-        this._widgets.clear();
-    }
-    get(key) {
-        return this.widgets.get(key);
-    }
 }
 
 class SmartComponent extends SmartComponentApiClient {
@@ -15263,5 +15299,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$5 as BASE_PATH, COLLECTION_FORMATS$5 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$5 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GridColumnContentType, GridDataAccessConfigKindEnum, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, LayoutDirection, LinkTargetEnum, MessageOptionType, MessageTextType, MessageType, SelectionDefinitionTypeEnum, SessionAPIS, SessionErrorBehaviour, SessionService, SharedModule, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorModule, SmartFilterEditorService, SmartFilterExpressionItemComponent, SmartFilterExpressionItemsComponent, SmartFilterModule, SmartFilterParamComponent, SmartFilterParamsComponent, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$5 as BASE_PATH, COLLECTION_FORMATS$5 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$5 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GridColumnContentType, GridDataAccessConfigKindEnum, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, LayoutDirection, LinkTargetEnum, MessageOptionType, MessageTextType, MessageType, SelectionDefinitionTypeEnum, SessionAPIS, SessionErrorBehaviour, SessionService, SharedModule, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorModule, SmartFilterEditorService, SmartFilterExpressionItemComponent, SmartFilterExpressionItemsComponent, SmartFilterModule, SmartFilterParamComponent, SmartFilterParamsComponent, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map