@smartbit4all/ng-client 1.1.45 → 1.2.0

package/fesm2020/smartbit4all-ng-client.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Pipe, CUSTOM_ELEMENTS_SCHEMA, Input, ViewChild } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, Pipe, CUSTOM_ELEMENTS_SCHEMA, ViewChild, Input } from '@angular/core';
 import { Subject, takeUntil, map, catchError, throwError, from } from 'rxjs';
 import { SmartSubject } from '@smartbit4all/subject';
 import * as i1 from '@angular/common/http';
@@ -15,14 +15,9 @@ import * as i4$1 from '@smartbit4all/dialog';
 import { SmartdialogService, SmartdialogModule } from '@smartbit4all/dialog';
 import { MatCommonModule } from '@angular/material/core';
 import { BrowserModule } from '@angular/platform-browser';
-import * as i2$2 from '@smartbit4all/expandable-section';
 import { SmartExpandableSectionModule } from '@smartbit4all/expandable-section';
-import * as i1$2 from '@smartbit4all/form';
-import { SmartFormWidgetDirection, SmartFormWidgetType, SmartValidatorName, SmartformModule } from '@smartbit4all/form';
-import * as i3$2 from '@smartbit4all/grid';
-import { SmartLayoutDef, GridUiActionType, SmartGridModule, SmartGridComponent } from '@smartbit4all/grid';
-import * as i4$4 from '@smartbit4all/tree';
-import { SmarttreeModule, SmarttreeGenericService } from '@smartbit4all/tree';
+import * as i5 from '@smartbit4all/form';
+import { SmartFormWidgetType, SmartValidatorName, SmartFormWidgetDirection, SmartformModule } from '@smartbit4all/form';
 import * as i4$3 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i4$2 from '@smartbit4all/icon';
@@ -30,16 +25,18 @@ import { SmartIconModule } from '@smartbit4all/icon';
 import * as i1$1 from '@angular/material/dialog';
 import * as i2$1 from '@angular/router';
 import { catchError as catchError$1, switchMap } from 'rxjs/operators';
-import * as i4$5 from '@angular/material/snack-bar';
+import * as i4$4 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import { Validators } from '@angular/forms';
 import { __decorate, __param } from 'tslib';
