@stemy/ngx-utils 13.0.2 → 13.0.5

package/fesm2020/stemy-ngx-utils.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, TemplateRef, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Input, Output, HostBinding, HostListener, Directive, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, NgModule } from '@angular/core';
+import { InjectionToken, TemplateRef, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import { utc } from 'moment';
 import { first, skipWhile, mergeMap, timeout, map } from 'rxjs/operators';
@@ -8,7 +8,7 @@ import { Invokable } from 'invokable';
 import * as i2 from '@angular/router';
 import { ActivatedRouteSnapshot, NavigationEnd, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer } from '@angular/router';
 import * as i1$3 from '@angular/common';
-import { isPlatformBrowser, isPlatformServer, DOCUMENT, CommonModule } from '@angular/common';
+import { isPlatformBrowser, isPlatformServer, APP_BASE_HREF, DOCUMENT, CommonModule } from '@angular/common';
 import * as i1 from 'ngx-device-detector';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import * as i1$1 from '@angular/common/http';
@@ -16,7 +16,7 @@ import { HttpClient, HttpHeaders, HttpParams, HttpUrlEncodingCodec, HttpEventTyp
 import * as i1$2 from '@angular/platform-browser';
 import { ɵDomEventsPlugin, EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
 import { addListener, removeListener } from 'resize-detector';
-import * as i3 from '@angular/forms';
+import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
 const defaultPredicate = () => true;
@@ -1268,14 +1268,14 @@ class UniversalService {
         return this.crawler;
     }
 }
-UniversalService.ɵfac = function UniversalService_Factory(t) { return new (t || UniversalService)(i0.ɵɵinject(PLATFORM_ID), i0.ɵɵinject(i1.DeviceDetectorService)); };
-UniversalService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UniversalService, factory: UniversalService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UniversalService, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [PLATFORM_ID]
-            }] }, { type: i1.DeviceDetectorService }]; }, null); })();
+UniversalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UniversalService, deps: [{ token: PLATFORM_ID }, { token: i1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+UniversalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UniversalService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UniversalService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: i1.DeviceDetectorService }]; } });
 
 const emptySnapshot = new ActivatedRouteSnapshot();
 const emptyData = { id: "" };
@@ -1433,13 +1433,13 @@ class StateService extends BehaviorSubject {
         return [url, extras];
     }
 }
-StateService.ɵfac = function StateService_Factory(t) { return new (t || StateService)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(UniversalService), i0.ɵɵinject(i2.Router, 8)); };
-StateService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StateService, factory: StateService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StateService, [{
-        type: Injectable
-    }], function () { return [{ type: i0.Injector }, { type: i0.NgZone }, { type: UniversalService }, { type: i2.Router, decorators: [{
-                type: Optional
-            }] }]; }, null); })();
+StateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StateService, deps: [{ token: i0.Injector }, { token: i0.NgZone }, { token: UniversalService }, { token: i2.Router, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+StateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.NgZone }, { type: UniversalService }, { type: i2.Router, decorators: [{
+                    type: Optional
+                }] }]; } });
 
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1582,8 +1582,8 @@ class AuthGuard {
         });
     }
 }
-AuthGuard.ɵfac = function AuthGuard_Factory(t) { return new (t || AuthGuard)(i0.ɵɵinject(Injector), i0.ɵɵinject(StateService), i0.ɵɵinject(AUTH_SERVICE)); };
-AuthGuard.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthGuard, factory: AuthGuard.ɵfac });
+AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AuthGuard, deps: [{ token: Injector }, { token: StateService }, { token: AUTH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AuthGuard });
 __decorate([
     FactoryDependencies(AUTH_SERVICE),
     __metadata("design:type", Function),
@@ -1602,18 +1602,18 @@ __decorate([
     __metadata("design:paramtypes", [Object, StateService, String]),
     __metadata("design:returntype", Function)
 ], AuthGuard, "guardAuthStateField", null);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthGuard, [{
-        type: Injectable
-    }], function () { return [{ type: i0.Injector, decorators: [{
-                type: Inject,
-                args: [Injector]
-            }] }, { type: StateService, decorators: [{
-                type: Inject,
-                args: [StateService]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [AUTH_SERVICE]
-            }] }]; }, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AuthGuard, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector, decorators: [{
+                    type: Inject,
+                    args: [Injector]
+                }] }, { type: StateService, decorators: [{
+                    type: Inject,
+                    args: [StateService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_SERVICE]
+                }] }]; } });
 
 class TimerUtils {
     static createTimeout(func, time) {
@@ -2038,14 +2038,14 @@ class AclService {
         return info;
     }
 }
-AclService.ɵfac = function AclService_Factory(t) { return new (t || AclService)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(StateService), i0.ɵɵinject(AUTH_SERVICE)); };
-AclService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AclService, factory: AclService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AclService, [{
-        type: Injectable
-    }], function () { return [{ type: i0.Injector }, { type: StateService }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [AUTH_SERVICE]
-            }] }]; }, null); })();
+AclService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AclService, deps: [{ token: i0.Injector }, { token: StateService }, { token: AUTH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+AclService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AclService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AclService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: StateService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_SERVICE]
+                }] }]; } });
 
 class BaseHttpClient extends HttpClient {
     constructor(handler) {
@@ -2083,11 +2083,11 @@ class BaseHttpClient extends HttpClient {
         this.extraRequestParams[name] = value;
     }
 }
-BaseHttpClient.ɵfac = function BaseHttpClient_Factory(t) { return new (t || BaseHttpClient)(i0.ɵɵinject(i1$1.HttpHandler)); };
-BaseHttpClient.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseHttpClient, factory: BaseHttpClient.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHttpClient, [{
-        type: Injectable
-    }], function () { return [{ type: i1$1.HttpHandler }]; }, null); })();
+BaseHttpClient.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpClient, deps: [{ token: i1$1.HttpHandler }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseHttpClient.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpClient });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpClient, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.HttpHandler }]; } });
 
 /**
  * Use this service instead of Storage to avoid Angular Universal breaks on server environment
@@ -2127,11 +2127,11 @@ class StorageService {
         storage.removeItem(key);
     }
 }
-StorageService.ɵfac = function StorageService_Factory(t) { return new (t || StorageService)(i0.ɵɵinject(UniversalService)); };
-StorageService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StorageService, factory: StorageService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StorageService, [{
-        type: Injectable
-    }], function () { return [{ type: UniversalService }]; }, null); })();
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StorageService, deps: [{ token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StorageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: UniversalService }]; } });
 
 class BaseHttpService {
     constructor(client, storage, language, toaster, configs, request = null) {
@@ -2393,31 +2393,31 @@ class BaseHttpService {
     }
 }
 BaseHttpService.failedRequests = [];
-BaseHttpService.ɵfac = function BaseHttpService_Factory(t) { return new (t || BaseHttpService)(i0.ɵɵinject(BaseHttpClient), i0.ɵɵinject(StorageService), i0.ɵɵinject(LANGUAGE_SERVICE), i0.ɵɵinject(TOASTER_SERVICE), i0.ɵɵinject(CONFIG_SERVICE), i0.ɵɵinject(EXPRESS_REQUEST, 8)); };
-BaseHttpService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseHttpService, factory: BaseHttpService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHttpService, [{
-        type: Injectable
-    }], function () { return [{ type: BaseHttpClient, decorators: [{
-                type: Inject,
-                args: [BaseHttpClient]
-            }] }, { type: StorageService, decorators: [{
-                type: Inject,
-                args: [StorageService]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [LANGUAGE_SERVICE]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [TOASTER_SERVICE]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [CONFIG_SERVICE]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [EXPRESS_REQUEST]
-            }] }]; }, null); })();
+BaseHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpService, deps: [{ token: BaseHttpClient }, { token: StorageService }, { token: LANGUAGE_SERVICE }, { token: TOASTER_SERVICE }, { token: CONFIG_SERVICE }, { token: EXPRESS_REQUEST, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BaseHttpService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: BaseHttpClient, decorators: [{
+                    type: Inject,
+                    args: [BaseHttpClient]
+                }] }, { type: StorageService, decorators: [{
+                    type: Inject,
+                    args: [StorageService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LANGUAGE_SERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOASTER_SERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONFIG_SERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [EXPRESS_REQUEST]
+                }] }]; } });
 
 class ApiService extends BaseHttpService {
     get name() {
@@ -2448,11 +2448,11 @@ class ApiService extends BaseHttpService {
         return this.listPromise(url, params);
     }
 }
-ApiService.ɵfac = /*@__PURE__*/ function () { let ɵApiService_BaseFactory; return function ApiService_Factory(t) { return (ɵApiService_BaseFactory || (ɵApiService_BaseFactory = i0.ɵɵgetInheritedFactory(ApiService)))(t || ApiService); }; }();
-ApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ApiService, factory: ApiService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApiService, [{
-        type: Injectable
-    }], null, null); })();
+ApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ApiService, decorators: [{
+            type: Injectable
+        }] });
 
 class StaticAuthService {
     constructor() {
@@ -2468,26 +2468,18 @@ class StaticAuthService {
 }
 
 class ConfigService {
-    constructor(http, universal, rootElement, baseConfig = null, scriptParams = null) {
+    constructor(http, universal, rootElement, baseHref, baseConfig = null, scriptParams = null) {
         this.http = http;
         this.universal = universal;
         this.rootElement = rootElement;
+        this.baseHref = baseHref;
         for (const key in []) {
             Object.defineProperty(Array.prototype, key, {
                 enumerable: false
             });
         }
-        let baseUrl = "";
-        if (this.universal.isBrowser) {
-            const currentScript = document.currentScript;
-            if (!!currentScript) {
-                const scriptSrc = currentScript.src;
-                const srcParts = scriptSrc.split(".js");
-                baseUrl = scriptSrc.substr(0, srcParts[0].lastIndexOf("/") + 1);
-            }
-        }
         this.baseConfig = baseConfig || {};
-        this.loadedConfig = Object.assign(!baseUrl ? {} : { baseUrl, baseDomain: this.parseDomain(baseUrl) }, this.baseConfig);
+        this.loadedConfig = Object.assign(!this.baseHref ? {} : { baseUrl: this.baseHref, baseDomain: this.parseDomain(this.baseHref) }, this.baseConfig);
         this.scriptParameters = scriptParams || {};
         this.loaderFunc = () => {
             this.loader = this.loader || new Promise((resolve, reject) => {
@@ -2569,24 +2561,27 @@ class ConfigService {
         return decodeURIComponent(results[2].replace(/\+/g, " "));
     }
 }
-ConfigService.ɵfac = function ConfigService_Factory(t) { return new (t || ConfigService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(UniversalService), i0.ɵɵinject(ROOT_ELEMENT), i0.ɵɵinject(BASE_CONFIG, 8), i0.ɵɵinject(SCRIPT_PARAMS, 8)); };
-ConfigService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConfigService, factory: ConfigService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfigService, [{
-        type: Injectable
-    }], function () { return [{ type: i1$1.HttpClient }, { type: UniversalService }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [ROOT_ELEMENT]
-            }] }, { type: IConfiguration, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [BASE_CONFIG]
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [SCRIPT_PARAMS]
-            }] }]; }, null); })();
+ConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfigService, deps: [{ token: i1$1.HttpClient }, { token: UniversalService }, { token: ROOT_ELEMENT }, { token: APP_BASE_HREF }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfigService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfigService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: UniversalService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ROOT_ELEMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [APP_BASE_HREF]
+                }] }, { type: IConfiguration, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [BASE_CONFIG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [SCRIPT_PARAMS]
+                }] }]; } });
 
 class ErrorHandlerService extends ErrorHandler {
     constructor(injector) {
@@ -2627,11 +2622,11 @@ class ErrorHandlerService extends ErrorHandler {
         console.error(`[${date}]: ${error.message}\n${error.stack}`);
     }
 }
-ErrorHandlerService.ɵfac = function ErrorHandlerService_Factory(t) { return new (t || ErrorHandlerService)(i0.ɵɵinject(i0.Injector)); };
-ErrorHandlerService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ErrorHandlerService, factory: ErrorHandlerService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorHandlerService, [{
-        type: Injectable
-    }], function () { return [{ type: i0.Injector }]; }, null); })();
+ErrorHandlerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ErrorHandlerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorHandlerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ErrorHandlerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ErrorHandlerService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
 class EventsService {
     constructor() {
@@ -2651,11 +2646,11 @@ class EventsService {
         this.stickyUpdated.emit(sticky);
     }
 }
-EventsService.ɵfac = function EventsService_Factory(t) { return new (t || EventsService)(); };
-EventsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EventsService, factory: EventsService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EventsService, [{
-        type: Injectable
-    }], function () { return []; }, null); })();
+EventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EventsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EventsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
 
 class FormatterService {
     constructor(language) {
@@ -2690,14 +2685,14 @@ class FormatterService {
         return ObjectUtils.isNumber(precision) ? precision : this.defaultPrecision;
     }
 }
-FormatterService.ɵfac = function FormatterService_Factory(t) { return new (t || FormatterService)(i0.ɵɵinject(LANGUAGE_SERVICE)); };
-FormatterService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormatterService, factory: FormatterService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormatterService, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [LANGUAGE_SERVICE]
-            }] }]; }, null); })();
+FormatterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+FormatterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LANGUAGE_SERVICE]
+                }] }]; } });
 
 class GlobalTemplateService {
     constructor() {
@@ -2727,11 +2722,11 @@ class GlobalTemplateService {
         this.componentModifiers[id] = modifier;
     }
 }
-GlobalTemplateService.ɵfac = function GlobalTemplateService_Factory(t) { return new (t || GlobalTemplateService)(); };
-GlobalTemplateService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GlobalTemplateService, factory: GlobalTemplateService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalTemplateService, [{
-        type: Injectable
-    }], function () { return []; }, null); })();
+GlobalTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+GlobalTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
 
 class IconService {
     constructor() {
@@ -2751,11 +2746,11 @@ class IconService {
         return Promise.resolve(active ? activeIcon : icon);
     }
 }
-IconService.ɵfac = function IconService_Factory(t) { return new (t || IconService)(); };
-IconService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: IconService, factory: IconService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconService, [{
-        type: Injectable
-    }], function () { return []; }, null); })();
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
 
 class StaticLanguageService {
     constructor(events, storage, configs, promises, client) {
@@ -2892,26 +2887,26 @@ class StaticLanguageService {
         return browserLang;
     }
 }
-StaticLanguageService.ɵfac = function StaticLanguageService_Factory(t) { return new (t || StaticLanguageService)(i0.ɵɵinject(EventsService), i0.ɵɵinject(StorageService), i0.ɵɵinject(CONFIG_SERVICE), i0.ɵɵinject(PROMISE_SERVICE), i0.ɵɵinject(BaseHttpClient)); };
-StaticLanguageService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StaticLanguageService, factory: StaticLanguageService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StaticLanguageService, [{
-        type: Injectable
-    }], function () { return [{ type: EventsService, decorators: [{
-                type: Inject,
-                args: [EventsService]
-            }] }, { type: StorageService, decorators: [{
-                type: Inject,
-                args: [StorageService]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [CONFIG_SERVICE]
-            }] }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [PROMISE_SERVICE]
-            }] }, { type: BaseHttpClient, decorators: [{
-                type: Inject,
-                args: [BaseHttpClient]
-            }] }]; }, null); })();
+StaticLanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StaticLanguageService, deps: [{ token: EventsService }, { token: StorageService }, { token: CONFIG_SERVICE }, { token: PROMISE_SERVICE }, { token: BaseHttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+StaticLanguageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StaticLanguageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StaticLanguageService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: EventsService, decorators: [{
+                    type: Inject,
+                    args: [EventsService]
+                }] }, { type: StorageService, decorators: [{
+                    type: Inject,
+                    args: [StorageService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONFIG_SERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PROMISE_SERVICE]
+                }] }, { type: BaseHttpClient, decorators: [{
+                    type: Inject,
+                    args: [BaseHttpClient]
+                }] }]; } });
 
 class LanguageService extends StaticLanguageService {
     get currentLanguage() {
@@ -3015,11 +3010,11 @@ class LanguageService extends StaticLanguageService {
         return this.settingsPromise;
     }
 }
-LanguageService.ɵfac = /*@__PURE__*/ function () { let ɵLanguageService_BaseFactory; return function LanguageService_Factory(t) { return (ɵLanguageService_BaseFactory || (ɵLanguageService_BaseFactory = i0.ɵɵgetInheritedFactory(LanguageService)))(t || LanguageService); }; }();
-LanguageService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LanguageService, factory: LanguageService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageService, [{
-        type: Injectable
-    }], null, null); })();
+LanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: LanguageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+LanguageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: LanguageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: LanguageService, decorators: [{
+            type: Injectable
+        }] });
 
 class OpenApiService {
     constructor(api) {
@@ -3049,14 +3044,14 @@ class OpenApiService {
         return schemas[name];
     }
 }
-OpenApiService.ɵfac = function OpenApiService_Factory(t) { return new (t || OpenApiService)(i0.ɵɵinject(API_SERVICE)); };
-OpenApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OpenApiService, factory: OpenApiService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenApiService, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [API_SERVICE]
-            }] }]; }, null); })();
+OpenApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OpenApiService, deps: [{ token: API_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+OpenApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OpenApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: OpenApiService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_SERVICE]
+                }] }]; } });
 
 class ConsoleToasterService {
     constructor(language) {
@@ -3078,14 +3073,14 @@ class ConsoleToasterService {
         this.language.getTranslation(message, params).then(callback);
     }
 }
-ConsoleToasterService.ɵfac = function ConsoleToasterService_Factory(t) { return new (t || ConsoleToasterService)(i0.ɵɵinject(LANGUAGE_SERVICE)); };
-ConsoleToasterService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConsoleToasterService, factory: ConsoleToasterService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConsoleToasterService, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [LANGUAGE_SERVICE]
-            }] }]; }, null); })();
+ConsoleToasterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConsoleToasterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+ConsoleToasterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConsoleToasterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConsoleToasterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LANGUAGE_SERVICE]
+                }] }]; } });
 
 class TranslatedUrlSerializer extends DefaultUrlSerializer {
     constructor(language) {
@@ -3147,14 +3142,14 @@ class TranslatedUrlSerializer extends DefaultUrlSerializer {
         return newGroup;
     }
 }
-TranslatedUrlSerializer.ɵfac = function TranslatedUrlSerializer_Factory(t) { return new (t || TranslatedUrlSerializer)(i0.ɵɵinject(LANGUAGE_SERVICE)); };
-TranslatedUrlSerializer.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TranslatedUrlSerializer, factory: TranslatedUrlSerializer.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatedUrlSerializer, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [LANGUAGE_SERVICE]
-            }] }]; }, null); })();
+TranslatedUrlSerializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatedUrlSerializer, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslatedUrlSerializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatedUrlSerializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatedUrlSerializer, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LANGUAGE_SERVICE]
+                }] }]; } });
 
 class PromiseService {
     constructor(zone) {
@@ -3200,14 +3195,14 @@ class PromiseService {
         });
     }
 }
