turbogui-angular 7.0.0 → 8.0.0

package/{fesm2015/turbogui-angular.js → fesm2020/turbogui-angular.mjs}

@@ -1,15 +1,21 @@
-import { Injectable, Component, HostBinding, RendererFactory2, Injector, ApplicationRef, ComponentFactoryResolver, Inject, Input, ViewChild, ViewContainerRef, Directive, HostListener, EventEmitter, Output, ElementRef, NgZone, Renderer2, NgModule } from '@angular/core';
-import { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i0 from '@angular/core';
+import { Injectable, Component, HostBinding, Inject, ViewContainerRef, Input, ViewChild, Directive, HostListener, EventEmitter, Output, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i6 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
+import * as i1 from '@angular/material/snack-bar';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
+import * as i3$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { ArrayUtils, NumericUtils, LocalizationManager, HTTPManager, StringUtils, HTTPManagerPostRequest, ConversionUtils, BrowserManager, HTTPManagerGetRequest } from 'turbocommons-ts';
 import { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
+import * as i3 from '@angular/common';
 import { Subject } from 'rxjs';
-import { Location } from '@angular/common';
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -37,9 +43,11 @@ class FadeAnimationClass {
         ]);
     }
 }
-FadeAnimationClass.decorators = [
-    { type: Injectable }
-];
+FadeAnimationClass.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FadeAnimationClass, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FadeAnimationClass.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FadeAnimationClass });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FadeAnimationClass, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -66,17 +74,15 @@ class BusyStateBaseComponent {
         this.busyStateBaseFade = true;
     }
 }
-BusyStateBaseComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-busy-state-base',
-                template: "<div class=\"darkBg\">\r\n\r\n</div>\r\n\r\n<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"#fff\">\r\n    <g fill=\"none\" fill-rule=\"evenodd\">\r\n        <g transform=\"translate(1 1)\" stroke-width=\"1\">\r\n            <circle stroke-opacity=\".2\" cx=\"18\" cy=\"18\" r=\"18\"/>\r\n            <path d=\"M36 18c0-9.94-8.06-18-18-18\">\r\n                <animateTransform\r\n                    attributeName=\"transform\"\r\n                    type=\"rotate\"\r\n                    from=\"0 18 18\"\r\n                    to=\"360 18 18\"\r\n                    dur=\"1s\"\r\n                    repeatCount=\"indefinite\"/>\r\n            </path>\r\n        </g>\r\n    </g>\r\n</svg>\r\n",
-                animations: [FadeAnimationClass.getTrigger('busyStateBaseFade', '1s ease', '400ms ease')],
-                styles: [":host{position:fixed;top:0px;left:0px;right:0px;bottom:0px;display:flex;justify-content:center;align-items:center;z-index:999999999}.darkBg{position:absolute;cursor:progress;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000096;animation-name:bgfadein;animation-duration:30s;animation-timing-function:ease}svg{z-index:5000;width:40%;height:40%;max-width:130px;max-height:130px;animation-name:loadingfadein;animation-duration:3s;animation-timing-function:ease-in}@keyframes loadingfadein{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes bgfadein{0%{opacity:0}4%{opacity:0}14%{opacity:.2}35%{opacity:.5}to{opacity:1}}\n"]
-            },] }
-];
-BusyStateBaseComponent.propDecorators = {
-    busyStateBaseFade: [{ type: HostBinding, args: ['@busyStateBaseFade',] }]
-};
+BusyStateBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BusyStateBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BusyStateBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: BusyStateBaseComponent, selector: "tg-busy-state-base", host: { properties: { "@busyStateBaseFade": "this.busyStateBaseFade" } }, ngImport: i0, template: "<div class=\"darkBg\">\r\n\r\n</div>\r\n\r\n<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"#fff\">\r\n    <g fill=\"none\" fill-rule=\"evenodd\">\r\n        <g transform=\"translate(1 1)\" stroke-width=\"1\">\r\n            <circle stroke-opacity=\".2\" cx=\"18\" cy=\"18\" r=\"18\"/>\r\n            <path d=\"M36 18c0-9.94-8.06-18-18-18\">\r\n                <animateTransform\r\n                    attributeName=\"transform\"\r\n                    type=\"rotate\"\r\n                    from=\"0 18 18\"\r\n                    to=\"360 18 18\"\r\n                    dur=\"1s\"\r\n                    repeatCount=\"indefinite\"/>\r\n            </path>\r\n        </g>\r\n    </g>\r\n</svg>\r\n", styles: [":host{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999999}.darkBg{position:absolute;cursor:progress;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000096;animation-name:bgfadein;animation-duration:30s;animation-timing-function:ease}svg{z-index:5000;width:40%;height:40%;max-width:130px;max-height:130px;animation-name:loadingfadein;animation-duration:3s;animation-timing-function:ease-in}@keyframes loadingfadein{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes bgfadein{0%{opacity:0}4%{opacity:0}14%{opacity:.2}35%{opacity:.5}to{opacity:1}}\n"], animations: [FadeAnimationClass.getTrigger('busyStateBaseFade', '1s ease', '400ms ease')] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BusyStateBaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-busy-state-base', animations: [FadeAnimationClass.getTrigger('busyStateBaseFade', '1s ease', '400ms ease')], template: "<div class=\"darkBg\">\r\n\r\n</div>\r\n\r\n<svg width=\"38\" height=\"38\" viewBox=\"0 0 38 38\" xmlns=\"http://www.w3.org/2000/svg\" stroke=\"#fff\">\r\n    <g fill=\"none\" fill-rule=\"evenodd\">\r\n        <g transform=\"translate(1 1)\" stroke-width=\"1\">\r\n            <circle stroke-opacity=\".2\" cx=\"18\" cy=\"18\" r=\"18\"/>\r\n            <path d=\"M36 18c0-9.94-8.06-18-18-18\">\r\n                <animateTransform\r\n                    attributeName=\"transform\"\r\n                    type=\"rotate\"\r\n                    from=\"0 18 18\"\r\n                    to=\"360 18 18\"\r\n                    dur=\"1s\"\r\n                    repeatCount=\"indefinite\"/>\r\n            </path>\r\n        </g>\r\n    </g>\r\n</svg>\r\n", styles: [":host{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:999999999}.darkBg{position:absolute;cursor:progress;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000096;animation-name:bgfadein;animation-duration:30s;animation-timing-function:ease}svg{z-index:5000;width:40%;height:40%;max-width:130px;max-height:130px;animation-name:loadingfadein;animation-duration:3s;animation-timing-function:ease-in}@keyframes loadingfadein{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes bgfadein{0%{opacity:0}4%{opacity:0}14%{opacity:.2}35%{opacity:.5}to{opacity:1}}\n"] }]
+        }], propDecorators: { busyStateBaseFade: [{
+                type: HostBinding,
+                args: ['@busyStateBaseFade']
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -389,17 +395,11 @@ class DialogService {
         }
     }
 }
-DialogService.decorators = [
-    { type: Injectable }
-];
-DialogService.ctorParameters = () => [
-    { type: RendererFactory2 },
-    { type: MatSnackBar },
-    { type: MatDialog },
-    { type: Injector },
-    { type: ApplicationRef },
-    { type: ComponentFactoryResolver }
-];
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogService, deps: [{ token: i0.RendererFactory2 }, { token: i1.MatSnackBar }, { token: i1$1.MatDialog }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }, { type: i1.MatSnackBar }, { type: i1$1.MatDialog }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -414,9 +414,11 @@ DialogService.ctorParameters = () => [
  */
 class LocalizationService extends LocalizationManager {
 }
-LocalizationService.decorators = [
-    { type: Injectable }
-];
+LocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalizationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+LocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: LocalizationService, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -470,17 +472,15 @@ class DialogErrorComponent extends DialogOptionsBaseComponent {
         }
     }
 }
-DialogErrorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-dialog-error',
-                template: "<div class=\"titleAndIconContainer\">\r\n    <h3>\r\n        {{data.texts[0]}}\r\n    </h3>\r\n    \r\n    <!-- error icon -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\r\n        <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\r\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" fill=\"#ff0000\" />\r\n    </svg>\r\n    \r\n</div>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"warn\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>",
-                styles: [":host{position:relative;min-height:300px}.titleAndIconContainer{display:flex;flex-direction:row;align-items:center}h3{margin-top:0;margin-bottom:25px;width:82%}svg{width:18%;height:auto}p{margin-bottom:52px}button{float:right;width:50%;min-width:50px}\n"]
-            },] }
-];
-DialogErrorComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+DialogErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogErrorComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: DialogErrorComponent, selector: "tg-dialog-error", usesInheritance: true, ngImport: i0, template: "<div class=\"titleAndIconContainer\">\r\n    <h3>\r\n        {{data.texts[0]}}\r\n    </h3>\r\n    \r\n    <!-- error icon -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\r\n        <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\r\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" fill=\"#ff0000\" />\r\n    </svg>\r\n    \r\n</div>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"warn\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{position:relative;min-height:300px}.titleAndIconContainer{display:flex;flex-direction:row;align-items:center}h3{margin-top:0;margin-bottom:25px;width:82%}svg{width:18%;height:auto}p{margin-bottom:52px}button{float:right;width:50%;min-width:50px}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-dialog-error', template: "<div class=\"titleAndIconContainer\">\r\n    <h3>\r\n        {{data.texts[0]}}\r\n    </h3>\r\n    \r\n    <!-- error icon -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\r\n        <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\r\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" fill=\"#ff0000\" />\r\n    </svg>\r\n    \r\n</div>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"warn\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{position:relative;min-height:300px}.titleAndIconContainer{display:flex;flex-direction:row;align-items:center}h3{margin-top:0;margin-bottom:25px;width:82%}svg{width:18%;height:auto}p{margin-bottom:52px}button{float:right;width:50%;min-width:50px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -541,12 +541,11 @@ HTTPService.NO_MODAL_BUSY_STATE = 'NO_MODAL_BUSY_STATE';
  * errors by ourselves or if we want to hide the error dialog for a specific request.
  */
 HTTPService.DISABLE_ERROR_HANDLING = 'DISABLE_ERROR_HANDLING';
-HTTPService.decorators = [
-    { type: Injectable }
-];
-HTTPService.ctorParameters = () => [
-    { type: DialogService }
-];
+HTTPService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: HTTPService, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+HTTPService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: HTTPService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: HTTPService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DialogService }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -595,9 +594,11 @@ class NotificationService {
         return subscription.unsubscribe();
     }
 }