+import { SmartGridComponent } from '@smartbit4all/grid';
+import { SmarttreeGenericService } from '@smartbit4all/tree';
 
 /**
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$2 {
+class CustomHttpParameterCodec$1 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -54,15 +51,15 @@ class CustomHttpParameterCodec$2 {
     }
 }
 
-const BASE_PATH$2 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$2 = {
+const BASE_PATH$1 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$1 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$2 {
+class Configuration$1 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -169,7 +166,7 @@ class SessionService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$2();
+        this.configuration = new Configuration$1();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -182,7 +179,7 @@ class SessionService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$2();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$1();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -433,7 +430,7 @@ class SessionService {
         });
     }
 }
-SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$2, optional: true }, { token: Configuration$2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 SessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SessionService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SessionService, decorators: [{
             type: Injectable,
@@ -444,8 +441,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$2]
-                }] }, { type: Configuration$2, decorators: [{
+                    args: [BASE_PATH$1]
+                }] }, { type: Configuration$1, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -954,7 +951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$1 {
+class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -969,15 +966,15 @@ class CustomHttpParameterCodec$1 {
     }
 }
 
-const BASE_PATH$1 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$1 = {
+const BASE_PATH = new InjectionToken('basePath');
+const COLLECTION_FORMATS = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$1 {
+class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -1084,7 +1081,7 @@ class ViewService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$1();
+        this.configuration = new Configuration();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -1097,7 +1094,7 @@ class ViewService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$1();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
     }
     /**
      * @param consumes string[] mime-types
@@ -1874,7 +1871,7 @@ class ViewService {
                 });
             }
             else {
-                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS$1['csv'])) || localVarFormParams;
+                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS['csv'])) || localVarFormParams;
             }
         }
         let responseType_ = 'json';
@@ -1901,7 +1898,7 @@ class ViewService {
         });
     }
 }
-ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 ViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ViewService, decorators: [{
             type: Injectable,
@@ -1912,12 +1909,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$1]
-                }] }, { type: Configuration$1, decorators: [{
+                    args: [BASE_PATH]
+                }] }, { type: Configuration, decorators: [{
                     type: Optional
                 }] }]; } });
 
-const APIS$1 = [ViewService];
+const APIS = [ViewService];
 
 /**
  * View API
@@ -2203,7 +2200,7 @@ const ViewType = {
     Embedded: 'embedded'
 };
 
-class ApiModule$1 {
+class ApiModule {
     constructor(parentModule, http) {
         if (parentModule) {
             throw new Error('ApiModule is already loaded. Import in your base AppModule only.');
@@ -2215,15 +2212,15 @@ class ApiModule$1 {
     }
     static forRoot(configurationFactory) {
         return {
-            ngModule: ApiModule$1,
-            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
+            ngModule: ApiModule,
+            providers: [{ provide: Configuration, useFactory: configurationFactory }]
         };
     }
 }
-ApiModule$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule$1, deps: [{ token: ApiModule$1, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-ApiModule$1.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule$1 });
-ApiModule$1.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule$1, providers: [], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule$1, decorators: [{
+ApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
+ApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule });
+ApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, providers: [], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -2231,7 +2228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     exports: [],
                     providers: []
                 }]
-        }], ctorParameters: function () { return [{ type: ApiModule$1, decorators: [{
+        }], ctorParameters: function () { return [{ type: ApiModule, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -3442,451 +3439,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
-/**
- * Custom HttpParameterCodec
- * Workaround for https://github.com/angular/angular/issues/18261
- */
-class CustomHttpParameterCodec {
-    encodeKey(k) {
-        return encodeURIComponent(k);
-    }
-    encodeValue(v) {
-        return encodeURIComponent(v);
-    }
-    decodeKey(k) {
-        return decodeURIComponent(k);
-    }
-    decodeValue(v) {
-        return decodeURIComponent(v);
-    }
-}
-
-const BASE_PATH = new InjectionToken('basePath');
-const COLLECTION_FORMATS = {
-    'csv': ',',
-    'tsv': '   ',
-    'ssv': ' ',
-    'pipes': '|'
-};
-
-class Configuration {
-    constructor(configurationParameters = {}) {
-        this.apiKeys = configurationParameters.apiKeys;
-        this.username = configurationParameters.username;
-        this.password = configurationParameters.password;
-        this.accessToken = configurationParameters.accessToken;
-        this.basePath = configurationParameters.basePath;
-        this.withCredentials = configurationParameters.withCredentials;
-        this.encoder = configurationParameters.encoder;
-        if (configurationParameters.encodeParam) {
-            this.encodeParam = configurationParameters.encodeParam;
-        }
-        else {
-            this.encodeParam = param => this.defaultEncodeParam(param);
-        }
-        if (configurationParameters.credentials) {
-            this.credentials = configurationParameters.credentials;
-        }
-        else {
-            this.credentials = {};
-        }
-    }
-    /**
-     * Select the correct content-type to use for a request.
-     * Uses {@link Configuration#isJsonMime} to determine the correct content-type.
-     * If no content type is found return the first found type if the contentTypes is not empty
-     * @param contentTypes - the array of content types that are available for selection
-     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
-     */
-    selectHeaderContentType(contentTypes) {
-        if (contentTypes.length === 0) {
-            return undefined;
-        }
-        const type = contentTypes.find((x) => this.isJsonMime(x));
-        if (type === undefined) {
-            return contentTypes[0];
-        }
-        return type;
-    }
-    /**
-     * Select the correct accept content-type to use for a request.
-     * Uses {@link Configuration#isJsonMime} to determine the correct accept content-type.
-     * If no content type is found return the first found type if the contentTypes is not empty
-     * @param accepts - the array of content types that are available for selection.
-     * @returns the selected content-type or <code>undefined</code> if no selection could be made.
-     */
-    selectHeaderAccept(accepts) {
-        if (accepts.length === 0) {
-            return undefined;
-        }
-        const type = accepts.find((x) => this.isJsonMime(x));
-        if (type === undefined) {
-            return accepts[0];
-        }
-        return type;
-    }
-    /**
-     * Check if the given MIME is a JSON MIME.
-     * JSON MIME examples:
-     *   application/json
-     *   application/json; charset=UTF8
-     *   APPLICATION/JSON
-     *   application/vnd.company+json
-     * @param mime - MIME (Multipurpose Internet Mail Extensions)
-     * @return True if the given MIME is JSON, false otherwise.
-     */
-    isJsonMime(mime) {
-        const jsonMime = new RegExp('^(application\/json|[^;/ \t]+\/[^;/ \t]+[+]json)[ \t]*(;.*)?$', 'i');
-        return mime !== null && (jsonMime.test(mime) || mime.toLowerCase() === 'application/json-patch+json');
-    }
-    lookupCredential(key) {
-        const value = this.credentials[key];
-        return typeof value === 'function'
-            ? value()
-            : value;
-    }
-    defaultEncodeParam(param) {
-        // This implementation exists as fallback for missing configuration
-        // and for backwards compatibility to older typescript-angular generator versions.
-        // It only works for the 'simple' parameter style.
-        // Date-handling only works for the 'date-time' format.
-        // All other styles and Date-formats are probably handled incorrectly.
-        //
-        // But: if that's all you need (i.e.: the most common use-case): no need for customization!
-        const value = param.dataFormat === 'date-time' && param.value instanceof Date
-            ? param.value.toISOString()
-            : param.value;
-        return encodeURIComponent(String(value));
-    }
-}
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-class DefaultService {
-    constructor(httpClient, basePath, configuration) {
-        this.httpClient = httpClient;
-        this.basePath = 'http://localhost';
-        this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration();
-        if (configuration) {
-            this.configuration = configuration;
-        }
-        if (typeof this.configuration.basePath !== 'string') {
-            if (Array.isArray(basePath) && basePath.length > 0) {
-                basePath = basePath[0];
-            }
-            if (typeof basePath !== 'string') {
-                basePath = this.basePath;
-            }
-            this.configuration.basePath = basePath;
-        }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
-    }
-    // @ts-ignore
-    addToHttpParams(httpParams, value, key) {
-        if (typeof value === "object" && value instanceof Date === false) {
-            httpParams = this.addToHttpParamsRecursive(httpParams, value);
-        }
-        else {
-            httpParams = this.addToHttpParamsRecursive(httpParams, value, key);
-        }
-        return httpParams;
-    }
-    addToHttpParamsRecursive(httpParams, value, key) {
-        if (value == null) {
-            return httpParams;
-        }
-        if (typeof value === "object") {
-            if (Array.isArray(value)) {
-                value.forEach(elem => httpParams = this.addToHttpParamsRecursive(httpParams, elem, key));
-            }
-            else if (value instanceof Date) {
-                if (key != null) {
-                    httpParams = httpParams.append(key, value.toISOString().substr(0, 10));
-                }
-                else {
-                    throw Error("key may not be null if value is Date");
-                }
-            }
-            else {
-                Object.keys(value).forEach(k => httpParams = this.addToHttpParamsRecursive(httpParams, value[k], key != null ? `${key}.${k}` : k));
-            }
-        }
-        else if (key != null) {
-            httpParams = httpParams.append(key, value);
-        }
-        else {
-            throw Error("key may not be null if value is not object or array");
-        }
-        return httpParams;
-    }
-    nopePost(observe = 'body', reportProgress = false, options) {
-        let localVarHeaders = this.defaultHeaders;
-        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
-        if (localVarHttpHeaderAcceptSelected === undefined) {
-            // to determine the Accept header
-            const httpHeaderAccepts = [];
-            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
-        }
-        if (localVarHttpHeaderAcceptSelected !== undefined) {
-            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
-        }
-        let localVarHttpContext = options && options.context;
-        if (localVarHttpContext === undefined) {
-            localVarHttpContext = new HttpContext();
-        }
-        let responseType_ = 'json';
-        if (localVarHttpHeaderAcceptSelected) {
-            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
-                responseType_ = 'text';
-            }
-            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
-                responseType_ = 'json';
-            }
-            else {
-                responseType_ = 'blob';
-            }
-        }
-        let localVarPath = `/nope`;
-        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
-            context: localVarHttpContext,
-            responseType: responseType_,
-            withCredentials: this.configuration.withCredentials,
-            headers: localVarHeaders,
-            observe: observe,
-            reportProgress: reportProgress
-        });
-    }
-}
-DefaultService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-DefaultService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DefaultService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [BASE_PATH]
-                }] }, { type: Configuration, decorators: [{
-                    type: Optional
-                }] }]; } });
-
-const APIS = [DefaultService];
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const ComponentType = {
-    Container: 'container',
-    Form: 'form',
-    Widget: 'widget'
-};
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const ComponentWidgetType = {
-    Grid: 'grid',
-    Filter: 'filter',
-    Tree: 'tree'
-};
-
-/**
- * Form layout definition
- * Contains form layout definition objects.
- *
- * The version of the OpenAPI document: 1.0.0
- * Contact: info@it4all.hu
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-const LayoutDirection = {
-    Horizontal: 'horizontal',
-    Vertical: 'vertical'
-};
-
-class ApiModule {
-    constructor(parentModule, http) {
-        if (parentModule) {
-            throw new Error('ApiModule is already loaded. Import in your base AppModule only.');
-        }
-        if (!http) {
-            throw new Error('You need to import the HttpClientModule in your AppModule! \n' +
-                'See also https://github.com/angular/angular/issues/20575');
-        }
-    }
-    static forRoot(configurationFactory) {
-        return {
-            ngModule: ApiModule,
-            providers: [{ provide: Configuration, useFactory: configurationFactory }]
-        };
-    }
-}
-ApiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-ApiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule });
-ApiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, providers: [], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ApiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    declarations: [],
-                    exports: [],
-                    providers: []
-                }]
-        }], ctorParameters: function () { return [{ type: ApiModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }, { type: i1.HttpClient, decorators: [{
-                    type: Optional
-                }] }]; } });
-
-// import { SmartFilter, SmartFilterComponent } from '@smartbit4all/filter';
-class SmartComponentLayoutComponent {
-    constructor(layoutService) {
-        this.layoutService = layoutService;
-    }
-    ngOnInit() {
-        if (this.smartComponentLayout) {
-            this.setUp();
-        }
-    }
-    ngOnChanges(changes) {
-        this.smartComponentLayout = changes['smartComponentLayout'].currentValue;
-        if (this.smartComponentLayout) {
-            this.setUp();
-        }
-    }
-    setUp() {
-        this.parent = this.smartComponentLayout?.parentComponent;
-        this.uuid = this.parent.uuid;
-        this.treeService = this.parent.smartTreeService;
-        if (this.smartComponentLayout?.expandable) {
-            this.constructExpandableSection();
-        }
-        else if (this.smartComponentLayout?.type === ComponentType.Form) {
-            this.constructForm();
-        }
-        else if (this.smartComponentLayout?.type === ComponentType.Widget) {
-            if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Grid) {
-                this.constructGrid();
-            }
-            else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Filter) {
-                this.constructFilter();
-            }
-            else if (this.smartComponentLayout.widget?.type === ComponentWidgetType.Tree) {
-                this.constructTree();
-            }
-        }
-    }
-    type() {
-        return ComponentType;
-    }
-    constructExpandableSection() {
-        let data = { ...this.smartComponentLayout };
-        data.expandable = false;
-        this.expandableSection = {
-            title: this.smartComponentLayout?.expandableSectionLabel ?? '',
-            data,
-            inputName: 'smartComponentLayout',
-            customComponent: SmartComponentLayoutComponent,
-        };
-    }
-    constructForm() {
-        const widgets = this.layoutService.render({
-            layoutDefinitions: this.smartComponentLayout?.form,
-        });
-        this.smartForm = {
-            direction: SmartFormWidgetDirection.COL,
-            model: this.parent?.model,
-            constraints: this.parent?.model?.constraints,
-            widgets,
-        };
-        this.parent?.addForm(
-        // unique identifier for the form
-        `form_${this.makeid(5)}`, this.smartForm, this.formChild);
-    }
-    makeid(length) {
-        let result = '';
-        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-        const charactersLength = characters.length;
-        let counter = 0;
-        while (counter < length) {
-            result += characters.charAt(Math.floor(Math.random() * charactersLength));
-            counter += 1;
-        }
-        return result;
-    }
-    constructGrid() {
-        this.smartGrid = {
-            gridIdentifier: this.smartComponentLayout?.widget?.gridIdentifier,
-            gridModel: {
-                page: {},
-            },
-            layoutDef: SmartLayoutDef.TABLE,
-        };
-        this.smartGrid = this.parent?.addGrid(this.smartGrid, {
-            rowUiActionType: GridUiActionType.POPUP_MENU,
-        }, false, this.gridChild);
-    }
-    constructFilter() {
-        // this.smartFilter = (this.smartComponentLayout!.parentComponent as any).addFilter(
-        //   `filter_${this.makeid(5)}`,
-        //   this.smartComponentLayout?.widget?.filterExpressionFieldList,
-        //   this.smartComponentLayout?.widget?.filterType,
-        //   this.filterChild
-        // );
-    }
-    constructTree() {
-        this.parent.setUpDefaultTree(this.smartComponentLayout?.widget?.treeIdentifier);
-        this.treeService?.initialize();
-    }
-}
-SmartComponentLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartComponentLayoutComponent, deps: [{ token: i1$2.SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponentLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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 }], 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: i2$2.ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { type: i3$2.SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { type: i4$4.SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", 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: i1$2.SmartformLayoutDefinitionService }]; }, propDecorators: { smartComponentLayout: [{
-                type: Input
-            }], formChild: [{
-                type: ViewChild,
-                args: ['form']
-            }], gridChild: [{
-                type: ViewChild,
-                args: ['grid']
-            }] } });
-
 class SmartViewContextErrorDialogService extends SmartdialogService {
     constructor(dialog, router, viewContext) {
         super(dialog, router);
@@ -4359,7 +3911,7 @@ class UiActionInputDialogComponent {
     }
 }
 UiActionInputDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, deps: [{ token: UiActionInputDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
+UiActionInputDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionInputDialogComponent, selector: "smart-ui-action-input-dialog", viewQueries: [{ propertyName: "folderFormChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionInputDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-ui-action-input-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n\t<div class=\"headerContainer\">\r\n\t\t<h3 class=\"color-accent-700\">\r\n\t\t\t{{ getTitle() }}\r\n\t\t</h3>\r\n\t\t<button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n\t\t\t<smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n\t\t</button>\r\n\t</div>\r\n\t<p>\r\n\t\t{{ getText() }}\r\n\t</p>\r\n\t<smartform #form [smartForm]=\"folderForm\"></smartform>\r\n\t<div class=\"folderNameDialogButtonsContainer\">\r\n\t\t<button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n\t\t\t{{ getCancelButtonLabel() }}\r\n\t\t</button>\r\n\t\t<button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"save()\">\r\n\t\t\t{{ getActionButtonLabel() }}\r\n\t\t</button>\r\n\t</div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
@@ -4467,7 +4019,7 @@ class UiActionFileUploadDialogComponent {
     }
 }
 UiActionFileUploadDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, deps: [{ token: UiActionFileUploadDialogService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
+UiActionFileUploadDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UiActionFileUploadDialogComponent, selector: "lib-ui-action-file-upload-dialog", ngImport: i0, template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionFileUploadDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-ui-action-file-upload-dialog', template: "<div class=\"folderNameDialogContainer\">\r\n  <div class=\"headerContainer\">\r\n    <h3 class=\"color-accent-700\">\r\n      {{ getTitle() }}\r\n    </h3>\r\n    <button mat-icon-button title=\"close\" (click)=\"cancel()\">\r\n      <smart-icon [color]=\"'primary'\" [icon]=\"'X'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <p>\r\n    {{ getText() }}\r\n  </p>\r\n  <smartfileuploader\r\n    [i18n]=\"i18n\"\r\n    [fileFormats]=\"fileFormats\"\r\n    [maxSizeMb]=\"maxSizeMb\"\r\n    [uploadCallback]=\"upload.bind(this)\"\r\n    [isMultiple]=\"isMultiple\"\r\n  ></smartfileuploader>\r\n  <div class=\"folderNameDialogButtonsContainer\">\r\n    <button mat-button color=\"accent\" [color]=\"getCancelButtonColor()\" (click)=\"cancel()\">\r\n      {{ getCancelButtonLabel() }}\r\n    </button>\r\n    <!-- <button mat-raised-button [color]=\"getActionButtonColor()\" (click)=\"upload()\">\r\n      {{ getActionButtonLabel() }}\r\n    </button> -->\r\n  </div>\r\n</div>\r\n", styles: [".folderNameDialogContainer{width:25rem;display:flex;flex-direction:column;gap:1rem}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer h3{margin:0}.folderNameDialogButtonsContainer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}\n"] }]
@@ -4681,14 +4233,14 @@ class UiActionService {
         });
     }
 }
-UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: UiActionFileUploadDialogService }, { token: i4$5.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+UiActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, deps: [{ token: UiActionConfirmDialogService }, { token: UiActionInputDialogService }, { token: UiActionFileUploadDialogService }, { token: i4$4.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
 UiActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UiActionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$5.MatSnackBar }]; } });
+        }], ctorParameters: function () { return [{ type: UiActionConfirmDialogService }, { type: UiActionInputDialogService }, { type: UiActionFileUploadDialogService }, { type: i4$4.MatSnackBar }]; } });
 
 class UiActionToolbarComponent {
     constructor(service, inject) {
@@ -4906,7 +4458,7 @@ class SmartFileUploaderComponent {
     }
 }
 SmartFileUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, deps: [{ token: UiActionService }, { token: UiActionDescriptorService }], target: i0.ɵɵFactoryTarget.Component });
-SmartFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<smartfileuploader\r\n  *ngIf=\"i18n\"\r\n  [i18n]=\"i18n\"\r\n  [fileFormats]=\"config?.fileFormats\"\r\n  [isMultiple]=\"config?.isMultiple\"\r\n  [maxSizeMb]=\"config?.maxSizeMb\"\r\n  [uploadCallback]=\"executeUpload.bind(this)\"\r\n></smartfileuploader>\r\n", styles: [""], components: [{ type: i1$2.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SmartFileUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SmartFileUploaderComponent, selector: "smart-file-uploader4sc", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: "<smartfileuploader\r\n  *ngIf=\"i18n\"\r\n  [i18n]=\"i18n\"\r\n  [fileFormats]=\"config?.fileFormats\"\r\n  [isMultiple]=\"config?.isMultiple\"\r\n  [maxSizeMb]=\"config?.maxSizeMb\"\r\n  [uploadCallback]=\"executeUpload.bind(this)\"\r\n></smartfileuploader>\r\n", styles: [""], components: [{ type: i5.SmartfileuploaderComponent, selector: "smartfileuploader", inputs: ["uploadCallback", "fileFormats", "maxSizeMb", "i18n", "useIconButton", "isMultiple"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartFileUploaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'smart-file-uploader4sc', template: "<smartfileuploader\r\n  *ngIf=\"i18n\"\r\n  [i18n]=\"i18n\"\r\n  [fileFormats]=\"config?.fileFormats\"\r\n  [isMultiple]=\"config?.isMultiple\"\r\n  [maxSizeMb]=\"config?.maxSizeMb\"\r\n  [uploadCallback]=\"executeUpload.bind(this)\"\r\n></smartfileuploader>\r\n", styles: [""] }]
@@ -4917,48 +4469,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class SmartNgClientModule {
 }
 SmartNgClientModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, declarations: [SmartFileUploaderComponent, SmartComponentLayoutComponent], imports: [BrowserModule,
+SmartNgClientModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, declarations: [SmartFileUploaderComponent], imports: [BrowserModule,
         MatCommonModule,
         SmartSessionModule,
         SmartViewContextModule,
         SmartformModule,
-        SmartGridModule,
-        SmartExpandableSectionModule,
-        SmarttreeModule], exports: [SmartSessionModule,
-        SmartViewContextModule,
-        SmartFileUploaderComponent,
-        SmartComponentLayoutComponent] });
+        SmartExpandableSectionModule], exports: [SmartSessionModule, SmartViewContextModule, SmartFileUploaderComponent] });
 SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, providers: [SmartNgClientService], imports: [[
             BrowserModule,
             MatCommonModule,
             SmartSessionModule,
             SmartViewContextModule,
             SmartformModule,
-            SmartGridModule,
             SmartExpandableSectionModule,
-            SmarttreeModule,
-        ], SmartSessionModule,
-        SmartViewContextModule] });
+        ], SmartSessionModule, SmartViewContextModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SmartNgClientModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [SmartFileUploaderComponent, SmartComponentLayoutComponent],
+                    declarations: [SmartFileUploaderComponent],
                     imports: [
                         BrowserModule,
                         MatCommonModule,
                         SmartSessionModule,
                         SmartViewContextModule,
                         SmartformModule,
-                        SmartGridModule,
                         SmartExpandableSectionModule,
-                        SmarttreeModule,
-                    ],
-                    exports: [
-                        SmartSessionModule,
-                        SmartViewContextModule,
-                        SmartFileUploaderComponent,
-                        SmartComponentLayoutComponent,
                     ],
+                    exports: [SmartSessionModule, SmartViewContextModule, SmartFileUploaderComponent],
                     providers: [SmartNgClientService],
                 }]
         }] });
@@ -4980,12 +4517,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }] });
 
-// import {
-//   FilterExpressionFieldList,
-//   SmartFilter,
-//   SmartFilterComponent,
-//   SmartFilterType,
-// } from '@smartbit4all/filter';
 let SmartComponentApiClient = class SmartComponentApiClient {
     constructor(inject, auth, pageName) {
         this.inject = inject;
@@ -5154,14 +4685,6 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         throw new Error('handleSpecificDemandsAsynchronously method not implemented.');
     }
     //#endregion
-    addSmartLayout(layout) {
-        this.smartComponentLayoutDefinition = this.setParentComponent(layout);
-    }
-    setParentComponent(layout) {
-        layout.parentComponent = this;
-        layout.components = layout.components?.map((l) => this.setParentComponent(l));
-        return layout;
-    }
     /**
      * Submits all the registered forms in the SmartComponent
      */