-PromiseService.ɵfac = function PromiseService_Factory(t) { return new (t || PromiseService)(i0.ɵɵinject(NgZone)); };
-PromiseService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PromiseService, factory: PromiseService.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PromiseService, [{
-        type: Injectable
-    }], function () { return [{ type: i0.NgZone, decorators: [{
-                type: Inject,
-                args: [NgZone]
-            }] }]; }, null); })();
+PromiseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PromiseService, deps: [{ token: NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+PromiseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PromiseService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PromiseService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }]; } });
 
 function emptyRemove$1() {
 }
@@ -3252,14 +3247,14 @@ class ResizeEventPlugin extends ɵDomEventsPlugin {
     }
 }
 ResizeEventPlugin.EVENT_NAME = "resize";
-ResizeEventPlugin.ɵfac = function ResizeEventPlugin_Factory(t) { return new (t || ResizeEventPlugin)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(UniversalService)); };
-ResizeEventPlugin.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ResizeEventPlugin, factory: ResizeEventPlugin.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResizeEventPlugin, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: UniversalService }]; }, null); })();
+ResizeEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ResizeEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ResizeEventPlugin, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: UniversalService }]; } });
 
 function emptyRemove() {
 }
@@ -3285,14 +3280,14 @@ class ScrollEventPlugin extends ɵDomEventsPlugin {
     }
 }
 ScrollEventPlugin.EVENT_NAME = "scroll";
-ScrollEventPlugin.ɵfac = function ScrollEventPlugin_Factory(t) { return new (t || ScrollEventPlugin)(i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(UniversalService)); };
-ScrollEventPlugin.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ScrollEventPlugin, factory: ScrollEventPlugin.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollEventPlugin, [{
-        type: Injectable
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: UniversalService }]; }, null); })();
+ScrollEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ScrollEventPlugin, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: UniversalService }]; } });
 
 class ChunkPipe {
     transform(items, count) {
@@ -3308,14 +3303,14 @@ class ChunkPipe {
         return result;
     }
 }
-ChunkPipe.ɵfac = function ChunkPipe_Factory(t) { return new (t || ChunkPipe)(); };
-ChunkPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "chunk", type: ChunkPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChunkPipe, [{
-        type: Pipe,
-        args: [{
-                name: "chunk"
-            }]
-    }], null, null); })();
+ChunkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ChunkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ChunkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ChunkPipe, name: "chunk" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ChunkPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "chunk"
+                }]
+        }] });
 
 const emptyEntries = [];
 class EntriesPipe {
@@ -3333,14 +3328,14 @@ class EntriesPipe {
         return entries;
     }
 }
-EntriesPipe.ɵfac = function EntriesPipe_Factory(t) { return new (t || EntriesPipe)(); };
-EntriesPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "entries", type: EntriesPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntriesPipe, [{
-        type: Pipe,
-        args: [{
-                name: "entries"
-            }]
-    }], null, null); })();
+EntriesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+EntriesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EntriesPipe, name: "entries" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: EntriesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "entries"
+                }]
+        }] });
 
 class ExtraItemPropertiesPipe {
     transform(items, properties, params = {}) {
@@ -3361,14 +3356,14 @@ class ExtraItemPropertiesPipe {
         }, { ...item }));
     }
 }
-ExtraItemPropertiesPipe.ɵfac = function ExtraItemPropertiesPipe_Factory(t) { return new (t || ExtraItemPropertiesPipe)(); };
-ExtraItemPropertiesPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "extraItemProperties", type: ExtraItemPropertiesPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExtraItemPropertiesPipe, [{
-        type: Pipe,
-        args: [{
-                name: "extraItemProperties"
-            }]
-    }], null, null); })();
+ExtraItemPropertiesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ExtraItemPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ExtraItemPropertiesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ExtraItemPropertiesPipe, name: "extraItemProperties" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ExtraItemPropertiesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "extraItemProperties"
+                }]
+        }] });
 
 function defaultFilter$1() {
     return true;
@@ -3400,14 +3395,14 @@ class FilterPipe {
         });
     }
 }
-FilterPipe.ɵfac = function FilterPipe_Factory(t) { return new (t || FilterPipe)(); };
-FilterPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filter", type: FilterPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPipe, [{
-        type: Pipe,
-        args: [{
-                name: "filter"
-            }]
-    }], null, null); })();
+FilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FilterPipe, name: "filter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "filter"
+                }]
+        }] });
 
 function defaultFilter() {
     return true;
@@ -3426,14 +3421,14 @@ class FindPipe {
         return values.find((value, index) => filterFunc(value, index, params));
     }
 }
-FindPipe.ɵfac = function FindPipe_Factory(t) { return new (t || FindPipe)(); };
-FindPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "find", type: FindPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FindPipe, [{
-        type: Pipe,
-        args: [{
-                name: "find"
-            }]
-    }], null, null); })();
+FindPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FindPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FindPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FindPipe, name: "find" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FindPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "find"
+                }]
+        }] });
 
 class FormatNumberPipe {
     constructor(formatter) {
@@ -3443,42 +3438,42 @@ class FormatNumberPipe {
         return this.formatter.formatNumber(value, format, precision, divider);
     }
 }
-FormatNumberPipe.ɵfac = function FormatNumberPipe_Factory(t) { return new (t || FormatNumberPipe)(i0.ɵɵdirectiveInject(FormatterService, 16)); };
-FormatNumberPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "formatNumber", type: FormatNumberPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormatNumberPipe, [{
-        type: Pipe,
-        args: [{
-                name: "formatNumber"
-            }]
-    }], function () { return [{ type: FormatterService }]; }, null); })();
+FormatNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+FormatNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatNumberPipe, name: "formatNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormatNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "formatNumber"
+                }]
+        }], ctorParameters: function () { return [{ type: FormatterService }]; } });
 
 class GetOffsetPipe {
     transform(value, offset) {
         return value ? (ObjectUtils.isNullOrUndefined(offset) ? value : value[offset]) : null;
     }
 }
-GetOffsetPipe.ɵfac = function GetOffsetPipe_Factory(t) { return new (t || GetOffsetPipe)(); };
-GetOffsetPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "getOffset", type: GetOffsetPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GetOffsetPipe, [{
-        type: Pipe,
-        args: [{
-                name: "getOffset"
-            }]
-    }], null, null); })();
+GetOffsetPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GetOffsetPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetOffsetPipe, name: "getOffset" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetOffsetPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "getOffset"
+                }]
+        }] });
 
 class GetTypePipe {
     transform(value) {
         return typeof value;
     }
 }