-NotificationService.decorators = [
-    { type: Injectable }
-];
+NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NotificationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NotificationService, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -725,13 +726,11 @@ class UserService {
         }
     }
 }
-UserService.decorators = [
-    { type: Injectable }
-];
-UserService.ctorParameters = () => [
-    { type: HTTPService },
-    { type: LocalizationService }
-];
+UserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UserService, deps: [{ token: HTTPService }, { token: LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+UserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UserService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: UserService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: HTTPService }, { type: LocalizationService }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -838,12 +837,11 @@ class ViewsService {
         }
     }
 }
-ViewsService.decorators = [
-    { type: Injectable }
-];
-ViewsService.ctorParameters = () => [
-    { type: ComponentFactoryResolver }
-];
+ViewsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewsService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+ViewsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -898,18 +896,19 @@ class ViewsContainerComponent {
         }
     }
 }
-ViewsContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-views-container',
-                template: "<!--\r\n    This is a dummy template component that will be used as the anchor point where the views will be loaded\r\n-->\r\n<ng-template #viewContainerRef></ng-template>",
-                styles: [""]
-            },] }
-];
-ViewsContainerComponent.propDecorators = {
-    initialView: [{ type: Input }],
-    viewsService: [{ type: Input }],
-    viewContainerRef: [{ type: ViewChild, args: ['viewContainerRef', { read: ViewContainerRef, static: true },] }]
-};
+ViewsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ViewsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ViewsContainerComponent, selector: "tg-views-container", inputs: { initialView: "initialView", viewsService: "viewsService" }, viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\r\n    This is a dummy template component that will be used as the anchor point where the views will be loaded\r\n-->\r\n<ng-template #viewContainerRef></ng-template>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ViewsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-views-container', template: "<!--\r\n    This is a dummy template component that will be used as the anchor point where the views will be loaded\r\n-->\r\n<ng-template #viewContainerRef></ng-template>", styles: [""] }]
+        }], propDecorators: { initialView: [{
+                type: Input
+            }], viewsService: [{
+                type: Input
+            }], viewContainerRef: [{
+                type: ViewChild,
+                args: ['viewContainerRef', { read: ViewContainerRef, static: true }]
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1036,28 +1035,58 @@ class ButtonBaseComponent {
         }
     }
 }
-ButtonBaseComponent.decorators = [
-    { type: Directive }
-];
-ButtonBaseComponent.propDecorators = {
-    currentOpacity: [{ type: HostBinding, args: ['style.opacity',] }],
-    currentScale: [{ type: HostBinding, args: ['style.transform',] }],
-    pointerEvents: [{ type: HostBinding, args: ['style.pointer-events',] }],
-    releaseOnMouseUp: [{ type: Input }],
-    vibrateOnClick: [{ type: Input }],
-    defaultOpacity: [{ type: Input }],
-    defaultScale: [{ type: Input }],
-    hoverOpacity: [{ type: Input }],
-    hoverScale: [{ type: Input }],
-    clickOpacity: [{ type: Input }],
-    clickScale: [{ type: Input }],
-    disabledOpacity: [{ type: Input }],
-    enabled: [{ type: Input }],
-    onMouseOver: [{ type: HostListener, args: ['mouseover',] }],
-    onMouseOut: [{ type: HostListener, args: ['mouseout',] }, { type: HostListener, args: ['pointerout',] }, { type: HostListener, args: ['pointerleave',] }],
-    onMouseDown: [{ type: HostListener, args: ['pointerdown',] }],
-    onMouseUp: [{ type: HostListener, args: ['pointerup',] }]
-};
+ButtonBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ButtonBaseComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: ButtonBaseComponent, inputs: { releaseOnMouseUp: "releaseOnMouseUp", vibrateOnClick: "vibrateOnClick", defaultOpacity: "defaultOpacity", defaultScale: "defaultScale", hoverOpacity: "hoverOpacity", hoverScale: "hoverScale", clickOpacity: "clickOpacity", clickScale: "clickScale", disabledOpacity: "disabledOpacity", enabled: "enabled" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()", "pointerout": "onMouseOut()", "pointerleave": "onMouseOut()", "pointerdown": "onMouseDown()", "pointerup": "onMouseUp()" }, properties: { "style.opacity": "this.currentOpacity", "style.transform": "this.currentScale", "style.pointer-events": "this.pointerEvents" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonBaseComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { currentOpacity: [{
+                type: HostBinding,
+                args: ['style.opacity']
+            }], currentScale: [{
+                type: HostBinding,
+                args: ['style.transform']
+            }], pointerEvents: [{
+                type: HostBinding,
+                args: ['style.pointer-events']
+            }], releaseOnMouseUp: [{
+                type: Input
+            }], vibrateOnClick: [{
+                type: Input
+            }], defaultOpacity: [{
+                type: Input
+            }], defaultScale: [{
+                type: Input
+            }], hoverOpacity: [{
+                type: Input
+            }], hoverScale: [{
+                type: Input
+            }], clickOpacity: [{
+                type: Input
+            }], clickScale: [{
+                type: Input
+            }], disabledOpacity: [{
+                type: Input
+            }], enabled: [{
+                type: Input
+            }], onMouseOver: [{
+                type: HostListener,
+                args: ['mouseover']
+            }], onMouseOut: [{
+                type: HostListener,
+                args: ['mouseout']
+            }, {
+                type: HostListener,
+                args: ['pointerout']
+            }, {
+                type: HostListener,
+                args: ['pointerleave']
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['pointerdown']
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['pointerup']
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1088,19 +1117,19 @@ class ButtonImageComponent extends ButtonBaseComponent {
         this.percentSize = 100;
     }
 }
-ButtonImageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-button-image',
-                template: "<img src=\"{{src}}\"\r\n    [style.width]=\"percentSize + '%'\"\r\n    [style.height]=\"percentSize + '%'\" />",
-                animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')],
-                styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}\n"]
-            },] }
-];
-ButtonImageComponent.propDecorators = {
-    buttonFade: [{ type: HostBinding, args: ['@buttonFade',] }],
-    src: [{ type: Input }],
-    percentSize: [{ type: Input }]
-};
+ButtonImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ButtonImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ButtonImageComponent, selector: "tg-button-image", inputs: { src: "src", percentSize: "percentSize" }, host: { properties: { "@buttonFade": "this.buttonFade" } }, usesInheritance: true, ngImport: i0, template: "<img src=\"{{src}}\"\r\n    [style.width]=\"percentSize + '%'\"\r\n    [style.height]=\"percentSize + '%'\" />", styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}\n"], animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-button-image', animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')], template: "<img src=\"{{src}}\"\r\n    [style.width]=\"percentSize + '%'\"\r\n    [style.height]=\"percentSize + '%'\" />", styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}\n"] }]
+        }], propDecorators: { buttonFade: [{
+                type: HostBinding,
+                args: ['@buttonFade']
+            }], src: [{
+                type: Input
+            }], percentSize: [{
+                type: Input
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1122,17 +1151,15 @@ class ButtonContainerComponent extends ButtonBaseComponent {
         this.buttonFade = true;
     }
 }
-ButtonContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-button-container',
-                template: "<ng-content></ng-content>",
-                animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')],
-                styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}\n"]
-            },] }
-];
-ButtonContainerComponent.propDecorators = {
-    buttonFade: [{ type: HostBinding, args: ['@buttonFade',] }]
-};
+ButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ButtonContainerComponent, selector: "tg-button-container", host: { properties: { "@buttonFade": "this.buttonFade" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}\n"], animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ButtonContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-button-container', animations: [FadeAnimationClass.getTrigger('buttonFade', '300ms ease', '300ms ease')], template: "<ng-content></ng-content>", styles: [":host{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .3s ease,transform .2s cubic-bezier(.04,.62,.58,1);display:flex;justify-content:center;align-items:center}\n"] }]
+        }], propDecorators: { buttonFade: [{
+                type: HostBinding,
+                args: ['@buttonFade']
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1158,17 +1185,15 @@ class DialogSingleOptionComponent extends DialogOptionsBaseComponent {
         }
     }
 }
-DialogSingleOptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-dialog-single-option',
-                template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>",
-                styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}button{float:right}\n"]
-            },] }
-];
-DialogSingleOptionComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+DialogSingleOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogSingleOptionComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogSingleOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: DialogSingleOptionComponent, selector: "tg-dialog-single-option", usesInheritance: true, ngImport: i0, template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}button{float:right}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogSingleOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-dialog-single-option', template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    (click)=\"dialogRef.close(0)\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}button{float:right}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1195,17 +1220,15 @@ class DialogTwoOptionComponent extends DialogOptionsBaseComponent {
         }
     }
 }
-DialogTwoOptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-dialog-two-option',
-                template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<div class=\"buttonsContainer\">\r\n\r\n    <button mat-raised-button color=\"primary\" class=\"primaryButton\"\r\n        (click)=\"dialogRef.close(0)\">\r\n        \r\n        {{data.options[0]}}\r\n        \r\n    </button>\r\n    \r\n    <button mat-button\r\n        (click)=\"dialogRef.close(1)\">\r\n        \r\n        {{data.options[1]}}\r\n        \r\n    </button>\r\n    \r\n</div>\r\n",
-                styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}.buttonsContainer{width:100%;max-width:530px;display:flex;flex-direction:row-reverse;float:right}button{width:50%;padding:0}.primaryButton{margin-left:2%}\n"]
-            },] }
-];
-DialogTwoOptionComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+DialogTwoOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogTwoOptionComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogTwoOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: DialogTwoOptionComponent, selector: "tg-dialog-two-option", usesInheritance: true, ngImport: i0, template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<div class=\"buttonsContainer\">\r\n\r\n    <button mat-raised-button color=\"primary\" class=\"primaryButton\"\r\n        (click)=\"dialogRef.close(0)\">\r\n        \r\n        {{data.options[0]}}\r\n        \r\n    </button>\r\n    \r\n    <button mat-button\r\n        (click)=\"dialogRef.close(1)\">\r\n        \r\n        {{data.options[1]}}\r\n        \r\n    </button>\r\n    \r\n</div>\r\n", styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}.buttonsContainer{width:100%;max-width:530px;display:flex;flex-direction:row-reverse;float:right}button{width:50%;padding:0}.primaryButton{margin-left:2%}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogTwoOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-dialog-two-option', template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<div class=\"buttonsContainer\">\r\n\r\n    <button mat-raised-button color=\"primary\" class=\"primaryButton\"\r\n        (click)=\"dialogRef.close(0)\">\r\n        \r\n        {{data.options[0]}}\r\n        \r\n    </button>\r\n    \r\n    <button mat-button\r\n        (click)=\"dialogRef.close(1)\">\r\n        \r\n        {{data.options[1]}}\r\n        \r\n    </button>\r\n    \r\n</div>\r\n", styles: [":host{min-height:300px}h3{margin-bottom:25px}p{margin-bottom:52px}.buttonsContainer{width:100%;max-width:530px;display:flex;flex-direction:row-reverse;float:right}button{width:50%;padding:0}.primaryButton{margin-left:2%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1245,12 +1268,48 @@ class BrowserService extends BrowserManager {
         return this.location.subscribe(onNext);
     }
 }
