@smartbit4all/ng-client 4.0.149 → 4.1.1

package/fesm2022/smartbit4all-ng-client.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, RendererStyleFlags2, Input, Directive, HostBinding, HostListener, ViewChild, EventEmitter, Output, forwardRef, Pipe, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, ChangeDetectorRef } from '@angular/core';
+import { InjectionToken, Injectable, Optional, Inject, PLATFORM_ID, NgModule, SkipSelf, Component, RendererStyleFlags2, Input, Directive, HostBinding, HostListener, ViewChild, EventEmitter, Output, forwardRef, Pipe, ViewContainerRef, ViewEncapsulation, ChangeDetectionStrategy, ViewChildren, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, input, computed, effect, signal, ChangeDetectorRef } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpContext, HttpErrorResponse, HttpParams, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { Subject, lastValueFrom, take, takeUntil, startWith, map, distinctUntilChanged, catchError, throwError, from } from 'rxjs';
@@ -147,7 +147,7 @@ class SmartSubject extends Subject {
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$6 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$7 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -162,15 +162,15 @@ let CustomHttpParameterCodec$6 = class CustomHttpParameterCodec {
     }
 };
 
-const BASE_PATH$6 = new InjectionToken('basePath');
-const COLLECTION_FORMATS$6 = {
+const BASE_PATH$7 = new InjectionToken('basePath');
+const COLLECTION_FORMATS$7 = {
     'csv': ',',
     'tsv': '   ',
     'ssv': ' ',
     'pipes': '|'
 };
 
-let Configuration$6 = class Configuration {
+let Configuration$7 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -278,7 +278,7 @@ class SessionService {
         this.httpClient = httpClient;
         this.basePath = 'http://localhost';
         this.defaultHeaders = new HttpHeaders();
-        this.configuration = new Configuration$6();
+        this.configuration = new Configuration$7();
         if (configuration) {
             this.configuration = configuration;
         }
@@ -291,7 +291,7 @@ class SessionService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$6();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$7();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -541,7 +541,7 @@ class SessionService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$6, optional: true }, { token: Configuration$6, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SessionService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$7, optional: true }, { token: Configuration$7, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SessionService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SessionService, decorators: [{
@@ -553,8 +553,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$6]
-                }] }, { type: Configuration$6, decorators: [{
+                    args: [BASE_PATH$7]
+                }] }, { type: Configuration$7, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -1069,7 +1069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$5 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$6 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -1084,15 +1084,15 @@ let CustomHttpParameterCodec$5 = class CustomHttpParameterCodec {
     }
 };
 
-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': '|'
 };
 