@@ -5213,25 +4736,6 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             maxSizeMb,
         };
     }
-    // public addFilter(
-    //   smartFilterId: string,
-    //   filter: FilterExpressionFieldList,
-    //   type: SmartFilterType,
-    //   smartFilterComponent: SmartFilterComponent,
-    //   isDefault?: boolean
-    // ): SmartFilter {
-    //   const smartFilter: SmartFilter = {
-    //     data: filter.filters,
-    //     type,
-    //     translateService: this.translate,
-    //   };
-    //   this.widgets.addWidget(smartFilterId, smartFilterComponent);
-    //   if (isDefault) {
-    //     this.smartFilter = smartFilter;
-    //     return this.smartFilter!;
-    //   }
-    //   return smartFilter;
-    // }
     // #region handle changes
     handleValueChanges(valueChange) {
         let dataChange;
@@ -5435,5 +4939,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APIS$1 as APIS, ApiModule$1 as ApiModule, ApiQueueService, BASE_PATH$1 as BASE_PATH, COLLECTION_FORMATS$1 as COLLECTION_FORMATS, CloseResult, ComponentType, ComponentWidgetType, Configuration$1 as Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, LayoutDirection, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartFileUploaderComponent, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
+export { APIS, ApiModule, ApiQueueService, BASE_PATH, COLLECTION_FORMATS, CloseResult, Configuration, DataChangeKind, IS_ASYNC_PARAM_NAME, MessageOptionType, MessageType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartDevToolDatePipe, SmartDevToolFloatingButtonComponent, SmartDevToolService, SmartFileUploaderComponent, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, UiActionButtonIconPos, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, ViewEventHandler, ViewService, ViewState, ViewType, WidgetMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map