@smartbit4all/ng-client 3.2.5 → 3.2.6

package/fesm2015/smartbit4all-ng-client.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Input, ViewChild, forwardRef, EventEmitter, Output, Directive, HostListener, ViewContainerRef, ViewEncapsulation, ViewChildren, Pipe, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
-import { __awaiter, __decorate, __param } from 'tslib';
+import { __awaiter } from 'tslib';
 import { Subject, takeUntil, startWith, map, distinctUntilChanged, throwError, from, catchError as catchError$1, lastValueFrom } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpContext, HttpParams, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
@@ -2467,8 +2467,10 @@ class SmartViewContextService {
         this.dialog = dialog;
         this.apiQueueService = apiQueueService;
         this.inject = inject;
-        this.tabIdName = 'viewContextUuid';
-        this.tabIdhttpHeaderName = 'viewContextUuid';
+        this.viewContextUuidName = 'viewContextUuid';
+        this.viewContextUuidHeaderName = 'viewContextUuid';
+        this.pageNamePrefix = 'page.';
+        this.componentNamePrefix = 'component.';
         this.viewHandlers = new Array();
         this.openedViewUuids = new Array();
         this.openedViewData = new Array();
@@ -2534,7 +2536,7 @@ class SmartViewContextService {
     getAndSyncViewContext(uuid) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!uuid) {
-                uuid = this.getUuidOfPage(this.tabIdName);
+                uuid = this.getViewContextUuid();
             }
             yield this.getViewContext(uuid).then(() => {
                 this.syncView();
@@ -2554,11 +2556,7 @@ class SmartViewContextService {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             if (!this.viewContext) {
-                let viewContextUuid = sessionStorage.getItem(this.tabIdName);
-                if (!viewContextUuid) {
-                    throw new Error('View context is not initialized!');
-                }
-                yield this.getViewContext(viewContextUuid);
+                yield this.getViewContext(this.getViewContextUuid());
             }
             let pageUuid = this.getUuidOfPage(pageName);
             let viewContextByPageName = (_a = this.viewContext) === null || _a === void 0 ? void 0 : _a.views.find((view) => view.uuid === pageUuid);
@@ -2579,13 +2577,6 @@ class SmartViewContextService {
         this.openedViewData = [];
         this.openedViewUuids = [];
     }
-    setTabId(tabId) {
-        sessionStorage.setItem(this.tabIdName, tabId);
-        this.session.addHeaderParam({
-            headerName: this.tabIdhttpHeaderName,
-            value: tabId,
-        });
-    }
     startViewContext() {
         return __awaiter(this, void 0, void 0, function* () {
             this.clearSessionStorage();
@@ -2596,7 +2587,7 @@ class SmartViewContextService {
                 throw new Error('No ViewContext was created');
             }
             this.viewContext = newViewContext;
-            this.setTabId(newViewContext.uuid);
+            this.setViewContextUuid(newViewContext.uuid);
             return this.viewContext;
         });
     }
@@ -2615,7 +2606,7 @@ class SmartViewContextService {
                         throw new Error('The messageDialogName provided by the backend has not been set.');
                     }
                     if (uuid) {
-                        this.setTabId(uuid);
+                        this.setViewContextUuid(uuid);
                         try {
                             yield this.getViewContext(uuid);
                         }
@@ -2655,7 +2646,7 @@ class SmartViewContextService {
                 try {
                     this.openedViewUuids.push(view.uuid);
                     this.openedViewData.push(view);
-                    sessionStorage.setItem(view.viewName, view.uuid);
+                    this.setUuidOfPage(view.viewName, view.uuid, viewHandler.componentName);
                     dialogRef = this.dialog.openComponentAsDialog(viewHandler.component, viewHandler.name);
                 }
                 finally {
@@ -2663,9 +2654,9 @@ class SmartViewContextService {
                     if (index >= 0) {
                         this.openedViewUuids.splice(index, 1);
                         this.openedViewData.splice(index, 1);
-                        sessionStorage.removeItem(view.viewName);
+                        this.clearUuidOfPage(view.viewName, viewHandler.componentName);
                     }
-                    sessionStorage.setItem(view.viewName, view.uuid);
+                    this.setUuidOfPage(view.viewName, view.uuid, viewHandler.componentName);
                 }
                 let dialogDisableClose = true;
                 let isMessageDialog = view.viewName === this.messageDialogname;
@@ -2708,7 +2699,7 @@ class SmartViewContextService {
         view.state = ViewState.Opened;
         this.openedViewUuids.push(view.uuid);
         this.openedViewData.push(view);
-        sessionStorage.setItem(view.viewName, view.uuid);
+        this.setUuidOfPage(view.viewName, view.uuid, viewHandler.componentName);
         this.uuidOfPageHasBeenChanged.next(view.viewName);
         this.updateViewContext({
             updates: [
@@ -2749,7 +2740,7 @@ class SmartViewContextService {
         if (index >= 0) {
             this.openedViewUuids.splice(index, 1);
             this.openedViewData.splice(index, 1);
-            sessionStorage.removeItem(view.viewName);
+            this.clearUuidOfPage(view.viewName, viewHandler.componentName);
         }
         this.updateViewContext({
             updates: [
@@ -2838,13 +2829,46 @@ class SmartViewContextService {
         }));
         this.viewContextHasBeenSynced.next();
     }
+    setViewContextUuid(uuid) {
+        sessionStorage.setItem(this.viewContextUuidName, uuid);
+        this.session.addHeaderParam({
+            headerName: this.viewContextUuidHeaderName,
+            value: uuid,
+        });
+    }
+    getViewContextUuid() {
+        let viewContextUuid = sessionStorage.getItem(this.viewContextUuidName);
+        if (!viewContextUuid) {
+            throw new Error('View context is not initialized!');
+        }
+        return viewContextUuid;
+    }
+    setUuidOfPage(pageName, uuid, componentName) {
+        sessionStorage.setItem(this.pageNamePrefix + pageName, uuid);
+        if (componentName) {
+            sessionStorage.setItem(this.componentNamePrefix + componentName, pageName);
+        }
+    }
+    clearUuidOfPage(pageName, componentName) {
+        sessionStorage.removeItem(this.pageNamePrefix + pageName);
+        if (componentName) {
+            sessionStorage.removeItem(this.componentNamePrefix + componentName);
+        }
+    }
     getUuidOfPage(pageName) {
-        let uuid = sessionStorage.getItem(pageName);
+        let uuid = sessionStorage.getItem(this.pageNamePrefix + pageName);
         if (!uuid) {
             throw new Error(`The uuid of ${pageName} is not available.`);
         }
         return uuid;
     }
+    getPageNameOfComponent(componentName) {
+        let pageName = sessionStorage.getItem(this.componentNamePrefix + componentName);
+        if (!pageName) {
+            throw new Error(`The pageName of ${componentName} is not available.`);
+        }
+        return pageName;
+    }
     message(messageData, messageResult) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -3814,11 +3838,12 @@ class SmartFormService {
     }
     toFormGroup() {
         this.createFormControls(this.smartForm.widgets);
-        // if (this.formGroup) {
-        //   this.formGroup.controls = this.group;
-        // } else {
-        // }
-        this.formGroup = new FormGroup(this.group);
+        if (this.formGroup) {
+            this.formGroup.controls = this.group;
+        }
+        else {
+            this.formGroup = new FormGroup(this.group);
+        }
         if (this.smartForm.validators && this.smartForm.validators.length) {
             this.formGroup.setValidators(this.smartForm.validators.map((validator) => {
                 return validator.validator;
@@ -3828,7 +3853,7 @@ class SmartFormService {
     }
     createFormControls(widgets, parentKey) {
         widgets.map((widget) => {
-            var _a, _b, _c;
+            var _a, _b;
             if (widget.type !== SmartFormWidgetType.INDICATOR &&
                 widget.type !== SmartFormWidgetType.LABEL &&
                 widget.type !== SmartFormWidgetType.CONTAINER &&
@@ -3841,14 +3866,7 @@ class SmartFormService {
                 widget.type !== SmartFormWidgetType.COMPONENT &&
                 widget.type !== SmartFormWidgetType.MATRIX &&
                 widget.type !== SmartFormWidgetType.YOUTUBE_PLAYER) {
-                // let formControl = this.group[`${widget.key}`];
-                let formControl = new FormControl(widget.value || '', (_a = widget.validators) === null || _a === void 0 ? void 0 : _a.map((validator) => {
-                    return validator.validator;
-                }));
-                if (widget.isDisabled) {
-                    formControl.disable();
-                }
-                this.group[`${widget.key}`] = formControl;
+                this.createFormControl(`${widget.key}`, widget.value, widget.isDisabled, widget.validators);
             }
             if (widget.type === SmartFormWidgetType.MATRIX) {
                 if (widget.isMultiple) {
@@ -3856,38 +3874,24 @@ class SmartFormService {
                     let itemKeys = widget.value.columns.map((value) => value.code);
                     dataKeys.forEach((key) => {
                         itemKeys.forEach((item) => {
-                            var _a;
-                            let formControl = new FormControl(widget.value.data[key][item], (_a = widget.validators) === null || _a === void 0 ? void 0 : _a.map((validator) => {
-                                return validator.validator;
-                            }));
-                            this.group[`${widget.key}.data.${key}.${item}`] = formControl;
+                            this.createFormControl(`${widget.key}.data.${key}.${item}`, widget.value.data[key][item], undefined, // TODO really we don't pass widget.isDisabled?
+                            widget.validators);
                         });
                     });
                 }
                 else {
                     Object.keys(widget.value.data).map((key) => {
-                        var _a;
-                        let formControl = new FormControl(widget.isMultiple ? widget.value.data[key] : widget.value.data[key][0] || '', (_a = widget.validators) === null || _a === void 0 ? void 0 : _a.map((validator) => {
-                            return validator.validator;
-                        }));
-                        if (widget.isDisabled) {
-                            formControl.disable();
-                        }
-                        this.group[`${widget.key}.${key}`] = formControl;
+                        this.createFormControl(`${widget.key}.${key}`, widget.isMultiple ? widget.value.data[key] : widget.value.data[key][0], widget.isDisabled, widget.validators);
                     });
                 }
             }
             if (widget.type === SmartFormWidgetType.ITEM && parentKey) {
-                let formControl = new FormControl(widget.value);
-                if (widget.isDisabled) {
-                    formControl.disable();
-                }
-                this.group[`${parentKey}.${widget.key}`] = formControl;
+                this.createFormControl(`${parentKey}.${widget.key}`, widget.value, widget.isDisabled, undefined);
             }
-            if (widget.type === SmartFormWidgetType.CONTAINER && ((_b = widget.valueList) === null || _b === void 0 ? void 0 : _b.length)) {
+            if (widget.type === SmartFormWidgetType.CONTAINER && ((_a = widget.valueList) === null || _a === void 0 ? void 0 : _a.length)) {
                 this.createFormControls(widget.valueList);
             }
-            if (widget.type === SmartFormWidgetType.CHECK_BOX_2 && ((_c = widget.valueList) === null || _c === void 0 ? void 0 : _c.length)) {
+            if (widget.type === SmartFormWidgetType.CHECK_BOX_2 && ((_b = widget.valueList) === null || _b === void 0 ? void 0 : _b.length)) {
                 this.createFormControls(widget.valueList, widget.key);
             }
         });
@@ -3895,6 +3899,27 @@ class SmartFormService {
     isValidatorInList(validator, list) {
         return list !== undefined && list.length > 0 && list.some((v) => v === validator);
     }
+    createFormControl(key, value, isDisabled, validators) {
+        let formControl = this.group[key];
+        if (!formControl) {
+            formControl = new FormControl();
+            this.group[key] = formControl;
+        }
+        formControl.setValue(value || '');
+        formControl.clearValidators();
+        validators === null || validators === void 0 ? void 0 : validators.map((validator) => {
+            formControl.addValidators(validator.validator);
+        });
+        if (isDisabled !== undefined) {
+            if (isDisabled) {
+                formControl.disable();
+            }
+            else {
+                formControl.enable();
+            }
+        }
+        return formControl;
+    }
     copyValueFromFormToWidgetBeans(widgets, group) {
         widgets.forEach((widget) => {
             var _a;
@@ -13399,42 +13424,45 @@ class SmartFilterEditorContentComponent {
         let key;
         let model = {};
         (_c = (_b = (_a = this.service.model) === null || _a === void 0 ? void 0 : _a.model) === null || _b === void 0 ? void 0 : _b.workplaceList) === null || _c === void 0 ? void 0 : _c.filters.forEach((filterExpressionField, index) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
             model[index] = filterExpressionField;
             if (filterExpressionField.widgetType === 'SELECT_MULTIPLE') {
                 key = index + '.expressionData.operand2.selectedValues';
-                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_a = filterExpressionField.widgetType) !== null && _a !== void 0 ? _a : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues));
+                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_a = filterExpressionField.widgetType) !== null && _a !== void 0 ? _a : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues, (_d = (_c = (_b = filterExpressionField.expressionData) === null || _b === void 0 ? void 0 : _b.operand2) === null || _c === void 0 ? void 0 : _c.valueAsString) !== null && _d !== void 0 ? _d : ''));
                 return;
             }
-            if (((_b = filterExpressionField.expressionData) === null || _b === void 0 ? void 0 : _b.currentOperation) === 'BETWEEN') {
+            if (((_e = filterExpressionField.expressionData) === null || _e === void 0 ? void 0 : _e.currentOperation) === 'BETWEEN') {
                 key = index + '.expressionData.operand2.valueAsString';
-                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_c = filterExpressionField.widgetType) !== null && _c !== void 0 ? _c : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues));
+                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_f = filterExpressionField.widgetType) !== null && _f !== void 0 ? _f : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues, (_j = (_h = (_g = filterExpressionField.expressionData) === null || _g === void 0 ? void 0 : _g.operand2) === null || _h === void 0 ? void 0 : _h.valueAsString) !== null && _j !== void 0 ? _j : ''));
                 key = index + '.expressionData.operand3.valueAsString';
-                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_d = filterExpressionField.widgetType) !== null && _d !== void 0 ? _d : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues));
+                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_k = filterExpressionField.widgetType) !== null && _k !== void 0 ? _k : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues, (_o = (_m = (_l = filterExpressionField.expressionData) === null || _l === void 0 ? void 0 : _l.operand3) === null || _m === void 0 ? void 0 : _m.valueAsString) !== null && _o !== void 0 ? _o : ''));
                 return;
             }
-            if ((_e = filterExpressionField.expressionData) === null || _e === void 0 ? void 0 : _e.operand2) {
+            if ((_p = filterExpressionField.expressionData) === null || _p === void 0 ? void 0 : _p.operand2) {
                 if (key !== index + '.expressionData.operand2.selectedValues') {
                     key = index + '.expressionData.operand2.valueAsString';
                 }
-                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_f = filterExpressionField.widgetType) !== null && _f !== void 0 ? _f : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues));
+                widgets.push(this.constructFormWidget(key, filterExpressionField.label2, (_q = filterExpressionField.widgetType) !== null && _q !== void 0 ? _q : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues, (_t = (_s = (_r = filterExpressionField.expressionData) === null || _r === void 0 ? void 0 : _r.operand2) === null || _s === void 0 ? void 0 : _s.valueAsString) !== null && _t !== void 0 ? _t : ''));
                 return;
             }
-            if ((_g = filterExpressionField === null || filterExpressionField === void 0 ? void 0 : filterExpressionField.expressionData) === null || _g === void 0 ? void 0 : _g.operand3) {
+            if ((_u = filterExpressionField === null || filterExpressionField === void 0 ? void 0 : filterExpressionField.expressionData) === null || _u === void 0 ? void 0 : _u.operand3) {
                 if (key !== index + '.selectedValues') {
                     key = index + '.expressionData.operand3.valueAsString';
                 }
-                widgets.push(this.constructFormWidget(key, filterExpressionField.label3, (_h = filterExpressionField.widgetType) !== null && _h !== void 0 ? _h : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues));
+                widgets.push(this.constructFormWidget(key, filterExpressionField.label3, (_v = filterExpressionField.widgetType) !== null && _v !== void 0 ? _v : FilterExpressionFieldWidgetType.TextField, filterExpressionField.possibleValues, (_y = (_x = (_w = filterExpressionField.expressionData) === null || _w === void 0 ? void 0 : _w.operand3) === null || _x === void 0 ? void 0 : _x.valueAsString) !== null && _y !== void 0 ? _y : ''));
                 return;
             }
         });
-        this.simpleFilterForm = {
+        let smartForm = {
             direction: SmartFormWidgetDirection.ROW,
             componentModel: { data: model },
             useOnValueChangeEvent: true,
             useOnBlurEvent: true,
             widgets,
         };
+        if (!deepEqual(smartForm, this.simpleFilterForm)) {
+            this.simpleFilterForm = smartForm;
+        }
     }
     extractFilterFieldFromFormModel() {
         var _a, _b;
@@ -13530,7 +13558,7 @@ class SmartFilterEditorContentComponent {
             });
         });
     }
-    constructFormWidget(key, label, widgetType, possibleValues) {
+    constructFormWidget(key, label, widgetType, possibleValues, value) {
         let type = widgetType;
         if (type === FilterExpressionFieldWidgetType.Date) {
             type = SmartFormWidgetType.DATE_PICKER;
@@ -13539,10 +13567,11 @@ class SmartFilterEditorContentComponent {
             type = SmartFormWidgetType.DATE_TIME_PICKER;
         }
         let widget = {
+            error: undefined,
             key,
             label,
             type,
-            value: '',
+            value,
             showLabel: true,
             valueList: possibleValues.map((value) => {
                 return {
@@ -14161,11 +14190,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: FilterService }]; } });
 
-let SmartComponentApiClient = class SmartComponentApiClient {
-    constructor(inject, auth, pageName) {
+class SmartComponentApiClient {
+    constructor(inject, auth, pageName, componentName) {
         this.inject = inject;
         this.auth = auth;
         this.pageName = pageName;
+        this.componentName = componentName;
         this._destroy$ = new Subject();
         this.detectChange = new SmartSubject(this._destroy$);
         this.uiActionModels = [];
@@ -14174,10 +14204,24 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this.widgets = new WidgetMap();
         this.formWidgets = new WidgetMap();
         this.useQueryLists = false;
+        // check and calculate pageName
+        if (!this.pageName && !this.componentName) {
+            throw new Error('pageName or componentName must be specified!');
+        }
+        this.viewContext = inject.get(SmartViewContextService);
+        if (this.componentName) {
+            let pageNameForComponent = this.viewContext.getPageNameOfComponent(this.componentName);
+            if (!this.pageName) {
+                this.pageName = pageNameForComponent;
+            }
+            else if (this.pageName !== pageNameForComponent) {
+                throw new Error(`pageName (${pageName}) and componentName (${componentName}) doesn't match!`);
+            }
+        }
+        // from this point we have this.pageName
         this.detectChange.subscribe((change) => {
             this.handleChanges(change);
         });
-        this.viewContext = inject.get(SmartViewContextService);
         this.uiActionService = inject.get(UiActionService);
         this.uiActionDescriptorService = inject.get(UiActionDescriptorService);
     }
@@ -14251,23 +14295,42 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         if (this.useQueryLists) {
             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);
-                }
-            }));
+            else {
+                this.handleQueryList(this.getSmartComponentLayoutsQL(), (comp) => {
+                    if (comp.smartComponentLayout) {
+                        // TODO maybe we should set comp.parent, not comp.smartComponentLayout.parentComponent..
+                        SmartComponentLayoutUtility.setParent(comp.smartComponentLayout, this);
+                    }
+                    if (this.uuid && this.uuid !== comp.uuid)
+                        comp.uuid = this.uuid;
+                });
+            }
+            if (!this.getSmartGridsQL()) {
+                console.warn('SmartGridsQL not available!');
+            }
+            else {
+                this.handleQueryList(this.getSmartGridsQL(), (grid) => {
+                    if (grid) {
+                        if (grid.smartGrid) {
+                            grid.smartGrid.uiActionService = this.uiActionService;
+                            grid.smartGrid.uiActionDescriptorService = this.uiActionDescriptorService;
+                            grid.smartGrid.serviceToUse = this;
+                            grid.smartGrid.viewContextService = this.viewContext;
+                        }
+                        if (this.uuid && this.uuid !== grid.uuid)
+                            grid.uuid = this.uuid;
+                    }
+                });
+            }
         }
     }
+    handleQueryList(ql, handler) {
+        ql.forEach((el) => handler(el));
+        this.getSmartComponentLayoutsQL()
+            .changes.pipe(takeUntil(this._destroy$))
+            .subscribe((list) => list.forEach((el) => handler(el)));
+    }
     getWidgets() {
         if (this.useQueryLists) {
             let widgets = new WidgetMap();
@@ -14665,10 +14728,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
     handleConstraintChange(changes, changeKey) {
         this.model.constraints = changes[changeKey];
     }
-};
-SmartComponentApiClient = __decorate([
-    __param(2, Inject('pageName'))
-], SmartComponentApiClient);
+}
 class WidgetMap {
     constructor() {
         this._widgets = new Map();