-GetTypePipe.ɵfac = function GetTypePipe_Factory(t) { return new (t || GetTypePipe)(); };
-GetTypePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "getType", type: GetTypePipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GetTypePipe, [{
-        type: Pipe,
-        args: [{
-                name: "getType"
-            }]
-    }], null, null); })();
+GetTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GetTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetTypePipe, name: "getType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GetTypePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "getType"
+                }]
+        }] });
 
 class GlobalTemplatePipe {
     constructor(globalTemplates) {
@@ -3505,18 +3500,18 @@ class GlobalTemplatePipe {
         return this.cachedTemplate;
     }
 }
-GlobalTemplatePipe.ɵfac = function GlobalTemplatePipe_Factory(t) { return new (t || GlobalTemplatePipe)(i0.ɵɵdirectiveInject(GLOBAL_TEMPLATES, 16)); };
-GlobalTemplatePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "globalTemplate", type: GlobalTemplatePipe, pure: false });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalTemplatePipe, [{
-        type: Pipe,
-        args: [{
-                pure: false,
-                name: "globalTemplate"
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [GLOBAL_TEMPLATES]
-            }] }]; }, null); })();
+GlobalTemplatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GLOBAL_TEMPLATES }], target: i0.ɵɵFactoryTarget.Pipe });
+GlobalTemplatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplatePipe, name: "globalTemplate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    pure: false,
+                    name: "globalTemplate"
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [GLOBAL_TEMPLATES]
+                }] }]; } });
 
 class GroupByPipe {
     transform(records, column, map = null) {
@@ -3533,28 +3528,28 @@ class GroupByPipe {
         });
     }
 }
-GroupByPipe.ɵfac = function GroupByPipe_Factory(t) { return new (t || GroupByPipe)(); };
-GroupByPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "groupBy", type: GroupByPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupByPipe, [{
-        type: Pipe,
-        args: [{
-                name: "groupBy"
-            }]
-    }], null, null); })();
+GroupByPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GroupByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GroupByPipe, name: "groupBy" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GroupByPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "groupBy"
+                }]
+        }] });
 
 class IsTypePipe {
     transform(value, type) {
         return (typeof value) === type;
     }
 }
-IsTypePipe.ɵfac = function IsTypePipe_Factory(t) { return new (t || IsTypePipe)(); };
-IsTypePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "isType", type: IsTypePipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsTypePipe, [{
-        type: Pipe,
-        args: [{
-                name: "isType"
-            }]
-    }], null, null); })();
+IsTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IsTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+IsTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IsTypePipe, name: "isType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IsTypePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "isType"
+                }]
+        }] });
 
 class JoinPipe {
     transform(value, separator = ", ") {
@@ -3563,14 +3558,14 @@ class JoinPipe {
             : "";
     }
 }
-JoinPipe.ɵfac = function JoinPipe_Factory(t) { return new (t || JoinPipe)(); };
-JoinPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "join", type: JoinPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JoinPipe, [{
-        type: Pipe,
-        args: [{
-                name: "join"
-            }]
-    }], null, null); })();
+JoinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+JoinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: JoinPipe, name: "join" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: JoinPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "join"
+                }]
+        }] });
 
 const emptyKeys = [];
 class KeysPipe {
@@ -3582,14 +3577,14 @@ class KeysPipe {
             : Object.keys(value);
     }
 }
-KeysPipe.ɵfac = function KeysPipe_Factory(t) { return new (t || KeysPipe)(); };
-KeysPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "keys", type: KeysPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KeysPipe, [{
-        type: Pipe,
-        args: [{
-                name: "keys"
-            }]
-    }], null, null); })();
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: KeysPipe, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: KeysPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "keys"
+                }]
+        }] });
 
 function defaultMapper(item) {
     return item;
@@ -3608,14 +3603,14 @@ class MapPipe {
         return values.map((value, index) => mapperFunc(value, index, params));
     }
 }
-MapPipe.ɵfac = function MapPipe_Factory(t) { return new (t || MapPipe)(); };
-MapPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "map", type: MapPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapPipe, [{
-        type: Pipe,
-        args: [{
-                name: "map"
-            }]
-    }], null, null); })();
+MapPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MapPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MapPipe, name: "map" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MapPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "map"
+                }]
+        }] });
 
 class MaxPipe {
     transform(value, selector = null, params = {}) {
@@ -3630,14 +3625,14 @@ class MaxPipe {
         return ArrayUtils.max(value, (item, index) => maxSelector(item, index, params));
     }
 }
-MaxPipe.ɵfac = function MaxPipe_Factory(t) { return new (t || MaxPipe)(); };
-MaxPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "max", type: MaxPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MaxPipe, [{
-        type: Pipe,
-        args: [{
-                name: "max"
-            }]
-    }], null, null); })();
+MaxPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MaxPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MaxPipe, name: "max" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MaxPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "max"
+                }]
+        }] });
 
 class MinPipe {
     transform(value, selector = null, params = {}) {
@@ -3652,14 +3647,14 @@ class MinPipe {
         return ArrayUtils.min(value, (item, index) => minSelector(item, index, params));
     }
 }
-MinPipe.ɵfac = function MinPipe_Factory(t) { return new (t || MinPipe)(); };
-MinPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "min", type: MinPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MinPipe, [{
-        type: Pipe,
-        args: [{
-                name: "min"
-            }]
-    }], null, null); })();
+MinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MinPipe, name: "min" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MinPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "min"
+                }]
+        }] });
 
 function defaultReducer(result) {
     return result;
@@ -3679,14 +3674,14 @@ class ReducePipe {
         return values.reduce((result, value, index) => mapperFunc(result, value, index, params), source);
     }
 }
-ReducePipe.ɵfac = function ReducePipe_Factory(t) { return new (t || ReducePipe)(); };
-ReducePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "reduce", type: ReducePipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReducePipe, [{
-        type: Pipe,
-        args: [{
-                name: "reduce"
-            }]
-    }], null, null); })();
+ReducePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReducePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReducePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReducePipe, name: "reduce" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReducePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "reduce"
+                }]
+        }] });
 
 const empty = {};
 class RemapPipe {
@@ -3708,28 +3703,28 @@ class RemapPipe {
         return remapped.map;
     }
 }
-RemapPipe.ɵfac = function RemapPipe_Factory(t) { return new (t || RemapPipe)(); };
-RemapPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "remap", type: RemapPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RemapPipe, [{
-        type: Pipe,
-        args: [{
-                name: "remap"
-            }]
-    }], null, null); })();
+RemapPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RemapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RemapPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RemapPipe, name: "remap" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RemapPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "remap"
+                }]
+        }] });
 
 class ReplacePipe {
     transform(value, from, to) {
         return value ? value.replace(from, to) : value;
     }
 }
-ReplacePipe.ɵfac = function ReplacePipe_Factory(t) { return new (t || ReplacePipe)(); };
-ReplacePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "replace", type: ReplacePipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReplacePipe, [{
-        type: Pipe,
-        args: [{
-                name: "replace"
-            }]
-    }], null, null); })();
+ReplacePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReplacePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReplacePipe, name: "replace" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReplacePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "replace"
+                }]
+        }] });
 
 const emptyArray = [];
 class ReversePipe {
@@ -3743,14 +3738,14 @@ class ReversePipe {
         return result;
     }
 }
-ReversePipe.ɵfac = function ReversePipe_Factory(t) { return new (t || ReversePipe)(); };
-ReversePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "reverse", type: ReversePipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReversePipe, [{
-        type: Pipe,
-        args: [{
-                name: "reverse"
-            }]
-    }], null, null); })();
+ReversePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReversePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReversePipe, name: "reverse" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ReversePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "reverse"
+                }]
+        }] });
 
 class RoundPipe {
     constructor(formatter) {
@@ -3760,14 +3755,14 @@ class RoundPipe {
         return this.formatter.roundNumber(value, precision, divider);
     }
 }
-RoundPipe.ɵfac = function RoundPipe_Factory(t) { return new (t || RoundPipe)(i0.ɵɵdirectiveInject(FormatterService, 16)); };
-RoundPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "round", type: RoundPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoundPipe, [{
-        type: Pipe,
-        args: [{
-                name: "round"
-            }]
-    }], function () { return [{ type: FormatterService }]; }, null); })();
+RoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RoundPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+RoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RoundPipe, name: "round" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RoundPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "round"
+                }]
+        }], ctorParameters: function () { return [{ type: FormatterService }]; } });
 
 class SafeHtmlPipe {
     constructor(sanitizer) {
@@ -3790,14 +3785,14 @@ class SafeHtmlPipe {
         }
     }
 }
-SafeHtmlPipe.ɵfac = function SafeHtmlPipe_Factory(t) { return new (t || SafeHtmlPipe)(i0.ɵɵdirectiveInject(i1$2.DomSanitizer, 16)); };
-SafeHtmlPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "safe", type: SafeHtmlPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SafeHtmlPipe, [{
-        type: Pipe,
-        args: [{
-                name: "safe"
-            }]
-    }], function () { return [{ type: i1$2.DomSanitizer }]; }, null); })();
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SafeHtmlPipe, name: "safe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "safe"
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
 class TranslatePipe {
     constructor(cdr, language) {
@@ -3865,21 +3860,21 @@ class TranslatePipe {
         return this.lastValue;
     }
 }
-TranslatePipe.ɵfac = function TranslatePipe_Factory(t) { return new (t || TranslatePipe)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef, 16), i0.ɵɵdirectiveInject(LANGUAGE_SERVICE, 16)); };
-TranslatePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "translate", type: TranslatePipe, pure: false });
-TranslatePipe.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TranslatePipe, factory: TranslatePipe.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TranslatePipe, [{
-        type: Injectable
-    }, {
-        type: Pipe,
-        args: [{
-                name: "translate",
-                pure: false
-            }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [LANGUAGE_SERVICE]
-            }] }]; }, null); })();
+TranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Pipe });
+TranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatePipe, name: "translate", pure: false });
+TranslatePipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatePipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TranslatePipe, decorators: [{
+            type: Injectable
+        }, {
+            type: Pipe,
+            args: [{
+                    name: "translate",
+                    pure: false
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LANGUAGE_SERVICE]
+                }] }]; } });
 
 const emptyValues = [];
 class ValuesPipe {
@@ -3891,14 +3886,14 @@ class ValuesPipe {
             : Object.keys(value).map(key => value[key]);
     }
 }
-ValuesPipe.ɵfac = function ValuesPipe_Factory(t) { return new (t || ValuesPipe)(); };
-ValuesPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "values", type: ValuesPipe, pure: true });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValuesPipe, [{
-        type: Pipe,
-        args: [{
-                name: "values"
-            }]
-    }], null, null); })();
+ValuesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ValuesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ValuesPipe, name: "values" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ValuesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "values"
+                }]
+        }] });
 
 class AsyncMethodBase {
     constructor(toaster) {
@@ -3912,6 +3907,9 @@ class AsyncMethodBase {
     get isLoading() {
         return this.loading;
     }
+    getMethod() {
+        return async () => null;
+    }
     click() {
         if (this.disabled)
             return;
@@ -3943,52 +3941,52 @@ class AsyncMethodBase {
         return true;
     }
 }
-AsyncMethodBase.ɵfac = function AsyncMethodBase_Factory(t) { i0.ɵɵinvalidFactory(); };
-AsyncMethodBase.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AsyncMethodBase, factory: AsyncMethodBase.ɵfac });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AsyncMethodBase, [{
-        type: Injectable
-    }], function () { return [{ type: undefined }]; }, { disabled: [{
-            type: Input
-        }], context: [{
-            type: Input
-        }], onSuccess: [{
-            type: Output
-        }], onError: [{
-            type: Output
-        }], isDisabled: [{
-            type: HostBinding,
-            args: ["class.disabled"]
-        }], isLoading: [{
-            type: HostBinding,
-            args: ["class.loading"]
-        }], click: [{
-            type: HostListener,
-            args: ["click"]
-        }] }); })();
+AsyncMethodBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AsyncMethodBase, deps: [{ token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Directive });
+AsyncMethodBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AsyncMethodBase, selector: "[__asmb__]", inputs: { disabled: "disabled", context: "context" }, outputs: { onSuccess: "onSuccess", onError: "onError" }, host: { listeners: { "click": "click()" }, properties: { "class.disabled": "this.isDisabled", "class.loading": "this.isLoading" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AsyncMethodBase, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[__asmb__]"
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOASTER_SERVICE]
+                }] }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], onSuccess: [{
+                type: Output
+            }], onError: [{
+                type: Output
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ["class.disabled"]
+            }], isLoading: [{
+                type: HostBinding,
+                args: ["class.loading"]
+            }], click: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
 
 class AsyncMethodDirective extends AsyncMethodBase {
-    constructor(toaster) {
-        super(toaster);
-    }
     getMethod() {
         return this.method;
     }
 }
-AsyncMethodDirective.ɵfac = function AsyncMethodDirective_Factory(t) { return new (t || AsyncMethodDirective)(i0.ɵɵdirectiveInject(TOASTER_SERVICE)); };
-AsyncMethodDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AsyncMethodDirective, selectors: [["", "async-method", ""]], inputs: { method: ["async-method", "method"] }, exportAs: ["async-method"], features: [i0.ɵɵInheritDefinitionFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AsyncMethodDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[async-method]",
-                exportAs: "async-method"
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [TOASTER_SERVICE]
-            }] }]; }, { method: [{
-            type: Input,
-            args: ["async-method"]
-        }] }); })();
+AsyncMethodDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AsyncMethodDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AsyncMethodDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: AsyncMethodDirective, selector: "[async-method]", inputs: { method: ["async-method", "method"] }, exportAs: ["async-method"], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AsyncMethodDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[async-method]",
+                    exportAs: "async-method"
+                }]
+        }], propDecorators: { method: [{
+                type: Input,
+                args: ["async-method"]
+            }] } });
 
 const defaultClass = "default-image";
 const loadingClass = "loading-image";
