@smartbit4all/ng-client 3.0.0 → 3.0.2

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 } from 'tslib';
+import { __awaiter, __decorate, __param } from 'tslib';
 import { Subject, takeUntil, startWith, map, distinctUntilChanged, catchError, throwError, from, lastValueFrom } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpContext, HttpParams, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
@@ -11903,83 +11903,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
-class SmartNgClientModule {
-}
-SmartNgClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, declarations: [SmartFileUploaderComponent], imports: [BrowserModule,
-        MatCommonModule,
-        ComponentFactoryServiceModule,
-        SmartSessionModule,
-        SmartViewContextModule,
-        SmartformModule,
-        SmartExpandableSectionModule,
-        SmartIconModule,
-        SmartComponentLayoutModule], exports: [SmartSessionModule,
-        SmartViewContextModule,
-        SmartFileUploaderComponent,
-        SmarttreeModule] });
-SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, providers: [SmartNgClientService], imports: [[
-            BrowserModule,
-            MatCommonModule,
-            ComponentFactoryServiceModule,
-            SmartSessionModule,
-            SmartViewContextModule,
-            SmartformModule,
-            SmartExpandableSectionModule,
-            SmartIconModule,
-            SmartComponentLayoutModule,
-        ], SmartSessionModule,
-        SmartViewContextModule,
-        SmarttreeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SmartFileUploaderComponent],
-                    imports: [
-                        BrowserModule,
-                        MatCommonModule,
-                        ComponentFactoryServiceModule,
-                        SmartSessionModule,
-                        SmartViewContextModule,
-                        SmartformModule,
-                        SmartExpandableSectionModule,
-                        SmartIconModule,
-                        SmartComponentLayoutModule,
-                    ],
-                    exports: [
-                        SmartSessionModule,
-                        SmartViewContextModule,
-                        SmartFileUploaderComponent,
-                        SmarttreeModule,
-                    ],
-                    providers: [SmartNgClientService],
-                }]
-        }] });
-
-class SmartComponentLayoutUtility {
-    static setParent(layout, parent) {
-        var _a;
-        layout.parentComponent = parent;
-        (_a = layout.components) === null || _a === void 0 ? void 0 : _a.forEach((l) => this.setParent(l, parent));
-    }
-}
-
-/*
- * Public API Surface of smart-component-layout
- */
-
-class SmartNavbarService {
-    constructor() { }
-}
-SmartNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SmartNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 var SmartUserSettinsIconPosition;
 (function (SmartUserSettinsIconPosition) {
     SmartUserSettinsIconPosition[SmartUserSettinsIconPosition["FRONT"] = 0] = "FRONT";
@@ -12090,22 +12013,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
-/*
- * Public API Surface of smart-navbar
- */
-
-class SmartTabGroupService {
-    constructor() { }
-}
-SmartTabGroupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SmartTabGroupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
 class TabGroupComponent {
     constructor(navigationService, route) {
         this.navigationService = navigationService;
@@ -12249,12 +12156,628 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }]
         }] });
 
