@stemy/ngx-utils 12.2.10 → 12.2.12

package/fesm2020/stemy-ngx-utils.mjs

@@ -1,7 +1,7 @@
 import * as i0 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 * as moment from 'moment';
+import moment from 'moment';
 import { first, skipWhile, mergeMap, timeout, map } from 'rxjs/operators';
 import { Subject, BehaviorSubject, Observable, Subscription, from, TimeoutError, combineLatest } from 'rxjs';
 import { Invokable } from 'invokable';
@@ -16,13 +16,13 @@ import { HttpClient, HttpHeaders, HttpParams, HttpUrlEncodingCodec, HttpEventTyp
 import * as JSON5 from 'json5';
 import * as i1$2 from '@angular/platform-browser';
 import { ɵDomEventsPlugin, EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
-import * as detector from 'resize-detector';
+import elementResizeDetectorMaker from 'element-resize-detector';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
 const defaultPredicate = () => true;
-const hasBlob = typeof Blob !== "undefined";
-const hasFile = typeof File !== "undefined";
+const hasBlob = typeof Blob !== "undefined" && !!Blob;
+const hasFile = typeof File !== "undefined" && !!File;
 class ObjectUtils {
     static compare(a, b) {
         if ((a === null || b === null) || (typeof a != typeof b)) {
@@ -342,6 +342,7 @@ var StorageMode;
 })(StorageMode || (StorageMode = {}));
 const TOASTER_SERVICE = new InjectionToken("toaster-service");
 const PROMISE_SERVICE = new InjectionToken("promise-service");
+const WASI_IMPLEMENTATION = new InjectionToken("wasi-implementation");
 // --- Unordered list ---
 class UnorederedListTemplate extends TemplateRef {
 }
@@ -431,6 +432,7 @@ const CONFIG_SERVICE = new InjectionToken("config-service");
 const BASE_CONFIG = new InjectionToken("base-config");
 const SCRIPT_PARAMS = new InjectionToken("script-params");
 const ROOT_ELEMENT = new InjectionToken("app-root-element");
+const RESIZE_DELAY = new InjectionToken("resize-event-delay");
 const ERROR_HANDLER = new InjectionToken("error-handler-callback");
 const GLOBAL_TEMPLATES = new InjectionToken("global-templates");
 // --- Valued promise ---
@@ -487,13 +489,14 @@ class DateUtils {
     static add(date, amount, unit) {
         return moment(date).add(amount, unit).toDate();
     }
-    static businessAdd(date, amount, unit) {
+    static businessAdd(date, amount, unit, freeDays = []) {
         const signal = amount < 0 ? -1 : 1;
+        const freeMoments = freeDays.map(d => moment(d));
         let remaining = Math.abs(amount);
         let day = date;
         while (remaining) {
             day = DateUtils.add(day, signal, unit);
-            if (DateUtils.isBusinessDay(day)) {
+            if (DateUtils.isBusinessDay(day) && !freeMoments.some(m => m.isSame(day, "day"))) {
                 remaining--;
             }
         }
@@ -1173,6 +1176,51 @@ class Initializer {
     }
 }
 
+class JSONfn {
+    static parse(text) {
+        return JSON.parse(text, JSONfn.reviver);
+    }
+    static stringify(obj) {
+        return JSON.stringify(obj, JSONfn.replacer);
+    }
+    static reviver(key, value) {
+        const iso8061 = /^\d{4}-\d\d-\d\dT\d\d:\d\d:\d\d(?:.\d+)?(?:Z|[+-]\d\d:\d\d)$/;
+        if (typeof value !== "string")
+            return value;
+        if (value.length < 8) {
+            return value;
+        }
+        if (value.match(iso8061)) {
+            return new Date(value);
+        }
+        const prefix = value.substring(0, 8);
+        if (prefix === "function") {
+            return new Function(`return ${value}`)();
+        }
+        if (prefix === "_NuFrRa_") {
+            return new Function(`return ${value.slice(8)}`)();
+        }
+        if (prefix === "_PxEgEr_") {
+            return new Function(`return ${value.slice(8)}`)();
+        }
+        return value;
+    }
+    static replacer(key, value) {
+        if (value instanceof Function || typeof value === "function") {
+            const fnBody = value.toString();
+            if (fnBody.length < 8 || fnBody.substring(0, 8) !== "function") {
+                // this is ES6 Arrow Function
+                return "_NuFrRa_" + fnBody;
+            }
+            return fnBody;
+        }
+        if (value instanceof RegExp) {
+            return "_PxEgEr_" + value;
+        }
+        return value;
+    }
+}
+
 class LoaderUtils {
     static loadScript(src, async = false) {
         this.scriptPromises[src] = this.scriptPromises[src] || new Promise((resolve, reject) => {
@@ -1279,7 +1327,7 @@ class UniversalService {
         this.platformId = platformId;
         this.dds = dds;
         const info = this.dds.getDeviceInfo();
-        this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST)/gi.test(info.userAgent);
+        this.crawler = /(bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|lighthouse|angular-universal|PTST|PostmanRuntime)/gi.test(info.userAgent);
     }
     get isBrowser() {
         return isPlatformBrowser(this.platformId);
@@ -1335,9 +1383,9 @@ class UniversalService {
         return this.crawler;
     }
 }
-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: [{
+UniversalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: UniversalService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UniversalService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1361,7 +1409,7 @@ class StateService extends BehaviorSubject {
                 return;
             const routerStateSnapshot = this.router.routerState.snapshot;
             let snapshot = routerStateSnapshot.root;
-            let context = this.contexts.getContext("primary");
+            let context = this.contexts?.getContext("primary");
             let segments = snapshot.url;
             const components = [];
             const snapshots = [];
@@ -1500,9 +1548,9 @@ class StateService extends BehaviorSubject {
         return [url, extras];
     }
 }
-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: [{
+StateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: StateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.NgZone }, { type: UniversalService }, { type: i2.Router, decorators: [{
                     type: Optional
@@ -1649,8 +1697,8 @@ class AuthGuard {
         });
     }
 }
-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 });
+AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: AuthGuard });
 __decorate([
     FactoryDependencies(AUTH_SERVICE),
     __metadata("design:type", Function),
@@ -1669,7 +1717,7 @@ __decorate([
     __metadata("design:paramtypes", [Object, StateService, String]),
     __metadata("design:returntype", Function)
 ], AuthGuard, "guardAuthStateField", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector, decorators: [{
                     type: Inject,
@@ -2060,81 +2108,103 @@ class Vector {
     }
 }
 
-const emptyGuards = [];
-class AclService {
-    constructor(injector, state, auth) {
-        this.injector = injector;
-        this.state = state;
-        this.auth = auth;
-        this.components = [];
-        this.auth.userChanged.subscribe(() => {
-            this.components.forEach(t => t.dirty = true);
-            const info = this.getStateInfo();
-            const check = info && info.guard instanceof AuthGuard ? info.guard.checkRoute(info.route) : Promise.resolve(true);
-            check.then(result => {
-                if (result) {
-                    if (!info || !info.dirty)
-                        return;
-                    info.dirty = false;
-                    const component = info.component;
-                    if (!info.component)
-                        return;
-                    if (info.first) {
-                        if (ObjectUtils.isFunction(component.onUserInitialized)) {
-                            component.onUserInitialized();
-                        }
-                        info.first = false;
-                        return;
+function workerFunction(JSONfn, logTimes) {
+    let wasmResolve = null;
+    const wasmInstance = new Promise(resolve => {
+        wasmResolve = resolve;
+    });
+    self.onmessage = function (e) {
+        const data = e.data;
+        const { type, payload } = data;
+        switch (type) {
+            case "wasm":
+                const { url, wasi } = payload;
+                fetch(url).then(response => response.arrayBuffer()).then(bytes => {
+                    const wasiImpl = JSONfn.parse(wasi);
+                    return new wasiImpl().instantiate(bytes);
+                }).then(instance => {
+                    wasmResolve(instance);
+                    const methods = Object.getOwnPropertyNames(instance).filter(key => typeof instance[key] === "function");
+                    self.postMessage({ type: "methods", payload: methods });
+                });
+                break;
+            case "call":
+                wasmInstance.then(instance => {
+                    const { name, id, args } = payload;
+                    if (logTimes) {
+                        console.time(id);
+                        console.timeLog(id, `Calling ${name} ...`);
                     }
-                    if (ObjectUtils.isFunction(component.onUserChanged)) {
-                        component.onUserChanged();
+                    const func = instance[name];
+                    const result = func(...args);
+                    if (logTimes) {
+                        console.timeLog(id, `Called ${name}`);
+                        console.timeEnd(id);
                     }
-                    return;
-                }
-                info.guard.getReturnState(info.route).then(returnState => {
-                    if (!returnState)
-                        return;
-                    this.state.navigate(returnState);
+                    self.postMessage({ type: "result", payload: { id, result } });
                 });
-            });
+                break;
+        }
+    };
+}
+class WasmWorkerProxy {
+    constructor(wasmPath, wasi, logTimes = false) {
+        this.methods = new Promise(resolve => {
+            this.onMethods = resolve;
         });
-        this.state.subscribe(() => {
-            const info = this.getStateInfo();
-            if (!info?.component)
-                return;
-            const component = info.component;
-            if (ObjectUtils.isFunction(component.onUserInitialized)) {
-                component.onUserInitialized();
+        const lt = logTimes ? "true" : "false";
+        const blob = new Blob([`${JSONfn.toString()} (${workerFunction.toString()})(JSONfn, ${lt})`], { type: 'application/javascript' });
+        this.worker = new Worker(URL.createObjectURL(blob));
+        this.worker.postMessage({
+            type: "wasm",
+            payload: { url: wasmPath, wasi: JSONfn.stringify(wasi), logTimes }
+        });
+        this.worker.onmessage = this.onMessage.bind(this);
+        this.promises = new Map();
+        return new Proxy(this, {
+            get: (target, prop, receiver) => {
+                const res = Reflect.get(target, prop, receiver);
+                if (res) {
+                    return res;
+                }
+                return (...args) => {
+                    return this.call(prop.toString(), args);
+                };
             }
         });
     }
-    getStateInfo() {
-        const route = this.state.route;
-        if (!route)
-            return null;
-        let info = this.components.find(t => t.route == this.state.route);
-        if (!info) {
-            const guardType = (route.canActivate || emptyGuards)[0];
-            info = {
-                route: this.state.route,
-                guard: guardType ? this.injector.get(guardType) : null,
-                dirty: true,
-                first: true
-            };
-            this.components.push(info);
+    onMessage(e) {
+        const data = e.data;
+        const { type, payload } = data;
+        switch (type) {
+            case "methods":
+                this.onMethods(payload);
+                break;
+            case "result":
+                const { id, result } = payload;
+                const promise = this.promises.get(id);
+                if (promise) {
+                    promise.resolve(result);
+                    this.promises.delete(id);
+                }
+                break;
         }
-        info.component = this.state.component;
-        return info;
     }
-}
-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]
-                }] }]; } });
+    async call(method, args) {
+        const methods = await this.methods;
+        if (!methods.includes(method)) {
+            throw new Error(`Method ${method} not found`);
+        }
+        return new Promise((resolve, reject) => {
+            const id = Math.random().toString(36).substring(2, 9);
+            this.worker.postMessage({
+                type: "call",
+                payload: { name: method, id, args }
+            });
+            this.promises.set(id, { resolve, reject });
+        });
+    }
+}
 
 class BaseHttpClient extends HttpClient {
     constructor(handler) {
@@ -2172,9 +2242,9 @@ class BaseHttpClient extends HttpClient {
         this.extraRequestParams[name] = value;
     }
 }
-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: [{
+BaseHttpClient.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BaseHttpClient, deps: [{ token: i1$1.HttpHandler }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseHttpClient.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BaseHttpClient });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BaseHttpClient, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpHandler }]; } });
 
@@ -2216,9 +2286,9 @@ class StorageService {
         storage.removeItem(key);
     }
 }
-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: [{
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StorageService, deps: [{ token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StorageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: UniversalService }]; } });
 
@@ -2233,6 +2303,7 @@ class BaseHttpService {
         this.requestHeaders = {};
         this.requestParams = {};
         this.cache = {};
+        this.initService();
     }
     get name() {
         return "base";
@@ -2247,6 +2318,8 @@ class BaseHttpService {
     get universal() {
         return this.storage.universal;
     }
+    initService() {
+    }
     url(url) {
         return url;
     }
@@ -2410,15 +2483,16 @@ class BaseHttpService {
                     }
                     const headers = options.headers;
                     const authKey = "Authorization";
-                    // If an authorization header exists and we still have an Unauthorized response prompt the user to log in again
+                    // If an authorization header exists, and we still have an Unauthorized response prompt the user to log in again
                     if (headers.has(authKey) && response.status == 401) {
                         const pushed = this.pushFailedRequest(url, options, () => {
                             options.headers = this.makeHeaders(options.originalHeaders);
                             this.toPromise(url, options, listener).then(resolve, reject);
                         });
-                        if (pushed)
+                        if (pushed) {
                             this.handleUnauthorizedError(absoluteUrl, options, () => reject(response));
-                        return;
+                            return;
+                        }
                     }
                     reject(response);
                 });
@@ -2426,7 +2500,7 @@ class BaseHttpService {
         });
     }
     pushFailedRequest(url, options, req) {
-        if (url.indexOf("tokens") >= 0)
+        if (url.indexOf("token") >= 0 || url === "user")
             return false;
         BaseHttpService.failedRequests.push(req);
         return true;
@@ -2482,9 +2556,9 @@ class BaseHttpService {
     }
 }
 BaseHttpService.failedRequests = [];
-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: [{
+BaseHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: BaseHttpService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BaseHttpService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: BaseHttpClient, decorators: [{
                     type: Inject,
@@ -2508,6 +2582,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     args: [EXPRESS_REQUEST]
                 }] }]; } });
 
+class LocalHttpService extends BaseHttpService {
+    get name() {
+        return "local-http";
+    }
+    get withCredentials() {
+        return false;
+    }
+    initService() {
+        this.images = {};
+    }
+    url(url) {
+        if (!url)
+            return url;
+        const config = this.configs.config;
+        const baseUrl = config.cdnUrl || config.baseUrl || "";
+        return url.startsWith("data:") || url.startsWith("http") || url.startsWith("//")
+            ? url
+            : `${baseUrl}${url}`;
+    }
+    get(url, options) {
+        this.cache[url] = this.cache[url] || this.getPromise(url, options);
+        return this.cache[url];
+    }
+    getImage(url) {
+        if (this.universal.isServer)
+            return Promise.resolve(null);
+        if (!url)
+            return Promise.resolve(new Image());
+        this.images[url] = this.images[url] || new Promise((resolve, reject) => {
+            const image = new Image();
+            image.crossOrigin = "Anonymous";
+            image.src = this.url(url);
+            image.onload = () => resolve(image);
+            image.onerror = reject;
+        });
+        return this.images[url];
+    }
+}
+LocalHttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalHttpService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+LocalHttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalHttpService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalHttpService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Use this service to load WebAssembly modules
+ */
+class WasmService {
+    constructor(universal, http, wasi) {
+        this.universal = universal;
+        this.http = http;
+        this.wasi = wasi.constructor;
+    }
+    async getModule(name) {
+        if (!this.universal.isBrowser || !name)
+            return null;
+        this.modules = this.modules || {};
+        this.modules[name] = this.modules[name] || this.http.get(`wasm/${name}.wasm`, {
+            responseType: "arraybuffer"
+        }).then(async (bytes) => {
+            const wasi = new this.wasi();
+            return await wasi.instantiate(bytes);
+        });
+        return this.modules[name];
+    }
+    getWorkerModule(name) {
+        if (!this.universal.isBrowser || !name)
+            return null;
+        this.workerModules = this.workerModules || {};
+        this.workerModules[name] = new WasmWorkerProxy(this.http.url(`wasm/${name}.wasm`), this.wasi);
+        return this.workerModules[name];
+    }
+}
+WasmService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WasmService, deps: [{ token: UniversalService }, { token: LocalHttpService }, { token: WASI_IMPLEMENTATION }], target: i0.ɵɵFactoryTarget.Injectable });
+WasmService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WasmService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: WasmService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: UniversalService }, { type: LocalHttpService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WASI_IMPLEMENTATION]
+                }] }]; } });
+
+const emptyGuards = [];
+class AclService {
+    constructor(injector, state, auth) {
+        this.injector = injector;
+        this.state = state;
+        this.auth = auth;
+        this.components = [];
+        this.auth.userChanged.subscribe(() => {
+            this.components.forEach(t => t.dirty = true);
+            const info = this.getStateInfo();
+            const check = info && info.guard instanceof AuthGuard ? info.guard.checkRoute(info.route) : Promise.resolve(true);
+            check.then(result => {
+                if (result) {
+                    if (!info || !info.dirty)
+                        return;
+                    info.dirty = false;
+                    const component = info.component;
+                    if (!info.component)
+                        return;
+                    if (info.first) {
+                        if (ObjectUtils.isFunction(component.onUserInitialized)) {
+                            component.onUserInitialized();
+                        }
+                        info.first = false;
+                        return;
+                    }
+                    if (ObjectUtils.isFunction(component.onUserChanged)) {
+                        component.onUserChanged();
+                    }
+                    return;
+                }
+                info.guard.getReturnState(info.route).then(returnState => {
+                    if (!returnState)
+                        return;
+                    this.state.navigate(returnState);
+                });
+            });
+        });
+        this.state.subscribe(() => {
+            const info = this.getStateInfo();
+            if (!info?.component)
+                return;
+            const component = info.component;
+            if (ObjectUtils.isFunction(component.onUserInitialized)) {
+                component.onUserInitialized();
+            }
+        });
+    }
+    getStateInfo() {
+        const route = this.state.route;
+        if (!route)
+            return null;
+        let info = this.components.find(t => t.route == this.state.route);
+        if (!info) {
+            const guardType = (route.canActivate || emptyGuards)[0];
+            info = {
+                route: this.state.route,
+                guard: guardType ? this.injector.get(guardType) : null,
+                dirty: true,
+                first: true
+            };
+            this.components.push(info);
+        }
+        info.component = this.state.component;
+        return info;
+    }
+}
+AclService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: AclService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AclService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: StateService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_SERVICE]
+                }] }]; } });
+
 class ApiService extends BaseHttpService {
     get name() {
         return "api";
@@ -2537,9 +2769,9 @@ class ApiService extends BaseHttpService {
         return this.listPromise(url, params);
     }
 }
-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: [{
+ApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ApiService, decorators: [{
             type: Injectable
         }] });
 
@@ -2641,9 +2873,9 @@ class ConfigService {
         return decodeURIComponent(results[2].replace(/\+/g, " "));
     }
 }
-ConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ConfigService, deps: [{ token: i1$1.HttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { 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: [{
+ConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConfigService, deps: [{ token: i1$1.HttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConfigService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: UniversalService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
@@ -2702,9 +2934,9 @@ class ErrorHandlerService extends ErrorHandler {
         console.error(`[${date}]: ${error.message}\n${error.stack}`);
     }
 }
-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: [{
+ErrorHandlerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ErrorHandlerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorHandlerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ErrorHandlerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ErrorHandlerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
@@ -2726,9 +2958,9 @@ class EventsService {
         this.stickyUpdated.emit(sticky);
     }
 }
-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: [{
+EventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EventsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EventsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -2748,12 +2980,13 @@ class FormatterService {
     roundNumber(value, precision, divider) {
         return MathUtils.round(value, this.getPrecision(precision), divider || this.defaultDivider);
     }
-    formatNumber(value, format, precision, divider) {
+    formatNumber(value, format, precision, divider, minDigits) {
         precision = this.getPrecision(precision);
+        minDigits = minDigits ?? precision;
         divider = divider || this.defaultDivider;
         const num = ObjectUtils.isNumber(value) ? value : parseFloat(value) || 0;
         const str = (num / divider).toLocaleString(this.language.currentLanguage, {
-            minimumFractionDigits: precision,
+            minimumFractionDigits: minDigits,
             maximumFractionDigits: precision,
             useGrouping: false
         });
@@ -2766,9 +2999,9 @@ class FormatterService {
         return ObjectUtils.isNumber(precision) ? precision : this.defaultPrecision;
     }
 }
-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: [{
+FormatterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+FormatterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2803,9 +3036,9 @@ class GlobalTemplateService {
         this.componentModifiers[id] = modifier;
     }
 }
-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: [{
+GlobalTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+GlobalTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -2827,9 +3060,9 @@ class IconService {
         return Promise.resolve(active ? activeIcon : icon);
     }
 }
-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: [{
+IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -2968,9 +3201,9 @@ class StaticLanguageService {
         return browserLang;
     }
 }
-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: [{
+StaticLanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: StaticLanguageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StaticLanguageService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: EventsService, decorators: [{
                     type: Inject,
@@ -3091,9 +3324,9 @@ class LanguageService extends StaticLanguageService {
         return this.settingsPromise;
     }
 }
-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: [{
+LanguageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LanguageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+LanguageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LanguageService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LanguageService, decorators: [{
             type: Injectable
         }] });
 
@@ -3125,9 +3358,9 @@ class OpenApiService {
         return schemas[name];
     }
 }
-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: [{
+OpenApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: OpenApiService, deps: [{ token: API_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+OpenApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: OpenApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: OpenApiService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3154,9 +3387,9 @@ class ConsoleToasterService {
         this.language.getTranslation(message, params).then(callback);
     }
 }
-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: [{
+ConsoleToasterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConsoleToasterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+ConsoleToasterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConsoleToasterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ConsoleToasterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3223,9 +3456,9 @@ class TranslatedUrlSerializer extends DefaultUrlSerializer {
         return newGroup;
     }
 }
-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: [{
+TranslatedUrlSerializer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TranslatedUrlSerializer, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslatedUrlSerializer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TranslatedUrlSerializer });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TranslatedUrlSerializer, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3276,9 +3509,9 @@ class PromiseService {
         });
     }
 }
-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: [{
+PromiseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PromiseService, deps: [{ token: NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+PromiseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PromiseService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PromiseService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone, decorators: [{
                     type: Inject,
@@ -3290,9 +3523,13 @@ function emptyRemove$1() {
 function isWindow(el) {
     return typeof window !== "undefined" && el === window;
 }
+const detector = elementResizeDetectorMaker({
+    strategy: "scroll" // For ultra performance.
+});
 class ResizeEventPlugin extends ɵDomEventsPlugin {
-    constructor(doc, universal) {
+    constructor(doc, resizeDelay, universal) {
         super(doc);
+        this.resizeDelay = resizeDelay;
         this.universal = universal;
     }
     supports(eventName) {
@@ -3303,14 +3540,17 @@ class ResizeEventPlugin extends ɵDomEventsPlugin {
         return zone.runOutsideAngular(() => {
             if (this.universal.isServer)
                 return emptyRemove$1;
+            const timer = TimerUtils.createTimeout();
             const cb = el => {
-                zone.run(() => handler(el));
+                timer.set(() => {
+                    zone.run(() => handler(el));
+                }, this.resizeDelay);
             };
             if (isWindow(element)) {
                 element.addEventListener(eventName, cb);
             }
             else {
-                detector.addListener(element, cb);
+                detector.listenTo(element, cb);
             }
             return () => {
                 try {
@@ -3318,23 +3558,29 @@ class ResizeEventPlugin extends ɵDomEventsPlugin {
                         element.removeEventListener(eventName, cb);
                     }
                     else {
-                        detector.removeListener(element, cb);
+                        detector.uninstall(element);
                     }
                 }
                 catch (e) {
                 }
+                finally {
+                    timer.clear();
+                }
             };
         });
     }
 }
 ResizeEventPlugin.EVENT_NAME = "resize";
-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: [{
+ResizeEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: RESIZE_DELAY }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RESIZE_DELAY]
                 }] }, { type: UniversalService }]; } });
 
 function emptyRemove() {
@@ -3361,9 +3607,9 @@ class ScrollEventPlugin extends ɵDomEventsPlugin {
     }
 }
 ScrollEventPlugin.EVENT_NAME = "scroll";
-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: [{
+ScrollEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ScrollEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ScrollEventPlugin });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ScrollEventPlugin, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3384,9 +3630,9 @@ class ChunkPipe {
         return result;
     }
 }
-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: [{
+ChunkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ChunkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ChunkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ChunkPipe, name: "chunk" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ChunkPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "chunk"
@@ -3409,9 +3655,9 @@ class EntriesPipe {
         return entries;
     }
 }
-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: [{
+EntriesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+EntriesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EntriesPipe, name: "entries" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EntriesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "entries"
@@ -3437,9 +3683,9 @@ class ExtraItemPropertiesPipe {
         }, { ...item }));
     }
 }
-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: [{
+ExtraItemPropertiesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExtraItemPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ExtraItemPropertiesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExtraItemPropertiesPipe, name: "extraItemProperties" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExtraItemPropertiesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "extraItemProperties"
@@ -3476,9 +3722,9 @@ class FilterPipe {
         });
     }
 }
-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: [{
+FilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterPipe, name: "filter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "filter"
@@ -3502,9 +3748,9 @@ class FindPipe {
         return values.find((value, index) => filterFunc(value, index, params));
     }
 }
-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: [{
+FindPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FindPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FindPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FindPipe, name: "find" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FindPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "find"
@@ -3519,9 +3765,9 @@ class FormatNumberPipe {
         return this.formatter.formatNumber(value, format, precision, divider);
     }
 }
-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: [{
+FormatNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+FormatNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatNumberPipe, name: "formatNumber" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FormatNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "formatNumber"
@@ -3533,9 +3779,9 @@ class GetOffsetPipe {
         return value ? (ObjectUtils.isNullOrUndefined(offset) ? value : value[offset]) : 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: [{
+GetOffsetPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GetOffsetPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetOffsetPipe, name: "getOffset" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetOffsetPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "getOffset"
@@ -3547,9 +3793,9 @@ class GetTypePipe {
         return typeof value;
     }
 }
-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: [{
+GetTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GetTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetTypePipe, name: "getType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GetTypePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "getType"
@@ -3581,9 +3827,9 @@ class GlobalTemplatePipe {
         return this.cachedTemplate;
     }
 }
-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: [{
+GlobalTemplatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GLOBAL_TEMPLATES }], target: i0.ɵɵFactoryTarget.Pipe });
+GlobalTemplatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplatePipe, name: "globalTemplate", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplatePipe, decorators: [{
             type: Pipe,
             args: [{
                     pure: false,
@@ -3609,9 +3855,9 @@ class GroupByPipe {
         });
     }
 }
-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: [{
+GroupByPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GroupByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GroupByPipe, name: "groupBy" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GroupByPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "groupBy"
@@ -3623,9 +3869,9 @@ class IsTypePipe {
         return (typeof value) === type;
     }
 }
-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: [{
+IsTypePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IsTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+IsTypePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IsTypePipe, name: "isType" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IsTypePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "isType"
@@ -3639,9 +3885,9 @@ class JoinPipe {
             : "";
     }
 }
-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: [{
+JoinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+JoinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: JoinPipe, name: "join" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: JoinPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "join"
@@ -3658,9 +3904,9 @@ class KeysPipe {
             : Object.keys(value);
     }
 }
-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: [{
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KeysPipe, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "keys"
@@ -3684,9 +3930,9 @@ class MapPipe {
         return values.map((value, index) => mapperFunc(value, index, params));
     }
 }
-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: [{
+MapPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MapPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MapPipe, name: "map" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MapPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "map"
@@ -3706,9 +3952,9 @@ class MaxPipe {
         return ArrayUtils.max(value, (item, index) => maxSelector(item, index, params));
     }
 }
-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: [{
+MaxPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MaxPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MaxPipe, name: "max" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MaxPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "max"
@@ -3728,9 +3974,9 @@ class MinPipe {
         return ArrayUtils.min(value, (item, index) => minSelector(item, index, params));
     }
 }
-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: [{
+MinPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MinPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MinPipe, name: "min" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: MinPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "min"
@@ -3742,9 +3988,9 @@ class PopPipe {
         return !Array.isArray(value) ? null : Array.from(value).pop();
     }
 }
-PopPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PopPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PopPipe, name: "pop" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PopPipe, decorators: [{
+PopPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PopPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PopPipe, name: "pop" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PopPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "pop"
@@ -3769,9 +4015,9 @@ class ReducePipe {
         return values.reduce((result, value, index) => mapperFunc(result, value, index, params), source);
     }
 }
-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: [{
+ReducePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReducePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReducePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReducePipe, name: "reduce" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReducePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "reduce"
@@ -3798,9 +4044,9 @@ class RemapPipe {
         return remapped.map;
     }
 }
-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: [{
+RemapPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RemapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RemapPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RemapPipe, name: "remap" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RemapPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "remap"
@@ -3809,12 +4055,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
 
 class ReplacePipe {
     transform(value, from, to) {
-        return value ? value.replace(from, to) : value;
+        return ObjectUtils.isDefined(value) ? `${value}`.replace(from, to) : ``;
     }
 }
-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: [{
+ReplacePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReplacePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReplacePipe, name: "replace" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReplacePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "replace"
@@ -3833,9 +4079,9 @@ class ReversePipe {
         return result;
     }
 }
-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: [{
+ReversePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReversePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReversePipe, name: "reverse" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ReversePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "reverse"
@@ -3850,9 +4096,9 @@ class RoundPipe {
         return this.formatter.roundNumber(value, precision, divider);
     }
 }
-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: [{
+RoundPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RoundPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+RoundPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RoundPipe, name: "round" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: RoundPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "round"
@@ -3880,9 +4126,9 @@ class SafeHtmlPipe {
         }
     }
 }
-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: [{
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeHtmlPipe, name: "safe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "safe"
@@ -3894,9 +4140,9 @@ class ShiftPipe {
         return !Array.isArray(value) ? null : Array.from(value).shift();
     }
 }
-ShiftPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ShiftPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ShiftPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ShiftPipe, name: "shift" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ShiftPipe, decorators: [{
+ShiftPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ShiftPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ShiftPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ShiftPipe, name: "shift" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ShiftPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "shift"
@@ -3908,9 +4154,9 @@ class SplitPipe {
         return `${value}`.split(separator);
     }
 }
-SplitPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SplitPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SplitPipe, name: "split" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SplitPipe, decorators: [{
+SplitPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SplitPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SplitPipe, name: "split" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SplitPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "split"
@@ -3983,10 +4229,10 @@ class TranslatePipe {
         return this.lastValue;
     }
 }
-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: [{
+TranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: TranslatePipe, name: "translate", pure: false });
+TranslatePipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TranslatePipe });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TranslatePipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -4009,9 +4255,9 @@ class ValuesPipe {
             : Object.keys(value).map(key => value[key]);
     }
 }
-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: [{
+ValuesPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ValuesPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ValuesPipe, name: "values" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ValuesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "values"
@@ -4064,9 +4310,9 @@ class AsyncMethodBase {
         return true;
     }
 }
-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: [{
+AsyncMethodBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AsyncMethodBase, deps: [{ token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Directive });
+AsyncMethodBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: AsyncMethodBase, decorators: [{
             type: Directive,
             args: [{
                     selector: "[__asmb__]"
@@ -4098,9 +4344,9 @@ class AsyncMethodDirective extends AsyncMethodBase {
         return this.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: [{
+AsyncMethodDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AsyncMethodDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+AsyncMethodDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: AsyncMethodDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[async-method]",
@@ -4142,9 +4388,9 @@ class BackgroundDirective {
         this.renderer.setStyle(this.element.nativeElement, "background-size", this.backgroundSize);
     }
 }
-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: [{
+BackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: BackgroundDirective, selector: "[background]", inputs: { background: "background", backgroundSize: "backgroundSize" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BackgroundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[background]"
@@ -4160,9 +4406,9 @@ class DynamicTableTemplateDirective {
         this.ref = ref;
     }
 }
-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: [{
+DynamicTableTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DynamicTableTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+DynamicTableTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: DynamicTableTemplateDirective, selector: "ng-template[column]", inputs: { column: "column", pure: "pure" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DynamicTableTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[column]"
@@ -4185,9 +4431,9 @@ class GlobalTemplateDirective {
         this.globalTemplates.remove(this.id);
     }
 }
-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: [{
+GlobalTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: GlobalTemplateDirective, selector: "[globalTemplate]", inputs: { id: ["globalTemplate", "id"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[globalTemplate]"
@@ -4238,9 +4484,9 @@ class IconDirective {
         });
     }
 }
-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: [{
+IconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", 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.4.0", ngImport: i0, type: IconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[icon]"
@@ -4336,9 +4582,9 @@ class NgxTemplateOutletDirective {
         }
     }
 }
-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: [{
+NgxTemplateOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxTemplateOutletDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+NgxTemplateOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: { context: "context", additionalContext: "additionalContext", ngxTemplateOutlet: "ngxTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxTemplateOutletDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[ngxTemplateOutlet]"
@@ -4405,9 +4651,9 @@ class PaginationDirective {
         });
     }
 }
-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: [{
+PaginationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PaginationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", ngImport: i0, type: PaginationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[pagination]",
@@ -4450,9 +4696,9 @@ class PaginationItemDirective {
         });
     }
 }
-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: [{
+PaginationItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: PaginationItemDirective, selector: "[paginationItem]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: PaginationItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[paginationItem]"
@@ -4489,9 +4735,9 @@ class ResourceIfDirective {
         }
     }
 }
-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: [{
+ResourceIfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: ResourceIfDirective, selector: "[resourceIf]", inputs: { resourceIf: "resourceIf" }, exportAs: ["resourceIf"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResourceIfDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[resourceIf]",
@@ -4530,9 +4776,9 @@ class StickyDirective {
         this.updateTimer.run();
     }
 }
-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: [{
+StickyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", 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.4.0", ngImport: i0, type: StickyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[sticky]"
@@ -4570,9 +4816,9 @@ class StickyClassDirective {
         this.stickyUpdated.unsubscribe();
     }
 }
-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: [{
+StickyClassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: StickyClassDirective, selector: "[stickyClass]", inputs: { stickyClass: "stickyClass" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: StickyClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[stickyClass]"
@@ -4627,9 +4873,9 @@ class UnorderedListItemDirective {
         this.item.classList.push(className);
     }
 }
-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: [{
+UnorderedListItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", 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.4.0", ngImport: i0, type: UnorderedListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[unorderedListItem]"
@@ -4665,9 +4911,9 @@ class UnorderedListTemplateDirective extends UnorederedListTemplate {
         return this.templateRef.createEmbeddedView(context);
     }
 }
-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: [{
+UnorderedListTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", type: UnorderedListTemplateDirective, selector: "ng-template[type][selector]", inputs: { type: "type", selector: "selector" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UnorderedListTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[type][selector]"
@@ -4704,9 +4950,9 @@ class UnorderedListComponent {
         this.cdr.detectChanges();
     }
 }
-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>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </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    <span [innerHTML]=\"data\"></span>\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: [{
+UnorderedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+UnorderedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </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    <span [innerHTML]=\"data\"></span>\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.4.0", 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>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </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    <span [innerHTML]=\"data\"></span>\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: [{
@@ -4808,9 +5054,9 @@ class PaginationMenuComponent {
         this.pages = pages;
     }
 }
-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: [{
+PaginationMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", 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.4.0", 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: [{
@@ -4927,9 +5173,9 @@ class DynamicTableComponent {
         });
     }
 }
-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: [{
+DynamicTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", 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.4.0", 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: [{
@@ -5057,6 +5303,7 @@ const providers = [
     GlobalTemplateService,
     IconService,
     LanguageService,
+    LocalHttpService,
     OpenApiService,
     PromiseService,
     StateService,
@@ -5065,6 +5312,7 @@ const providers = [
     ConsoleToasterService,
     TranslatedUrlSerializer,
     UniversalService,
+    WasmService,
     DeviceDetectorService,
     {
         provide: EVENT_MANAGER_PLUGINS,
@@ -5089,6 +5337,163 @@ function loadConfig(config) {
     return config.load;
 }
 
+class Wasi {
+    constructor() {
+        this.env = {};
+        this.instantiated = false;
+        this.wasi = [
+            "emscripten_notify_memory_growth",
+            "proc_exit",
+            "environ_get",
+            "environ_sizes_get",
+            "fd_close",
+            "fd_write",
+            "fd_read",
+            "fd_seek",
+        ].reduce((res, key) => {
+            if (typeof this[key] === "function") {
+                res[key] = this[key].bind(this);
+            }
+            return res;
+        }, {});
+    }
+    instantiate(bytes) {
+        if (this.instantiated) {
+            throw new Error("WASI already instantiated");
+        }
+        this.instantiated = true;
+        return WebAssembly.instantiate(bytes, {
+            wasi_snapshot_preview1: this.wasi,
+            env: this.wasi
+        }).then(module => {
+            const exports = module.instance.exports;
+            this.wasm = {
+                ...exports,
+                writeArrayToMemory: (array) => {
+                    const bytes = array.length * array.BYTES_PER_ELEMENT;
+                    const pointer = exports.malloc(bytes);
+                    const ctr = array.constructor;
+                    const heapArray = new ctr(this.wasm.memory.buffer, pointer, array.length);
+                    heapArray.set(array);
+                    return pointer;
+                },
+                readArrayFromMemory: (pointer, array) => {
+                    const ctr = array.constructor;
+                    const heapArray = new ctr(this.wasm.memory.buffer, pointer, array.length);
+                    array.set(heapArray);
+                    return array;
+                }
+            };
+            this.updateMemoryViews();
+            return this.wasm;
+        });
+    }
+    updateMemoryViews() {
+        const buffer = this.wasm.memory.buffer;
+        this.wasm.HEAP8 = new Int8Array(buffer);
+        this.wasm.HEAP16 = new Int16Array(buffer);
+        this.wasm.HEAP32 = new Int32Array(buffer);
+        this.wasm.HEAPU8 = new Uint8Array(buffer);
+        this.wasm.HEAPU16 = new Uint16Array(buffer);
+        this.wasm.HEAPU32 = new Uint32Array(buffer);
+        this.wasm.HEAPF32 = new Float32Array(buffer);
+        this.wasm.HEAPF64 = new Float64Array(buffer);
+    }
+    getEnvStrings() {
+        if (!this.envStrings) {
+            let x;
+            const env = {};
+            for (x in this.env) {
+                if (this.env[x] === undefined)
+                    delete env[x];
+                else
+                    env[x] = this.env[x];
+            }
+            const strings = [];
+            for (x in env) {
+                strings.push(x + "=" + env[x]);
+            }
+            this.envStrings = strings;
+        }
+        return this.envStrings;
+    }
+    stringToAscii(str, buffer) {
+        const HEAP8 = this.wasm.HEAP8;
+        for (let i = 0; i < str.length; ++i) {
+            HEAP8[buffer++ >> 0] = str.charCodeAt(i);
+        }
+        HEAP8[buffer >> 0] = 0;
+    }
+    emscripten_notify_memory_growth(memoryIndex) {
+        this.updateMemoryViews();
+    }
+    proc_exit(rval) {
+        console.log("proc_exit", rval);
+    }
+    environ_get(environ, environ_buf) {
+        if (!this.wasm.HEAP8.byteLength) {
+            this.emscripten_notify_memory_growth(0);
+        }
+        const HEAPU32 = this.wasm.HEAPU32;
+        let bufSize = 0;
+        this.getEnvStrings().forEach((str, i) => {
+            const ptr = environ_buf + bufSize;
+            HEAPU32[environ + i * 4 >> 2] = ptr;
+            this.stringToAscii(str, ptr);
+            bufSize += str.length + 1;
+        });
+        return 0;
+    }
+    environ_sizes_get(penviron_count, penviron_buf_size) {
+        if (!this.wasm.HEAP8.byteLength) {
+            this.emscripten_notify_memory_growth(0);
+        }
+        const HEAPU32 = this.wasm.HEAPU32;
+        const strings = this.getEnvStrings();
+        HEAPU32[penviron_count >> 2] = strings.length;
+        let bufSize = 0;
+        strings.forEach(function (string) {
+            bufSize += string.length + 1;
+        });
+        HEAPU32[penviron_buf_size >> 2] = bufSize;
+        // WASI_ESUCCESS
+        return 0;
+    }
+    fd_close(fd) {
+        // WASI_ESUCCESS
+        return 0;
+    }
+    fd_write(fd, iovs, iovs_len, nwritten) {
+        if (fd !== 1) {
+            // WASI_EBADF
+            return 8;
+        }
+        if (iovs_len !== 1) {
+            // WASI_ENOSYS
+            return 52;
+        }
+        this.wasm.HEAPU32[nwritten >> 2] = this.wasm.HEAPU32[iovs + 4 >> 2];
+        // WASI_ESUCCESS
+        return 0;
+    }
+    fd_read(fd, iovs, iovs_len, nread) {
+        // WASI_EINVAL
+        return 28;
+    }
+    fd_seek(fd, offset, whence, newOffset) {
+        // WASI_EINVAL
+        return 28;
+    }
+}
+Wasi.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: Wasi, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+Wasi.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: Wasi, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: Wasi, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return []; } });
+
 function loadBaseUrl() {
     if (typeof (document) === "undefined" || typeof (location) === "undefined")
         return "/";
@@ -5159,6 +5564,10 @@ class NgxUtilsModule {
                     provide: GLOBAL_TEMPLATES,
                     useExisting: (!config ? null : config.globalTemplates) || GlobalTemplateService
                 },
+                {
+                    provide: WASI_IMPLEMENTATION,
+                    useExisting: (!config ? null : config.wasiImplementation) || Wasi
+                },
                 {
                     provide: APP_BASE_URL,
                     useFactory: (!config ? null : config.baseUrl) || loadBaseUrl,
@@ -5168,6 +5577,10 @@ class NgxUtilsModule {
                     provide: ROOT_ELEMENT,
                     useValue: null
                 },
+                {
+                    provide: RESIZE_DELAY,
+                    useValue: (!config ? null : config.resizeDelay) ?? 200,
+                },
                 {
                     provide: APP_INITIALIZER,
                     useFactory: (!config ? null : config.initializeApp) || loadConfig,
@@ -5183,14 +5596,14 @@ class NgxUtilsModule {
         };
     }
 }
-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, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent], imports: [CommonModule,
+NgxUtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgxUtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, 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, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, 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: [[
+NgxUtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [[
             CommonModule,
             FormsModule
         ], FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NgxUtilsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NgxUtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -5216,5 +5629,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map