-let Configuration$5 = class Configuration {
+let Configuration$6 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -1200,7 +1200,7 @@ class ViewService {
         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;
         }
@@ -1213,7 +1213,7 @@ class ViewService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$5();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$6();
     }
     /**
      * @param consumes string[] mime-types
@@ -2034,7 +2034,7 @@ class ViewService {
                 });
             }
             else {
-                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS$5['csv'])) || localVarFormParams;
+                localVarFormParams = localVarFormParams.append('contents', [...contents].join(COLLECTION_FORMATS$6['csv'])) || localVarFormParams;
             }
         }
         let responseType_ = 'json';
@@ -2060,7 +2060,7 @@ class ViewService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$5, optional: true }, { token: Configuration$5, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ViewService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$6, optional: true }, { token: Configuration$6, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ViewService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ViewService, decorators: [{
@@ -2072,12 +2072,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$5]
-                }] }, { type: Configuration$5, decorators: [{
+                    args: [BASE_PATH$6]
+                }] }, { type: Configuration$6, decorators: [{
                     type: Optional
                 }] }] });
 
-const APIS$3 = [ViewService];
+const APIS$4 = [ViewService];
 
 /**
  * View API
@@ -2536,11 +2536,11 @@ var ViewType;
     ViewType["EMBEDDED"] = "embedded";
 })(ViewType || (ViewType = {}));
 
-let ApiModule$3 = class ApiModule {
+let ApiModule$4 = class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration$5, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$6, useFactory: configurationFactory }]
         };
     }
     constructor(parentModule, http) {
@@ -2556,7 +2556,7 @@ let ApiModule$3 = class ApiModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$3, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$4, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -2564,7 +2564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     exports: [],
                     providers: []
                 }]
-        }], ctorParameters: () => [{ type: ApiModule$3, decorators: [{
+        }], ctorParameters: () => [{ type: ApiModule$4, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -3623,7 +3623,7 @@ SmartdialogService = __decorate([
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$4 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$5 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -3638,15 +3638,15 @@ let CustomHttpParameterCodec$4 = class CustomHttpParameterCodec {
     }
 };
 
-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': '|'
 };
 
-let Configuration$4 = class Configuration {
+let Configuration$5 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -3754,7 +3754,7 @@ let DefaultService$1 = class DefaultService {
         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;
         }
@@ -3767,7 +3767,7 @@ let DefaultService$1 = class DefaultService {
             }
             this.configuration.basePath = basePath;
         }
-        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$4();
+        this.encoder = this.configuration.encoder || new CustomHttpParameterCodec$5();
     }
     // @ts-ignore
     addToHttpParams(httpParams, value, key) {
@@ -3844,7 +3844,7 @@ let DefaultService$1 = class DefaultService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$4, optional: true }, { token: Configuration$4, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$5, optional: true }, { token: Configuration$5, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, providedIn: 'root' }); }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService$1, decorators: [{
@@ -3856,12 +3856,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$4]
-                }] }, { type: Configuration$4, decorators: [{
+                    args: [BASE_PATH$5]
+                }] }, { type: Configuration$5, decorators: [{
                     type: Optional
                 }] }] });
 
-const APIS$2 = [DefaultService$1];
+const APIS$3 = [DefaultService$1];
 
 /**
  * Form layout definition
@@ -4005,11 +4005,11 @@ var ValueChangeMode;
     ValueChangeMode["IMMEDIATE_ACTION"] = "IMMEDIATE_ACTION";
 })(ValueChangeMode || (ValueChangeMode = {}));
 
-let ApiModule$2 = class ApiModule {
+let ApiModule$3 = class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$5, useFactory: configurationFactory }]
         };
     }
     constructor(parentModule, http) {
@@ -4025,7 +4025,7 @@ let ApiModule$2 = class ApiModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$3, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -4033,7 +4033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     exports: [],
                     providers: []
                 }]
-        }], ctorParameters: () => [{ type: ApiModule$2, decorators: [{
+        }], ctorParameters: () => [{ type: ApiModule$3, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -10007,7 +10007,7 @@ var FilterExpressionOrderBy;
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$3 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$4 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -10022,15 +10022,15 @@ let CustomHttpParameterCodec$3 = class CustomHttpParameterCodec {
     }
 };
 
-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': '|'
 };
 
-let Configuration$3 = class Configuration {
+let Configuration$4 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -10138,7 +10138,7 @@ class GridService {
         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;
         }
@@ -10151,7 +10151,7 @@ class GridService {
             }
             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) {
@@ -10546,7 +10546,7 @@ class GridService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GridService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$3, optional: true }, { token: Configuration$3, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GridService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$4, optional: true }, { token: Configuration$4, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GridService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GridService, decorators: [{
@@ -10558,12 +10558,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$3]
-                }] }, { type: Configuration$3, decorators: [{
+                    args: [BASE_PATH$4]
+                }] }, { type: Configuration$4, decorators: [{
                     type: Optional
                 }] }] });
 
-const APIS$1 = [GridService];
+const APIS$2 = [GridService];
 
 /**
  * Grid api
@@ -10657,11 +10657,11 @@ var GridViewDescriptorKindEnum;
 })(GridViewDescriptorKindEnum || (GridViewDescriptorKindEnum = {}));
 ;
 
-let ApiModule$1 = class ApiModule {
+let ApiModule$2 = class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration$3, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$4, useFactory: configurationFactory }]
         };
     }
     constructor(parentModule, http) {
@@ -10677,7 +10677,7 @@ let ApiModule$1 = class ApiModule {
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$2, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -10685,7 +10685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     exports: [],
                     providers: []
                 }]
-        }], ctorParameters: () => [{ type: ApiModule$1, decorators: [{
+        }], ctorParameters: () => [{ type: ApiModule$2, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -12497,7 +12497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$2 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$3 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -12512,15 +12512,15 @@ let CustomHttpParameterCodec$2 = class CustomHttpParameterCodec {
     }
 };
 
-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': '|'
 };
 
-let Configuration$2 = class Configuration {
+let Configuration$3 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -12628,7 +12628,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;
         }
@@ -12641,7 +12641,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) {
@@ -13775,7 +13775,7 @@ class TreeService {
             reportProgress: reportProgress,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TreeService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$2, optional: true }, { token: Configuration$2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TreeService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$3, optional: true }, { token: Configuration$3, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TreeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TreeService, decorators: [{
@@ -13787,8 +13787,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$2]
-                }] }, { type: Configuration$2, decorators: [{
+                    args: [BASE_PATH$3]
+                }] }, { type: Configuration$3, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -14341,7 +14341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-let CustomHttpParameterCodec$1 = class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$2 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -14356,15 +14356,15 @@ let CustomHttpParameterCodec$1 = class CustomHttpParameterCodec {
     }
 };
 
-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': '|'
 };
 
-let Configuration$1 = class Configuration {
+let Configuration$2 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -14472,7 +14472,7 @@ class DefaultService {
         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;
         }
@@ -14485,7 +14485,7 @@ class DefaultService {
             }
             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) {
@@ -14562,7 +14562,7 @@ class DefaultService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$2, optional: true }, { token: Configuration$2, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DefaultService, decorators: [{
@@ -14574,12 +14574,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH$1]
-                }] }, { type: Configuration$1, decorators: [{
+                    args: [BASE_PATH$2]
+                }] }, { type: Configuration$2, decorators: [{
                     type: Optional
                 }] }] });
 
-const APIS = [DefaultService];
+const APIS$1 = [DefaultService];
 
 /**
  * Form layout definition
@@ -14635,11 +14635,11 @@ var LayoutDirection;
     LayoutDirection["VERTICAL"] = "vertical";
 })(LayoutDirection || (LayoutDirection = {}));
 
-class ApiModule {
+let ApiModule$1 = class ApiModule {
     static forRoot(configurationFactory) {
         return {
             ngModule: ApiModule,
-            providers: [{ provide: Configuration$1, useFactory: configurationFactory }]
+            providers: [{ provide: Configuration$2, useFactory: configurationFactory }]
         };
     }
     constructor(parentModule, http) {
@@ -14654,8 +14654,8 @@ class ApiModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule, decorators: [{
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule$1, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -14663,7 +14663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     exports: [],
                     providers: []
                 }]
-        }], ctorParameters: () => [{ type: ApiModule, decorators: [{
+        }], ctorParameters: () => [{ type: ApiModule$1, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -14903,7 +14903,7 @@ class SmartComponentLayoutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartComponentLayoutComponent, deps: [{ token: SmartformLayoutDefinitionService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout", parentLayoutComponent: "parentLayoutComponent", parentSmartComponent: "parentSmartComponent", gridRow: "gridRow" }, viewQueries: [{ propertyName: "smartFormList", predicate: ["form"], descendants: true }, { propertyName: "smartGridList", predicate: ["grid"], descendants: true }, { propertyName: "smartFilterList", predicate: ["filter"], descendants: true }, { propertyName: "toolbarList", predicate: ["toolbar"], descendants: true }, { propertyName: "expandableComponents", predicate: ExpandableSectionComponent, descendants: true }, { propertyName: "components", predicate: SmartComponentLayoutComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().CONTAINER\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n      [parentSmartComponent]=\"parentSmartComponent\"\r\n      [parentLayoutComponent]=\"this\"\r\n      [smartComponentLayout]=\"layout\"\r\n      [gridRow]=\"gridRow\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform *ngIf=\"smartForm\" #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid *ngIf=\"smartGrid\" #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n  <smart-ui-action-toolbar *ngIf=\"!!toolbarId\" #toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout", "parentLayoutComponent", "parentSmartComponent", "gridRow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: { smartComponentLayout: "smartComponentLayout", parentLayoutComponent: "parentLayoutComponent", parentSmartComponent: "parentSmartComponent", gridRow: "gridRow" }, viewQueries: [{ propertyName: "smartFormList", predicate: ["form"], descendants: true }, { propertyName: "smartGridList", predicate: ["grid"], descendants: true }, { propertyName: "smartMapList", predicate: ["map"], descendants: true }, { propertyName: "smartFilterList", predicate: ["filter"], descendants: true }, { propertyName: "toolbarList", predicate: ["toolbar"], descendants: true }, { propertyName: "expandableComponents", predicate: ExpandableSectionComponent, descendants: true }, { propertyName: "components", predicate: SmartComponentLayoutComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"smartComponentLayout?.expandable; then expandable; else normal\"> </div>\r\n\r\n<ng-template #expandable>\r\n  <smart-expandable-section\r\n    *ngIf=\"expandableSection\"\r\n    [data]=\"expandableSection\"\r\n  ></smart-expandable-section>\r\n</ng-template>\r\n\r\n<ng-template #normal>\r\n  <div\r\n    *ngIf=\"smartComponentLayout?.type === type().CONTAINER\"\r\n    [ngClass]=\"smartComponentLayout?.direction ?? 'vertical'\"\r\n  >\r\n    <smart-component-layout\r\n      *ngFor=\"let layout of smartComponentLayout?.components\"\r\n      [parentSmartComponent]=\"parentSmartComponent\"\r\n      [parentLayoutComponent]=\"this\"\r\n      [smartComponentLayout]=\"layout\"\r\n      [gridRow]=\"gridRow\"\r\n    ></smart-component-layout>\r\n  </div>\r\n  <smartform *ngIf=\"smartForm\" #form [smartForm]=\"smartForm\"></smartform>\r\n  <smart-grid *ngIf=\"smartGrid\" #grid [smartGrid]=\"smartGrid\" [uuid]=\"uuid!\"></smart-grid>\r\n  <!-- <smart-filter #filter [filter]=\"smartFilter\"></smart-filter> -->\r\n  <smart-tree *ngIf=\"treeService\" [treeService]=\"treeService!\"></smart-tree>\r\n  <smart-ui-action-toolbar *ngIf=\"!!toolbarId\" #toolbar [id]=\"toolbarId\"></smart-ui-action-toolbar>\r\n</ng-template>\r\n", styles: [".horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SmartGridComponent, selector: "smart-grid", inputs: ["smartGrid", "uuid", "dev"] }, { kind: "component", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: ["data", "index"] }, { kind: "component", type: SmartTreeComponent, selector: "smart-tree", inputs: ["treeStyle", "treeService"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: SmartComponentLayoutComponent, selector: "smart-component-layout", inputs: ["smartComponentLayout", "parentLayoutComponent", "parentSmartComponent", "gridRow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartComponentLayoutComponent, decorators: [{
             type: Component,
@@ -14922,6 +14922,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], smartGridList: [{
                 type: ViewChildren,
                 args: ['grid']
+            }], smartMapList: [{
+                type: ViewChildren,
+                args: ['map']
             }], smartFilterList: [{
                 type: ViewChildren,
                 args: ['filter']
@@ -15858,10 +15861,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             type: Injectable
         }] });
 
-/*
- * Public API Surface of smarttree
- */
-
 class SmartComponentLayoutUtility {
     static getForms(comp) {
         let result = [];
@@ -15897,6 +15896,23 @@ class SmartComponentLayoutUtility {
         }
         return result;
     }
+    static getMaps(comp) {
+        const result = [];
+        if (comp.components) {
+            const children = comp.components
+                .map((c) => SmartComponentLayoutUtility.getMaps(c))
+                .reduce((acc, value) => acc.concat(value), []);
+            result.push(...children);
+        }
+        const expandable = this.getExpandableComponent(comp);
+        if (expandable) {
+            result.push(...this.getMaps(expandable));
+        }
+        if (comp.smartMapComponent) {
+            result.push(comp.smartMapComponent);
+        }
+        return result;
+    }
     static getTrees(comp) {
         let result = [];
         if (comp.components) {
@@ -15963,7 +15979,7 @@ class SmartComponentLayoutUtility {
  * Custom HttpParameterCodec
  * Workaround for https://github.com/angular/angular/issues/18261
  */
-class CustomHttpParameterCodec {
+let CustomHttpParameterCodec$1 = class CustomHttpParameterCodec {
     encodeKey(k) {
         return encodeURIComponent(k);
     }
@@ -15976,17 +15992,17 @@ class CustomHttpParameterCodec {
     decodeValue(v) {
         return decodeURIComponent(v);
     }
-}
+};
 
-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 {
+let Configuration$1 = class Configuration {
     constructor(configurationParameters = {}) {
         this.apiKeys = configurationParameters.apiKeys;
         this.username = configurationParameters.username;
@@ -16075,7 +16091,7 @@ class Configuration {
             : param.value;
         return encodeURIComponent(String(value));
     }
-}
+};
 
 /**
  * Filter API 2
@@ -16094,7 +16110,7 @@ class FilterService {
         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;
         }
@@ -16107,7 +16123,7 @@ class FilterService {
             }
             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) {
@@ -16249,7 +16265,7 @@ class FilterService {
             reportProgress: reportProgress
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH$1, optional: true }, { token: Configuration$1, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterService, decorators: [{
@@ -16261,8 +16277,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [BASE_PATH]
-                }] }, { type: Configuration, decorators: [{
+                    args: [BASE_PATH$1]
+                }] }, { type: Configuration$1, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -16309,57 +16325,1271 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: FilterService }] });
 
-class SmartComponentApiClient {
-    get uuid() {
-        return this._uuid;
+/**
+ * Custom HttpParameterCodec
+ * Workaround for https://github.com/angular/angular/issues/18261
+ */
+class CustomHttpParameterCodec {
+    encodeKey(k) {
+        return encodeURIComponent(k);
     }
-    set uuid(uuid) {
-        if (this._uuid === uuid) {
-            return;
+    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;
         }
-        let firstUuid = true;
-        if (this.uuid) {
-            this.viewContext.unfollow(this.uuid);
-            firstUuid = false;
+        else {
+            this.encodeParam = param => this.defaultEncodeParam(param);
         }
-        this._uuid = uuid;
-        this.getWidgets().forEach((ref, key) => {
-            if (ref instanceof SmartGridComponent) {
-                ref.uuid = this.componentModelLoaded ? uuid : undefined;
-            }
-            else if (ref instanceof SmartFilterEditorContentComponent) {
-                ref.service.config.uuid = this.componentModelLoaded ? uuid : undefined;
-            }
-            else if (!ref && !firstUuid) {
-                console.error(`Provided reference for ${key} is undefined on uuid change.`);
-            }
-        });
-        if (!this.uuidOfPageHasBeenChangedSubscription) {
-            this.uuidOfPageHasBeenChangedSubscription = this.viewContext.uuidOfPageHasBeenChanged
-                .pipe(takeUntil(this._destroy$))
-                .subscribe((pageName) => {
-                if (pageName === this.pageName) {
-                    this.run();
-                }
-            });
+        if (configurationParameters.credentials) {
+            this.credentials = configurationParameters.credentials;
         }
-        if (uuid) {
-            this.viewContext.follow(this._uuid, this.detectChange);
+        else {
+            this.credentials = {};
         }
     }
-    get model() {
-        return this._model;
-    }
-    set model(model) {
-        this._model = model;
-        this.initComponentByModel();
-    }
-    get data() {
-        return this._data;
-    }
-    set data(model) {
-        this._data = model;
-        this.dataChanged.next();
+    /**
+     * 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));
+    }
+}
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+/* tslint:disable:no-unused-variable member-ordering */
+class GeoMapService {
+    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;
+    }
+    interact(uuid, identifier, geoMapInteraction, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling interact.');
+        }
+        if (identifier === null || identifier === undefined) {
+            throw new Error('Required parameter identifier was null or undefined when calling interact.');
+        }
+        if (geoMapInteraction === null || geoMapInteraction === undefined) {
+            throw new Error('Required parameter geoMapInteraction was null or undefined when calling interact.');
+        }
+        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 = `/geomap/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "identifier", value: identifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/interact`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: geoMapInteraction,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    load(uuid, identifier, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling load.');
+        }
+        if (identifier === null || identifier === undefined) {
+            throw new Error('Required parameter identifier 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 = `/geomap/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "identifier", value: identifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/load`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    move(uuid, identifier, geoMapViewport, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling move.');
+        }
+        if (identifier === null || identifier === undefined) {
+            throw new Error('Required parameter identifier was null or undefined when calling move.');
+        }
+        if (geoMapViewport === null || geoMapViewport === undefined) {
+            throw new Error('Required parameter geoMapViewport was null or undefined when calling move.');
+        }
+        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 = `/goemap/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "identifier", value: identifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/move`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: geoMapViewport,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    update(uuid, identifier, geoMapViewState, observe = 'body', reportProgress = false, options) {
+        if (uuid === null || uuid === undefined) {
+            throw new Error('Required parameter uuid was null or undefined when calling update.');
+        }
+        if (identifier === null || identifier === undefined) {
+            throw new Error('Required parameter identifier was null or undefined when calling update.');
+        }
+        if (geoMapViewState === null || geoMapViewState === undefined) {
+            throw new Error('Required parameter geoMapViewState was null or undefined when calling update.');
+        }
+        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 = `/geomap/${this.configuration.encodeParam({ name: "uuid", value: uuid, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: "uuid" })}/${this.configuration.encodeParam({ name: "identifier", value: identifier, in: "path", style: "simple", explode: false, dataType: "string", dataFormat: undefined })}/update`;
+        return this.httpClient.request('post', `${this.configuration.basePath}${localVarPath}`, {
+            context: localVarHttpContext,
+            body: geoMapViewState,
+            responseType: responseType_,
+            withCredentials: this.configuration.withCredentials,
+            headers: localVarHeaders,
+            observe: observe,
+            reportProgress: reportProgress
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GeoMapService, deps: [{ token: i1.HttpClient }, { token: BASE_PATH, optional: true }, { token: Configuration, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GeoMapService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GeoMapService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [BASE_PATH]
+                }] }, { type: Configuration, decorators: [{
+                    type: Optional
+                }] }] });
+
+const APIS = [GeoMapService];
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapDataLoadingMode;
+(function (GeoMapDataLoadingMode) {
+    GeoMapDataLoadingMode["INTERACTION"] = "ON_INTERACTION";
+    GeoMapDataLoadingMode["CREATION"] = "ON_CREATION";
+})(GeoMapDataLoadingMode || (GeoMapDataLoadingMode = {}));
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapDataSourceType;
+(function (GeoMapDataSourceType) {
+    GeoMapDataSourceType["STORED_COLLECTION"] = "STORED_COLLECTION";
+    GeoMapDataSourceType["SEARCH_INDEX"] = "SEARCH_INDEX";
+    GeoMapDataSourceType["INVOCATION_REQUEST"] = "INVOCATION_REQUEST";
+})(GeoMapDataSourceType || (GeoMapDataSourceType = {}));
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapItemKind;
+(function (GeoMapItemKind) {
+    GeoMapItemKind["MARKER"] = "MARKER";
+    GeoMapItemKind["POLYGON"] = "POLYGON";
+    GeoMapItemKind["LINE"] = "LINE";
+})(GeoMapItemKind || (GeoMapItemKind = {}));
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapOperationMode;
+(function (GeoMapOperationMode) {
+    GeoMapOperationMode["ACTION"] = "ACTION";
+    GeoMapOperationMode["SELECTION"] = "SELECTION";
+    GeoMapOperationMode["PLACEMENT"] = "PLACEMENT";
+})(GeoMapOperationMode || (GeoMapOperationMode = {}));
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapSelectionMode;
+(function (GeoMapSelectionMode) {
+    GeoMapSelectionMode["NONE"] = "NONE";
+    GeoMapSelectionMode["SINGLE"] = "SINGLE";
+    GeoMapSelectionMode["MULTIPLE"] = "MULTIPLE";
+})(GeoMapSelectionMode || (GeoMapSelectionMode = {}));
+
+/**
+ * GeoMap api
+ * The geomap api is resposible for the geomap components that shows a list of item.
+ *
+ * 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.
+ */
+var GeoMapTextType;
+(function (GeoMapTextType) {
+    GeoMapTextType["TEXT"] = "TEXT";
+    GeoMapTextType["HTML"] = "HTML";
+})(GeoMapTextType || (GeoMapTextType = {}));
+
+class ApiModule {
+    static forRoot(configurationFactory) {
+        return {
+            ngModule: ApiModule,
+            providers: [{ provide: Configuration, useFactory: configurationFactory }]
+        };
+    }
+    constructor(parentModule, http) {
+        if (parentModule) {
+            throw new Error('ApiModule is already loaded. Import in your base AppModule only.');
+        }
+        if (!http) {
+            throw new Error('You need to import the HttpClientModule in your AppModule! \n' +
+                'See also https://github.com/angular/angular/issues/20575');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule, deps: [{ token: ApiModule, optional: true, skipSelf: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ApiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [],
+                    exports: [],
+                    providers: []
+                }]
+        }], ctorParameters: () => [{ type: ApiModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: i1.HttpClient, decorators: [{
+                    type: Optional
+                }] }] });
+
+class AbstractMap {
+    constructor(el, cd, zone, itemFactory) {
+        this.el = el;
+        this.cd = cd;
+        this.zone = zone;
+        this.itemFactory = itemFactory;
+        this.model = input.required();
+        this.items = input.required();
+        this.onMapClick = new EventEmitter();
+        this.onOverlayClick = new EventEmitter();
+        this.onMapDragEnd = new EventEmitter();
+        this.onZoomChanged = new EventEmitter();
+        this.selection = computed(() => this.items()
+            .filter((it) => !!it.selected)
+            .map((it) => it.id));
+        this.pending = computed(() => this.model().pendingItems);
+        this.operationMode = computed(() => this.model().viewState?.operationMode ?? GeoMapOperationMode.ACTION);
+        this.overlays = new Map();
+        this.onItemsChanged = this.initChangeEffect();
+    }
+    initChangeEffect() {
+        return effect((onCleanup) => {
+            const items = this.items();
+            const present = new Set(this.overlays.keys());
+            const toAdd = [];
+            const toRemove = [];
+            for (const item of items) {
+                if (!item.id) {
+                    continue;
+                }
+                if (present.has(item.id)) {
+                    present.delete(item.id);
+                }
+                else {
+                    toAdd.push({
+                        id: item.id,
+                        record: this.itemFactory(item),
+                    });
+                }
+            }
+            present.forEach((id) => {
+                const record = this.overlays.get(id);
+                if (!record) {
+                    return;
+                }
+                toRemove.push({ id, record });
+            });
+            this.handleItemChanges(toRemove, toAdd);
+            onCleanup(() => {
+                const remove = [...this.overlays.entries()].map(([id, record]) => {
+                    return { id, record };
+                });
+                this.handleItemChanges(remove, []);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AbstractMap, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.11", type: AbstractMap, inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onMapClick: "onMapClick", onOverlayClick: "onOverlayClick", onMapDragEnd: "onMapDragEnd", onZoomChanged: "onZoomChanged" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AbstractMap, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined }], propDecorators: { onMapClick: [{
+                type: Output
+            }], onOverlayClick: [{
+                type: Output
+            }], onMapDragEnd: [{
+                type: Output
+            }], onZoomChanged: [{
+                type: Output
+            }] } });
+
+function createGoogleMapsItem(item) {
+    switch (item.kind) {
+        case GeoMapItemKind.MARKER:
+            return new google.maps.Marker({
+                position: {
+                    lat: item.position.latitude,
+                    lng: item.position.longitude,
+                },
+                title: item.label,
+            });
+        case GeoMapItemKind.LINE:
+            return new google.maps.Polyline({
+                path: item.bounds.map((it) => {
+                    return { lat: it.latitude, lng: it.longitude };
+                }),
+                geodesic: true,
+                strokeColor: '#FF0000',
+                strokeOpacity: 0.5,
+                strokeWeight: 2,
+            });
+        case GeoMapItemKind.POLYGON:
+            return new google.maps.Polygon({
+                path: item.bounds.map((it) => {
+                    return { lat: it.latitude, lng: it.longitude };
+                }),
+                strokeOpacity: 0.5,
+                storeWeight: 1,
+                fillColor: '#1976D2',
+                fillOpacity: 0.35,
+            });
+    }
+    return null;
+}
+class GoogleMap extends AbstractMap {
+    constructor(el, cd, zone) {
+        super(el, cd, zone, createGoogleMapsItem);
+        this.onOverlayDblClick = new EventEmitter();
+        this.onOverlayDragStart = new EventEmitter();
+        this.onOverlayDrag = new EventEmitter();
+        this.onOverlayDragEnd = new EventEmitter();
+        this.onMapReady = new EventEmitter();
+    }
+    ngAfterViewChecked() {
+        if (!this.map && this.el.nativeElement.offsetParent) {
+            this.initialize();
+        }
+    }
+    initialize() {
+        this.map = new google.maps.Map(this.el.nativeElement.children[0], this.createGoogleMapsOptions());
+        const items = this.items();
+        const toAdd = items.map((it) => ({
+            id: it.id,
+            record: createGoogleMapsItem(it),
+        }));
+        this.handleItemChanges([], toAdd);
+        this.onMapReady.emit({
+            map: this.map,
+        });
+        this.map.addListener('click', (event) => {
+            this.zone.run(() => {
+                const center = this.map.getCenter(); // FIXME get actual coordinates
+                this.onMapClick.emit({
+                    coordinates: {
+                        latitude: center.lat,
+                        longitude: center.lng,
+                    },
+                    originalEvent: event,
+                });
+            });
+        });
+        this.map.addListener('dragend', (event) => {
+            this.zone.run(() => {
+                const center = this.map.getCenter();
+                const zoom = this.map.getZoom();
+                const bounds = this.map.getBounds();
+                const ne = bounds.getNorthEast();
+                const sw = bounds.getSouthWest();
+                this.onMapDragEnd.emit({
+                    originalEvent: event,
+                    viewport: {
+                        center: {
+                            latitude: center.lat,
+                            longitude: center.lng,
+                        },
+                        zoomLevel: zoom,
+                        bounds: [
+                            { latitude: ne.lat, longitude: ne.lng },
+                            { latitude: sw.lat, longitude: sw.lng },
+                        ],
+                    },
+                });
+            });
+        });
+        this.map.addListener('zoom_changed', (event) => {
+            this.zone.run(() => {
+                this.onZoomChanged.emit({
+                    viewport: {
+                        zoomLevel: this.map.getZoom(),
+                        ...this.model().viewport,
+                    },
+                    originalEvent: event,
+                });
+            });
+        });
+    }
+    createGoogleMapsOptions() {
+        const viewport = this.model().viewport;
+        return {
+            center: {
+                lat: viewport.center?.latitude,
+                lng: viewport.center?.longitude,
+            },
+            zoom: viewport.zoomLevel,
+        };
+    }
+    handleItemChanges(toRemove, toAdd) {
+        if (!this.map) {
+            return;
+        }
+        toRemove.forEach((it) => {
+            google.maps.event.clearInstanceListeners(it.record.item);
+            it.record.item.setMap(null);
+            this.overlays.delete(it.id);
+        });
+        toAdd.forEach((it) => {
+            it.record.item.setMap(this.map);
+            it.record.item.addListener('click', (event) => {
+                this.zone.run(() => {
+                    this.onOverlayClick.emit({
+                        itemId: it.id,
+                        originalEvent: {
+                            originalEvent: event,
+                            overlay: it.record.item,
+                            map: this.map,
+                        },
+                    });
+                });
+            });
+            it.record.item.addListener('dblclick', (event) => {
+                this.zone.run(() => {
+                    this.onOverlayDblClick.emit({
+                        originalEvent: event,
+                        overlay: it,
+                        map: this.map,
+                    });
+                });
+            });
+            if (it.record.item.getDraggable()) {
+                this.bindDragEvents(it.record.item);
+            }
+            this.overlays.set(it.id, it.record);
+        });
+    }
+    bindDragEvents(overlay) {
+        overlay.addListener('dragstart', (event) => {
+            this.zone.run(() => {
+                this.onOverlayDragStart.emit({
+                    originalEvent: event,
+                    overlay: overlay,
+                    map: this.map,
+                });
+            });
+        });
+        overlay.addListener('drag', (event) => {
+            this.zone.run(() => {
+                this.onOverlayDrag.emit({
+                    originalEvent: event,
+                    overlay: overlay,
+                    map: this.map,
+                });
+            });
+        });
+        overlay.addListener('dragend', (event) => {
+            this.zone.run(() => {
+                this.onOverlayDragEnd.emit({
+                    originalEvent: event,
+                    overlay: overlay,
+                    map: this.map,
+                });
+            });
+        });
+    }
+    getMap() {
+        return this.map;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GoogleMap, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: GoogleMap, selector: "google-map", inputs: { style: "style", styleClass: "styleClass" }, outputs: { onOverlayDblClick: "onOverlayDblClick", onOverlayDragStart: "onOverlayDragStart", onOverlayDrag: "onOverlayDrag", onOverlayDragEnd: "onOverlayDragEnd", onMapReady: "onMapReady" }, host: { classAttribute: "p-element" }, usesInheritance: true, ngImport: i0, template: ` <div [ngStyle]="style" [class]="styleClass"></div>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GoogleMap, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'google-map',
+                    template: ` <div [ngStyle]="style" [class]="styleClass"></div>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'p-element', // this is fancy, but can we use it actually?
+                    },
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], onOverlayDblClick: [{
+                type: Output
+            }], onOverlayDragStart: [{
+                type: Output
+            }], onOverlayDrag: [{
+                type: Output
+            }], onOverlayDragEnd: [{
+                type: Output
+            }], onMapReady: [{
+                type: Output
+            }] } });
+
+function createLeafletMapItem(item) {
+    switch (item.kind) {
+        case GeoMapItemKind.MARKER:
+            return L.marker(L.latLng(item.position.latitude, item.position.longitude), {
+                title: item.label,
+            });
+        case GeoMapItemKind.POLYGON:
+            return L.polygon(item.bounds.map((p) => [p.latitude, p.longitude]), { title: item.label });
+    }
+    throw new Error('Foo!');
+}
+class LeafletMap extends AbstractMap {
+    constructor(el, cd, zone) {
+        super(el, cd, zone, createLeafletMapItem);
+    }
+    ngAfterViewChecked() {
+        if (!this.map && this.el.nativeElement.offsetParent) {
+            this.initialize();
+        }
+    }
+    initialize() {
+        const options = this.createLeafletMapOptions();
+        this.map = L.map('leaflet').setView(options.centre, options.zoom);
+        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            maxZoom: 19,
+            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
+        }).addTo(this.map);
+        const items = this.items();
+        const toAdd = items.map((it) => ({
+            id: it.id,
+            record: createLeafletMapItem(it),
+        }));
+        this.handleItemChanges([], toAdd);
+        const model = this.model();
+        if (model.viewState?.fitToInitialItems) {
+            const datasetBounds = this.findDatasetBounds();
+            if (datasetBounds) {
+                const { a, b } = datasetBounds;
+                const pntA = L.latLng(a.x, a.y);
+                const pntB = L.latLng(b.x, b.y);
+                const bounds = L.latLngBounds(pntA, pntB);
+                this.zone.run(() => {
+                    this.map.fitBounds(bounds);
+                });
+            }
+        }
+        this.map.on('click', (event) => {
+            this.zone.run(() => {
+                const pos = event.latlng;
+                this.onMapClick.emit({
+                    coordinates: {
+                        latitude: pos.lat,
+                        longitude: pos.lng,
+                    },
+                    originalEvent: event,
+                });
+            });
+        });
+        this.map.on('moveend', (event) => {
+            this.zone.run(() => {
+                const viewport = this.getViewport();
+                this.onMapDragEnd.emit({
+                    viewport,
+                    originalEvent: event,
+                });
+            });
+        });
+        this.map.on('zoomend', (event) => {
+            this.zone.run(() => {
+                const viewport = this.getViewport();
+                this.onMapDragEnd.emit({
+                    viewport,
+                    originalEvent: event,
+                });
+            });
+        });
+    }
+    getViewport() {
+        if (!this.map) {
+            throw new Error('Map is not yet initialised!');
+        }
+        const center = this.map.getCenter();
+        const zoomLevel = this.map.getZoom();
+        const leafletBounds = this.map.getBounds();
+        const { lat: swLat, lng: swLng } = leafletBounds.getSouthWest();
+        const { lat: neLat, lng: neLng } = leafletBounds.getNorthEast();
+        return {
+            center: {
+                latitude: center.lat,
+                longitude: center.lng,
+            },
+            zoomLevel,
+            bounds: [
+                { latitude: swLat, longitude: swLng },
+                { latitude: neLat, longitude: neLng },
+            ],
+        };
+    }
+    createLeafletMapOptions() {
+        const viewport = this.model().viewport;
+        return {
+            centre: [viewport.center.latitude, viewport.center.longitude],
+            zoom: viewport.zoomLevel,
+        };
+    }
+    handleItemChanges(toRemove, toAdd) {
+        if (!this.map) {
+            return;
+        }
+        toRemove.forEach((it) => {
+            it.record.remove();
+            this.overlays.delete(it.id);
+        });
+        toAdd.forEach((it) => {
+            it.record.on('click', (event) => {
+                this.zone.run(() => {
+                    this.onOverlayClick.emit({
+                        itemId: it.id,
+                        originalEvent: {
+                            originalEvent: event,
+                            overlay: it.record,
+                            map: this.map,
+                        },
+                    });
+                });
+            });
+            it.record.addTo(this.map);
+            this.overlays.set(it.id, it.record);
+        });
+    }
+    findDatasetBounds() {
+        const items = this.items()
+            .flatMap((it) => (it.position ? [it.position] : []))
+            .map((it) => {
+            return { x: it.latitude, y: it.longitude };
+        });
+        if (!items || items.length === 0) {
+            return null;
+        }
+        let southwest = { x: items[0].x, y: items[0].y };
+        let northeast = { x: items[0].x, y: items[0].y };
+        items.forEach((it) => {
+            if (it.x < southwest.x)
+                southwest.x = it.x;
+            if (it.y < southwest.y)
+                southwest.y = it.y;
+            if (it.x > northeast.x)
+                northeast.x = it.x;
+            if (it.y > northeast.y)
+                northeast.y = it.y;
+        });
+        return { a: southwest, b: northeast };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LeafletMap, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: LeafletMap, selector: "leaflet-map", usesInheritance: true, ngImport: i0, template: ` <div id="leaflet"></div>`, isInline: true, styles: ["#leaflet{height:720px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: LeafletMap, decorators: [{
+            type: Component,
+            args: [{ selector: 'leaflet-map', template: ` <div id="leaflet"></div>`, styles: ["#leaflet{height:720px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }] });
+
+var MapEngine;
+(function (MapEngine) {
+    MapEngine["GOOGLE"] = "GOOGLE";
+    MapEngine["LEAFLET"] = "LEAFLET";
+})(MapEngine || (MapEngine = {}));
+const MAP_ENGINE = new InjectionToken('MAP_ENGINE');
+const itemEq = (a, b) => {
+    const positions = new Set(a.map((it) => it.position));
+    b.forEach((it) => positions.delete(it.position));
+    return a.length === b.length && positions.size === 0;
+};
+class SmartMapComponent {
+    constructor(mapEngine, api) {
+        this.mapEngine = mapEngine;
+        this.api = api;
+        this.MapEngine = MapEngine;
+        this.model = signal(undefined);
+        this.items = computed(() => {
+            const model = this.model();
+            return model?.layers.flatMap((l) => l.items ?? []) ?? [];
+        });
+        this.selection = computed(() => new Set(this.items()
+            .filter((it) => !!it.selected)
+            .map((it) => it.id)
+            .values()));
+    }
+    ngOnInit() {
+        // this.load();
+    }
+    ngAfterViewInit() {
+        this.load();
+    }
+    async load() {
+        const model = await lastValueFrom(this.api.load(this.uuid, this.identifier));
+        if (!model.viewport) {
+            throw new Error('GeoMapModel contains no viewport!');
+        }
+        this.model.update(() => model);
+    }
+    async move(viewport) {
+        this.model.update((it) => {
+            console.log('model update is running!');
+            if (it) {
+                it.viewport = viewport;
+            }
+            return it;
+        });
+        const change = await lastValueFrom(this.api.move(this.uuid, this.identifier, viewport));
+        this.handleChange(change);
+    }
+    async update(mapState) {
+        this.model.update((it) => {
+            if (it) {
+                it.viewState = mapState;
+            }
+            return it;
+        });
+        const change = await lastValueFrom(this.api.update(this.uuid, this.identifier, mapState));
+        this.handleChange(change);
+    }
+    handleChange(change) {
+        if (!change.items) {
+            return;
+        }
+        this.model.update((it) => {
+            const layersById = new Map();
+            if (!it) {
+                return it;
+            }
+            it.layers.forEach((layer) => layersById.set(layer.code, layer));
+            for (const layerChange of change.items) {
+                const layerId = layerChange.code;
+                const toAdd = layerChange.toAdd;
+                layersById.set(layerId, {
+                    code: layerId,
+                    items: toAdd,
+                });
+            }
+            return {
+                ...it,
+                layers: [...layersById.values()],
+            };
+        });
+    }
+    handleMapClick(position) {
+        const operationMode = this.model()?.viewState?.operationMode ?? GeoMapOperationMode.ACTION;
+        switch (operationMode) {
+            case GeoMapOperationMode.ACTION:
+                // TODO: Fire action for layer, if applicable (maybe only on double click).
+                break;
+            case GeoMapOperationMode.SELECTION:
+                // no-op, can't select empty space.
+                break;
+            case GeoMapOperationMode.PLACEMENT:
+                lastValueFrom(this.api.interact(this.uuid, this.identifier, {
+                    operationMode,
+                    targetItem: {
+                        kind: GeoMapItemKind.MARKER, // FIXME: We shall support more item kinds!
+                        position,
+                        icons: {},
+                        bounds: [],
+                        actions: [],
+                    },
+                    targetLayer: '',
+                    inverse: false,
+                })).then((change) => {
+                    if (!this.viewContextService) {
+                        console.warn('Smart Map has no ViewContext Service set up!');
+                        return null;
+                    }
+                    else {
+                        return this.viewContextService.handlePerformActionResponse(change);
+                    }
+                }, (err) => {
+                    console.warn('Could not submit selection change! ', err);
+                });
+        }
+    }
+    handleItemClick(id) {
+        const operationMode = this.model()?.viewState?.operationMode ?? GeoMapOperationMode.ACTION;
+        const targetItem = this.items().find((it) => id === it.id);
+        if (!targetItem) {
+            console.warn('Selection item is seemingly missing from known items: ', id);
+            return;
+        }
+        switch (operationMode) {
+            case GeoMapOperationMode.ACTION:
+                // TODO: fire action!
+                break;
+            case GeoMapOperationMode.SELECTION:
+                lastValueFrom(this.api.interact(this.uuid, this.identifier, {
+                    operationMode,
+                    targetItem,
+                    targetLayer: '',
+                    inverse: this.selection().has(id),
+                })).then((change) => {
+                    if (!this.viewContextService) {
+                        console.warn('Smart Map has no ViewContext Service set up!');
+                        return null;
+                    }
+                    else {
+                        return this.viewContextService.handlePerformActionResponse(change);
+                    }
+                }, (err) => {
+                    console.warn('Could not submit selection change! ', err);
+                });
+                break;
+            case GeoMapOperationMode.PLACEMENT:
+                // clicking an item may remove it, if it's only a pending item. To reposition existing
+                // items, we shall react to dragEnd events only.
+                lastValueFrom(this.api.interact(this.uuid, this.identifier, {
+                    operationMode,
+                    targetItem,
+                    targetLayer: '',
+                    inverse: true,
+                })).then((change) => {
+                    if (!this.viewContextService) {
+                        console.warn('Smart Map has no ViewContext Service set up!');
+                        return null;
+                    }
+                    else {
+                        return this.viewContextService.handlePerformActionResponse(change);
+                    }
+                }, (err) => {
+                    console.warn('Could not submit placement change! ', err);
+                });
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartMapComponent, deps: [{ token: MAP_ENGINE }, { token: GeoMapService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SmartMapComponent, selector: "smart-map", inputs: { uuid: "uuid", identifier: "identifier", parent: "parent" }, ngImport: i0, template: "@if (model()) { @if (mapEngine === MapEngine.GOOGLE) {\r\n<google-map\r\n  [model]=\"model()!\"\r\n  [items]=\"items()\"\r\n  [style]=\"{ width: '100%', height: '320px' }\"\r\n  (onMapDragEnd)=\"move($event.viewport)\"\r\n  (onZoomChanged)=\"move($event.viewport)\"\r\n  (onMapClick)=\"handleMapClick($event.coordinates)\"\r\n  (onOverlayClick)=\"handleItemClick($event.itemId)\"\r\n>\r\n</google-map>\r\n} @else if (mapEngine === MapEngine.LEAFLET) {\r\n<leaflet-map\r\n  [model]=\"model()!\"\r\n  [items]=\"items()\"\r\n  (onMapDragEnd)=\"move($event.viewport)\"\r\n  (onZoomChanged)=\"move($event.viewport)\"\r\n  (onMapClick)=\"handleMapClick($event.coordinates)\"\r\n  (onOverlayClick)=\"handleItemClick($event.itemId)\"\r\n>\r\n</leaflet-map>\r\n} @else {\r\n<p>\r\n  <strong>Not recognised map engine: [ {{ mapEngine }} ]</strong>\r\n</p>\r\n<p>Please provide a valid choice of map engine!</p>\r\n} }\r\n", styles: [""], dependencies: [{ kind: "component", type: GoogleMap, selector: "google-map", inputs: ["style", "styleClass"], outputs: ["onOverlayDblClick", "onOverlayDragStart", "onOverlayDrag", "onOverlayDragEnd", "onMapReady"] }, { kind: "component", type: LeafletMap, selector: "leaflet-map" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartMapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'smart-map', template: "@if (model()) { @if (mapEngine === MapEngine.GOOGLE) {\r\n<google-map\r\n  [model]=\"model()!\"\r\n  [items]=\"items()\"\r\n  [style]=\"{ width: '100%', height: '320px' }\"\r\n  (onMapDragEnd)=\"move($event.viewport)\"\r\n  (onZoomChanged)=\"move($event.viewport)\"\r\n  (onMapClick)=\"handleMapClick($event.coordinates)\"\r\n  (onOverlayClick)=\"handleItemClick($event.itemId)\"\r\n>\r\n</google-map>\r\n} @else if (mapEngine === MapEngine.LEAFLET) {\r\n<leaflet-map\r\n  [model]=\"model()!\"\r\n  [items]=\"items()\"\r\n  (onMapDragEnd)=\"move($event.viewport)\"\r\n  (onZoomChanged)=\"move($event.viewport)\"\r\n  (onMapClick)=\"handleMapClick($event.coordinates)\"\r\n  (onOverlayClick)=\"handleItemClick($event.itemId)\"\r\n>\r\n</leaflet-map>\r\n} @else {\r\n<p>\r\n  <strong>Not recognised map engine: [ {{ mapEngine }} ]</strong>\r\n</p>\r\n<p>Please provide a valid choice of map engine!</p>\r\n} }\r\n" }]
+        }], ctorParameters: () => [{ type: MapEngine, decorators: [{
+                    type: Inject,
+                    args: [MAP_ENGINE]
+                }] }, { type: GeoMapService }], propDecorators: { uuid: [{
+                type: Input
+            }], identifier: [{
+                type: Input
+            }], parent: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of smarttree
+ */
+
+class SmartComponentApiClient {
+    get uuid() {
+        return this._uuid;
+    }
+    set uuid(uuid) {
+        if (this._uuid === uuid) {
+            return;
+        }
+        let firstUuid = true;
+        if (this.uuid) {
+            this.viewContext.unfollow(this.uuid);
+            firstUuid = false;
+        }
+        this._uuid = uuid;
+        this.getWidgets().forEach((ref, key) => {
+            if (ref instanceof SmartGridComponent) {
+                ref.uuid = this.componentModelLoaded ? uuid : undefined;
+            }
+            else if (ref instanceof SmartFilterEditorContentComponent) {
+                ref.service.config.uuid = this.componentModelLoaded ? uuid : undefined;
+            }
+            else if (!ref && !firstUuid) {
+                console.error(`Provided reference for ${key} is undefined on uuid change.`);
+            }
+        });
+        if (!this.uuidOfPageHasBeenChangedSubscription) {
+            this.uuidOfPageHasBeenChangedSubscription = this.viewContext.uuidOfPageHasBeenChanged
+                .pipe(takeUntil(this._destroy$))
+                .subscribe((pageName) => {
+                if (pageName === this.pageName) {
+                    this.run();
+                }
+            });
+        }
+        if (uuid) {
+            this.viewContext.follow(this._uuid, this.detectChange);
+        }
+    }
+    get model() {
+        return this._model;
+    }
+    set model(model) {
+        this._model = model;
+        this.initComponentByModel();
+    }
+    get data() {
+        return this._data;
+    }
+    set data(model) {
+        this._data = model;
+        this.dataChanged.next();
     }
     get smartTreeService() {
         return this._smartTreeService;
@@ -16470,6 +17700,17 @@ class SmartComponentApiClient {
                     }
                 });
             }
+            if (!this.getSmartMapQL()) {
+                console.warn('SmartMapsQL is not available!');
+            }
+            else {
+                this.handleQueryList(this.getSmartMapQL(), (map) => {
+                    map.viewContextService = this.viewContext;
+                    if (this.uuid && this.uuid !== map.uuid) {
+                        map.uuid = this.uuid;
+                    }
+                });
+            }
             if (!this.getSmartFilterEditorContentComponentsQL()) {
                 console.warn('SmartFilterEditorContentComponentsQL not available!');
             }
@@ -16540,6 +17781,9 @@ class SmartComponentApiClient {
             this.getAllSmartFilterEditorContentComponents()
                 .filter((filter) => (filter.service.config.identifier ? true : false))
                 .forEach((filter) => widgets.set(filter.service.config.identifier, filter));
+            this.getAllSmartMapComponents()
+                .filter((map) => !!map.identifier)
+                .forEach((map) => widgets.set(map.identifier, map));
             return widgets;
         }
         return this.widgets;
@@ -16575,6 +17819,13 @@ class SmartComponentApiClient {
         });
         return grids;
     }
+    getAllSmartMapComponents() {
+        const maps = this.getSmartMapQL()?.toArray() ?? [];
+        this.getSmartComponentLayoutsQL()?.forEach((comp) => {
+            maps.push(...SmartComponentLayoutUtility.getMaps(comp));
+        });
+        return maps;
+    }
     getAllSmartTreeComponents() {
         let trees = this.getSmartTreesQL()?.toArray() ?? [];
         this.getSmartComponentLayoutsQL()?.forEach((comp) => {
@@ -16995,6 +18246,9 @@ class SmartComponentApiClient {
                 reference.service.load();
                 //}
             }
+            else if (reference instanceof SmartMapComponent) {
+                reference.load();
+            }
             else if (!skipLoad && reference === undefined) {
                 console.error(`Provided reference for ${key} is undefined.`);
             }
@@ -17091,8 +18345,11 @@ class SmartComponent extends SmartComponentApiClient {
     getSmartUiActionToolbarsQL() {
         return this.smartUiActionToolbarsQL;
     }
+    getSmartMapQL() {
+        return this.smartMapQL;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartComponent, deps: [{ token: i0.Injector }, { token: 'SmartAuthService' }, { token: 'pageName' }, { token: 'componentName' }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartComponent, selector: "ng-component", viewQueries: [{ propertyName: "smartFormsQL", predicate: SmartformComponent, descendants: true }, { propertyName: "smartGridsQL", predicate: SmartGridComponent, descendants: true }, { propertyName: "smartTreesQL", predicate: SmarttreeGenericService, descendants: true }, { propertyName: "smartComponentLayoutsQL", predicate: SmartComponentLayoutComponent, descendants: true }, { propertyName: "smartFilterEditorContentComponentsQL", predicate: SmartFilterEditorContentComponent, descendants: true }, { propertyName: "smartUiActionToolbarsQL", predicate: UiActionToolbarComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartComponent, selector: "ng-component", viewQueries: [{ propertyName: "smartFormsQL", predicate: SmartformComponent, descendants: true }, { propertyName: "smartGridsQL", predicate: SmartGridComponent, descendants: true }, { propertyName: "smartTreesQL", predicate: SmarttreeGenericService, descendants: true }, { propertyName: "smartComponentLayoutsQL", predicate: SmartComponentLayoutComponent, descendants: true }, { propertyName: "smartFilterEditorContentComponentsQL", predicate: SmartFilterEditorContentComponent, descendants: true }, { propertyName: "smartUiActionToolbarsQL", predicate: UiActionToolbarComponent, descendants: true }, { propertyName: "smartMapQL", predicate: SmartMapComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartComponent, decorators: [{
             type: Component,
@@ -17126,6 +18383,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], smartUiActionToolbarsQL: [{
                 type: ViewChildren,
                 args: [UiActionToolbarComponent]
+            }], smartMapQL: [{
+                type: ViewChildren,
+                args: [SmartMapComponent]
             }] } });
 
 class SmartService extends SmartComponentApiClient {
@@ -17225,6 +18485,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Public API Surface of smart-tab-group
  */
 
+class SmartMapModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartMapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: SmartMapModule, declarations: [SmartMapComponent, GoogleMap, LeafletMap], imports: [CommonModule, BrowserModule], exports: [SmartMapComponent, GoogleMap, LeafletMap] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartMapModule, providers: [{ provide: MAP_ENGINE, useValue: MapEngine.GOOGLE }], imports: [CommonModule, BrowserModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartMapModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SmartMapComponent, GoogleMap, LeafletMap],
+                    imports: [CommonModule, BrowserModule],
+                    providers: [{ provide: MAP_ENGINE, useValue: MapEngine.GOOGLE }],
+                    exports: [SmartMapComponent, GoogleMap, LeafletMap],
+                }]
+        }] });
+
 /*
  * Public API Surface of smart-ng-client
  */
@@ -17233,5 +18508,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APIS$3 as APIS, ApiModule$3 as ApiModule, ApiQueueService, BASE_PATH$5 as BASE_PATH, COLLECTION_FORMATS$5 as COLLECTION_FORMATS, COMPONENT_LIBRARY, CloseResult, ComparableDropdownDirective, ComparableMultiselectDirective, ComponentFactoryService, ComponentFactoryServiceModule, ComponentLibrary, ComponentType, ComponentWidgetType, Configuration$5 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GridColumnContentType, GridDataAccessConfigKindEnum, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, LayoutDirection, LinkTargetEnum, MessageOptionType, MessageTextType, MessageType, SelectionDefinitionTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SharedModule, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorModule, SmartFilterEditorService, SmartFilterExpressionItemComponent, SmartFilterExpressionItemsComponent, SmartFilterModule, SmartFilterParamComponent, SmartFilterParamsComponent, SmartFilterPosition, SmartFilterType, SmartFormInputMode, 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, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, ValueChangeMode, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType };
+export { APIS$4 as APIS, AbstractMap, ApiModule$4 as ApiModule, ApiQueueService, BASE_PATH$6 as BASE_PATH, COLLECTION_FORMATS$6 as COLLECTION_FORMATS, COMPONENT_LIBRARY, CloseResult, ComparableDropdownDirective, ComparableMultiselectDirective, ComponentFactoryService, ComponentFactoryServiceModule, ComponentLibrary, ComponentType, ComponentWidgetType, Configuration$6 as Configuration, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultUiActionCode_CLOSE, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GeoMapDataLoadingMode, GeoMapDataSourceType, GeoMapItemKind, GeoMapOperationMode, GeoMapSelectionMode, GeoMapTextType, GoogleMap, GridColumnContentType, GridDataAccessConfigKindEnum, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, LayoutDirection, LeafletMap, LinkTargetEnum, MAP_ENGINE, MapEngine, MessageOptionType, MessageTextType, MessageType, SelectionDefinitionTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SharedModule, SimplifiedTabGroupComponent, SmartActionType, SmartAuthService, SmartComponent, SmartComponentApiClient, SmartComponentLayoutComponent, SmartComponentLayoutModule, SmartComponentLayoutUtility, SmartDatePipe, SmartDateTimePipe, SmartDialog, SmartExpandableSectionModule, SmartExpandableSectionService, SmartFileUploaderComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorModule, SmartFilterEditorService, SmartFilterExpressionItemComponent, SmartFilterExpressionItemsComponent, SmartFilterModule, SmartFilterParamComponent, SmartFilterParamsComponent, SmartFilterPosition, SmartFilterType, SmartFormInputMode, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridModule, SmartGridService, SmartGridType, SmartIconComponent, SmartIconModule, SmartIconService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkUuidVariableInPath, SmartMapComponent, SmartMapModule, SmartNavbarComponent, SmartNavbarModule, SmartNavbarService, SmartNavigationModule, SmartNavigationService, SmartNgClientModule, SmartNgClientService, SmartService, SmartSessionModule, SmartSessionService, SmartSessionTimerComponent, SmartSessionTimerService, SmartSubject, SmartTabGroupModule, SmartTabGroupService, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartViewContextErrorDialogButtonLabel, SmartViewContextErrorDialogMessage, SmartViewContextErrorDialogTitle, SmartViewContextModule, SmartViewContextService, SmartViewRedirect, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartWidgetSettings, SmartdialogModule, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmartformwidgetComponent, SmarttableComponent, SmarttableModule, SmarttableService, SmarttreeGenericService, SmarttreeModule, SmarttreeService, TabGroupComponent, ToggleLabelPosition, UiActionButtonType, UiActionConfirmDialogComponent, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogComponent, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, ValueChangeMode, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map