@@ -4021,36 +4019,36 @@ class BackgroundDirective {
         this.renderer.setStyle(this.element.nativeElement, "background-size", this.backgroundSize);
     }
 }
-BackgroundDirective.ɵfac = function BackgroundDirective_Factory(t) { return new (t || BackgroundDirective)(i0.ɵɵdirectiveInject(i1$1.HttpClient), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(UniversalService)); };
-BackgroundDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BackgroundDirective, selectors: [["", "background", ""]], inputs: { background: "background", backgroundSize: "backgroundSize" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackgroundDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[background]"
-            }]
-    }], function () { return [{ type: i1$1.HttpClient }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: UniversalService }]; }, { background: [{
-            type: Input
-        }], backgroundSize: [{
-            type: Input
-        }] }); })();
+BackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackgroundDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive });
+BackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: BackgroundDirective, selector: "[background]", inputs: { background: "background", backgroundSize: "backgroundSize" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackgroundDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[background]"
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: UniversalService }]; }, propDecorators: { background: [{
+                type: Input
+            }], backgroundSize: [{
+                type: Input
+            }] } });
 
 class DynamicTableTemplateDirective {
     constructor(ref) {
         this.ref = ref;
     }
 }
-DynamicTableTemplateDirective.ɵfac = function DynamicTableTemplateDirective_Factory(t) { return new (t || DynamicTableTemplateDirective)(i0.ɵɵdirectiveInject(i0.TemplateRef)); };
-DynamicTableTemplateDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DynamicTableTemplateDirective, selectors: [["ng-template", "column", ""]], inputs: { column: "column", pure: "pure" } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicTableTemplateDirective, [{
-        type: Directive,
-        args: [{
-                selector: "ng-template[column]"
-            }]
-    }], function () { return [{ type: i0.TemplateRef }]; }, { column: [{
-            type: Input
-        }], pure: [{
-            type: Input
-        }] }); })();
+DynamicTableTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicTableTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+DynamicTableTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: DynamicTableTemplateDirective, selector: "ng-template[column]", inputs: { column: "column", pure: "pure" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicTableTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[column]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { column: [{
+                type: Input
+            }], pure: [{
+                type: Input
+            }] } });
 
 class GlobalTemplateDirective {
     constructor(globalTemplates, template) {
@@ -4064,20 +4062,20 @@ class GlobalTemplateDirective {
         this.globalTemplates.remove(this.id);
     }
 }
-GlobalTemplateDirective.ɵfac = function GlobalTemplateDirective_Factory(t) { return new (t || GlobalTemplateDirective)(i0.ɵɵdirectiveInject(GLOBAL_TEMPLATES), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
-GlobalTemplateDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: GlobalTemplateDirective, selectors: [["", "globalTemplate", ""]], inputs: { id: ["globalTemplate", "id"] } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalTemplateDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[globalTemplate]"
-            }]
-    }], function () { return [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [GLOBAL_TEMPLATES]
-            }] }, { type: i0.TemplateRef }]; }, { id: [{
-            type: Input,
-            args: ["globalTemplate"]
-        }] }); })();
+GlobalTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplateDirective, deps: [{ token: GLOBAL_TEMPLATES }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GlobalTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: GlobalTemplateDirective, selector: "[globalTemplate]", inputs: { id: ["globalTemplate", "id"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: GlobalTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[globalTemplate]"
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [GLOBAL_TEMPLATES]
+                }] }, { type: i0.TemplateRef }]; }, propDecorators: { id: [{
+                type: Input,
+                args: ["globalTemplate"]
+            }] } });
 
 class IconDirective {
     constructor(element, renderer, icons) {
@@ -4117,35 +4115,31 @@ class IconDirective {
         });
     }
 }
-IconDirective.ɵfac = function IconDirective_Factory(t) { return new (t || IconDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(ICON_SERVICE)); };
-IconDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: IconDirective, selectors: [["", "icon", ""]], hostVars: 2, hostBindings: function IconDirective_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵlistener("click", function IconDirective_click_HostBindingHandler() { return ctx.click(); });
-    } if (rf & 2) {
-        i0.ɵɵclassProp("active", ctx.isActive);
-    } }, inputs: { icon: "icon", activeIcon: "activeIcon", active: "active" }, outputs: { activeChange: "activeChange" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[icon]"
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [ICON_SERVICE]
-            }] }]; }, { icon: [{
-            type: Input
-        }], activeIcon: [{
-            type: Input
-        }], active: [{
-            type: Input
-        }], activeChange: [{
-            type: Output
-        }], isActive: [{
-            type: HostBinding,
-            args: ["class.active"]
-        }], click: [{
-            type: HostListener,
-            args: ["click"]
-        }] }); })();
+IconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ICON_SERVICE }], target: i0.ɵɵFactoryTarget.Directive });
+IconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: IconDirective, selector: "[icon]", inputs: { icon: "icon", activeIcon: "activeIcon", active: "active" }, outputs: { activeChange: "activeChange" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.isActive" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[icon]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ICON_SERVICE]
+                }] }]; }, propDecorators: { icon: [{
+                type: Input
+            }], activeIcon: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], activeChange: [{
+                type: Output
+            }], isActive: [{
+                type: HostBinding,
+                args: ["class.active"]
+            }], click: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
 
 class NgxTemplateOutletDirective {
     constructor(_viewContainerRef) {
@@ -4219,20 +4213,20 @@ class NgxTemplateOutletDirective {
         }
     }
 }
-NgxTemplateOutletDirective.ɵfac = function NgxTemplateOutletDirective_Factory(t) { return new (t || NgxTemplateOutletDirective)(i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-NgxTemplateOutletDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NgxTemplateOutletDirective, selectors: [["", "ngxTemplateOutlet", ""]], inputs: { context: "context", additionalContext: "additionalContext", ngxTemplateOutlet: "ngxTemplateOutlet" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgxTemplateOutletDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[ngxTemplateOutlet]"
-            }]
-    }], function () { return [{ type: i0.ViewContainerRef }]; }, { context: [{
-            type: Input
-        }], additionalContext: [{
-            type: Input
-        }], ngxTemplateOutlet: [{
-            type: Input
-        }] }); })();
+NgxTemplateOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxTemplateOutletDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgxTemplateOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: { context: "context", additionalContext: "additionalContext", ngxTemplateOutlet: "ngxTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxTemplateOutletDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[ngxTemplateOutlet]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { context: [{
+                type: Input
+            }], additionalContext: [{
+                type: Input
+            }], ngxTemplateOutlet: [{
+                type: Input
+            }] } });
 
 class PaginationDirective {
     constructor(zone) {
@@ -4288,30 +4282,30 @@ class PaginationDirective {
         });
     }
 }
-PaginationDirective.ɵfac = function PaginationDirective_Factory(t) { return new (t || PaginationDirective)(i0.ɵɵdirectiveInject(i0.NgZone)); };
-PaginationDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PaginationDirective, selectors: [["", "pagination", ""]], inputs: { loader: ["pagination", "loader"], page: "page", itemsPerPage: "itemsPerPage", updateTime: "updateTime", waitFor: "waitFor" }, outputs: { pageChange: "pageChange", onRefresh: "onRefresh" }, exportAs: ["pagination"], features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[pagination]",
-                exportAs: "pagination"
-            }]
-    }], function () { return [{ type: i0.NgZone }]; }, { loader: [{
-            type: Input,
-            args: ["pagination"]
-        }], page: [{
-            type: Input
-        }], itemsPerPage: [{
-            type: Input
-        }], updateTime: [{
-            type: Input
-        }], waitFor: [{
-            type: Input
-        }], pageChange: [{
-            type: Output
-        }], onRefresh: [{
-            type: Output
-        }] }); })();
+PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: PaginationDirective, selector: "[pagination]", inputs: { loader: ["pagination", "loader"], page: "page", itemsPerPage: "itemsPerPage", updateTime: "updateTime", waitFor: "waitFor" }, outputs: { pageChange: "pageChange", onRefresh: "onRefresh" }, exportAs: ["pagination"], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[pagination]",
+                    exportAs: "pagination"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { loader: [{
+                type: Input,
+                args: ["pagination"]
+            }], page: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], updateTime: [{
+                type: Input
+            }], waitFor: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], onRefresh: [{
+                type: Output
+            }] } });
 
 class PaginationItemDirective {
     constructor(pagination, viewContainer, templateRef) {
@@ -4333,14 +4327,14 @@ class PaginationItemDirective {
         });
     }
 }
-PaginationItemDirective.ɵfac = function PaginationItemDirective_Factory(t) { return new (t || PaginationItemDirective)(i0.ɵɵdirectiveInject(PaginationDirective), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
-PaginationItemDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PaginationItemDirective, selectors: [["", "paginationItem", ""]] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationItemDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[paginationItem]"
-            }]
-    }], function () { return [{ type: PaginationDirective }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; }, null); })();
+PaginationItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationItemDirective, deps: [{ token: PaginationDirective }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: PaginationItemDirective, selector: "[paginationItem]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[paginationItem]"
+                }]
+        }], ctorParameters: function () { return [{ type: PaginationDirective }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }]; } });
 
 class ResourceIfDirective {
     constructor(http, viewContainer, templateRef, universal) {
@@ -4372,17 +4366,17 @@ class ResourceIfDirective {
         }
     }
 }
-ResourceIfDirective.ɵfac = function ResourceIfDirective_Factory(t) { return new (t || ResourceIfDirective)(i0.ɵɵdirectiveInject(i1$1.HttpClient), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(UniversalService)); };
-ResourceIfDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ResourceIfDirective, selectors: [["", "resourceIf", ""]], inputs: { resourceIf: "resourceIf" }, exportAs: ["resourceIf"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceIfDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[resourceIf]",
-                exportAs: "resourceIf"
-            }]
-    }], function () { return [{ type: i1$1.HttpClient }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: UniversalService }]; }, { resourceIf: [{
-            type: Input
-        }] }); })();
+ResourceIfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ResourceIfDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive });
+ResourceIfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: ResourceIfDirective, selector: "[resourceIf]", inputs: { resourceIf: "resourceIf" }, exportAs: ["resourceIf"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ResourceIfDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[resourceIf]",
+                    exportAs: "resourceIf"
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: UniversalService }]; }, propDecorators: { resourceIf: [{
+                type: Input
+            }] } });
 
 class StickyDirective {
     constructor(cdr, events, element) {
@@ -4413,30 +4407,26 @@ class StickyDirective {
         this.updateTimer.run();
     }
 }
-StickyDirective.ɵfac = function StickyDirective_Factory(t) { return new (t || StickyDirective)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(EventsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-StickyDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: StickyDirective, selectors: [["", "sticky", ""]], hostVars: 4, hostBindings: function StickyDirective_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵlistener("resize", function StickyDirective_resize_HostBindingHandler() { return ctx.updateSticky(); }, false, i0.ɵɵresolveWindow)("scroll", function StickyDirective_scroll_HostBindingHandler() { return ctx.updateSticky(); }, false, i0.ɵɵresolveWindow);
-    } if (rf & 2) {
-        i0.ɵɵclassProp("sticky", ctx.isSticky)("sticky-update", ctx.isUpdating);
-    } } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StickyDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[sticky]"
-            }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: EventsService }, { type: i0.ElementRef }]; }, { isSticky: [{
-            type: HostBinding,
-            args: ["class.sticky"]
-        }], isUpdating: [{
-            type: HostBinding,
-            args: ["class.sticky-update"]
-        }], updateSticky: [{
-            type: HostListener,
-            args: ["window:resize"]
-        }, {
-            type: HostListener,
-            args: ["window:scroll"]
-        }] }); })();
+StickyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StickyDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: EventsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+StickyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: StickyDirective, selector: "[sticky]", host: { listeners: { "window:resize": "updateSticky()", "window:scroll": "updateSticky()" }, properties: { "class.sticky": "this.isSticky", "class.sticky-update": "this.isUpdating" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StickyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[sticky]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: EventsService }, { type: i0.ElementRef }]; }, propDecorators: { isSticky: [{
+                type: HostBinding,
+                args: ["class.sticky"]
+            }], isUpdating: [{
+                type: HostBinding,
+                args: ["class.sticky-update"]
+            }], updateSticky: [{
+                type: HostListener,
+                args: ["window:resize"]
+            }, {
+                type: HostListener,
+                args: ["window:scroll"]
+            }] } });
 
 class StickyClassDirective {
     constructor(events, element, renderer) {
@@ -4457,16 +4447,16 @@ class StickyClassDirective {
         this.stickyUpdated.unsubscribe();
     }
 }
-StickyClassDirective.ɵfac = function StickyClassDirective_Factory(t) { return new (t || StickyClassDirective)(i0.ɵɵdirectiveInject(EventsService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); };
-StickyClassDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: StickyClassDirective, selectors: [["", "stickyClass", ""]], inputs: { stickyClass: "stickyClass" } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StickyClassDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[stickyClass]"
-            }]
-    }], function () { return [{ type: EventsService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { stickyClass: [{
-            type: Input
-        }] }); })();
+StickyClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StickyClassDirective, deps: [{ token: EventsService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+StickyClassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: StickyClassDirective, selector: "[stickyClass]", inputs: { stickyClass: "stickyClass" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: StickyClassDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[stickyClass]"
+                }]
+        }], ctorParameters: function () { return [{ type: EventsService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { stickyClass: [{
+                type: Input
+            }] } });
 
 class UnorderedListItemDirective {
     constructor(elementRef, renderer, viewContainer) {
@@ -4514,33 +4504,33 @@ class UnorderedListItemDirective {
         this.item.classList.push(className);
     }
 }
-UnorderedListItemDirective.ɵfac = function UnorderedListItemDirective_Factory(t) { return new (t || UnorderedListItemDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
-UnorderedListItemDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: UnorderedListItemDirective, selectors: [["", "unorderedListItem", ""]], inputs: { item: ["unorderedListItem", "item"], type: "type", data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates", defaultTemplates: "defaultTemplates" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnorderedListItemDirective, [{
-        type: Directive,
-        args: [{
-                selector: "[unorderedListItem]"
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, { item: [{
-            type: Input,
-            args: ["unorderedListItem"]
-        }], type: [{
-            type: Input
-        }], data: [{
-            type: Input
-        }], keyPrefix: [{
-            type: Input
-        }], listStyle: [{
-            type: Input
-        }], path: [{
-            type: Input
-        }], level: [{
-            type: Input
-        }], templates: [{
-            type: Input
-        }], defaultTemplates: [{
-            type: Input
-        }] }); })();
+UnorderedListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+UnorderedListItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: UnorderedListItemDirective, selector: "[unorderedListItem]", inputs: { item: ["unorderedListItem", "item"], type: "type", data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates", defaultTemplates: "defaultTemplates" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[unorderedListItem]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, propDecorators: { item: [{
+                type: Input,
+                args: ["unorderedListItem"]
+            }], type: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], keyPrefix: [{
+                type: Input
+            }], listStyle: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], templates: [{
+                type: Input
+            }], defaultTemplates: [{
+                type: Input
+            }] } });
 
 class UnorderedListTemplateDirective extends UnorederedListTemplate {
     constructor(elementRef, templateRef) {
@@ -4552,191 +4542,19 @@ class UnorderedListTemplateDirective extends UnorederedListTemplate {
         return this.templateRef.createEmbeddedView(context);
     }
 }
-UnorderedListTemplateDirective.ɵfac = function UnorderedListTemplateDirective_Factory(t) { return new (t || UnorderedListTemplateDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.TemplateRef)); };
-UnorderedListTemplateDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: UnorderedListTemplateDirective, selectors: [["ng-template", "type", "", "selector", ""]], inputs: { type: "type", selector: "selector" }, features: [i0.ɵɵInheritDefinitionFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnorderedListTemplateDirective, [{
-        type: Directive,
-        args: [{
-                selector: "ng-template[type][selector]"
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i0.TemplateRef }]; }, { type: [{
-            type: Input
-        }], selector: [{
-            type: Input
-        }] }); })();
+UnorderedListTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListTemplateDirective, deps: [{ token: i0.ElementRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+UnorderedListTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: UnorderedListTemplateDirective, selector: "ng-template[type][selector]", inputs: { type: "type", selector: "selector" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[type][selector]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.TemplateRef }]; }, propDecorators: { type: [{
+                type: Input
+            }], selector: [{
+                type: Input
+            }] } });
 