-BrowserService.decorators = [
-    { type: Injectable }
-];
-BrowserService.ctorParameters = () => [
-    { type: Location }
-];
+BrowserService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BrowserService, deps: [{ token: i3.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+BrowserService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BrowserService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: BrowserService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i3.Location }]; } });
+
+/**
+ * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
+ *
+ * Website : -> http://www.turbogui.org
+ * License : -> Licensed under the Apache License, Version 2.0. You may not use this file except in compliance with the License.
+ * License Url : -> http://www.apache.org/licenses/LICENSE-2.0
+ * CopyRight : -> Copyright 2018 Edertone Advanded Solutions. https://www.edertone.com
+ */
+/** This directive is used to perform an autofocus on an element every time it is displayed */
+/**
+ * This directive is used to perform an autofocus on an element every time it is displayed
+ * If we set the autoFocusOnDisplay tag to the html element, it will be automatically focused after it is shown.
+ */
+class AutoFocusOnDisplayDirective {
+    constructor(el, zone, renderer) {
+        this.el = el;
+        this.zone = zone;
+        this.renderer = renderer;
+        if (!el.nativeElement['focus']) {
+            throw new Error('Element does not accept focus');
+        }
+    }
+    ngAfterContentInit() {
+        this.zone.runOutsideAngular(() => setTimeout(() => {
+            this.renderer.selectRootElement(this.el.nativeElement).focus();
+        }, 0));
+    }
+}
+AutoFocusOnDisplayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AutoFocusOnDisplayDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+AutoFocusOnDisplayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: AutoFocusOnDisplayDirective, selector: "[autoFocusOnDisplay]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AutoFocusOnDisplayDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[autoFocusOnDisplay]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1342,18 +1401,15 @@ class DialogSingleSelectionListComponent extends DialogOptionsBaseComponent {
         }
     }
 }
-DialogSingleSelectionListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-dialog-single-selection-list',
-                template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1 &amp;&amp; !stringUtils.isEmpty(data.texts[1])\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<mat-form-field *ngIf=\"data.texts.length > 2 &amp;&amp; !stringUtils.isEmpty(data.texts[2])\"\r\n    class=\"searchItemInputContainer\">\r\n    \r\n    <input matInput autoFocusOnDisplay\r\n        placeholder=\"{{data.texts[2]}}\"\r\n        (input)=\"onSearchChange($event.target)\">\r\n        \r\n</mat-form-field>\r\n\r\n<div class=\"listItemsContainer\"\r\n    [style.max-height]=\"getListItemsContainerMaxheight()\">\r\n\r\n    <div class=\"listItemContainer\"\r\n        [style.background-color]=\"selectedItemIndex === i ? '#90d1ffad' : (i % 2 === 0 ? 'initial' : '#00000009')\"\r\n        *ngFor=\"let item of filteredOptions; let i = index; trackBy: trackByFn\"\r\n        (click)=\"data.texts.length < 4 ? dialogRef.close(i) : selectedItemIndex = i\">\r\n    \r\n        <p *ngIf=\"item !== ''\">\r\n            {{item}}\r\n        </p>\r\n    \r\n    </div>\r\n\r\n</div>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    [disabled]=\"selectedItemIndex < 0\"\r\n    (click)=\"dialogRef.close(selectedItemIndex)\"\r\n    *ngIf=\"data.texts.length > 3\">\r\n\r\n    {{data.texts[3]}}\r\n    \r\n</button>",
-                styles: [":host{min-height:300px}h3{margin-top:0;margin-bottom:10px}p{margin-top:0;margin-bottom:5px}.searchItemInputContainer{width:100%;margin-top:0;margin-bottom:0}.listItemsContainer{overflow-y:auto;border:1px solid #00000033;border-radius:4px;margin-bottom:5px}.listItemContainer p{line-height:36px;width:calc(100% - 12px);margin:0 0 0 6px}button{float:right}\n"]
-            },] }
-];
-DialogSingleSelectionListComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: BrowserService },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+DialogSingleSelectionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogSingleSelectionListComponent, deps: [{ token: i1$1.MatDialogRef }, { token: BrowserService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogSingleSelectionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: DialogSingleSelectionListComponent, selector: "tg-dialog-single-selection-list", usesInheritance: true, ngImport: i0, template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1 &amp;&amp; !stringUtils.isEmpty(data.texts[1])\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<mat-form-field *ngIf=\"data.texts.length > 2 &amp;&amp; !stringUtils.isEmpty(data.texts[2])\"\r\n    class=\"searchItemInputContainer\">\r\n    \r\n    <input matInput autoFocusOnDisplay\r\n        placeholder=\"{{data.texts[2]}}\"\r\n        (input)=\"onSearchChange($event.target)\">\r\n        \r\n</mat-form-field>\r\n\r\n<div class=\"listItemsContainer\"\r\n    [style.max-height]=\"getListItemsContainerMaxheight()\">\r\n\r\n    <div class=\"listItemContainer\"\r\n        [style.background-color]=\"selectedItemIndex === i ? '#90d1ffad' : (i % 2 === 0 ? 'initial' : '#00000009')\"\r\n        *ngFor=\"let item of filteredOptions; let i = index; trackBy: trackByFn\"\r\n        (click)=\"data.texts.length < 4 ? dialogRef.close(i) : selectedItemIndex = i\">\r\n    \r\n        <p *ngIf=\"item !== ''\">\r\n            {{item}}\r\n        </p>\r\n    \r\n    </div>\r\n\r\n</div>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    [disabled]=\"selectedItemIndex < 0\"\r\n    (click)=\"dialogRef.close(selectedItemIndex)\"\r\n    *ngIf=\"data.texts.length > 3\">\r\n\r\n    {{data.texts[3]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-top:0;margin-bottom:10px}p{margin-top:0;margin-bottom:5px}.searchItemInputContainer{width:100%;margin-top:0;margin-bottom:0}.listItemsContainer{overflow-y:auto;border:1px solid #00000033;border-radius:4px;margin-bottom:5px}.listItemContainer p{line-height:36px;width:calc(100% - 12px);margin:0 0 0 6px}button{float:right}\n"], components: [{ type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: AutoFocusOnDisplayDirective, selector: "[autoFocusOnDisplay]" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogSingleSelectionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-dialog-single-selection-list', template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1 &amp;&amp; !stringUtils.isEmpty(data.texts[1])\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<mat-form-field *ngIf=\"data.texts.length > 2 &amp;&amp; !stringUtils.isEmpty(data.texts[2])\"\r\n    class=\"searchItemInputContainer\">\r\n    \r\n    <input matInput autoFocusOnDisplay\r\n        placeholder=\"{{data.texts[2]}}\"\r\n        (input)=\"onSearchChange($event.target)\">\r\n        \r\n</mat-form-field>\r\n\r\n<div class=\"listItemsContainer\"\r\n    [style.max-height]=\"getListItemsContainerMaxheight()\">\r\n\r\n    <div class=\"listItemContainer\"\r\n        [style.background-color]=\"selectedItemIndex === i ? '#90d1ffad' : (i % 2 === 0 ? 'initial' : '#00000009')\"\r\n        *ngFor=\"let item of filteredOptions; let i = index; trackBy: trackByFn\"\r\n        (click)=\"data.texts.length < 4 ? dialogRef.close(i) : selectedItemIndex = i\">\r\n    \r\n        <p *ngIf=\"item !== ''\">\r\n            {{item}}\r\n        </p>\r\n    \r\n    </div>\r\n\r\n</div>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    [disabled]=\"selectedItemIndex < 0\"\r\n    (click)=\"dialogRef.close(selectedItemIndex)\"\r\n    *ngIf=\"data.texts.length > 3\">\r\n\r\n    {{data.texts[3]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-top:0;margin-bottom:10px}p{margin-top:0;margin-bottom:5px}.searchItemInputContainer{width:100%;margin-top:0;margin-bottom:0}.listItemsContainer{overflow-y:auto;border:1px solid #00000033;border-radius:4px;margin-bottom:5px}.listItemContainer p{line-height:36px;width:calc(100% - 12px);margin:0 0 0 6px}button{float:right}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: BrowserService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1376,17 +1432,15 @@ class DialogMultipleOptionComponent extends DialogOptionsBaseComponent {
         }
     }
 }
-DialogMultipleOptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tg-dialog-multiple-option',
-                template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    *ngFor=\"let option of data.options; let i = index\"\r\n    (click)=\"dialogRef.close(i)\">\r\n    \r\n    {{option}}\r\n    \r\n</button>",
-                styles: [":host{display:flex;flex-direction:column;min-height:193px}h3{margin-bottom:45px}button{margin-bottom:25px}\n"]
-            },] }
-];
-DialogMultipleOptionComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+DialogMultipleOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogMultipleOptionComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+DialogMultipleOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: DialogMultipleOptionComponent, selector: "tg-dialog-multiple-option", usesInheritance: true, ngImport: i0, template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    *ngFor=\"let option of data.options; let i = index\"\r\n    (click)=\"dialogRef.close(i)\">\r\n    \r\n    {{option}}\r\n    \r\n</button>", styles: [":host{display:flex;flex-direction:column;min-height:193px}h3{margin-bottom:45px}button{margin-bottom:25px}\n"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: DialogMultipleOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tg-dialog-multiple-option', template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    *ngFor=\"let option of data.options; let i = index\"\r\n    (click)=\"dialogRef.close(i)\">\r\n    \r\n    {{option}}\r\n    \r\n</button>", styles: [":host{display:flex;flex-direction:column;min-height:193px}h3{margin-bottom:45px}button{margin-bottom:25px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1416,14 +1470,17 @@ class ElementCreatedDirective {
         this.elementCreated.next(this);
     }
 }
-ElementCreatedDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[elementCreated]'
-            },] }
-];
-ElementCreatedDirective.propDecorators = {
-    elementCreated: [{ type: Output, args: ['elementCreated',] }]
-};
+ElementCreatedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ElementCreatedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElementCreatedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: ElementCreatedDirective, selector: "[elementCreated]", outputs: { elementCreated: "elementCreated" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ElementCreatedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elementCreated]'
+                }]
+        }], propDecorators: { elementCreated: [{
+                type: Output,
+                args: ['elementCreated']
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1453,53 +1510,17 @@ class ElementDestroyedDirective {
         this.elementDestroyed.next(this);
     }
 }
-ElementDestroyedDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[elementDestroyed]'
-            },] }
-];
-ElementDestroyedDirective.propDecorators = {
-    elementDestroyed: [{ type: Output, args: ['elementDestroyed',] }]
-};
-
-/**
- * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
- *
- * Website : -> http://www.turbogui.org
- * License : -> Licensed under the Apache License, Version 2.0. You may not use this file except in compliance with the License.
- * License Url : -> http://www.apache.org/licenses/LICENSE-2.0
- * CopyRight : -> Copyright 2018 Edertone Advanded Solutions. https://www.edertone.com
- */
-/** This directive is used to perform an autofocus on an element every time it is displayed */
-/**
- * This directive is used to perform an autofocus on an element every time it is displayed
- * If we set the autoFocusOnDisplay tag to the html element, it will be automatically focused after it is shown.
- */
-class AutoFocusOnDisplayDirective {
-    constructor(el, zone, renderer) {
-        this.el = el;
-        this.zone = zone;
-        this.renderer = renderer;
-        if (!el.nativeElement['focus']) {
-            throw new Error('Element does not accept focus');
-        }
-    }
-    ngAfterContentInit() {
-        this.zone.runOutsideAngular(() => setTimeout(() => {
-            this.renderer.selectRootElement(this.el.nativeElement).focus();
-        }, 0));
-    }
-}
-AutoFocusOnDisplayDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[autoFocusOnDisplay]'
-            },] }
-];
-AutoFocusOnDisplayDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: Renderer2 }
-];
+ElementDestroyedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ElementDestroyedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ElementDestroyedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: ElementDestroyedDirective, selector: "[elementDestroyed]", outputs: { elementDestroyed: "elementDestroyed" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ElementDestroyedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elementDestroyed]'
+                }]
+        }], propDecorators: { elementDestroyed: [{
+                type: Output,
+                args: ['elementDestroyed']
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1526,18 +1547,17 @@ class AutoSelectTextOnFocusDirective {
         this.renderer.selectRootElement(this.el.nativeElement).select();
     }
 }
-AutoSelectTextOnFocusDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[autoSelectTextOnFocus]'
-            },] }
-];
-AutoSelectTextOnFocusDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-AutoSelectTextOnFocusDirective.propDecorators = {
-    onFocus: [{ type: HostListener, args: ['focus', ['$event'],] }]
-};
+AutoSelectTextOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AutoSelectTextOnFocusDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+AutoSelectTextOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.4.0", type: AutoSelectTextOnFocusDirective, selector: "[autoSelectTextOnFocus]", host: { listeners: { "focus": "onFocus($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: AutoSelectTextOnFocusDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[autoSelectTextOnFocus]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event']]
+            }] } });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1552,58 +1572,106 @@ AutoSelectTextOnFocusDirective.propDecorators = {
  */
 class TurboGuiAngularModule {
 }
-TurboGuiAngularModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    MatDialogModule,
-                    MatSnackBarModule,
-                    MatInputModule,
-                    MatButtonModule,
-                    MatFormFieldModule,
-                    BrowserAnimationsModule
-                ],
-                declarations: [
-                    BusyStateBaseComponent,
-                    DialogErrorComponent,
-                    DialogSingleOptionComponent,
-                    DialogTwoOptionComponent,
-                    DialogMultipleOptionComponent,
-                    DialogSingleSelectionListComponent,
-                    ViewsContainerComponent,
-                    ButtonImageComponent,
-                    ButtonContainerComponent,
-                    ElementCreatedDirective,
-                    ElementDestroyedDirective,
-                    AutoFocusOnDisplayDirective,
-                    AutoSelectTextOnFocusDirective
-                ],
-                // Globally available singleton services are added here
-                providers: [
-                    DialogService,
-                    LocalizationService,
-                    HTTPService,
-                    NotificationService,
-                    UserService,
-                    ViewsService,
-                    BrowserService
-                ],
-                exports: [
-                    BusyStateBaseComponent,
-                    ViewsContainerComponent,
-                    ButtonImageComponent,
-                    ButtonContainerComponent,
-                    DialogErrorComponent,
-                    DialogSingleOptionComponent,
-                    DialogTwoOptionComponent,
-                    DialogMultipleOptionComponent,
-                    DialogSingleSelectionListComponent,
-                    ElementCreatedDirective,
-                    ElementDestroyedDirective,
-                    AutoFocusOnDisplayDirective,
-                    AutoSelectTextOnFocusDirective
-                ]
-            },] }
-];
+TurboGuiAngularModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TurboGuiAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TurboGuiAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TurboGuiAngularModule, declarations: [BusyStateBaseComponent,
+        DialogErrorComponent,
+        DialogSingleOptionComponent,
+        DialogTwoOptionComponent,
+        DialogMultipleOptionComponent,
+        DialogSingleSelectionListComponent,
+        ViewsContainerComponent,
+        ButtonImageComponent,
+        ButtonContainerComponent,
+        ElementCreatedDirective,
+        ElementDestroyedDirective,
+        AutoFocusOnDisplayDirective,
+        AutoSelectTextOnFocusDirective], imports: [MatDialogModule,
+        MatSnackBarModule,
+        MatInputModule,
+        MatButtonModule,
+        MatFormFieldModule,
+        BrowserAnimationsModule], exports: [BusyStateBaseComponent,
+        ViewsContainerComponent,
+        ButtonImageComponent,
+        ButtonContainerComponent,
+        DialogErrorComponent,
+        DialogSingleOptionComponent,
+        DialogTwoOptionComponent,
+        DialogMultipleOptionComponent,
+        DialogSingleSelectionListComponent,
+        ElementCreatedDirective,
+        ElementDestroyedDirective,
+        AutoFocusOnDisplayDirective,
+        AutoSelectTextOnFocusDirective] });
+TurboGuiAngularModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TurboGuiAngularModule, providers: [
+        DialogService,
+        LocalizationService,
+        HTTPService,
+        NotificationService,
+        UserService,
+        ViewsService,
+        BrowserService
+    ], imports: [[
+            MatDialogModule,
+            MatSnackBarModule,
+            MatInputModule,
+            MatButtonModule,
+            MatFormFieldModule,
+            BrowserAnimationsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: TurboGuiAngularModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatDialogModule,
+                        MatSnackBarModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        BrowserAnimationsModule
+                    ],
+                    declarations: [
+                        BusyStateBaseComponent,
+                        DialogErrorComponent,
+                        DialogSingleOptionComponent,
+                        DialogTwoOptionComponent,
+                        DialogMultipleOptionComponent,
+                        DialogSingleSelectionListComponent,
+                        ViewsContainerComponent,
+                        ButtonImageComponent,
+                        ButtonContainerComponent,
+                        ElementCreatedDirective,
+                        ElementDestroyedDirective,
+                        AutoFocusOnDisplayDirective,
+                        AutoSelectTextOnFocusDirective
+                    ],
+                    // Globally available singleton services are added here
+                    providers: [
+                        DialogService,
+                        LocalizationService,
+                        HTTPService,
+                        NotificationService,
+                        UserService,
+                        ViewsService,
+                        BrowserService
+                    ],
+                    exports: [
+                        BusyStateBaseComponent,
+                        ViewsContainerComponent,
+                        ButtonImageComponent,
+                        ButtonContainerComponent,
+                        DialogErrorComponent,
+                        DialogSingleOptionComponent,
+                        DialogTwoOptionComponent,
+                        DialogMultipleOptionComponent,
+                        DialogSingleSelectionListComponent,
+                        ElementCreatedDirective,
+                        ElementDestroyedDirective,
+                        AutoFocusOnDisplayDirective,
+                        AutoSelectTextOnFocusDirective
+                    ]
+                }]
+        }] });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1665,9 +1733,11 @@ class GlobalErrorService {
         throw error;
     }
 }
