@smartbit4all/ng-client 3.1.34 → 3.1.36

package/fesm2015/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,
@@ -509,8 +509,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
                     }] }];
     } });
@@ -981,7 +981,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);
     }
@@ -996,15 +996,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;
@@ -1111,7 +1111,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;
         }
@@ -1124,7 +1124,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
@@ -1943,7 +1943,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';
@@ -1970,7 +1970,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,
@@ -1982,8 +1982,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
                     }] }];
     } });
@@ -2245,7 +2245,7 @@ class ApiModule$3 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$3,
-            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$5, useFactory: configurationFactory }]
         };
     }
 }
@@ -3207,7 +3207,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);
     }
@@ -3222,15 +3222,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;
@@ -3337,7 +3337,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;
         }
@@ -3350,7 +3350,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) {
@@ -3428,7 +3428,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,
@@ -3440,8 +3440,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
                     }] }];
     } });
@@ -3529,7 +3529,7 @@ class ApiModule$2 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$2,
-            providers: [{ provide: Configuration$3, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
         };
     }
 }
@@ -5396,7 +5396,7 @@ class DefaultActionsPopupComponent {
         var _a;
         let actionsOfRow = (_a = this.row) === null || _a === void 0 ? void 0 : _a.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);
             }
@@ -5839,6 +5839,12 @@ class Table {
         let actionCodesFromRow = row === null || row === void 0 ? void 0 : row.actions.map((action) => action.code);
         let filteredActions = (_a = this.smartTable.defaultActions) === null || _a === void 0 ? void 0 : _a.filter((action) => actionCodesFromRow.includes(action.code));
         if (filteredActions && filteredActions.length > 0) {
+            if (filteredActions.length === 1) {
+                if (this.smartTable.onRowDoubleClick) {
+                    this.smartTable.onRowDoubleClick(row);
+                    return;
+                }
+            }
             (_b = this.defaultActionMenuComponents
                 .toArray()
                 .find((comp) => comp.row.id === row.id)) === null || _b === void 0 ? void 0 : _b.openDefaultActionsMenu();
@@ -8135,7 +8141,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);
     }
@@ -8150,15 +8156,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;
@@ -8265,7 +8271,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;
         }
@@ -8278,7 +8284,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) {
@@ -8866,7 +8872,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,
@@ -8878,8 +8884,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
                     }] }];
     } });
@@ -9687,7 +9693,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);
     }
@@ -9702,15 +9708,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;
@@ -9817,7 +9823,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;
         }
@@ -9830,7 +9836,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) {
@@ -10169,7 +10175,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,
@@ -10181,8 +10187,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
                     }] }];
     } });
@@ -10280,7 +10286,7 @@ class ApiModule$1 {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule$1,
-            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$2, useFactory: configurationFactory }]
         };
     }
 }
@@ -11520,7 +11526,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);
     }
@@ -11535,15 +11541,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;
@@ -11650,7 +11656,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;
         }
@@ -11663,7 +11669,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) {
@@ -11741,7 +11747,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,
@@ -11753,8 +11759,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
                     }] }];
     } });
@@ -11824,7 +11830,7 @@ class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
         };
     }
 }