-const _c0$2 = ["defaultKeyTemplate"];
-const _c1$2 = ["defaultValueTemplate"];
-const _c2$1 = ["defaultItemTemplate"];
-function UnorderedListComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-    i0.ɵɵpipe(1, "translate");
-} if (rf & 2) {
-    const keyPrefix_r9 = ctx.keyPrefix;
-    const key_r10 = ctx.item.key;
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, keyPrefix_r9 ? keyPrefix_r9 + key_r10 : key_r10), ":\n");
-} }
-function UnorderedListComponent_ng_template_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const val_r14 = i0.ɵɵnextContext().item.value;
-    i0.ɵɵtextInterpolate(val_r14);
-} }
-function UnorderedListComponent_ng_template_2_unordered_list_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "unordered-list", 6);
-} if (rf & 2) {
-    const ctx_r23 = i0.ɵɵnextContext();
-    const val_r14 = ctx_r23.item.value;
-    const keyPrefix_r12 = ctx_r23.keyPrefix;
-    const listStyle_r13 = ctx_r23.listStyle;
-    const path_r15 = ctx_r23.path;
-    const templates_r16 = ctx_r23.templates;
-    const ctx_r21 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("data", val_r14)("keyPrefix", keyPrefix_r12)("listStyle", listStyle_r13)("path", path_r15)("level", ctx_r21.level + 1)("templates", templates_r16);
-} }
-function UnorderedListComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UnorderedListComponent_ng_template_2_ng_template_0_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(2, UnorderedListComponent_ng_template_2_unordered_list_2_Template, 1, 6, "unordered-list", 5);
-} if (rf & 2) {
-    const isObject_r17 = ctx.valueIsObject;
-    const isArray_r18 = ctx.valueIsArray;
-    const _r19 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", isObject_r17 || isArray_r18)("ngIfElse", _r19);
-} }
-function UnorderedListComponent_ng_template_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 11);
-} if (rf & 2) {
-    const ctx_r37 = i0.ɵɵnextContext();
-    const item_r24 = ctx_r37.item;
-    const data_r25 = ctx_r37.data;
-    const keyPrefix_r26 = ctx_r37.keyPrefix;
-    const listStyle_r27 = ctx_r37.listStyle;
-    const path_r28 = ctx_r37.path;
-    const level_r29 = ctx_r37.level;
-    const templates_r30 = ctx_r37.templates;
-    const ctx_r32 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("unorderedListItem", item_r24)("data", data_r25)("keyPrefix", keyPrefix_r26)("listStyle", listStyle_r27)("path", path_r28)("level", level_r29)("templates", templates_r30)("defaultTemplates", ctx_r32.defaultTemplates);
-} }
-function UnorderedListComponent_ng_template_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 12);
-} if (rf & 2) {
-    const ctx_r38 = i0.ɵɵnextContext();
-    const item_r24 = ctx_r38.item;
-    const data_r25 = ctx_r38.data;
-    const keyPrefix_r26 = ctx_r38.keyPrefix;
-    const listStyle_r27 = ctx_r38.listStyle;
-    const path_r28 = ctx_r38.path;
-    const level_r29 = ctx_r38.level;
-    const templates_r30 = ctx_r38.templates;
-    const ctx_r34 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("unorderedListItem", item_r24)("data", data_r25)("keyPrefix", keyPrefix_r26)("listStyle", listStyle_r27)("path", path_r28)("level", level_r29)("templates", templates_r30)("defaultTemplates", ctx_r34.defaultTemplates);
-} }
-function UnorderedListComponent_ng_template_4_ng_container_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th");
-    i0.ɵɵelementContainer(1, 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext(2);
-    const _r31 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r31);
-} }
-function UnorderedListComponent_ng_template_4_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, UnorderedListComponent_ng_template_4_ng_container_4_th_1_Template, 2, 1, "th", 10);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const listStyle_r27 = i0.ɵɵnextContext().listStyle;
-    const _r31 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", listStyle_r27 == "table")("ngIfElse", _r31);
-} }
-function UnorderedListComponent_ng_template_4_td_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td");
-    i0.ɵɵelementContainer(1, 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵnextContext();
-    const _r33 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r33);
-} }
-function UnorderedListComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, UnorderedListComponent_ng_template_4_ng_template_0_Template, 1, 8, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(2, UnorderedListComponent_ng_template_4_ng_template_2_Template, 1, 8, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(4, UnorderedListComponent_ng_template_4_ng_container_4_Template, 2, 2, "ng-container", 9);
-    i0.ɵɵtemplate(5, UnorderedListComponent_ng_template_4_td_5_Template, 2, 1, "td", 10);
-} if (rf & 2) {
-    const listStyle_r27 = ctx.listStyle;
-    const _r33 = i0.ɵɵreference(3);
-    const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", !ctx_r5.isArray);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", listStyle_r27 == "table")("ngIfElse", _r33);
-} }
-function UnorderedListComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext();
-    i0.ɵɵtextInterpolate1(" ", ctx_r7.data, "\n");
-} }
-function UnorderedListComponent_ng_container_8_ul_1_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 17);
-    i0.ɵɵelementContainer(1, 19);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r44 = ctx.$implicit;
-    const ctx_r43 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", item_r44.classList);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("unorderedListItem", item_r44)("data", ctx_r43.data)("keyPrefix", ctx_r43.keyPrefix)("listStyle", ctx_r43.listStyle)("path", ctx_r43.path ? ctx_r43.path + "." + item_r44.key : item_r44.key)("level", ctx_r43.level)("templates", ctx_r43.templates)("defaultTemplates", ctx_r43.defaultTemplates);
-} }
-function UnorderedListComponent_ng_container_8_ul_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 17);
-    i0.ɵɵtemplate(1, UnorderedListComponent_ng_container_8_ul_1_li_1_Template, 2, 9, "li", 18);
-    i0.ɵɵpipe(2, "entries");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r41 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", "level-" + ctx_r41.level);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 2, ctx_r41.data));
-} }
-function UnorderedListComponent_ng_container_8_table_2_tr_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 17);
-    i0.ɵɵelementContainer(1, 19);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r46 = ctx.$implicit;
-    const ctx_r45 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", item_r46.classList);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("unorderedListItem", item_r46)("data", ctx_r45.data)("keyPrefix", ctx_r45.keyPrefix)("listStyle", ctx_r45.listStyle)("path", ctx_r45.path ? ctx_r45.path + "." + item_r46.key : item_r46.key)("level", ctx_r45.level)("templates", ctx_r45.templates)("defaultTemplates", ctx_r45.defaultTemplates);
-} }
-function UnorderedListComponent_ng_container_8_table_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 17);
-    i0.ɵɵtemplate(1, UnorderedListComponent_ng_container_8_table_2_tr_1_Template, 2, 9, "tr", 18);
-    i0.ɵɵpipe(2, "entries");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r42 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", "level-" + ctx_r42.level);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 2, ctx_r42.data));
-} }
-function UnorderedListComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0, 14);
-    i0.ɵɵtemplate(1, UnorderedListComponent_ng_container_8_ul_1_Template, 3, 4, "ul", 15);
-    i0.ɵɵtemplate(2, UnorderedListComponent_ng_container_8_table_2_Template, 3, 4, "table", 16);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r8 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngSwitch", ctx_r8.listStyle);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", "list");
-} }
 class UnorderedListComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -4763,147 +4581,37 @@ class UnorderedListComponent {
         this.cdr.detectChanges();
     }
 }