-GlobalErrorService.decorators = [
-    { type: Injectable }
-];
+GlobalErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+GlobalErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalErrorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: GlobalErrorService, decorators: [{
+            type: Injectable
+        }] });
 
 /**
  * TurboGUI is A library that helps with the most common and generic UI elements and functionalities
@@ -1869,5 +1939,5 @@ class DelayedMethodCallManager {
  * Generated bundle index. Do not edit.
  */
 
-export { AutoFocusOnDisplayDirective, AutoSelectTextOnFocusDirective, BrowserService, BusyStateBaseComponent, ButtonContainerComponent, ButtonImageComponent, DelayedMethodCallManager, DialogErrorComponent, DialogMultipleOptionComponent, DialogOptionsBaseComponent, DialogService, DialogSingleOptionComponent, DialogSingleSelectionListComponent, DialogTwoOptionComponent, ElementCreatedDirective, ElementDestroyedDirective, FadeAnimationClass, GUINotification, GlobalErrorService, HTTPService, HTTPServiceGetRequest, HTTPServicePostRequest, LocalizationService, NotificationService, TurboGuiAngularModule, UserService, View, ViewModel, ViewService, ViewsContainerComponent, ViewsService, DialogBaseComponent as ɵa, ButtonBaseComponent as ɵb };
-//# sourceMappingURL=turbogui-angular.js.map
+export { AutoFocusOnDisplayDirective, AutoSelectTextOnFocusDirective, BrowserService, BusyStateBaseComponent, ButtonContainerComponent, ButtonImageComponent, DelayedMethodCallManager, DialogErrorComponent, DialogMultipleOptionComponent, DialogOptionsBaseComponent, DialogService, DialogSingleOptionComponent, DialogSingleSelectionListComponent, DialogTwoOptionComponent, ElementCreatedDirective, ElementDestroyedDirective, FadeAnimationClass, GUINotification, GlobalErrorService, HTTPService, HTTPServiceGetRequest, HTTPServicePostRequest, LocalizationService, NotificationService, TurboGuiAngularModule, UserService, View, ViewModel, ViewService, ViewsContainerComponent, ViewsService };
+//# sourceMappingURL=turbogui-angular.mjs.map