@smartbit4all/ng-client 3.1.34 → 3.1.36

package/fesm2020/smartbit4all-ng-client.mjs

@@ -103,7 +103,7 @@ class SmartSubject extends Subject {
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$5 {
+class CustomHttpParameterCodec$6 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -118,15 +118,15 @@ class CustomHttpParameterCodec$5 {
     }
 }
 
-const BASE_PATH$5 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$5 = {
+const BASE_PATH$6 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$6 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$5 {
+class Configuration$6 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -233,7 +233,7 @@ class SessionService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$5();
+        this.configuration = new Configuration$6();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -246,7 +246,7 @@ class SessionService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$5();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$6();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -497,7 +497,7 @@ class SessionService {
         });
     }
 }
-SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$5, optional: true }, { token: Configuration$5, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$6, optional: true }, { token: Configuration$6, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 SessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SessionService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SessionService, decorators: [{
             type: Injectable,
@@ -508,8 +508,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$5]
-                }] }, { type: Configuration$5, decorators: [{
+                    args: [BASE_PATH$6]
+                }] }, { type: Configuration$6, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -1018,7 +1018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$4 {
+class CustomHttpParameterCodec$5 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -1033,15 +1033,15 @@ class CustomHttpParameterCodec$4 {
     }
 }
 
-const BASE_PATH$4 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$4 = {
+const BASE_PATH$5 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$5 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$4 {
+class Configuration$5 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -1148,7 +1148,7 @@ class ViewService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$4();
+        this.configuration = new Configuration$5();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -1161,7 +1161,7 @@ class ViewService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$4();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$5();
     }
     /**
      * @param consumes string[] mime-types
@@ -1980,7 +1980,7 @@ class ViewService {
                 });
             }
             else {
-                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS$4['csv'])) || localVarFormParams;
+                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS$5['csv'])) || localVarFormParams;
             }
         }
         let responseType_ = 'json';
@@ -2007,7 +2007,7 @@ class ViewService {
         });
     }
 }
-ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$4, optional: true }, { token: Configuration$4, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$5, optional: true }, { token: Configuration$5, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 ViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewService, decorators: [{
             type: Injectable,
@@ -2018,8 +2018,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$4]
-                }] }, { type: Configuration$4, decorators: [{
+                    args: [BASE_PATH$5]
+                }] }, { type: Configuration$5, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -2376,7 +2376,7 @@ class ApiModule$3 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$3,
-            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$5, useFactory: configurationFactory }]
         };
     }
 }
@@ -3266,7 +3266,7 @@ class SmartdialogService {
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$3 {
+class CustomHttpParameterCodec$4 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -3281,15 +3281,15 @@ class CustomHttpParameterCodec$3 {
     }
 }
 
-const BASE_PATH$3 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$3 = {
+const BASE_PATH$4 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$4 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$3 {
+class Configuration$4 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -3396,7 +3396,7 @@ class DefaultService$1 {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$3();
+        this.configuration = new Configuration$4();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -3409,7 +3409,7 @@ class DefaultService$1 {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$3();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$4();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -3487,7 +3487,7 @@ class DefaultService$1 {
         });
     }
 }
-DefaultService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService$1, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$3, optional: true }, { token: Configuration$3, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DefaultService$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService$1, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$4, optional: true }, { token: Configuration$4, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 DefaultService$1.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService$1, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService$1, decorators: [{
             type: Injectable,
@@ -3498,8 +3498,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$3]
-                }] }, { type: Configuration$3, decorators: [{
+                    args: [BASE_PATH$4]
+                }] }, { type: Configuration$4, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -3598,7 +3598,7 @@ class ApiModule$2 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$2,
-            providers: [{ provide: Configuration$3, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
         };
     }
 }
@@ -5427,7 +5427,7 @@ class DefaultActionsPopupComponent {
     defaultActionButtonClicked(button) {
         let actionsOfRow = this.row?.actions;
         if (actionsOfRow) {
-            let uiAction = actionsOfRow.filter((action) => action.code === button.args[0].code);
+            let uiAction = actionsOfRow.find((action) => action.code === button.args[0].code);
             if (button.callback) {
                 button.callback(button.args, this.row, uiAction);
             }
@@ -5860,6 +5860,12 @@ class Table {
         let actionCodesFromRow = row?.actions.map((action) => action.code);
         let filteredActions = this.smartTable.defaultActions?.filter((action) => actionCodesFromRow.includes(action.code));
         if (filteredActions && filteredActions.length > 0) {
+            if (filteredActions.length === 1) {
+                if (this.smartTable.onRowDoubleClick) {
+                    this.smartTable.onRowDoubleClick(row);
+                    return;
+                }
+            }
             this.defaultActionMenuComponents
                 .toArray()
                 .find((comp) => comp.row.id === row.id)
@@ -8106,7 +8112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$2 {
+class CustomHttpParameterCodec$3 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -8121,15 +8127,15 @@ class CustomHttpParameterCodec$2 {
     }
 }
 
-const BASE_PATH$2 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$2 = {
+const BASE_PATH$3 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$3 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$2 {
+class Configuration$3 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -8236,7 +8242,7 @@ class TreeService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$2();
+        this.configuration = new Configuration$3();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -8249,7 +8255,7 @@ class TreeService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$2();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$3();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -8837,7 +8843,7 @@ class TreeService {
         });
     }
 }
-TreeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TreeService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$2, optional: true }, { token: Configuration$2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TreeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TreeService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$3, optional: true }, { token: Configuration$3, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 TreeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TreeService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TreeService, decorators: [{
             type: Injectable,
@@ -8848,8 +8854,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$2]
-                }] }, { type: Configuration$2, decorators: [{
+                    args: [BASE_PATH$3]
+                }] }, { type: Configuration$3, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -9620,7 +9626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec$1 {
+class CustomHttpParameterCodec$2 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -9635,15 +9641,15 @@ class CustomHttpParameterCodec$1 {
     }
 }
 
-const BASE_PATH$1 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$1 = {
+const BASE_PATH$2 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$2 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration$1 {
+class Configuration$2 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -9750,7 +9756,7 @@ class GridService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$1();
+        this.configuration = new Configuration$2();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -9763,7 +9769,7 @@ class GridService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$1();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$2();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -10102,7 +10108,7 @@ class GridService {
         });
     }
 }
-GridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GridService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+GridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GridService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$2, optional: true }, { token: Configuration$2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 GridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GridService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GridService, decorators: [{
             type: Injectable,
@@ -10113,8 +10119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$1]
-                }] }, { type: Configuration$1, decorators: [{
+                    args: [BASE_PATH$2]
+                }] }, { type: Configuration$2, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -10211,7 +10217,7 @@ class ApiModule$1 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$1,
-            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$2, useFactory: configurationFactory }]
         };
     }
 }
@@ -11423,7 +11429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec {
+class CustomHttpParameterCodec$1 {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -11438,15 +11444,15 @@ class CustomHttpParameterCodec {
     }
 }
 
-const BASE_PATH = new InjectionToken('basePath');
-const COLLECTION_FORMATS = {
+const BASE_PATH$1 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$1 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-class Configuration {
+class Configuration$1 {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -11553,7 +11559,7 @@ class DefaultService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration();
+        this.configuration = new Configuration$1();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -11566,7 +11572,7 @@ class DefaultService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$1();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -11644,7 +11650,7 @@ class DefaultService {
         });
     }
 }
-DefaultService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DefaultService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 DefaultService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DefaultService, decorators: [{
             type: Injectable,
@@ -11655,8 +11661,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH]
-                }] }, { type: Configuration, decorators: [{
+                    args: [BASE_PATH$1]
+                }] }, { type: Configuration$1, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -11725,7 +11731,7 @@ class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
         };
     }
 }
@@ -12144,24 +12150,718 @@ 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,
+/**
+ * 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));
+    }
+}
+
+/**
+ * Filter API 2
+ * Filter API 2
+ *
+ * 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 FilterService {
+    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;
+    }
+    load(uuid, filterIdentifier, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling load.');
+        }
+        if (filterIdentifier === null || filterIdentifier === undefined) {
+            throw new Error('Required parameter filterIdentifier was null or undefined when calling load.');
+        }
+        let localVarHeaders = this.defaultHeaders;
+        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
+        if (localVarHttpHeaderAcceptSelected === undefined) {
+            // to determine the Accept header
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
+            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 = `/filter/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "filterIdentifier", value: filterIdentifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/load`;
+        return this.httpClient.request('get', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    performWidgetAction(uuid, filterIdentifier, body, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling performWidgetAction.');
+        }
+        if (filterIdentifier === null || filterIdentifier === undefined) {
+            throw new Error('Required parameter filterIdentifier was null or undefined when calling performWidgetAction.');
+        }
+        if (body === null || body === undefined) {
+            throw new Error('Required parameter body was null or undefined when calling performWidgetAction.');
+        }
+        let localVarHeaders = this.defaultHeaders;
+        let localVarHttpHeaderAcceptSelected = options && options.httpHeaderAccept;
+        if (localVarHttpHeaderAcceptSelected === undefined) {
+            // to determine the Accept header
+            const httpHeaderAccepts = [
+                'application/json'
+            ];
+            localVarHttpHeaderAcceptSelected = this.configuration.selectHeaderAccept(httpHeaderAccepts);
+        }
+        if (localVarHttpHeaderAcceptSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Accept', localVarHttpHeaderAcceptSelected);
+        }
+        let localVarHttpContext = options && options.context;
+        if (localVarHttpContext === undefined) {
+            localVarHttpContext = new HttpContext();
+        }
+        // to determine the Content-Type header
+        const consumes = [
+            'application/json'
+        ];
+        const httpContentTypeSelected = this.configuration.selectHeaderContentType(consumes);
+        if (httpContentTypeSelected !== undefined) {
+            localVarHeaders = localVarHeaders.set('Content-Type', httpContentTypeSelected);
+        }
+        let responseType_ = 'json';
+        if (localVarHttpHeaderAcceptSelected) {
+            if (localVarHttpHeaderAcceptSelected.startsWith('text')) {
+                responseType_ = 'text';
+            }
+            else if (this.configuration.isJsonMime(localVarHttpHeaderAcceptSelected)) {
+                responseType_ = 'json';
+            }
+            else {
+                responseType_ = 'blob';
+            }
+        }
+        let localVarPath = `/filter/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "filterIdentifier", value: filterIdentifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/performWidgetAction`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: body,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+}
+FilterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FilterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterService, 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
+                }] }]; } });
+
+class SmartFilterEditorService {
+    constructor(service) {
+        this.service = service;
+        this.modelChanged = new Subject();
+        this.submit = new Subject();
+        this.reSubscribeToChange = new Subject();
+    }
+    async load() {
+        this.model = await this.service.load(this.config.uuid, this.config.identifier).toPromise();
+        this.modelChanged.next();
+    }
+    async peformWidgetAction(request) {
+        this.model = await this.service
+            .performWidgetAction(this.config.uuid, this.config.identifier, request)
+            .toPromise();
+        this.modelChanged.next();
+    }
+    getModel() {
+        return this.model;
+    }
+    async performUiActionRequest(uiActionRequest, widgetId, nodeId) {
+        await this.peformWidgetAction(uiActionRequest);
+    }
+    async handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
+        return {
+            shouldPerformAction: true,
+            uiActionRequest: uiActionRequest,
+        };
+    }
+    getAdditionalParams(uiAction) {
+        throw new Error('Method not implemented.');
+    }
+}
+SmartFilterEditorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorService, deps: [{ token: FilterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SmartFilterEditorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FilterService }]; } });
+
+class SmartFilterParamComponent {
+    constructor(service) {
+        this.service = service;
+    }
+    ngOnInit() { }
+    onItemClick(item) {
+        this.data.serviceToUse.peformWidgetAction({
+            code: 'ADD_FILTER_EXPRESSION',
+            params: {
+                model: item,
+            },
+        });
+    }
+}
+SmartFilterParamComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterParamComponent, deps: [{ token: SmartFilterEditorService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFilterParamComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterParamComponent, selector: "app-target-group-filter-param", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"targetGroupFilterParamContainer\">\r\n  <div\r\n    class=\"targetGroupFilterItem\"\r\n    *ngFor=\"let data of data?.group\"\r\n    (click)=\"onItemClick(data)\"\r\n  >\r\n    <smart-icon icon=\"Ic24_Chevron_Right\" color=\"gray\"></smart-icon>\r\n    <div class=\"mat-caption\">\r\n      {{ data.label }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamContainer{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterItem{padding:.75rem;border-radius:.25rem;display:flex;flex-direction:row;gap:.5rem;cursor:pointer}.targetGroupFilterItem .mat-caption{margin:auto 0}\n"], components: [{ type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }], directives: [{ type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterParamComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-target-group-filter-param', template: "<div class=\"targetGroupFilterParamContainer\">\r\n  <div\r\n    class=\"targetGroupFilterItem\"\r\n    *ngFor=\"let data of data?.group\"\r\n    (click)=\"onItemClick(data)\"\r\n  >\r\n    <smart-icon icon=\"Ic24_Chevron_Right\" color=\"gray\"></smart-icon>\r\n    <div class=\"mat-caption\">\r\n      {{ data.label }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamContainer{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterItem{padding:.75rem;border-radius:.25rem;display:flex;flex-direction:row;gap:.5rem;cursor:pointer}.targetGroupFilterItem .mat-caption{margin:auto 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartFilterEditorService }]; }, propDecorators: { data: [{
+                type: Input
+            }] } });
+
+class SmartFilterParamsComponent {
+    // filterComponentRef?: ComponentRef<SmartFilterComponent>;
+    // filter?: SmartFilter;
+    constructor(cfService) {
+        this.cfService = cfService;
+        this._destroy$ = new Subject();
+        this.expandableSections = [];
+    }
+    ngOnInit() {
+        this.service.modelChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
+            this.setUp(this.service.model);
+        });
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    setUp(model) {
+        this.filterBuilder = model.model;
+        // this.constructFilter();
+        this.constructExpandableSections();
+    }
+    constructExpandableSections() {
+        if (this.filterBuilder.groups) {
+            this.expandableSections = this.filterBuilder.groups.map((filterExpressionBuilderGroup) => {
+                return {
+                    title: filterExpressionBuilderGroup.label,
+                    cssClass: 'filterExpressionBuilderGroup',
+                    customComponent: SmartFilterParamComponent,
+                    data: {
+                        group: filterExpressionBuilderGroup.fields,
+                        serviceToUse: this.service,
+                    },
+                    inputName: 'data',
+                    isExpanded: true,
+                };
+            });
+        }
+        // if (this.service.model?.externalFilterGroup) {
+        //   this.expandableSectionsFromExcel = {
+        //     title: this.service.model.externalFilterGroup.label!,
+        //     cssClass: 'filterExpressionBuilderGroup',
+        //     customComponent: SmartFilterParamComponent,
+        //     data: {
+        //       group: this.service.model.externalFilterGroup.fields,
+        //     },
+        //     inputName: 'data',
+        //     isExpanded: true,
+        //   };
+        // }
+    }
+    // constructFilter(): void {
+    //   if (this.filter && this.filterComponentRef) {
+    //     return;
+    //   }
+    //   // this.filter = {
+    //   //   data: this.service.model?.groupFilter?.filters! as FilterExpressionField[],
+    //   //   type: SmartFilterType.Simple,
+    //   //   showPossibleActions: false,
+    //   // };
+    //   this.filterVcRef?.clear();
+    //   this.filterComponentRef = this.cfService.createComponent(
+    //     this.filterVcRef!,
+    //     SmartFilterComponent,
+    //     new Map<string, any>([['filter', this.filter]])
+    //   );
+    //   this.filterComponentRef.instance?.service.change
+    //     .pipe(takeUntil(this._destroy$))
+    //     .subscribe(() => {
+    //       let uiAction: UiAction = this.service.model?.filterGroupsAction!;
+    //       uiAction.params = {
+    //         filter: {
+    //           filters: this.filterComponentRef?.instance.service.filter?.data,
+    //         },
+    //       };
+    //       // let uiActionModel: UiActionModel = {
+    //       //   serviceToUse: this.service,
+    //       //   uiAction,
+    //       // };
+    //       // this.uiActionService.uiActionModel = uiActionModel;
+    //       // this.uiActionService.execute(uiAction);
+    //     });
+    // }
+    addDataSource() {
+        // this.service.addDataSource();
+    }
+}
+SmartFilterParamsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterParamsComponent, deps: [{ token: ComponentFactoryService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFilterParamsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterParamsComponent, selector: "smart-filter-group-params", inputs: { service: "service" }, viewQueries: [{ propertyName: "filterVcRef", first: true, predicate: ["smartFilter"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"targetGroupFilterParamsContainer\">\r\n  <ng-template #smartFilter></ng-template>\r\n  <div class=\"dataSource-options\">\r\n    <div class=\"dataSource-btns\">\r\n      <div class=\"dataSource-btn\">K\u00FCls\u0151 adatb\u00E1zis</div>\r\n      <div class=\"dataSource-btn dataSource-btn-disabled\">Bels\u0151 adatb\u00E1zis</div>\r\n    </div>\r\n    <div class=\"dataSource-add-database\">\r\n      <div class=\"dataSource-add-database-title\">\r\n        <smart-icon icon=\"Ic24_View_Table\" color=\"sucess\"></smart-icon>\r\n        Adatb\u00E1zis\r\n      </div>\r\n      <button title=\"add\" mat-icon-button (click)=\"addDataSource()\">\r\n        <smart-icon icon=\"Ic24_Plus_Circle\" color=\"success\"></smart-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"sections\">\r\n    <smart-expandable-section\r\n      class=\"excel\"\r\n      *ngIf=\"expandableSectionsFromExcel\"\r\n      [data]=\"expandableSectionsFromExcel!\"\r\n    ></smart-expandable-section>\r\n    <smart-expandable-section\r\n      [data]=\"data\"\r\n      *ngFor=\"let data of expandableSections\"\r\n    ></smart-expandable-section>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamsContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;border-right:2px solid var(--primary-dark-color)}.sections{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterParamsContainer .excel::ng-deep .mat-expansion-panel-body{background-color:var(--success-lighter-color)}.targetGroupFilterParamsContainer .excel::ng-deep .mat-expansion-panel-header.mat-expanded{background-color:var(--success-color)!important}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-body{padding:0 0 0 1rem!important;background-color:var(--light-blue-color)}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header{background-color:var(--primary-light-color);padding:.75rem;height:auto}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header-title{color:var(--primary-lighter-color);font-weight:600}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header.mat-expanded{background-color:var(--accent-color)!important;padding:.75rem;height:auto}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title{color:#fff}.dataSource-btns{display:flex;flex-direction:row;justify-content:space-around;background-color:var(--success-lighter-color);height:44px;padding:8px 12px;align-items:center;border:1.5px solid var(--success-color);border-left:6px solid var(--success-color);border-radius:4px}.dataSource-btn{display:flex;padding:1rem 2rem;justify-content:center;align-items:center;background-color:var(--success-color);border-radius:4px;cursor:pointer}.dataSource-btn-disabled{background-color:var(--success-lighter-color);cursor:auto}.dataSource-add-database{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--success-lighter-color);padding:8px;border-radius:4px}.dataSource-add-database-title{display:flex;flex-direction:row;gap:1rem;align-items:center}.dataSource-options{display:flex;flex-direction:column;gap:1rem}\n"], components: [{ type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterParamsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'smart-filter-group-params', template: "<div class=\"targetGroupFilterParamsContainer\">\r\n  <ng-template #smartFilter></ng-template>\r\n  <div class=\"dataSource-options\">\r\n    <div class=\"dataSource-btns\">\r\n      <div class=\"dataSource-btn\">K\u00FCls\u0151 adatb\u00E1zis</div>\r\n      <div class=\"dataSource-btn dataSource-btn-disabled\">Bels\u0151 adatb\u00E1zis</div>\r\n    </div>\r\n    <div class=\"dataSource-add-database\">\r\n      <div class=\"dataSource-add-database-title\">\r\n        <smart-icon icon=\"Ic24_View_Table\" color=\"sucess\"></smart-icon>\r\n        Adatb\u00E1zis\r\n      </div>\r\n      <button title=\"add\" mat-icon-button (click)=\"addDataSource()\">\r\n        <smart-icon icon=\"Ic24_Plus_Circle\" color=\"success\"></smart-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"sections\">\r\n    <smart-expandable-section\r\n      class=\"excel\"\r\n      *ngIf=\"expandableSectionsFromExcel\"\r\n      [data]=\"expandableSectionsFromExcel!\"\r\n    ></smart-expandable-section>\r\n    <smart-expandable-section\r\n      [data]=\"data\"\r\n      *ngFor=\"let data of expandableSections\"\r\n    ></smart-expandable-section>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamsContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;border-right:2px solid var(--primary-dark-color)}.sections{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterParamsContainer .excel::ng-deep .mat-expansion-panel-body{background-color:var(--success-lighter-color)}.targetGroupFilterParamsContainer .excel::ng-deep .mat-expansion-panel-header.mat-expanded{background-color:var(--success-color)!important}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-body{padding:0 0 0 1rem!important;background-color:var(--light-blue-color)}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header{background-color:var(--primary-light-color);padding:.75rem;height:auto}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header-title{color:var(--primary-lighter-color);font-weight:600}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header.mat-expanded{background-color:var(--accent-color)!important;padding:.75rem;height:auto}.targetGroupFilterParamsContainer::ng-deep .mat-expansion-panel-header.mat-expanded .mat-expansion-panel-header-title{color:#fff}.dataSource-btns{display:flex;flex-direction:row;justify-content:space-around;background-color:var(--success-lighter-color);height:44px;padding:8px 12px;align-items:center;border:1.5px solid var(--success-color);border-left:6px solid var(--success-color);border-radius:4px}.dataSource-btn{display:flex;padding:1rem 2rem;justify-content:center;align-items:center;background-color:var(--success-color);border-radius:4px;cursor:pointer}.dataSource-btn-disabled{background-color:var(--success-lighter-color);cursor:auto}.dataSource-add-database{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--success-lighter-color);padding:8px;border-radius:4px}.dataSource-add-database-title{display:flex;flex-direction:row;gap:1rem;align-items:center}.dataSource-options{display:flex;flex-direction:column;gap:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: ComponentFactoryService }]; }, propDecorators: { service: [{
+                type: Input
+            }], filterVcRef: [{
+                type: ViewChild,
+                args: ['smartFilter', { read: ViewContainerRef }]
+            }] } });
+
+class SmartFilterExpressionItemComponent {
+    constructor(service) {
+        this.service = service;
+        this.isSelected = false;
+    }
+    ngOnInit() {
+        this.isSelected =
+            JSON.stringify(this.service.model?.selectedField) === JSON.stringify(this.item);
+    }
+    setOperatorTo(event, operationType) {
+        event?.stopPropagation();
+        this.item.expressionData.boolOperator = operationType;
+        this.service.peformWidgetAction({
+            code: 'UPDATE_FILTER_EXPRESSION',
+            params: {
+                model: this.item,
+            },
+        });
+    }
+    select(event, item) {
+        event?.stopPropagation();
+        if (!this.isSelected) {
+            this.service.peformWidgetAction({
+                code: 'SELECT_FIELD',
+                params: {
+                    model: this.item,
+                },
+            });
+        }
+        else {
+            this.service.peformWidgetAction({
+                code: 'SELECT_FIELD',
+                params: {
+                    model: this.item,
+                },
+            });
+        }
+    }
+}
+SmartFilterExpressionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemComponent, deps: [{ token: SmartFilterEditorService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFilterExpressionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: { item: "item", hasNext: "hasNext" }, ngImport: i0, template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n    (click)=\"select($event, item)\"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label\r\n        }}{{ item.expressionData?.operand2?.valueAsString ? \": \" : \"\" }}\r\n        <b>\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"\r\n        item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\r\n      \"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"\r\n        item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\r\n      \"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n  <!-- <button mat-mini-fab color=\"gray\">\r\n\t\t<smart-icon icon=\"X\" color=\"gray\"></smart-icon>\r\n\t</button> -->\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"], components: [{ type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: ["item", "hasNext"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-expression-item', template: "<div class=\"expressionItemContainer\">\r\n  <div\r\n    class=\"expressionItemInnerContainer\"\r\n    [ngClass]=\"\r\n      item.expressionData?.currentOperation === 'EXPRESSION'\r\n        ? isSelected\r\n          ? 'selectedExpressionContainer'\r\n          : 'expressionContainer'\r\n        : ''\r\n    \"\r\n    (click)=\"select($event, item)\"\r\n  >\r\n    <div\r\n      *ngIf=\"\r\n        item.expressionData?.currentOperation === 'EXPRESSION';\r\n        then expression;\r\n        else simpleItem\r\n      \"\r\n    ></div>\r\n    <ng-template #expression>\r\n      <div class=\"expressionItemBubble expression\">[</div>\r\n      <app-expression-item\r\n        [item]=\"subItem\"\r\n        [hasNext]=\"i < (item.subFieldList?.filters)!.length - 1\"\r\n        *ngFor=\"let subItem of item.subFieldList?.filters; let i = index\"\r\n      ></app-expression-item>\r\n      <div class=\"expressionItemBubble expression\">]</div>\r\n    </ng-template>\r\n    <ng-template #simpleItem>\r\n      <div\r\n        class=\"expressionItemBubble simpleItem\"\r\n        [ngClass]=\"isSelected ? 'selectedSimpleItem' : ''\"\r\n      >\r\n        {{ item.label\r\n        }}{{ item.expressionData?.operand2?.valueAsString ? \": \" : \"\" }}\r\n        <b>\r\n          {{ item.expressionData?.operand2?.valueAsString }}\r\n        </b>\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n  <div *ngIf=\"hasNext\" class=\"relationItemBubble\">\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'AND')\"\r\n      [ngClass]=\"\r\n        item.expressionData?.boolOperator === 'AND' ? 'mat-raised-button' : ''\r\n      \"\r\n      color=\"black\"\r\n    >\r\n      \u00C9S\r\n    </button>\r\n    <button\r\n      mat-button\r\n      (click)=\"setOperatorTo($event, 'OR')\"\r\n      [ngClass]=\"\r\n        item.expressionData?.boolOperator === 'OR' ? 'mat-raised-button' : ''\r\n      \"\r\n      color=\"black\"\r\n    >\r\n      VAGY\r\n    </button>\r\n  </div>\r\n  <!-- <button mat-mini-fab color=\"gray\">\r\n\t\t<smart-icon icon=\"X\" color=\"gray\"></smart-icon>\r\n\t</button> -->\r\n</div>\r\n", styles: [".expressionItemContainer{display:flex;flex-direction:row;gap:.75rem}.expressionItemInnerContainer{display:flex;flex-direction:row;grid-area:.75rem;padding:.25rem;border-radius:.25rem}.expressionContainer{border:1px dashed var(--primary-lighter-gray-color);cursor:pointer}.selectedExpressionContainer{border:2px dashed var(--primary-darker-color)}.expressionItemBubble,.relationItemBubble{display:flex;flex-direction:row;border-radius:1.5rem}.expressionItemBubble{padding:.75rem}.expression{background-color:var(--inner-container);font-weight:600;margin:auto 0}.simpleItem{background-color:#c6ddff;cursor:pointer}.selectedSimpleItem{border:2px solid var(--primary-color)}.relationItemBubble{border:1px solid #cdcdcd;padding:.25rem}.relationItemBubble .mat-button{border-radius:1.5rem;height:100%;margin:auto 0}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartFilterEditorService }]; }, propDecorators: { item: [{
+                type: Input
+            }], hasNext: [{
+                type: Input
+            }] } });
+
+class SmartFilterExpressionItemsComponent {
+    constructor(service) {
+        this.service = service;
+        this._destroy$ = new Subject();
+        this.isSelected = false;
+        this.service.modelChanged.subscribe(() => {
+            console.log(this.service.model);
+            this.isSelected = this.service.model?.selectedField === null;
+        });
+        this.isSelected = this.service.model?.selectedField === null;
+    }
+    ngOnChanges(changes) {
+        console.log(changes);
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    select() {
+        // this.service.selectFilterExpressionField(undefined);
+    }
+    drop(event) {
+        moveItemInArray(this.items, event.previousIndex, event.currentIndex);
+    }
+}
+SmartFilterExpressionItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemsComponent, deps: [{ token: SmartFilterEditorService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFilterExpressionItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: { items: "items" }, usesOnChanges: true, ngImport: i0, template: "<div\r\n  cdkDropList\r\n  cdkDropListOrientation=\"horizontal\"\r\n  (cdkDropListDropped)=\"drop($event)\"\r\n  class=\"expressionsContainer example-list\"\r\n  [ngClass]=\"isSelected ? 'selected' : ''\"\r\n>\r\n  <div cdkDrag class=\"expressionItem\" *ngFor=\"let item of items; let i = index\">\r\n    <app-expression-item\r\n      [item]=\"item\"\r\n      [hasNext]=\"i < items.length - 1\"\r\n    ></app-expression-item>\r\n  </div>\r\n</div>\r\n", styles: [".expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;border:1px dashed var(--primary-lighter-gray-color);padding:.25rem;border-radius:.25rem}.selected{border:2px dashed var(--primary-darker-color)}.expressionItem{margin:auto 0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], components: [{ type: SmartFilterExpressionItemComponent, selector: "app-expression-item", inputs: ["item", "hasNext"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterExpressionItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-expression-items', template: "<div\r\n  cdkDropList\r\n  cdkDropListOrientation=\"horizontal\"\r\n  (cdkDropListDropped)=\"drop($event)\"\r\n  class=\"expressionsContainer example-list\"\r\n  [ngClass]=\"isSelected ? 'selected' : ''\"\r\n>\r\n  <div cdkDrag class=\"expressionItem\" *ngFor=\"let item of items; let i = index\">\r\n    <app-expression-item\r\n      [item]=\"item\"\r\n      [hasNext]=\"i < items.length - 1\"\r\n    ></app-expression-item>\r\n  </div>\r\n</div>\r\n", styles: [".expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;border:1px dashed var(--primary-lighter-gray-color);padding:.25rem;border-radius:.25rem}.selected{border:2px dashed var(--primary-darker-color)}.expressionItem{margin:auto 0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.example-custom-placeholder{background:#ccc;border:dotted 3px #999;min-height:60px;transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartFilterEditorService }]; }, propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class SmartFilterEditorContentComponent {
+    constructor(layoutService) {
+        this.layoutService = layoutService;
+        this._destroy$ = new Subject();
+        this.uiActionModels = [];
+        this.expressionUiActionModels = [];
+    }
+    ngOnInit() {
+        this.service.load();
+        this.service.modelChanged.pipe(takeUntil(this._destroy$)).subscribe(() => {
+            this.setUp();
+        });
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    setUp() {
+        this.constructUiActionModels();
+        if (this.service.model.selectedFieldEditor) {
+            this.constructForm();
+        }
+        else {
+            this.smartForm = undefined;
+        }
+    }
+    constructUiActionModels() {
+        if (this.service.model?.possibleActions) {
+            this.uiActionModels = this.service.model.possibleActions.map((action) => {
+                return {
+                    serviceToUse: this.service,
+                    uiAction: action,
+                };
+            });
+        }
+        if (this.service.model?.selectedFieldEditor?.possibleActions) {
+            this.expressionUiActionModels = this.service.model?.selectedFieldEditor.possibleActions.map((uiAction) => {
+                let copiedUiAction = {};
+                Object.keys(uiAction).map((key) => {
+                    copiedUiAction[key] = uiAction[key];
+                });
+                copiedUiAction.params = {
+                    field: this.service.model?.selectedField,
+                };
+                return {
+                    serviceToUse: this.service,
+                    uiAction: copiedUiAction,
+                };
+            });
+        }
+    }
+    constructForm() {
+        let generatedWidgets = this.layoutService.render({
+            layoutDefinitions: this.service.model?.selectedFieldEditor?.layoutDef?.widgets,
+        });
+        this.smartForm = {
+            direction: SmartFormWidgetDirection.ROW,
+            componentModel: { data: this.service.model?.selectedField },
+            widgets: generatedWidgets,
+        };
+    }
+    save() {
+        this.formChild?.submitForm(false);
+        this.service.peformWidgetAction({
+            code: 'UPDATE_FILTER_EXPRESSION',
+            params: {
+                model: this.service.model?.selectedField,
+            },
+        });
+    }
+    remove() {
+        this.service.peformWidgetAction({
+            code: 'REMOVE_FILTER_EXPRESSION',
+            params: {
+                model: this.service.model?.selectedField,
+            },
+        });
+    }
+    getFilteredUiActionModels(filterPredicate) {
+        // return this.service.model!.possibleActions!.filter(filterPredicate).map((uiAction: UiAction) => {
+        //   return {
+        //     serviceToUse: this.service,
+        //     uiAction,
+        //   };
+        // });
+        return [];
+    }
+}
+SmartFilterEditorContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorContentComponent, deps: [{ token: SmartformLayoutDefinitionService }], target: i0.ɵɵFactoryTarget.Component });
+SmartFilterEditorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartFilterEditorContentComponent, selector: "smart-filter-expression-editor", inputs: { service: "service" }, viewQueries: [{ propertyName: "formChild", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>C\u00E9lcsoport meghat\u00E1roz\u00E1sa</h3>\r\n\r\n  <div class=\"uiActionsBar\">\r\n    <div class=\"uiActionsInsideOfBar\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"\r\n      service?.model?.model?.workplaceList?.filters?.length;\r\n      then withParameters;\r\n      else withoutParameters\r\n    \"\r\n  ></div>\r\n  <ng-template #withoutParameters>\r\n    <div class=\"withoutParametersContainer\">\r\n      <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #withParameters>\r\n    <div class=\"withParametersContainer\">\r\n      <div\r\n        class=\"expressionsContainer\"\r\n        *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n      >\r\n        <app-expression-items\r\n          [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n        ></app-expression-items>\r\n      </div>\r\n      <div class=\"expressionEditorContainer\">\r\n        <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n        <div *ngIf=\"smartForm\">\r\n          <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n          <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], components: [{ type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService"] }, { type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items"] }, { type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'smart-filter-expression-editor', template: "<div class=\"targetGroupContentContainer\">\r\n  <h3>C\u00E9lcsoport meghat\u00E1roz\u00E1sa</h3>\r\n\r\n  <div class=\"uiActionsBar\">\r\n    <div class=\"uiActionsInsideOfBar\">\r\n      <smart-ui-action-toolbar [uiActionModels]=\"uiActionModels\"></smart-ui-action-toolbar>\r\n    </div>\r\n  </div>\r\n  <div\r\n    *ngIf=\"\r\n      service?.model?.model?.workplaceList?.filters?.length;\r\n      then withParameters;\r\n      else withoutParameters\r\n    \"\r\n  ></div>\r\n  <ng-template #withoutParameters>\r\n    <div class=\"withoutParametersContainer\">\r\n      <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #withParameters>\r\n    <div class=\"withParametersContainer\">\r\n      <div\r\n        class=\"expressionsContainer\"\r\n        *ngIf=\"service?.model?.model?.workplaceList?.filters?.length\"\r\n      >\r\n        <app-expression-items\r\n          [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n        ></app-expression-items>\r\n      </div>\r\n      <div class=\"expressionEditorContainer\">\r\n        <smartform #form [smartForm]=\"smartForm\"></smartform>\r\n        <div *ngIf=\"smartForm\">\r\n          <button (click)=\"save()\" mat-raised-button color=\"primary\">Ment\u00E9s</button>\r\n          <button (click)=\"remove()\" mat-button color=\"accent\">T\u00F6rl\u00E9s</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</div>\r\n", styles: [".targetGroupContentContainer{padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem;height:calc(100% - 3rem);overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.uiActionsBar{padding:1.5rem;border-radius:.25rem;background-color:var(--container-color)}.uiActionsBar,.uiActionsInsideOfBar{display:flex;flex-direction:row;gap:1rem}.uiActionsInsideOfBar{position:relative;left:-3rem}.section,.notSection{display:flex;flex-direction:row;gap:1rem}.section:before{content:\"\";border:1px solid #d9d9d9;align-self:stretch}.withoutParametersContainer{display:flex;flex-direction:column;padding:2rem;background-color:var(--container-color);border-radius:.25rem}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.withParametersContainer{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--container-color);border-radius:.25rem;gap:.75rem}.expressionsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-bottom:1px solid #cdcdcd}.expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: SmartformLayoutDefinitionService }]; }, propDecorators: { service: [{
+                type: Input
+            }], formChild: [{
+                type: ViewChild,
+                args: ['form']
+            }] } });
+
+class SmartFilterEditorModule {
+}
+SmartFilterEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartFilterEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorModule, declarations: [SmartFilterParamsComponent,
+        SmartFilterParamComponent,
+        SmartFilterEditorContentComponent,
+        SmartFilterExpressionItemsComponent,
+        SmartFilterExpressionItemComponent], imports: [CommonModule,
+        SmartIconModule,
+        SmartExpandableSectionModule,
+        SmartViewContextModule,
+        SmartformModule] });
+SmartFilterEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorModule, providers: [], imports: [[
+            CommonModule,
+            SmartIconModule,
+            SmartExpandableSectionModule,
+            SmartViewContextModule,
+            SmartformModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartFilterEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartFilterParamsComponent,
+                        SmartFilterParamComponent,
+                        SmartFilterEditorContentComponent,
+                        SmartFilterExpressionItemsComponent,
+                        SmartFilterExpressionItemComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        SmartIconModule,
+                        SmartExpandableSectionModule,
+                        SmartViewContextModule,
+                        SmartformModule,
+                    ],
+                    exports: [],
+                    providers: [],
+                }]
+        }] });
+
+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,
+        SmartFilterEditorModule], exports: [ComponentFactoryServiceModule,
         SmartComponentLayoutModule,
         SmartdialogModule,
         SmartExpandableSectionModule,
@@ -12192,6 +12892,7 @@ SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             SmarttableModule,
             SmartExpandableSectionModule,
             SmartComponentLayoutModule,
+            SmartFilterEditorModule,
         ], ComponentFactoryServiceModule,
         SmartComponentLayoutModule,
         SmartdialogModule,
@@ -12226,6 +12927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         SmarttableModule,
                         SmartExpandableSectionModule,
                         SmartComponentLayoutModule,
+                        SmartFilterEditorModule,
                     ],
                     exports: [
                         ComponentFactoryServiceModule,
@@ -12431,6 +13133,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             delete uiActionRequest.params['param'];
             delete uiActionRequest.params['_files'];
             delete uiActionRequest.params['isMultiple'];
+            // await this.sendModelToServer();
             if (!isMultiple) {
                 await this.viewContext.performUploadAction(this.uuid, uiActionRequest, param, files[0]);
             }
@@ -12439,15 +13142,26 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             }
         }
         else if (widgetId && nodeId) {
+            // await this.sendModelToServer();
             await this.viewContext.performWidgetAction(this.uuid, widgetId, nodeId, uiActionRequest);
         }
         else if (widgetId) {
+            // await this.sendModelToServer();
             await this.viewContext.performWidgetMainAction(this.uuid, widgetId, uiActionRequest);
         }
         else {
             await this.viewContext.performAction(this.uuid, uiActionRequest);
         }
     }
+    // private async sendModelToServer() {
+    //   this.submitForms(false);
+    //   let dataChange = {
+    //     kind: DataChangeKind.Widget,
+    //     source: '',
+    //     values: [['', this.getModel()]],
+    //   };
+    //   await this.viewContext.dataChanged(this.uuid!, dataChange);
+    // }
     handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
         throw new Error('handleSpecificDemandsAsynchronously method not implemented.');
     }
@@ -12767,5 +13481,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, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridColumnContentType, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, ImageResource, LayoutDirection, Link, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, 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 };
+export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$5 as BASE_PATH, COLLECTION_FORMATS$5 as COLLECTION_FORMATS, CloseResult, ComponentFactoryService, ComponentFactoryServiceModule, ComponentType, ComponentWidgetType, Configuration$5 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator, FilterExpressionBuilderGroup, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderBy, GridColumnContentType, GridDataAccessConfig, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptor, IS_ASYNC_PARAM_NAME, ImageResource, LayoutDirection, Link, MessageOptionType, MessageType, SelectionDefinition, SessionAPIS, SessionErrorBehaviour, SessionService, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorService, SmartFilterModule, SmartFilterParamsComponent, SmartFilterPosition, SmartFilterType, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, 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