-UnorderedListComponent.ɵfac = function UnorderedListComponent_Factory(t) { return new (t || UnorderedListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-UnorderedListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnorderedListComponent, selectors: [["unordered-list"]], contentQueries: function UnorderedListComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, UnorderedListTemplateDirective, 4);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateDirectives = _t);
-    } }, viewQuery: function UnorderedListComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$2, 5);
-        i0.ɵɵviewQuery(_c1$2, 5);
-        i0.ɵɵviewQuery(_c2$1, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultKeyTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultValueTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultItemTemplate = _t.first);
-    } }, inputs: { data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates" }, features: [i0.ɵɵNgOnChangesFeature], decls: 9, vars: 2, consts: [["defaultKeyTemplate", ""], ["defaultValueTemplate", ""], ["defaultItemTemplate", ""], ["value", ""], [3, "ngSwitch", 4, "ngIf", "ngIfElse"], [3, "data", "keyPrefix", "listStyle", "path", "level", "templates", 4, "ngIf", "ngIfElse"], [3, "data", "keyPrefix", "listStyle", "path", "level", "templates"], ["itemKey", ""], ["itemValue", ""], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "key", 3, "unorderedListItem", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"], ["type", "value", 3, "unorderedListItem", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"], [3, "ngTemplateOutlet"], [3, "ngSwitch"], [3, "ngClass", 4, "ngSwitchCase"], [3, "ngClass", 4, "ngSwitchDefault"], [3, "ngClass"], [3, "ngClass", 4, "ngFor", "ngForOf"], ["type", "item", 3, "unorderedListItem", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"]], template: function UnorderedListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, UnorderedListComponent_ng_template_0_Template, 2, 3, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(2, UnorderedListComponent_ng_template_2_Template, 3, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(4, UnorderedListComponent_ng_template_4_Template, 6, 3, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(6, UnorderedListComponent_ng_template_6_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(8, UnorderedListComponent_ng_container_8_Template, 3, 2, "ng-container", 4);
-    } if (rf & 2) {
-        const _r6 = i0.ɵɵreference(7);
-        i0.ɵɵadvance(8);
-        i0.ɵɵproperty("ngIf", ctx.isObject || ctx.isArray)("ngIfElse", _r6);
-    } }, directives: [i1$3.NgIf, UnorderedListComponent, UnorderedListItemDirective, i1$3.NgTemplateOutlet, i1$3.NgSwitch, i1$3.NgSwitchCase, i1$3.NgClass, i1$3.NgForOf, i1$3.NgSwitchDefault], pipes: [TranslatePipe, EntriesPipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UnorderedListComponent, [{
-        type: Component,
-        args: [{ selector: "unordered-list", template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>{{ val }}</ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\r\n</ng-template>\r\n<ng-template let-item=\"item\" let-data=\"data\" let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-path=\"path\" let-level=\"level\" let-templates=\"templates\" #defaultItemTemplate>\r\n    <ng-template #itemKey>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"key\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #itemValue>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"value\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"!isArray\">\r\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\r\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\r\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #value>\r\n    {{ data }}\r\n</ng-template>\r\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\r\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\r\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </li>\r\n    </ul>\r\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\r\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </tr>\r\n    </table>\r\n</ng-container>\r\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { data: [{
-            type: Input
-        }], keyPrefix: [{
-            type: Input
-        }], listStyle: [{
-            type: Input
-        }], path: [{
-            type: Input
-        }], level: [{
-            type: Input
-        }], templates: [{
-            type: Input
-        }], templateDirectives: [{
-            type: ContentChildren,
-            args: [UnorderedListTemplateDirective]
-        }], defaultKeyTemplate: [{
-            type: ViewChild,
-            args: ["defaultKeyTemplate"]
-        }], defaultValueTemplate: [{
-            type: ViewChild,
-            args: ["defaultValueTemplate"]
-        }], defaultItemTemplate: [{
-            type: ViewChild,
-            args: ["defaultItemTemplate"]
-        }] }); })();
+UnorderedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+UnorderedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: UnorderedListComponent, selector: "unordered-list", inputs: { data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates" }, queries: [{ propertyName: "templateDirectives", predicate: UnorderedListTemplateDirective }], viewQueries: [{ propertyName: "defaultKeyTemplate", first: true, predicate: ["defaultKeyTemplate"], descendants: true }, { propertyName: "defaultValueTemplate", first: true, predicate: ["defaultValueTemplate"], descendants: true }, { propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>{{ val }}</ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\r\n</ng-template>\r\n<ng-template let-item=\"item\" let-data=\"data\" let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-path=\"path\" let-level=\"level\" let-templates=\"templates\" #defaultItemTemplate>\r\n    <ng-template #itemKey>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"key\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #itemValue>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"value\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"!isArray\">\r\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\r\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\r\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #value>\r\n    {{ data }}\r\n</ng-template>\r\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\r\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\r\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </li>\r\n    </ul>\r\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\r\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </tr>\r\n    </table>\r\n</ng-container>\r\n", components: [{ type: UnorderedListComponent, selector: "unordered-list", inputs: ["data", "keyPrefix", "listStyle", "path", "level", "templates"] }], directives: [{ type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: UnorderedListItemDirective, selector: "[unorderedListItem]", inputs: ["unorderedListItem", "type", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"] }, { type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "translate": TranslatePipe, "entries": EntriesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: UnorderedListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "unordered-list", template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>{{ val }}</ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\r\n</ng-template>\r\n<ng-template let-item=\"item\" let-data=\"data\" let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-path=\"path\" let-level=\"level\" let-templates=\"templates\" #defaultItemTemplate>\r\n    <ng-template #itemKey>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"key\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #itemValue>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"value\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"!isArray\">\r\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\r\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\r\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #value>\r\n    {{ data }}\r\n</ng-template>\r\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\r\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\r\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </li>\r\n    </ul>\r\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\r\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container [unorderedListItem]=\"item\"\r\n                          type=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </tr>\r\n    </table>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
+                type: Input
+            }], keyPrefix: [{
+                type: Input
+            }], listStyle: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], templates: [{
+                type: Input
+            }], templateDirectives: [{
+                type: ContentChildren,
+                args: [UnorderedListTemplateDirective]
+            }], defaultKeyTemplate: [{
+                type: ViewChild,
+                args: ["defaultKeyTemplate"]
+            }], defaultValueTemplate: [{
+                type: ViewChild,
+                args: ["defaultValueTemplate"]
+            }], defaultItemTemplate: [{
+                type: ViewChild,
+                args: ["defaultItemTemplate"]
+            }] } });
 
-const _c0$1 = function (a0) { return { disabled: a0 }; };
-function PaginationMenuComponent_div_0_li_2_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 6);
-    i0.ɵɵlistener("click", function PaginationMenuComponent_div_0_li_2_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.paginate(1); });
-    i0.ɵɵpipe(2, "safe");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, !ctx_r1.hasPrev));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx_r1.firstLabel), i0.ɵɵsanitizeHtml);
-} }
-function PaginationMenuComponent_div_0_li_3_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 6);
-    i0.ɵɵlistener("click", function PaginationMenuComponent_div_0_li_3_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.paginate(ctx_r8.pagination.page - 1); });
-    i0.ɵɵpipe(2, "safe");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, !ctx_r2.hasPrev));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx_r2.prevLabel), i0.ɵɵsanitizeHtml);
-} }
-const _c1$1 = function (a0) { return { active: a0 }; };
-function PaginationMenuComponent_div_0_li_4_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 7);
-    i0.ɵɵlistener("click", function PaginationMenuComponent_div_0_li_4_Template_a_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r12); const page_r10 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return ctx_r11.paginate(page_r10); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const page_r10 = ctx.$implicit;
-    const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1$1, ctx_r3.pagination.page == page_r10));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$1, ctx_r3.pagination.page == page_r10));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(page_r10);
-} }
-function PaginationMenuComponent_div_0_li_5_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 6);
-    i0.ɵɵlistener("click", function PaginationMenuComponent_div_0_li_5_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(2); return ctx_r13.paginate(ctx_r13.pagination.page + 1); });
-    i0.ɵɵpipe(2, "safe");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, !ctx_r4.hasNext));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx_r4.nextLabel), i0.ɵɵsanitizeHtml);
-} }
-function PaginationMenuComponent_div_0_li_6_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5)(1, "a", 6);
-    i0.ɵɵlistener("click", function PaginationMenuComponent_div_0_li_6_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.paginate(ctx_r15.pagination.maxPage); });
-    i0.ɵɵpipe(2, "safe");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, !ctx_r5.hasNext));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx_r5.lastLabel), i0.ɵɵsanitizeHtml);
-} }
-function PaginationMenuComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "ul", 2);
-    i0.ɵɵtemplate(2, PaginationMenuComponent_div_0_li_2_Template, 3, 6, "li", 3);
-    i0.ɵɵtemplate(3, PaginationMenuComponent_div_0_li_3_Template, 3, 6, "li", 3);
-    i0.ɵɵtemplate(4, PaginationMenuComponent_div_0_li_4_Template, 3, 7, "li", 4);
-    i0.ɵɵtemplate(5, PaginationMenuComponent_div_0_li_5_Template, 3, 6, "li", 3);
-    i0.ɵɵtemplate(6, PaginationMenuComponent_div_0_li_6_Template, 3, 6, "li", 3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.boundaryLinks);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.directionLinks);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.pages);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.directionLinks);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.boundaryLinks);
-} }
 class PaginationMenuComponent {
     constructor(state, pagination, icons) {
         this.state = state;
@@ -4977,207 +4685,24 @@ class PaginationMenuComponent {
         this.pages = pages;
     }
 }
-PaginationMenuComponent.ɵfac = function PaginationMenuComponent_Factory(t) { return new (t || PaginationMenuComponent)(i0.ɵɵdirectiveInject(StateService), i0.ɵɵdirectiveInject(PaginationDirective), i0.ɵɵdirectiveInject(ICON_SERVICE)); };
-PaginationMenuComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationMenuComponent, selectors: [["pagination-menu"]], inputs: { maxSize: "maxSize", urlParam: "urlParam", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "pagination-menu", 4, "ngIf"], [1, "pagination-menu"], [1, "pagination"], ["class", "page-item", 3, "ngClass", 4, "ngIf"], ["class", "page-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "page-item", 3, "ngClass"], [1, "page-link", 3, "innerHTML", "click"], [1, "page-link", 3, "ngClass", "click"]], template: function PaginationMenuComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, PaginationMenuComponent_div_0_Template, 7, 5, "div", 0);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.pagination.total > ctx.pagination.itemsPerPage);
-    } }, directives: [i1$3.NgIf, i1$3.NgClass, i1$3.NgForOf], pipes: [SafeHtmlPipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationMenuComponent, [{
-        type: Component,
-        args: [{ selector: "pagination-menu", template: "<div class=\"pagination-menu\" *ngIf=\"pagination.total > pagination.itemsPerPage\">\r\n    <ul class=\"pagination\">\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(1)\" [innerHTML]=\"firstLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page - 1)\" [innerHTML]=\"prevLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{active: pagination.page == page}\" *ngFor=\"let page of pages\">\r\n            <a class=\"page-link\" [ngClass]=\"{active: pagination.page == page}\" (click)=\"paginate(page)\">{{ page }}</a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page + 1)\" [innerHTML]=\"nextLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.maxPage)\" [innerHTML]=\"lastLabel | safe\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n" }]
-    }], function () { return [{ type: StateService }, { type: PaginationDirective }, { type: undefined, decorators: [{
-                type: Inject,
-                args: [ICON_SERVICE]
-            }] }]; }, { maxSize: [{
-            type: Input
-        }], urlParam: [{
-            type: Input
-        }], directionLinks: [{
-            type: Input
-        }], boundaryLinks: [{
-            type: Input
-        }] }); })();
+PaginationMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationMenuComponent, deps: [{ token: StateService }, { token: PaginationDirective }, { token: ICON_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
+PaginationMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: PaginationMenuComponent, selector: "pagination-menu", inputs: { maxSize: "maxSize", urlParam: "urlParam", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-menu\" *ngIf=\"pagination.total > pagination.itemsPerPage\">\r\n    <ul class=\"pagination\">\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(1)\" [innerHTML]=\"firstLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page - 1)\" [innerHTML]=\"prevLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{active: pagination.page == page}\" *ngFor=\"let page of pages\">\r\n            <a class=\"page-link\" [ngClass]=\"{active: pagination.page == page}\" (click)=\"paginate(page)\">{{ page }}</a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page + 1)\" [innerHTML]=\"nextLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.maxPage)\" [innerHTML]=\"lastLabel | safe\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", directives: [{ type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "safe": SafeHtmlPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginationMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pagination-menu", template: "<div class=\"pagination-menu\" *ngIf=\"pagination.total > pagination.itemsPerPage\">\r\n    <ul class=\"pagination\">\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(1)\" [innerHTML]=\"firstLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page - 1)\" [innerHTML]=\"prevLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{active: pagination.page == page}\" *ngFor=\"let page of pages\">\r\n            <a class=\"page-link\" [ngClass]=\"{active: pagination.page == page}\" (click)=\"paginate(page)\">{{ page }}</a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.page + 1)\" [innerHTML]=\"nextLabel | safe\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link\" (click)=\"paginate(pagination.maxPage)\" [innerHTML]=\"lastLabel | safe\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: StateService }, { type: PaginationDirective }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ICON_SERVICE]
+                }] }]; }, propDecorators: { maxSize: [{
+                type: Input
+            }], urlParam: [{
+                type: Input
+            }], directionLinks: [{
+                type: Input
+            }], boundaryLinks: [{
+                type: Input
+            }] } });
 