+class SmartNgClientModule {
+}
+SmartNgClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, declarations: [SmartFileUploaderComponent], imports: [BrowserModule,
+        MatCommonModule,
+        ComponentFactoryServiceModule,
+        SmartViewContextModule,
+        SmartdialogModule,
+        SmartFilterModule,
+        SmartformModule,
+        SmartGridModule,
+        SmartIconModule,
+        SmartNavbarModule,
+        SmartSessionModule,
+        SmartTabGroupModule,
+        SmarttableModule,
+        SmartExpandableSectionModule,
+        SmartComponentLayoutModule], exports: [ComponentFactoryServiceModule,
+        SmartComponentLayoutModule,
+        SmartdialogModule,
+        SmartExpandableSectionModule,
+        SmartFilterModule,
+        SmartformModule,
+        SmartGridModule,
+        SmartIconModule,
+        SmartNavbarModule,
+        SmartSessionModule,
+        SmartTabGroupModule,
+        SmarttableModule,
+        SmartViewContextModule,
+        SmartFileUploaderComponent,
+        SmarttreeModule] });
+SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, providers: [SmartNgClientService], imports: [[
+            BrowserModule,
+            MatCommonModule,
+            ComponentFactoryServiceModule,
+            SmartViewContextModule,
+            SmartdialogModule,
+            SmartFilterModule,
+            SmartformModule,
+            SmartGridModule,
+            SmartIconModule,
+            SmartNavbarModule,
+            SmartSessionModule,
+            SmartTabGroupModule,
+            SmarttableModule,
+            SmartExpandableSectionModule,
+            SmartComponentLayoutModule,
+        ], ComponentFactoryServiceModule,
+        SmartComponentLayoutModule,
+        SmartdialogModule,
+        SmartExpandableSectionModule,
+        SmartFilterModule,
+        SmartformModule,
+        SmartGridModule,
+        SmartIconModule,
+        SmartNavbarModule,
+        SmartSessionModule,
+        SmartTabGroupModule,
+        SmarttableModule,
+        SmartViewContextModule,
+        SmarttreeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNgClientModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SmartFileUploaderComponent],
+                    imports: [
+                        BrowserModule,
+                        MatCommonModule,
+                        ComponentFactoryServiceModule,
+                        SmartViewContextModule,
+                        SmartdialogModule,
+                        SmartFilterModule,
+                        SmartformModule,
+                        SmartGridModule,
+                        SmartIconModule,
+                        SmartNavbarModule,
+                        SmartSessionModule,
+                        SmartTabGroupModule,
+                        SmarttableModule,
+                        SmartExpandableSectionModule,
+                        SmartComponentLayoutModule,
+                    ],
+                    exports: [
+                        ComponentFactoryServiceModule,
+                        SmartComponentLayoutModule,
+                        SmartdialogModule,
+                        SmartExpandableSectionModule,
+                        SmartFilterModule,
+                        SmartformModule,
+                        SmartGridModule,
+                        SmartIconModule,
+                        SmartNavbarModule,
+                        SmartSessionModule,
+                        SmartTabGroupModule,
+                        SmarttableModule,
+                        SmartViewContextModule,
+                        SmartFileUploaderComponent,
+                        SmarttreeModule,
+                    ],
+                    providers: [SmartNgClientService],
+                }]
+        }] });
+
+class SmartAuthService {
+    constructor() {
+        this.bffApisHaveBeenSetUp = false;
+        this._destroy$ = new Subject();
+        this.headersUpdated = new SmartSubject(this._destroy$);
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+}
+SmartAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SmartAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartAuthService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartAuthService, decorators: [{
+            type: Injectable
+        }] });
+
 /*
- * Public API Surface of smart-tab-group
+ * Public API Surface of smarttree
+ */
+
+let SmartComponentApiClient = class SmartComponentApiClient {
+    constructor(inject, auth, pageName) {
+        this.inject = inject;
+        this.auth = auth;
+        this.pageName = pageName;
+        this._destroy$ = new Subject();
+        // protected sendDataChanges: boolean = false;
+        // private _useAutoSubmit: boolean = false;
+        // private _useAutoSubmitTurnedOff: Subject<void> = new SmartSubject(this._destroy$);
+        // protected get useAutoSubmit(): boolean {
+        //   return this._useAutoSubmit;
+        // }
+        // protected set useAutoSubmit(useAutoSubmit: boolean) {
+        //   this._useAutoSubmit = useAutoSubmit;
+        //   if (this._useAutoSubmit) {
+        //     this.subscribeToAutoSubmit();
+        //     this.reSubscribeToChange.pipe(takeUntil(this._useAutoSubmitTurnedOff)).subscribe(() => {
+        //       this.subscribeToAutoSubmit();
+        //     });
+        //   } else {
+        //     this._useAutoSubmitTurnedOff.next();
+        //   }
+        // }
+        // private subscribeToAutoSubmit(): void {
+        //   this.submit.pipe(takeUntil(this._useAutoSubmitTurnedOff)).subscribe(() => {
+        //     this.submitForms();
+        //     this.submit.complete();
+        //   });
+        // }
+        this.detectChange = new SmartSubject(this._destroy$);
+        this.uiActionModels = [];
+        this.dataChanged = new SmartSubject(this._destroy$);
+        // Contained Widgets
+        this.widgets = new WidgetMap();
+        this.formWidgets = new WidgetMap();
+        this.detectChange.subscribe((change) => {
+            this.handleChanges(change);
+        });
+        this.viewContext = inject.get(SmartViewContextService);
+        this.uiActionService = inject.get(UiActionService);
+        this.uiActionDescriptorService = inject.get(UiActionDescriptorService);
+    }
+    get uuid() {
+        return this._uuid;
+    }
+    set uuid(uuid) {
+        let firstUuid = true;
+        if (this.uuid) {
+            this.viewContext.unfollow(this.uuid);
+            firstUuid = false;
+        }
+        this._uuid = uuid;
+        if (uuid) {
+            this.widgets.widgets.forEach((ref, key) => {
+                if (ref instanceof SmartGridComponent) {
+                    ref.uuid = uuid;
+                }
+                else if (!ref && !firstUuid) {
+                    console.error(`Provided reference for ${key} is undefined on uuid change.`);
+                }
+            });
+            if (!this.uuidOfPageHasBeenChangedSubscription) {
+                this.uuidOfPageHasBeenChangedSubscription = this.viewContext.uuidOfPageHasBeenChanged
+                    .pipe(takeUntil(this._destroy$))
+                    .subscribe((pageName) => {
+                    if (pageName === this.pageName) {
+                        this.run();
+                    }
+                });
+            }
+        }
+        this.viewContext.follow(this._uuid, this.detectChange);
+    }
+    get model() {
+        return this._model;
+    }
+    set model(model) {
+        this._model = model;
+        this.initComponentByModel();
+    }
+    get data() {
+        return this._data;
+    }
+    set data(model) {
+        this._data = model;
+        this.dataChanged.next();
+    }
+    get smartTreeService() {
+        return this._smartTreeService;
+    }
+    set smartTreeService(smartTreeService) {
+        if (this._smartTreeService !== undefined) {
+            throw Error('The default tree has already set up!');
+        }
+        this._smartTreeService = smartTreeService;
+    }
+    _ngOnInit() {
+        this.run();
+    }
+    _ngOnDestroy() {
+        this.viewContext.unfollow(this.uuid);
+        this.widgets.clearWidgets();
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    initComponentByModel() {
+        this.initData();
+        this.initActions();
+        // TODO: layout, valueSet, widgets
+    }
+    initData() {
+        var _a, _b;
+        if ((_a = this.model) === null || _a === void 0 ? void 0 : _a.data) {
+            this.data = (_b = this.model) === null || _b === void 0 ? void 0 : _b.data;
+        }
+    }
+    initActions() {
+        var _a, _b;
+        if ((_a = this.model) === null || _a === void 0 ? void 0 : _a.actions) {
+            this.uiActionModels = (_b = this.model) === null || _b === void 0 ? void 0 : _b.actions.map((uiAction) => {
+                return {
+                    serviceToUse: this,
+                    uiAction,
+                };
+            });
+        }
+    }
+    run() {
+        if (this.auth.bffApisHaveBeenSetUp) {
+            this.load();
+        }
+        else {
+            this.auth.headersUpdated.subscribe(() => {
+                this.load();
+            });
+        }
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.uuid = this.viewContext.getUuidOfPage(this.pageName);
+            this.model = yield this.viewContext.load(this.uuid);
+            // await this.viewContext.load2(this.uuid);
+        });
+    }
+    //#region UseUiAction
+    getAdditionalParams(uiAction) {
+        return {
+            forTextArea: '',
+            forTextField: '',
+        };
+    }
+    getModel() {
+        return this.data;
+    }
+    submitForm(validate) {
+        this.submitForms(validate);
+    }
+    performUiActionRequest(uiActionRequest, widgetId, nodeId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (uiActionRequest.params['_files']) {
+                const param = uiActionRequest.params['param'];
+                const files = uiActionRequest.params['_files'];
+                const isMultiple = uiActionRequest.params['isMultiple'];
+                delete uiActionRequest.params['param'];
+                delete uiActionRequest.params['_files'];
+                delete uiActionRequest.params['isMultiple'];
+                if (!isMultiple) {
+                    yield this.viewContext.performUploadAction(this.uuid, uiActionRequest, param, files[0]);
+                }
+                else {
+                    yield this.viewContext.performUploadMultipleAction(this.uuid, uiActionRequest, param, files);
+                }
+            }
+            else if (widgetId && nodeId) {
+                yield this.viewContext.performWidgetAction(this.uuid, widgetId, nodeId, uiActionRequest);
+            }
+            else if (widgetId) {
+                yield this.viewContext.performWidgetMainAction(this.uuid, widgetId, uiActionRequest);
+            }
+            else {
+                yield this.viewContext.performAction(this.uuid, uiActionRequest);
+            }
+        });
+    }
+    handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
+        throw new Error('handleSpecificDemandsAsynchronously method not implemented.');
+    }
+    //#endregion
+    /**
+     * Submits all the registered forms in the SmartComponent
+     */
+    submitForms(validate) {
+        var _a, _b;
+        (_b = (_a = this.formWidgets) === null || _a === void 0 ? void 0 : _a.widgets) === null || _b === void 0 ? void 0 : _b.forEach((form) => {
+            form === null || form === void 0 ? void 0 : form.submitForm(validate);
+        });
+    }
+    addGrid(smartGrid, options, useAsDefaultGrid, componentReference) {
+        smartGrid.options = options;
+        smartGrid.uiActionService = this.uiActionService;
+        smartGrid.uiActionDescriptorService = this.uiActionDescriptorService;
+        smartGrid.serviceToUse = this;
+        smartGrid.viewContextService = this.viewContext;
+        this.widgets.addWidget(smartGrid.gridIdentifier, componentReference);
+        if (useAsDefaultGrid) {
+            this.smartGrid = smartGrid;
+            return this.smartGrid;
+        }
+        return smartGrid;
+    }
+    addForm(smartFormId, smartForm, componentReference) {
+        this.formWidgets.addWidget(smartFormId, componentReference);
+        // if (this.sendDataChanges && componentReference) {
+        //   smartForm.useOnValueChangeEvent = true;
+        //   componentReference.sophisticatedValueChange
+        //     .pipe(takeUntil(this._destroy$))
+        //     .subscribe((valueChange: SophisticatedValueChange) => {
+        //       this.handleValueChanges(valueChange);
+        //     });
+        // }
+        return smartForm;
+    }
+    setUpDefaultTree(treeId) {
+        this.smartTreeService = new SmarttreeGenericService(this.inject, this.pageName, treeId);
+        this.widgets.addWidget(treeId, this.smartTreeService);
+    }
+    createTreeService(treeId) {
+        const treeService = new SmarttreeGenericService(this.inject, this.pageName, treeId);
+        this.widgets.addWidget(treeId, treeService);
+        return treeService;
+    }
+    addFileUploader(uiActionCode, fileFormats, maxSizeMb, isMultiple) {
+        return {
+            uiActionCode,
+            smartComponent: this,
+            fileFormats,
+            isMultiple,
+            maxSizeMb,
+        };
+    }
+    // #region handle changes
+    handleValueChanges(valueChange) {
+        let dataChange;
+        if (valueChange.key.includes('.')) {
+            const source = valueChange.key.split('.')[0];
+            const valueKey = valueChange.key.split('.')[1];
+            dataChange = {
+                kind: valueChange.kind === 'basic' ? DataChangeKind.Widget : DataChangeKind.Selection,
+                source,
+                values: [[valueKey, valueChange.value]],
+            };
+        }
+        else {
+            dataChange = {
+                kind: valueChange.kind === 'basic' ? DataChangeKind.Widget : DataChangeKind.Selection,
+                source: valueChange.key,
+                values: [[valueChange.key, valueChange.value]],
+            };
+        }
+        this.viewContext.dataChanged(this.uuid, dataChange);
+    }
+    handleChanges(change) {
+        try {
+            if (change.changedWidgets) {
+                this.handleChangeWidgets(change.changedWidgets);
+            }
+            let dataChangeHasBeenNexted = false;
+            if (change.changes) {
+                const changes = change.changes;
+                Object.keys(changes).map((changeKey) => {
+                    var _a, _b, _c;
+                    if (changeKey.startsWith('data.')) {
+                        this.handleDataChange(changes, changeKey);
+                    }
+                    else if (changeKey.startsWith('layouts.') && ((_a = this.model) === null || _a === void 0 ? void 0 : _a.layouts)) {
+                        this.handleLayoutChange(changes, changeKey);
+                    }
+                    else if (changeKey.startsWith('componentLayouts.') && ((_b = this.model) === null || _b === void 0 ? void 0 : _b.layouts)) {
+                        this.handleComponentLayoutChange(changes, changeKey);
+                    }
+                    else if (changeKey.startsWith('valueSets.') && ((_c = this.model) === null || _c === void 0 ? void 0 : _c.valueSets)) {
+                        this.handleValueSetChange(changes, changeKey);
+                    }
+                    else if (changeKey === 'actions') {
+                        this.handleActionChange(changes, changeKey);
+                    }
+                    else if (changeKey === 'constraints') {
+                        this.handleConstraintChange(changes, changeKey);
+                    }
+                    else if (changeKey === '') {
+                        this.model = changes[''];
+                        dataChangeHasBeenNexted = true;
+                    }
+                });
+                if (!dataChangeHasBeenNexted) {
+                    this.dataChanged.next();
+                }
+            }
+        }
+        catch (error) {
+            console.error(error);
+            this.model = change.value;
+        }
+        if (!change.changedWidgets && !change.changes && change.value) {
+            this.model = change.value;
+        }
+    }
+    handleChangeWidgets(changedWidgets) {
+        changedWidgets.forEach((key) => {
+            const reference = this.widgets.get(key);
+            if (reference instanceof SmartGridComponent) {
+                reference.refresh();
+            }
+            else if (reference instanceof SmarttreeGenericService) {
+                reference.initialize();
+            }
+            else if (reference === undefined) {
+                console.error(`Provided reference for ${key} is undefined.`);
+            }
+        });
+    }
+    setValueDeeply(model, key, value) {
+        let splittedKeys = key.split('.');
+        let deepModel = [model];
+        let tempModel;
+        for (let index = 0; index < splittedKeys.length; index++) {
+            tempModel = deepModel[index];
+            if (typeof tempModel[splittedKeys[index]] !== 'string' &&
+                typeof tempModel[splittedKeys[index]] !== 'boolean' &&
+                typeof tempModel[splittedKeys[index]] !== 'number' &&
+                tempModel[splittedKeys[index]] !== undefined) {
+                deepModel.push(tempModel[splittedKeys[index]]);
+            }
+            if (index === splittedKeys.length - 1) {
+                tempModel[splittedKeys[index]] = value;
+                break;
+            }
+        }
+        return model;
+    }
+    handleDataChange(changes, changeKey) {
+        this.setValueDeeply(this.model, changeKey, changes[changeKey]);
+        this.formWidgets.widgets.forEach((formComponent, key) => {
+            if (formComponent === undefined) {
+                console.error(`Provided form reference for ${key} is undefined.`);
+            }
+            else {
+                formComponent.refresh();
+            }
+        });
+    }
+    handleLayoutChange(changes, changeKey) {
+        let layoutKey = changeKey.split('.')[1];
+        this.model.layouts[layoutKey] = changes[changeKey];
+    }
+    handleComponentLayoutChange(changes, changeKey) {
+        let layoutKey = changeKey.split('.')[1];
+        let componentLayouts = this.model.componentLayouts;
+        componentLayouts[layoutKey] = changes[changeKey];
+    }
+    handleValueSetChange(changes, changeKey) {
+        let valueSetKey = changeKey.split('.')[1];
+        this.model.valueSets[valueSetKey] = changes[changeKey];
+    }
+    handleActionChange(changes, changeKey) {
+        this.model.actions = changes[changeKey];
+        this.initActions();
+    }
+    handleConstraintChange(changes, changeKey) {
+        this.model.constraints = changes[changeKey];
+    }
+};
+SmartComponentApiClient = __decorate([
+    __param(2, Inject('pageName'))
+], SmartComponentApiClient);
+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 {
+    constructor(inject, auth, pageName) {
+        super(inject, auth, pageName);
+    }
+    ngOnInit() {
+        this._ngOnInit();
+    }
+    ngOnDestroy() {
+        this._ngOnDestroy();
+    }
+}
+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", 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: [{
+                    template: '',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [SmartAuthService]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: ['pageName']
+                    }] }];
+    } });
+
+class SmartService extends SmartComponentApiClient {
+    constructor(inject, auth, pageName) {
+        super(inject, auth, pageName);
+    }
+    ngOnInit() {
+        this._ngOnInit();
+    }
+    ngOnDestroy() {
+        this._ngOnDestroy();
+    }
+}
+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 });
+SmartService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [SmartAuthService]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: ['pageName']
+                    }] }];
+    } });
+
+class SmartComponentLayoutUtility {
+    static setParent(layout, parent) {
+        var _a;
+        layout.parentComponent = parent;
+        (_a = layout.components) === null || _a === void 0 ? void 0 : _a.forEach((l) => this.setParent(l, parent));
+    }
+}
+
+/*
+ * Public API Surface of smart-component-layout
  */
 
+class SmartNavbarService {
+    constructor() { }
+}
+SmartNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SmartNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartNavbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
 /*
- * Public API Surface of smarttree
+ * Public API Surface of smart-navbar
+ */
+
+class SmartTabGroupService {
+    constructor() { }
+}
+SmartTabGroupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SmartTabGroupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartTabGroupService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of smart-tab-group
  */
 
 /*
@@ -12265,5 +12788,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$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DataChangeKind, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, LayoutDirection, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, 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, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType };
+export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$4 as BASE_PATH, COLLECTION_FORMATS$4 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$4 as Configuration, DataChangeKind, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, LayoutDirection, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterModule, 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, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformModule, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map