@@ -12258,24 +12264,736 @@ 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();
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.model = yield this.service.load(this.config.uuid, this.config.identifier).toPromise();
+            this.modelChanged.next();
+        });
+    }
+    peformWidgetAction(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.model = yield this.service
+                .performWidgetAction(this.config.uuid, this.config.identifier, request)
+                .toPromise();
+            this.modelChanged.next();
+        });
+    }
+    getModel() {
+        return this.model;
+    }
+    performUiActionRequest(uiActionRequest, widgetId, nodeId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.peformWidgetAction(uiActionRequest);
+        });
+    }
+    handleSpecificDemandsAsynchronously(uiAction, uiActionRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            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() {
+        var _a;
+        this.isSelected =
+            JSON.stringify((_a = this.service.model) === null || _a === void 0 ? void 0 : _a.selectedField) === JSON.stringify(this.item);
+    }
+    setOperatorTo(event, operationType) {
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
+        this.item.expressionData.boolOperator = operationType;
+        this.service.peformWidgetAction({
+            code: 'UPDATE_FILTER_EXPRESSION',
+            params: {
+                model: this.item,
+            },
+        });
+    }
+    select(event, item) {
+        event === null || event === void 0 ? void 0 : 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) {
+        var _a;
+        this.service = service;
+        this._destroy$ = new Subject();
+        this.isSelected = false;
+        this.service.modelChanged.subscribe(() => {
+            var _a;
+            console.log(this.service.model);
+            this.isSelected = ((_a = this.service.model) === null || _a === void 0 ? void 0 : _a.selectedField) === null;
+        });
+        this.isSelected = ((_a = this.service.model) === null || _a === void 0 ? void 0 : _a.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() {
+        var _a, _b, _c, _d;
+        if ((_a = this.service.model) === null || _a === void 0 ? void 0 : _a.possibleActions) {
+            this.uiActionModels = this.service.model.possibleActions.map((action) => {
+                return {
+                    serviceToUse: this.service,
+                    uiAction: action,
+                };
+            });
+        }
+        if ((_c = (_b = this.service.model) === null || _b === void 0 ? void 0 : _b.selectedFieldEditor) === null || _c === void 0 ? void 0 : _c.possibleActions) {
+            this.expressionUiActionModels = (_d = this.service.model) === null || _d === void 0 ? void 0 : _d.selectedFieldEditor.possibleActions.map((uiAction) => {
+                var _a;
+                let copiedUiAction = {};
+                Object.keys(uiAction).map((key) => {
+                    copiedUiAction[key] = uiAction[key];
+                });
+                copiedUiAction.params = {
+                    field: (_a = this.service.model) === null || _a === void 0 ? void 0 : _a.selectedField,
+                };
+                return {
+                    serviceToUse: this.service,
+                    uiAction: copiedUiAction,
+                };
+            });
+        }
+    }
+    constructForm() {
+        var _a, _b, _c, _d;
+        let generatedWidgets = this.layoutService.render({
+            layoutDefinitions: (_c = (_b = (_a = this.service.model) === null || _a === void 0 ? void 0 : _a.selectedFieldEditor) === null || _b === void 0 ? void 0 : _b.layoutDef) === null || _c === void 0 ? void 0 : _c.widgets,
+        });
+        this.smartForm = {
+            direction: SmartFormWidgetDirection.ROW,
+            componentModel: { data: (_d = this.service.model) === null || _d === void 0 ? void 0 : _d.selectedField },
+            widgets: generatedWidgets,
+        };
+    }
+    save() {
+        var _a, _b;
+        (_a = this.formChild) === null || _a === void 0 ? void 0 : _a.submitForm(false);
+        this.service.peformWidgetAction({
+            code: 'UPDATE_FILTER_EXPRESSION',
+            params: {
+                model: (_b = this.service.model) === null || _b === void 0 ? void 0 : _b.selectedField,
+            },
+        });
+    }
+    remove() {
+        var _a;
+        this.service.peformWidgetAction({
+            code: 'REMOVE_FILTER_EXPRESSION',
+            params: {
+                model: (_a = this.service.model) === null || _a === void 0 ? void 0 : _a.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,
@@ -12306,6 +13024,7 @@ SmartNgClientModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
             SmarttableModule,
             SmartExpandableSectionModule,
             SmartComponentLayoutModule,
+            SmartFilterEditorModule,
         ], ComponentFactoryServiceModule,
         SmartComponentLayoutModule,
         SmartdialogModule,
@@ -12340,6 +13059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                         SmarttableModule,
                         SmartExpandableSectionModule,
                         SmartComponentLayoutModule,
+                        SmartFilterEditorModule,
                     ],
                     exports: [
                         ComponentFactoryServiceModule,
@@ -12553,6 +13273,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
                 delete uiActionRequest.params['param'];
                 delete uiActionRequest.params['_files'];
                 delete uiActionRequest.params['isMultiple'];
+                // await this.sendModelToServer();
                 if (!isMultiple) {
                     yield this.viewContext.performUploadAction(this.uuid, uiActionRequest, param, files[0]);
                 }
@@ -12561,9 +13282,11 @@ let SmartComponentApiClient = class SmartComponentApiClient {
                 }
             }
             else if (widgetId && nodeId) {
+                // await this.sendModelToServer();
                 yield this.viewContext.performWidgetAction(this.uuid, widgetId, nodeId, uiActionRequest);
             }
             else if (widgetId) {
+                // await this.sendModelToServer();
                 yield this.viewContext.performWidgetMainAction(this.uuid, widgetId, uiActionRequest);
             }
             else {
@@ -12571,6 +13294,15 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             }
         });
     }
+    // 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.');
     }
@@ -12897,5 +13629,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