-const _c0 = ["rowTemplate"];
-const _c1 = ["wrapperTemplate"];
-const _c2 = ["filterTemplate"];
-const _c3 = ["columnsTemplate"];
-const _c4 = ["defaultRowTemplate"];
-const _c5 = ["defaultWrapperTemplate"];
-const _c6 = ["defaultFilterTemplate"];
-const _c7 = ["pagination"];
-function DynamicTableComponent_ng_template_2_div_0_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("for", ctx_r13.tableId);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r13.label));
-} }
-function DynamicTableComponent_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵtemplate(1, DynamicTableComponent_ng_template_2_div_0_label_1_Template, 3, 4, "label", 12);
-    i0.ɵɵelementStart(2, "input", 13);
-    i0.ɵɵlistener("ngModelChange", function DynamicTableComponent_ng_template_2_div_0_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r16); const table_r11 = i0.ɵɵnextContext().$implicit; return table_r11.setFilter($event); });
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const table_r11 = i0.ɵɵnextContext().$implicit;
-    const ctx_r12 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r12.label);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("placeholder", i0.ɵɵpipeBind1(3, 4, ctx_r12.placeholder))("ngModel", table_r11.filter);
-    i0.ɵɵattribute("id", ctx_r12.tableId);
-} }
-function DynamicTableComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, DynamicTableComponent_ng_template_2_div_0_Template, 4, 6, "div", 10);
-} if (rf & 2) {
-    const table_r11 = ctx.$implicit;
-    i0.ɵɵproperty("ngIf", table_r11.showFilter);
-} }
-function DynamicTableComponent_ng_template_7_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const column_r26 = ctx.column;
-    const item_r27 = ctx.item;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(item_r27[column_r26] == undefined || item_r27[column_r26] == null ? "-" : item_r27[column_r26]);
-} }
-function DynamicTableComponent_ng_template_7_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 3);
-} if (rf & 2) {
-    const ctx_r28 = i0.ɵɵnextContext();
-    const template_r20 = ctx_r28.template;
-    const context_r18 = ctx_r28.$implicit;
-    i0.ɵɵproperty("ngxTemplateOutlet", template_r20.ref)("context", context_r18);
-} }
-function DynamicTableComponent_ng_template_7_td_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 17);
-    i0.ɵɵelementContainer(1, 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r29 = i0.ɵɵnextContext();
-    const column_r19 = ctx_r29.column;
-    const template_r20 = ctx_r29.template;
-    const context_r18 = ctx_r29.$implicit;
-    const _r21 = i0.ɵɵreference(1);
-    i0.ɵɵproperty("ngClass", "column-" + column_r19);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngxTemplateOutlet", !template_r20 ? _r21 : template_r20.ref)("context", context_r18);
-} }
-function DynamicTableComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, DynamicTableComponent_ng_template_7_ng_template_0_Template, 2, 1, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(2, DynamicTableComponent_ng_template_7_ng_template_2_Template, 1, 2, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵtemplate(4, DynamicTableComponent_ng_template_7_td_4_Template, 2, 3, "td", 16);
-} if (rf & 2) {
-    const template_r20 = ctx.template;
-    const _r23 = i0.ɵɵreference(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", !template_r20 || !template_r20.pure)("ngIfElse", _r23);
-} }
-const _c8 = function (a0, a1) { return { template: a0, column: a1 }; };
-function DynamicTableComponent_ng_template_9_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 19);
-} if (rf & 2) {
-    const column_r32 = ctx.$implicit;
-    const context_r30 = i0.ɵɵnextContext().$implicit;
-    const ctx_r31 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(8);
-    i0.ɵɵproperty("ngxTemplateOutlet", _r3)("context", context_r30)("additionalContext", i0.ɵɵpureFunction2(3, _c8, ctx_r31.templates[column_r32], column_r32));
-} }
-function DynamicTableComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, DynamicTableComponent_ng_template_9_ng_container_0_Template, 1, 6, "ng-container", 18);
-} if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngForOf", ctx_r6.cols);
-} }
-function DynamicTableComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵelementContainer(1, 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const context_r34 = ctx.$implicit;
-    i0.ɵɵnextContext();
-    const _r5 = i0.ɵɵreference(10);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngxTemplateOutlet", _r5)("context", context_r34);
-} }
-function DynamicTableComponent_ng_template_13_th_3_a_1_i_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 26);
-} if (rf & 2) {
-    const column_r37 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r40 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("icon", ctx_r40.orderDescending ? "sort-desc" : "sort-asc")("ngClass", ctx_r40.orderBy == column_r37 ? ctx_r40.orderDescending ? "sort-desc" : "sort-asc" : "");
-} }
-function DynamicTableComponent_ng_template_13_th_3_a_1_Template(rf, ctx) { if (rf & 1) {
-    const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 24);
-    i0.ɵɵlistener("click", function DynamicTableComponent_ng_template_13_th_3_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r44); const column_r37 = i0.ɵɵnextContext().$implicit; const ctx_r42 = i0.ɵɵnextContext(2); return ctx_r42.setOrder(column_r37); });
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicTableComponent_ng_template_13_th_3_a_1_i_4_Template, 1, 2, "i", 25);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const column_r37 = i0.ɵɵnextContext().$implicit;
-    const ctx_r38 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "label." + column_r37));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r38.orderBy == column_r37);
-} }
-function DynamicTableComponent_ng_template_13_th_3_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const column_r37 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "label." + column_r37));
-} }
-function DynamicTableComponent_ng_template_13_th_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 17);
-    i0.ɵɵtemplate(1, DynamicTableComponent_ng_template_13_th_3_a_1_Template, 5, 4, "a", 23);
-    i0.ɵɵtemplate(2, DynamicTableComponent_ng_template_13_th_3_span_2_Template, 3, 3, "span", 12);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const column_r37 = ctx.$implicit;
-    const ctx_r35 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", "column-" + column_r37);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r35.orders[column_r37]);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r35.orders[column_r37]);
-} }
-function DynamicTableComponent_ng_template_13_ng_container_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 19);
-} if (rf & 2) {
-    const context_r47 = ctx.$implicit;
-    const ctx_r36 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngxTemplateOutlet", ctx_r36.rowTemplate)("context", context_r47)("additionalContext", ctx_r36);
-} }
-function DynamicTableComponent_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 20)(1, "thead")(2, "tr");
-    i0.ɵɵtemplate(3, DynamicTableComponent_ng_template_13_th_3_Template, 3, 3, "th", 21);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "tbody");
-    i0.ɵɵtemplate(5, DynamicTableComponent_ng_template_13_ng_container_5_Template, 1, 3, "ng-container", 22);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r10 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngForOf", ctx_r10.cols);
-} }
 class DynamicTableComponent {
     constructor() {
         this.loadData = (page, itemsPerPage) => {
@@ -5279,117 +4804,67 @@ class DynamicTableComponent {
         });
     }
 }
-DynamicTableComponent.ɵfac = function DynamicTableComponent_Factory(t) { return new (t || DynamicTableComponent)(); };
-DynamicTableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicTableComponent, selectors: [["dynamic-table"]], contentQueries: function DynamicTableComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        i0.ɵɵcontentQuery(dirIndex, _c0, 7);
-        i0.ɵɵcontentQuery(dirIndex, _c1, 7);
-        i0.ɵɵcontentQuery(dirIndex, _c2, 7);
-        i0.ɵɵcontentQuery(dirIndex, DynamicTableTemplateDirective, 4);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.rowTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wrapperTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateDirectives = _t);
-    } }, viewQuery: function DynamicTableComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c3, 7);
-        i0.ɵɵviewQuery(_c4, 7);
-        i0.ɵɵviewQuery(_c5, 7);
-        i0.ɵɵviewQuery(_c6, 7);
-        i0.ɵɵviewQuery(_c7, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnsTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultRowTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultWrapperTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultFilterTemplate = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pagination = _t.first);
-    } }, inputs: { label: "label", placeholder: "placeholder", dataLoader: "dataLoader", data: "data", parallelData: "parallelData", columns: "columns", showFilter: "showFilter", itemsPerPage: "itemsPerPage", updateTime: "updateTime", maxPages: "maxPages", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks", orderBy: "orderBy", orderDescending: "orderDescending" }, features: [i0.ɵɵNgOnChangesFeature], decls: 17, vars: 13, consts: [[1, "dynamic-table", 3, "pagination", "itemsPerPage", "updateTime"], ["pagination", "pagination"], ["defaultFilterTemplate", ""], [3, "ngxTemplateOutlet", "context"], [3, "maxSize", "directionLinks", "boundaryLinks"], [1, "table-responsive"], ["columnTemplate", ""], ["columnsTemplate", ""], ["defaultRowTemplate", ""], ["defaultWrapperTemplate", ""], ["class", "table-search", 4, "ngIf"], [1, "table-search"], [4, "ngIf"], ["type", "text", 1, "form-control", 3, "placeholder", "ngModel", "ngModelChange"], ["defaultTemplate", ""], ["pureTemplate", ""], [3, "ngClass", 4, "ngIf", "ngIfElse"], [3, "ngClass"], [3, "ngxTemplateOutlet", "context", "additionalContext", 4, "ngFor", "ngForOf"], [3, "ngxTemplateOutlet", "context", "additionalContext"], [1, "table", "table-striped"], [3, "ngClass", 4, "ngFor", "ngForOf"], [3, "ngxTemplateOutlet", "context", "additionalContext", 4, "paginationItem"], [3, "click", 4, "ngIf"], [3, "click"], [3, "icon", "ngClass", 4, "ngIf"], [3, "icon", "ngClass"]], template: function DynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0, 1);
-        i0.ɵɵtemplate(2, DynamicTableComponent_ng_template_2_Template, 1, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementContainer(4, 3);
-        i0.ɵɵelement(5, "pagination-menu", 4);
-        i0.ɵɵelementStart(6, "div", 5);
-        i0.ɵɵtemplate(7, DynamicTableComponent_ng_template_7_Template, 5, 2, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(9, DynamicTableComponent_ng_template_9_Template, 1, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(11, DynamicTableComponent_ng_template_11_Template, 2, 2, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵtemplate(13, DynamicTableComponent_ng_template_13_Template, 6, 1, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementContainer(15, 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(16, "pagination-menu", 4);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        const _r1 = i0.ɵɵreference(3);
-        const _r9 = i0.ɵɵreference(14);
-        i0.ɵɵproperty("pagination", ctx.loadData)("itemsPerPage", ctx.itemsPerPage)("updateTime", ctx.updateTime);
-        i0.ɵɵadvance(4);
-        i0.ɵɵproperty("ngxTemplateOutlet", ctx.filterTemplate || _r1)("context", ctx);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("maxSize", ctx.maxPages)("directionLinks", ctx.directionLinks)("boundaryLinks", ctx.boundaryLinks);
-        i0.ɵɵadvance(10);
-        i0.ɵɵproperty("ngxTemplateOutlet", ctx.wrapperTemplate || _r9)("context", ctx);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("maxSize", ctx.maxPages)("directionLinks", ctx.directionLinks)("boundaryLinks", ctx.boundaryLinks);
-    } }, directives: [PaginationDirective, i1$3.NgIf, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, NgxTemplateOutletDirective, PaginationMenuComponent, i1$3.NgClass, i1$3.NgForOf, IconDirective, PaginationItemDirective], pipes: [TranslatePipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicTableComponent, [{
-        type: Component,
-        args: [{ selector: "dynamic-table", template: "<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-search\" *ngIf=\"table.showFilter\">\r\n            <label *ngIf=\"label\" [attr.for]=\"tableId\">{{ label | translate }}</label>\r\n            <input type=\"text\"\r\n                   class=\"form-control\"\r\n                   [attr.id]=\"tableId\"\r\n                   [placeholder]=\"placeholder | translate\"\r\n                   [ngModel]=\"table.filter\"\r\n                   (ngModelChange)=\"table.setFilter($event)\"/>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n\r\n        <ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n            <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n                <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n            </ng-template>\r\n            <ng-template #pureTemplate>\r\n                <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n            </ng-template>\r\n            <td [ngClass]=\"'column-' + column\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n                <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n            </td>\r\n        </ng-template>\r\n\r\n        <ng-template #columnsTemplate let-context>\r\n            <ng-container *ngFor=\"let column of cols\"\r\n                          [ngxTemplateOutlet]=\"columnTemplate\"\r\n                          [context]=\"context\"\r\n                          [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultRowTemplate let-context>\r\n            <tr>\r\n                <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                <tr>\r\n                    <th *ngFor=\"let column of cols\" [ngClass]=\"'column-' + column\">\r\n                        <a *ngIf=\"orders[column]\" (click)=\"setOrder(column)\">\r\n                            <span>{{ 'label.' + column | translate }}</span>\r\n                            <i *ngIf=\"orderBy == column\"\r\n                               [icon]=\"orderDescending ? 'sort-desc' : 'sort-asc'\"\r\n                               [ngClass]=\"orderBy == column ? (orderDescending ? 'sort-desc': 'sort-asc') : ''\"></i>\r\n                        </a>\r\n                        <span *ngIf=\"!orders[column]\">{{ 'label.' + column | translate }}</span>\r\n                    </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <ng-container *paginationItem=\"let context\"\r\n                              [ngxTemplateOutlet]=\"rowTemplate\"\r\n                              [context]=\"context\"\r\n                              [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                      [context]=\"this\"></ng-container>\r\n    </div>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n" }]
-    }], function () { return []; }, { label: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }], dataLoader: [{
-            type: Input
-        }], data: [{
-            type: Input
-        }], parallelData: [{
-            type: Input
-        }], columns: [{
-            type: Input
-        }], showFilter: [{
-            type: Input
-        }], itemsPerPage: [{
-            type: Input
-        }], updateTime: [{
-            type: Input
-        }], maxPages: [{
-            type: Input
-        }], directionLinks: [{
-            type: Input
-        }], boundaryLinks: [{
-            type: Input
-        }], orderBy: [{
-            type: Input
-        }], orderDescending: [{
-            type: Input
-        }], rowTemplate: [{
-            type: ContentChild,
-            args: ["rowTemplate", { static: true }]
-        }], wrapperTemplate: [{
-            type: ContentChild,
-            args: ["wrapperTemplate", { static: true }]
-        }], filterTemplate: [{
-            type: ContentChild,
-            args: ["filterTemplate", { static: true }]
-        }], columnsTemplate: [{
-            type: ViewChild,
-            args: ["columnsTemplate", { static: true }]
-        }], defaultRowTemplate: [{
-            type: ViewChild,
-            args: ["defaultRowTemplate", { static: true }]
-        }], defaultWrapperTemplate: [{
-            type: ViewChild,
-            args: ["defaultWrapperTemplate", { static: true }]
-        }], defaultFilterTemplate: [{
-            type: ViewChild,
-            args: ["defaultFilterTemplate", { static: true }]
-        }], pagination: [{
-            type: ViewChild,
-            args: ["pagination"]
-        }], templateDirectives: [{
-            type: ContentChildren,
-            args: [DynamicTableTemplateDirective]
-        }] }); })();
+DynamicTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DynamicTableComponent, selector: "dynamic-table", inputs: { label: "label", placeholder: "placeholder", dataLoader: "dataLoader", data: "data", parallelData: "parallelData", columns: "columns", showFilter: "showFilter", itemsPerPage: "itemsPerPage", updateTime: "updateTime", maxPages: "maxPages", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks", orderBy: "orderBy", orderDescending: "orderDescending" }, queries: [{ propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true, static: true }, { propertyName: "wrapperTemplate", first: true, predicate: ["wrapperTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "templateDirectives", predicate: DynamicTableTemplateDirective }], viewQueries: [{ propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }, { propertyName: "defaultRowTemplate", first: true, predicate: ["defaultRowTemplate"], descendants: true, static: true }, { propertyName: "defaultWrapperTemplate", first: true, predicate: ["defaultWrapperTemplate"], descendants: true, static: true }, { propertyName: "defaultFilterTemplate", first: true, predicate: ["defaultFilterTemplate"], descendants: true, static: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-search\" *ngIf=\"table.showFilter\">\r\n            <label *ngIf=\"label\" [attr.for]=\"tableId\">{{ label | translate }}</label>\r\n            <input type=\"text\"\r\n                   class=\"form-control\"\r\n                   [attr.id]=\"tableId\"\r\n                   [placeholder]=\"placeholder | translate\"\r\n                   [ngModel]=\"table.filter\"\r\n                   (ngModelChange)=\"table.setFilter($event)\"/>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n\r\n        <ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n            <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n                <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n            </ng-template>\r\n            <ng-template #pureTemplate>\r\n                <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n            </ng-template>\r\n            <td [ngClass]=\"'column-' + column\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n                <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n            </td>\r\n        </ng-template>\r\n\r\n        <ng-template #columnsTemplate let-context>\r\n            <ng-container *ngFor=\"let column of cols\"\r\n                          [ngxTemplateOutlet]=\"columnTemplate\"\r\n                          [context]=\"context\"\r\n                          [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultRowTemplate let-context>\r\n            <tr>\r\n                <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                <tr>\r\n                    <th *ngFor=\"let column of cols\" [ngClass]=\"'column-' + column\">\r\n                        <a *ngIf=\"orders[column]\" (click)=\"setOrder(column)\">\r\n                            <span>{{ 'label.' + column | translate }}</span>\r\n                            <i *ngIf=\"orderBy == column\"\r\n                               [icon]=\"orderDescending ? 'sort-desc' : 'sort-asc'\"\r\n                               [ngClass]=\"orderBy == column ? (orderDescending ? 'sort-desc': 'sort-asc') : ''\"></i>\r\n                        </a>\r\n                        <span *ngIf=\"!orders[column]\">{{ 'label.' + column | translate }}</span>\r\n                    </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <ng-container *paginationItem=\"let context\"\r\n                              [ngxTemplateOutlet]=\"rowTemplate\"\r\n                              [context]=\"context\"\r\n                              [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                      [context]=\"this\"></ng-container>\r\n    </div>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n", components: [{ type: PaginationMenuComponent, selector: "pagination-menu", inputs: ["maxSize", "urlParam", "directionLinks", "boundaryLinks"] }], directives: [{ type: PaginationDirective, selector: "[pagination]", inputs: ["pagination", "page", "itemsPerPage", "updateTime", "waitFor"], outputs: ["pageChange", "onRefresh"], exportAs: ["pagination"] }, { type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: IconDirective, selector: "[icon]", inputs: ["icon", "activeIcon", "active"], outputs: ["activeChange"] }, { type: PaginationItemDirective, selector: "[paginationItem]" }], pipes: { "translate": TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DynamicTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "dynamic-table", template: "<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-search\" *ngIf=\"table.showFilter\">\r\n            <label *ngIf=\"label\" [attr.for]=\"tableId\">{{ label | translate }}</label>\r\n            <input type=\"text\"\r\n                   class=\"form-control\"\r\n                   [attr.id]=\"tableId\"\r\n                   [placeholder]=\"placeholder | translate\"\r\n                   [ngModel]=\"table.filter\"\r\n                   (ngModelChange)=\"table.setFilter($event)\"/>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n\r\n        <ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n            <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n                <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n            </ng-template>\r\n            <ng-template #pureTemplate>\r\n                <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n            </ng-template>\r\n            <td [ngClass]=\"'column-' + column\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n                <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n            </td>\r\n        </ng-template>\r\n\r\n        <ng-template #columnsTemplate let-context>\r\n            <ng-container *ngFor=\"let column of cols\"\r\n                          [ngxTemplateOutlet]=\"columnTemplate\"\r\n                          [context]=\"context\"\r\n                          [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultRowTemplate let-context>\r\n            <tr>\r\n                <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n            </tr>\r\n        </ng-template>\r\n\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                <tr>\r\n                    <th *ngFor=\"let column of cols\" [ngClass]=\"'column-' + column\">\r\n                        <a *ngIf=\"orders[column]\" (click)=\"setOrder(column)\">\r\n                            <span>{{ 'label.' + column | translate }}</span>\r\n                            <i *ngIf=\"orderBy == column\"\r\n                               [icon]=\"orderDescending ? 'sort-desc' : 'sort-asc'\"\r\n                               [ngClass]=\"orderBy == column ? (orderDescending ? 'sort-desc': 'sort-asc') : ''\"></i>\r\n                        </a>\r\n                        <span *ngIf=\"!orders[column]\">{{ 'label.' + column | translate }}</span>\r\n                    </th>\r\n                </tr>\r\n                </thead>\r\n                <tbody>\r\n                <ng-container *paginationItem=\"let context\"\r\n                              [ngxTemplateOutlet]=\"rowTemplate\"\r\n                              [context]=\"context\"\r\n                              [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                      [context]=\"this\"></ng-container>\r\n    </div>\r\n    <pagination-menu [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], dataLoader: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], parallelData: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], showFilter: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], updateTime: [{
+                type: Input
+            }], maxPages: [{
+                type: Input
+            }], directionLinks: [{
+                type: Input
+            }], boundaryLinks: [{
+                type: Input
+            }], orderBy: [{
+                type: Input
+            }], orderDescending: [{
+                type: Input
+            }], rowTemplate: [{
+                type: ContentChild,
+                args: ["rowTemplate", { static: true }]
+            }], wrapperTemplate: [{
+                type: ContentChild,
+                args: ["wrapperTemplate", { static: true }]
+            }], filterTemplate: [{
+                type: ContentChild,
+                args: ["filterTemplate", { static: true }]
+            }], columnsTemplate: [{
+                type: ViewChild,
+                args: ["columnsTemplate", { static: true }]
+            }], defaultRowTemplate: [{
+                type: ViewChild,
+                args: ["defaultRowTemplate", { static: true }]
+            }], defaultWrapperTemplate: [{
+                type: ViewChild,
+                args: ["defaultWrapperTemplate", { static: true }]
+            }], defaultFilterTemplate: [{
+                type: ViewChild,
+                args: ["defaultFilterTemplate", { static: true }]
+            }], pagination: [{
+                type: ViewChild,
+                args: ["pagination"]
+            }], templateDirectives: [{
+                type: ContentChildren,
+                args: [DynamicTableTemplateDirective]
+            }] } });
 
 // --- Pipes ---
 const pipes = [
@@ -5420,6 +4895,7 @@ const pipes = [
 ];
 // --- Directives ---
 const directives = [
+    AsyncMethodBase,
     AsyncMethodDirective,
     BackgroundDirective,
     DynamicTableTemplateDirective,
@@ -5485,8 +4961,31 @@ const providers = [
 ];
 function loadConfig(config) {
     return config.load;
+}
+
+function loadBaseHref() {
+    if (typeof (document) === "undefined" || typeof (location) === "undefined")
+        return "/";
+    const currentScript = document.currentScript;
+    if (!currentScript) {
+        try {
+            // noinspection ExceptionCaughtLocallyJS
+            throw new Error();
+        }
+        catch (e) {
+            const qualifiedUrl = location.protocol + "//" + location.host;
+            const srcUrl = (e.stack || "").match(new RegExp(qualifiedUrl + ".*?\\.js", "g")) || e.stack.match(/http([A-Z:\/\-\.]+)\.js/gi).shift();
+            const lastIndex = srcUrl.lastIndexOf("/");
+            return lastIndex < 0 ? "/" : srcUrl.substring(0, lastIndex + 1);
+        }
+    }
+    const scriptSrc = currentScript.src;
+    const lastIndex = scriptSrc.lastIndexOf("/");
+    return lastIndex < 0 ? "/" : scriptSrc.substring(0, lastIndex + 1);
 }
 class NgxUtilsModule {
+    constructor() {
+    }
     static forRoot(config) {
         return {
             ngModule: NgxUtilsModule,
@@ -5533,114 +5032,44 @@ class NgxUtilsModule {
                     useFactory: (!config ? null : config.initializeApp) || loadConfig,
                     multi: true,
                     deps: [(!config ? null : config.initializeApp) ? Injector : CONFIG_SERVICE]
+                },
+                {
+                    provide: APP_BASE_HREF,
+                    useFactory: (!config ? null : config.baseHref) || loadBaseHref,
+                    deps: [Injector]
                 }
             ]
         };
     }
 }
-NgxUtilsModule.ɵfac = function NgxUtilsModule_Factory(t) { return new (t || NgxUtilsModule)(); };
-NgxUtilsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NgxUtilsModule });
-NgxUtilsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: pipes, imports: [[
+NgxUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent], imports: [CommonModule,
+        FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent, FormsModule] });
+NgxUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [[
             CommonModule,
             FormsModule
         ], FormsModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NgxUtilsModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    ...pipes,
-                    ...directives,
-                    ...components
-                ],
-                imports: [
-                    CommonModule,
-                    FormsModule
-                ],
-                exports: [
-                    ...pipes,
-                    ...directives,
-                    ...components,
-                    FormsModule
-                ],
-                providers: pipes
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NgxUtilsModule, { declarations: [ChunkPipe,
-        EntriesPipe,
-        ExtraItemPropertiesPipe,
-        FilterPipe,
-        FindPipe,
-        FormatNumberPipe,
-        GetOffsetPipe,
-        GetTypePipe,
-        GlobalTemplatePipe,
-        GroupByPipe,
-        IsTypePipe,
-        JoinPipe,
-        KeysPipe,
-        MapPipe,
-        MaxPipe,
-        MinPipe,
-        ReducePipe,
-        RemapPipe,
-        ReplacePipe,
-        ReversePipe,
-        RoundPipe,
-        SafeHtmlPipe,
-        TranslatePipe,
-        ValuesPipe, AsyncMethodDirective,
-        BackgroundDirective,
-        DynamicTableTemplateDirective,
-        GlobalTemplateDirective,
-        IconDirective,
-        NgxTemplateOutletDirective,
-        PaginationDirective,
-        PaginationItemDirective,
-        ResourceIfDirective,
-        StickyDirective,
-        StickyClassDirective,
-        UnorderedListItemDirective,
-        UnorderedListTemplateDirective, DynamicTableComponent,
-        PaginationMenuComponent,
-        UnorderedListComponent], imports: [CommonModule,
-        FormsModule], exports: [ChunkPipe,
-        EntriesPipe,
-        ExtraItemPropertiesPipe,
-        FilterPipe,
-        FindPipe,
-        FormatNumberPipe,
-        GetOffsetPipe,
-        GetTypePipe,
-        GlobalTemplatePipe,
-        GroupByPipe,
-        IsTypePipe,
-        JoinPipe,
-        KeysPipe,
-        MapPipe,
-        MaxPipe,
-        MinPipe,
-        ReducePipe,
-        RemapPipe,
-        ReplacePipe,
-        ReversePipe,
-        RoundPipe,
-        SafeHtmlPipe,
-        TranslatePipe,
-        ValuesPipe, AsyncMethodDirective,
-        BackgroundDirective,
-        DynamicTableTemplateDirective,
-        GlobalTemplateDirective,
-        IconDirective,
-        NgxTemplateOutletDirective,
-        PaginationDirective,
-        PaginationItemDirective,
-        ResourceIfDirective,
-        StickyDirective,
-        StickyClassDirective,
-        UnorderedListItemDirective,
-        UnorderedListTemplateDirective, DynamicTableComponent,
-        PaginationMenuComponent,
-        UnorderedListComponent, FormsModule] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxUtilsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...pipes,
+                        ...directives,
+                        ...components
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule
+                    ],
+                    exports: [
+                        ...pipes,
+                        ...directives,
+                        ...components,
+                        FormsModule
+                    ],
+                    providers: pipes
+                }]
+        }], ctorParameters: function () { return []; } });
 
 /**
  * Generated bundle index. Do not edit.