ngx-techlify-core 11.4.5-beta.6 → 11.4.5-beta.7

package/bundles/ngx-techlify-core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@angular/material/table'), require('@angular/material/sort'), require('@ngneat/until-destroy'), require('@angular/common'), require('@angular/forms'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/material/snack-bar'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/material/form-field'), require('@angular/material/select'), require('moment'), require('@angular/material/icon'), require('@angular/router'), require('@angular/material/tooltip'), require('@angular/material/core'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/input'), require('@angular/material/menu'), require('@angular/material/progress-spinner'), require('@angular/material/card'), require('@angular/material/divider'), require('@angular/material/chips'), require('@angular/material/datepicker'), require('@angular/material/list'), require('@angular/material/button-toggle'), require('@angular/flex-layout'), require('ngx-infinite-scroll'), require('ngx-doc-viewer'), require('ngx-editor'), require('xlsx'), require('@angular/platform-browser'), require('jsondiffpatch'), require('@angular/cdk/keycodes'), require('@angular/material/autocomplete'), require('@angular/material/slide-toggle')) :
-    typeof define === 'function' && define.amd ? define('ngx-techlify-core', ['exports', '@angular/core', '@angular/material/dialog', '@angular/material/table', '@angular/material/sort', '@ngneat/until-destroy', '@angular/common', '@angular/forms', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/material/snack-bar', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/material/form-field', '@angular/material/select', 'moment', '@angular/material/icon', '@angular/router', '@angular/material/tooltip', '@angular/material/core', '@angular/material/button', '@angular/material/checkbox', '@angular/material/input', '@angular/material/menu', '@angular/material/progress-spinner', '@angular/material/card', '@angular/material/divider', '@angular/material/chips', '@angular/material/datepicker', '@angular/material/list', '@angular/material/button-toggle', '@angular/flex-layout', 'ngx-infinite-scroll', 'ngx-doc-viewer', 'ngx-editor', 'xlsx', '@angular/platform-browser', 'jsondiffpatch', '@angular/cdk/keycodes', '@angular/material/autocomplete', '@angular/material/slide-toggle'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ngx-techlify-core'] = {}, global.ng.core, global.ng.material.dialog, global.ng.material.table, global.ng.material.sort, global['@ngneat/until-destroy'], global.ng.common, global.ng.forms, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.material.snackBar, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.material.formField, global.ng.material.select, global.moment, global.ng.material.icon, global.ng.router, global.ng.material.tooltip, global.ng.material.core, global.ng.material.button, global.ng.material.checkbox, global.ng.material.input, global.ng.material.menu, global.ng.material.progressSpinner, global.ng.material.card, global.ng.material.divider, global.ng.material.chips, global.ng.material.datepicker, global.ng.material.list, global.ng.material.buttonToggle, global.ng.flexLayout, global['ngx-infinite-scroll'], global['ngx-doc-viewer'], global['ngx-editor'], global.xlsx, global.ng.platformBrowser, global.jsondiffpatch, global.ng.cdk.keycodes, global.ng.material.autocomplete, global.ng.material.slideToggle));
-}(this, (function (exports, i0, dialog, table, sort, untilDestroy, common, forms, i1$1, rxjs, operators, i1, a11y, coercion, formField, select, moment_, icon, i1$2, tooltip, core, button, checkbox, input, menu, progressSpinner, card, divider, chips, datepicker, list, buttonToggle, flexLayout, ngxInfiniteScroll, ngxDocViewer, ngxEditor, XLSX, platformBrowser, jsondiffpatch, keycodes, autocomplete, slideToggle) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('@angular/material/table'), require('@angular/material/sort'), require('@ngneat/until-destroy'), require('@angular/common'), require('@angular/forms'), require('@angular/common/http'), require('rxjs'), require('rxjs/operators'), require('@angular/material/snack-bar'), require('@angular/material/icon'), require('@angular/router'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/material/form-field'), require('@angular/material/select'), require('moment'), require('@angular/material/tooltip'), require('@angular/material/core'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/input'), require('@angular/material/menu'), require('@angular/material/progress-spinner'), require('@angular/material/card'), require('@angular/material/divider'), require('@angular/material/chips'), require('@angular/material/datepicker'), require('@angular/material/list'), require('@angular/material/button-toggle'), require('@angular/flex-layout'), require('ngx-infinite-scroll'), require('ngx-doc-viewer'), require('ngx-editor'), require('xlsx'), require('@angular/platform-browser'), require('jsondiffpatch'), require('@angular/cdk/keycodes'), require('@angular/material/autocomplete'), require('@angular/material/slide-toggle')) :
+    typeof define === 'function' && define.amd ? define('ngx-techlify-core', ['exports', '@angular/core', '@angular/material/dialog', '@angular/material/table', '@angular/material/sort', '@ngneat/until-destroy', '@angular/common', '@angular/forms', '@angular/common/http', 'rxjs', 'rxjs/operators', '@angular/material/snack-bar', '@angular/material/icon', '@angular/router', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/material/form-field', '@angular/material/select', 'moment', '@angular/material/tooltip', '@angular/material/core', '@angular/material/button', '@angular/material/checkbox', '@angular/material/input', '@angular/material/menu', '@angular/material/progress-spinner', '@angular/material/card', '@angular/material/divider', '@angular/material/chips', '@angular/material/datepicker', '@angular/material/list', '@angular/material/button-toggle', '@angular/flex-layout', 'ngx-infinite-scroll', 'ngx-doc-viewer', 'ngx-editor', 'xlsx', '@angular/platform-browser', 'jsondiffpatch', '@angular/cdk/keycodes', '@angular/material/autocomplete', '@angular/material/slide-toggle'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ngx-techlify-core'] = {}, global.ng.core, global.ng.material.dialog, global.ng.material.table, global.ng.material.sort, global['@ngneat/until-destroy'], global.ng.common, global.ng.forms, global.ng.common.http, global.rxjs, global.rxjs.operators, global.ng.material.snackBar, global.ng.material.icon, global.ng.router, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.material.formField, global.ng.material.select, global.moment, global.ng.material.tooltip, global.ng.material.core, global.ng.material.button, global.ng.material.checkbox, global.ng.material.input, global.ng.material.menu, global.ng.material.progressSpinner, global.ng.material.card, global.ng.material.divider, global.ng.material.chips, global.ng.material.datepicker, global.ng.material.list, global.ng.material.buttonToggle, global.ng.flexLayout, global['ngx-infinite-scroll'], global['ngx-doc-viewer'], global['ngx-editor'], global.xlsx, global.ng.platformBrowser, global.jsondiffpatch, global.ng.cdk.keycodes, global.ng.material.autocomplete, global.ng.material.slideToggle));
+}(this, (function (exports, i0, dialog, table, sort, untilDestroy, common, forms, i1$2, rxjs, operators, i1, icon, i1$1, a11y, coercion, formField, select, moment_, tooltip, core, button, checkbox, input, menu, progressSpinner, card, divider, chips, datepicker, list, buttonToggle, flexLayout, ngxInfiniteScroll, ngxDocViewer, ngxEditor, XLSX, platformBrowser, jsondiffpatch, keycodes, autocomplete, slideToggle) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -734,90 +734,6 @@
      */
     Logger.outputs = [];
 
-    /**
-     * Class that stores the configuration data
-     *
-     * @author Joshua Kissoon
-     * @since 20180724
-     */
-    var TechlifyConfig = /** @class */ (function () {
-        function TechlifyConfig(data) {
-            this.data = data;
-            this.projectKey = '';
-            this.environment = '';
-            this.authClientSecret = '';
-            this.authGrantType = '';
-            this.apiUrl = '';
-            this.isLogoutWhileApiGetsFailed = false;
-            this.loadFromMap();
-        }
-        TechlifyConfig.prototype.loadFromMap = function () {
-            var _a, _b;
-            this.projectKey = this.data.projectKey;
-            this.environment = this.data.environment;
-            this.authClientSecret = this.data.authClientSecret;
-            this.authGrantType = this.data.authGrantType;
-            this.apiUrl = this.data.apiUrl;
-            this.storage = (_a = this.data) === null || _a === void 0 ? void 0 : _a.storage;
-            this.rawConfigs = this.data;
-            this.isLogoutWhileApiGetsFailed = (_b = this.data) === null || _b === void 0 ? void 0 : _b.isLogoutWhileApiGetsFailed;
-        };
-        return TechlifyConfig;
-    }());
-    TechlifyConfig.ɵprov = i0.ɵɵdefineInjectable({ factory: function TechlifyConfig_Factory() { return new TechlifyConfig(i0.ɵɵinject("data")); }, token: TechlifyConfig, providedIn: "root" });
-    TechlifyConfig.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    TechlifyConfig.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: ['data',] }] }
-    ]; };
-
-    /**
-     * Service that provides settings for all other services
-     *
-     * @author Joshua Kissoon
-     * @since 20170709
-     */
-    var ConfigService = /** @class */ (function () {
-        function ConfigService(config) {
-            this.config = config;
-        }
-        ConfigService.prototype.getConfigsRaw = function () {
-            return this.config.rawConfigs;
-        };
-        ConfigService.prototype.getProjectKey = function () {
-            return this.config.projectKey;
-        };
-        ConfigService.prototype.getApiUrl = function () {
-            return this.config.apiUrl;
-        };
-        ConfigService.prototype.getAuthClientSecret = function () {
-            return this.config.authClientSecret;
-        };
-        ConfigService.prototype.getStorage = function () {
-            return this.config.storage ? this.config.storage : localStorage;
-        };
-        ConfigService.prototype.getAuthGrantType = function () {
-            return this.config.authGrantType;
-        };
-        ConfigService.prototype.getCredentialsKey = function () {
-            return this.config.projectKey + "_" + ConfigService.BASE_CREDENTIALS;
-        };
-        return ConfigService;
-    }());
-    ConfigService.BASE_CREDENTIALS = "credentials";
-    ConfigService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(i0.ɵɵinject(TechlifyConfig)); }, token: ConfigService, providedIn: "root" });
-    ConfigService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ConfigService.ctorParameters = function () { return [
-        { type: TechlifyConfig }
-    ]; };
-
     var SuccessSnackComponent = /** @class */ (function () {
         function SuccessSnackComponent(data) {
             this.data = data;
@@ -851,6 +767,29 @@
         { type: undefined, decorators: [{ type: i0.Inject, args: [i1.MAT_SNACK_BAR_DATA,] }] }
     ]; };
 
+    var SnackModule = /** @class */ (function () {
+        function SnackModule() {
+        }
+        return SnackModule;
+    }());
+    SnackModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        SuccessSnackComponent,
+                        ErrorSnackComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        i1.MatSnackBarModule,
+                        icon.MatIconModule
+                    ],
+                    exports: [
+                        SuccessSnackComponent,
+                        ErrorSnackComponent,
+                    ]
+                },] }
+    ];
+
     /**
      * Service used to manage alerts in the entire system frontend
      *
@@ -889,124 +828,236 @@
     ]; };
 
     /**
-     * Service used to handle errors from the request
-     *
-     * @author Joshua Kissoon
-     * @since 20171202
+     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
      */
-    var ErrorHandlerService = /** @class */ (function () {
-        function ErrorHandlerService(alerter) {
-            this.alerter = alerter;
+    var ApiPrefixInterceptor = /** @class */ (function () {
+        function ApiPrefixInterceptor(configService) {
+            this.configService = configService;
         }
-        ErrorHandlerService.prototype.handleError = function (errorResponse, msg) {
-            if (msg === void 0) { msg = ''; }
-            var _a, _b, _c, _d;
-            // 1 - Create empty array to store errors
-            var errors = [];
-            // 2 - check if the error object is present in the response
-            if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) {
-                // 3 - Check for Laravel form validation error messages object
-                if ((_a = errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) === null || _a === void 0 ? void 0 : _a.errors) {
-                    // 4 - For each error property (which is a form field)
-                    for (var property in errorResponse.error.errors) {
-                        if ((_b = errorResponse.error.errors) === null || _b === void 0 ? void 0 : _b.hasOwnProperty(property)) {
-                            // 5 - Extract it's array of errors
-                            var propertyErrors = (_c = errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) === null || _c === void 0 ? void 0 : _c.errors[property];
-                            // 6 - Push all errors in the array to the errors array
-                            propertyErrors.forEach(function (error) { return errors.push(error); });
-                        }
-                    }
-                }
-                if (errors.length === 0) {
-                    // 7 - Push the main error message to the array of errors if there is no validation error
-                    errors.push(errorResponse.error.message ? errorResponse.error.message : (_d = errorResponse.error) === null || _d === void 0 ? void 0 : _d.error);
-                }
+        ApiPrefixInterceptor.prototype.intercept = function (request, next) {
+            if (!/^(http|https):/i.test(request.url)) {
+                request = request.clone({ url: this.configService.getApiUrl() + request.url });
             }
-            var errMessage = errors.length ? errors[0] : msg;
-            this.alerter.addAlert("Error: " + errMessage, "warning");
+            return next.handle(request);
         };
-        return ErrorHandlerService;
+        return ApiPrefixInterceptor;
     }());
-    ErrorHandlerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorHandlerService_Factory() { return new ErrorHandlerService(i0.ɵɵinject(AlertService)); }, token: ErrorHandlerService, providedIn: "root" });
-    ErrorHandlerService.decorators = [
+    ApiPrefixInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function ApiPrefixInterceptor_Factory() { return new ApiPrefixInterceptor(i0.ɵɵinject(ConfigService)); }, token: ApiPrefixInterceptor, providedIn: "root" });
+    ApiPrefixInterceptor.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
-    ErrorHandlerService.ctorParameters = function () { return [
-        { type: AlertService }
+    ApiPrefixInterceptor.ctorParameters = function () { return [
+        { type: ConfigService }
     ]; };
 
-    var log = new Logger('ErrorHandlerInterceptor');
     /**
-     * Adds a default error handler to all requests.
+     * Provides storage for authentication credentials.
+     * The Credentials interface should be replaced with proper implementation.
      */
-    var ErrorHandlerInterceptor = /** @class */ (function () {
-        function ErrorHandlerInterceptor(configService, errorHandler) {
+    var CredentialsService = /** @class */ (function () {
+        function CredentialsService(configService) {
             this.configService = configService;
-            this.errorHandler = errorHandler;
+            this._credentials = null;
         }
-        ErrorHandlerInterceptor.prototype.intercept = function (request, next) {
-            var _this = this;
-            return next.handle(request).pipe(operators.catchError(function (error) { return _this.handleError(error); }));
-        };
-        // Customize the default error handler here if needed
-        ErrorHandlerInterceptor.prototype.handleError = function (error) {
-            var _a, _b;
-            var errorMessage = '';
-            if (error.error instanceof ErrorEvent) {
-                // client-side error
-                errorMessage = "Client Error: " + ((_a = this.configService) === null || _a === void 0 ? void 0 : _a.getProjectKey()) + ": " + error.error.message;
+        Object.defineProperty(CredentialsService.prototype, "isAuthenticated", {
+            /**
+             * Checks is the user is authenticated.
+             * @return True if the user is authenticated.
+             */
+            get: function () {
+                return !!this.credentials;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CredentialsService.prototype, "credentials", {
+            /**
+             * Gets the user credentials.
+             * @return The user credentials or null if the user is not authenticated.
+             */
+            get: function () {
+                if (!this._credentials) {
+                    this._credentials = JSON.parse(sessionStorage.getItem(this.configService.getCredentialsKey()) || localStorage.getItem(this.configService.getCredentialsKey()));
+                }
+                return this._credentials;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * Sets the user credentials.
+         * The credentials may be persisted across sessions by setting the `remember` parameter to true.
+         * Otherwise, the credentials are only persisted for the current session.
+         * @param credentials The user credentials.
+         * @param remember True to remember credentials across sessions.
+         */
+        CredentialsService.prototype.setCredentials = function (credentials, remember) {
+            this._credentials = credentials || null;
+            if (credentials) {
+                (remember ? localStorage : sessionStorage).setItem(this.configService.getCredentialsKey(), JSON.stringify(credentials));
             }
             else {
-                // server-side error
-                errorMessage = "Server Error: " + ((_b = this.configService) === null || _b === void 0 ? void 0 : _b.getProjectKey());
-                try {
-                    this.errorHandler.handleError(error, 'Unexpected Server Error, try later or contact service team');
-                }
-                catch (e) {
-                    console.log("Unable to handle server error", e);
-                }
+                sessionStorage.clear();
+                localStorage.clear();
+                this._credentials = null;
             }
-            return rxjs.throwError(error);
         };
-        return ErrorHandlerInterceptor;
+        CredentialsService.prototype.getAccessToken = function () {
+            var _a, _b, _c, _d;
+            var expiration = ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.expires_in) || '';
+            var token = ((_d = (_c = this.credentials) === null || _c === void 0 ? void 0 : _c.token) === null || _d === void 0 ? void 0 : _d.access_token) || '';
+            if (!token || !expiration) {
+                return null;
+            }
+            if (Date.now() > parseInt(expiration)) {
+                this.setCredentials();
+                return null;
+            }
+            return token;
+        };
+        CredentialsService.prototype.getExpiration = function () {
+            var _a, _b;
+            return ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.expires_in) || '';
+        };
+        CredentialsService.prototype.getRefreshToken = function () {
+            var _a, _b;
+            return ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.refresh_token) || '';
+        };
+        CredentialsService.prototype.refresh = function () {
+            this._credentials = null;
+            return this;
+        };
+        return CredentialsService;
     }());
-    ErrorHandlerInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorHandlerInterceptor_Factory() { return new ErrorHandlerInterceptor(i0.ɵɵinject(ConfigService), i0.ɵɵinject(ErrorHandlerService)); }, token: ErrorHandlerInterceptor, providedIn: "root" });
-    ErrorHandlerInterceptor.decorators = [
+    CredentialsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CredentialsService_Factory() { return new CredentialsService(i0.ɵɵinject(ConfigService)); }, token: CredentialsService, providedIn: "root" });
+    CredentialsService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
-    ErrorHandlerInterceptor.ctorParameters = function () { return [
-        { type: ConfigService },
-        { type: ErrorHandlerService }
+    CredentialsService.ctorParameters = function () { return [
+        { type: ConfigService }
     ]; };
 
-    var log$1 = new Logger('HttpCacheService');
-    /**
-     * Provides a cache facility for HTTP requests with configurable persistence policy.
-     */
-    var HttpCacheService = /** @class */ (function () {
-        function HttpCacheService(configService) {
-            this.configService = configService;
-            this.cachedData = {};
-            this.storage = this.configService.getStorage();
-            this.cachePersistenceKey = this.configService.getProjectKey() + '_HTTP_CACHE';
-            this.loadCacheData();
+    var log = new Logger('AuthenticationGuard');
+    var AuthenticationGuard = /** @class */ (function () {
+        function AuthenticationGuard(router, credentialsService) {
+            this.router = router;
+            this.credentialsService = credentialsService;
         }
-        /**
-         * Sets the cache data for the specified request.
-         * @param {!string} url The request URL.
-         * @param {ResponseOptions} data The received data.
-         * @param {Date=} lastUpdated The cache last update, current date is used if not specified.
-         */
-        HttpCacheService.prototype.setCacheData = function (url, data, lastUpdated) {
-            this.cachedData[url] = {
-                lastUpdated: lastUpdated || new Date(),
-                data: data
-            };
-            log$1.debug("Cache set for key: \"" + url + "\"");
+        AuthenticationGuard.prototype.canActivate = function (route, state) {
+            return this.isUserAuthenticated(route, state);
+        };
+        AuthenticationGuard.prototype.canLoad = function (route, state) {
+            return this.isUserAuthenticated(route, state);
+        };
+        AuthenticationGuard.prototype.isUserAuthenticated = function (route, state) {
+            if (this.credentialsService.isAuthenticated) {
+                return true;
+            }
+            log.debug('Not authenticated, redirecting and adding redirect url...');
+            this.router.navigate(['/login'], { queryParams: { redirect: state.url }, replaceUrl: true });
+            return false;
+        };
+        return AuthenticationGuard;
+    }());
+    AuthenticationGuard.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthenticationGuard_Factory() { return new AuthenticationGuard(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(CredentialsService)); }, token: AuthenticationGuard, providedIn: "root" });
+    AuthenticationGuard.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    AuthenticationGuard.ctorParameters = function () { return [
+        { type: i1$1.Router },
+        { type: CredentialsService }
+    ]; };
+
+    /**
+     * Provides a base for authentication workflow.
+     * The login/logout methods should be replaced with proper implementation.
+     */
+    var AuthenticationService = /** @class */ (function () {
+        function AuthenticationService(credentialsService, http) {
+            this.credentialsService = credentialsService;
+            this.http = http;
+        }
+        /**
+         * Authenticates the user.
+         * @param context The login parameters.
+         * @return The user credentials.
+         */
+        AuthenticationService.prototype.login = function (context) {
+            var _this = this;
+            var data = {};
+            return this.http
+                .skipToken()
+                .post('oauth/token', context)
+                .pipe(operators.concatMap(function (tokenInfo) { return __awaiter(_this, void 0, void 0, function () {
+                var userInfo;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            tokenInfo.expires_in = Date.now() + (tokenInfo.expires_in * 1000);
+                            data.token = tokenInfo;
+                            data.user = {};
+                            this.credentialsService.setCredentials(data, context.remember);
+                            return [4 /*yield*/, this.http.get('api/user/current').toPromise()];
+                        case 1:
+                            userInfo = _a.sent();
+                            data.user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.user;
+                            this.credentialsService.setCredentials(data, context.remember);
+                            return [2 /*return*/, data];
+                    }
+                });
+            }); }));
+        };
+        /**
+         * Logs out the user and clear credentials.
+         * @return True if the user was logged out successfully.
+         */
+        AuthenticationService.prototype.logout = function () {
+            this.credentialsService.setCredentials();
+            return rxjs.of(true);
+        };
+        return AuthenticationService;
+    }());
+    AuthenticationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthenticationService_Factory() { return new AuthenticationService(i0.ɵɵinject(CredentialsService), i0.ɵɵinject(HttpService)); }, token: AuthenticationService, providedIn: "root" });
+    AuthenticationService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    AuthenticationService.ctorParameters = function () { return [
+        { type: CredentialsService },
+        { type: HttpService }
+    ]; };
+
+    var log$1 = new Logger('HttpCacheService');
+    /**
+     * Provides a cache facility for HTTP requests with configurable persistence policy.
+     */
+    var HttpCacheService = /** @class */ (function () {
+        function HttpCacheService(configService) {
+            this.configService = configService;
+            this.cachedData = {};
+            this.storage = this.configService.getStorage();
+            this.cachePersistenceKey = this.configService.getProjectKey() + '_HTTP_CACHE';
+            this.loadCacheData();
+        }
+        /**
+         * Sets the cache data for the specified request.
+         * @param {!string} url The request URL.
+         * @param {ResponseOptions} data The received data.
+         * @param {Date=} lastUpdated The cache last update, current date is used if not specified.
+         */
+        HttpCacheService.prototype.setCacheData = function (url, data, lastUpdated) {
+            this.cachedData[url] = {
+                lastUpdated: lastUpdated || new Date(),
+                data: data
+            };
+            log$1.debug("Cache set for key: \"" + url + "\"");
             this.saveCacheData();
         };
         /**
@@ -1120,13 +1171,13 @@
                 var cachedData = _this.forceUpdate ? null : _this.httpCacheService.getCacheData(request.urlWithParams);
                 if (cachedData !== null) {
                     // Create new response to avoid side-effects
-                    subscriber.next(new i1$1.HttpResponse(cachedData));
+                    subscriber.next(new i1$2.HttpResponse(cachedData));
                     subscriber.complete();
                 }
                 else {
                     next.handle(request)
                         .subscribe(function (event) {
-                        if (event instanceof i1$1.HttpResponse) {
+                        if (event instanceof i1$2.HttpResponse) {
                             _this.httpCacheService.setCacheData(request.urlWithParams, event);
                         }
                         subscriber.next(event);
@@ -1147,121 +1198,153 @@
     ]; };
 
     /**
-     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
+     * Service used to handle errors from the request
+     *
+     * @author Joshua Kissoon
+     * @since 20171202
      */
-    var ApiPrefixInterceptor = /** @class */ (function () {
-        function ApiPrefixInterceptor(configService) {
-            this.configService = configService;
+    var ErrorHandlerService = /** @class */ (function () {
+        function ErrorHandlerService(alerter) {
+            this.alerter = alerter;
         }
-        ApiPrefixInterceptor.prototype.intercept = function (request, next) {
-            if (!/^(http|https):/i.test(request.url)) {
-                request = request.clone({ url: this.configService.getApiUrl() + request.url });
+        ErrorHandlerService.prototype.handleError = function (errorResponse, msg) {
+            if (msg === void 0) { msg = ''; }
+            var _a, _b, _c, _d;
+            // 1 - Create empty array to store errors
+            var errors = [];
+            // 2 - check if the error object is present in the response
+            if (errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) {
+                // 3 - Check for Laravel form validation error messages object
+                if ((_a = errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) === null || _a === void 0 ? void 0 : _a.errors) {
+                    // 4 - For each error property (which is a form field)
+                    for (var property in errorResponse.error.errors) {
+                        if ((_b = errorResponse.error.errors) === null || _b === void 0 ? void 0 : _b.hasOwnProperty(property)) {
+                            // 5 - Extract it's array of errors
+                            var propertyErrors = (_c = errorResponse === null || errorResponse === void 0 ? void 0 : errorResponse.error) === null || _c === void 0 ? void 0 : _c.errors[property];
+                            // 6 - Push all errors in the array to the errors array
+                            propertyErrors.forEach(function (error) { return errors.push(error); });
+                        }
+                    }
+                }
+                if (errors.length === 0) {
+                    // 7 - Push the main error message to the array of errors if there is no validation error
+                    errors.push(errorResponse.error.message ? errorResponse.error.message : (_d = errorResponse.error) === null || _d === void 0 ? void 0 : _d.error);
+                }
             }
-            return next.handle(request);
+            var errMessage = errors.length ? errors[0] : msg;
+            this.alerter.addAlert("Error: " + errMessage, "warning");
         };
-        return ApiPrefixInterceptor;
+        return ErrorHandlerService;
     }());
-    ApiPrefixInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function ApiPrefixInterceptor_Factory() { return new ApiPrefixInterceptor(i0.ɵɵinject(ConfigService)); }, token: ApiPrefixInterceptor, providedIn: "root" });
-    ApiPrefixInterceptor.decorators = [
+    ErrorHandlerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorHandlerService_Factory() { return new ErrorHandlerService(i0.ɵɵinject(AlertService)); }, token: ErrorHandlerService, providedIn: "root" });
+    ErrorHandlerService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
-    ApiPrefixInterceptor.ctorParameters = function () { return [
-        { type: ConfigService }
+    ErrorHandlerService.ctorParameters = function () { return [
+        { type: AlertService }
     ]; };
 
-    /**
-     * Provides storage for authentication credentials.
-     * The Credentials interface should be replaced with proper implementation.
-     */
-    var CredentialsService = /** @class */ (function () {
-        function CredentialsService(configService) {
-            this.configService = configService;
-            this._credentials = null;
+    var FormValidatorService = /** @class */ (function () {
+        function FormValidatorService() {
         }
-        Object.defineProperty(CredentialsService.prototype, "isAuthenticated", {
-            /**
-             * Checks is the user is authenticated.
-             * @return True if the user is authenticated.
-             */
-            get: function () {
-                return !!this.credentials;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CredentialsService.prototype, "credentials", {
-            /**
-             * Gets the user credentials.
-             * @return The user credentials or null if the user is not authenticated.
-             */
-            get: function () {
-                if (!this._credentials) {
-                    this._credentials = JSON.parse(sessionStorage.getItem(this.configService.getCredentialsKey()) || localStorage.getItem(this.configService.getCredentialsKey()));
-                }
-                return this._credentials;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Sets the user credentials.
-         * The credentials may be persisted across sessions by setting the `remember` parameter to true.
-         * Otherwise, the credentials are only persisted for the current session.
-         * @param credentials The user credentials.
-         * @param remember True to remember credentials across sessions.
-         */
-        CredentialsService.prototype.setCredentials = function (credentials, remember) {
-            this._credentials = credentials || null;
-            if (credentials) {
-                (remember ? localStorage : sessionStorage).setItem(this.configService.getCredentialsKey(), JSON.stringify(credentials));
-            }
-            else {
-                sessionStorage.clear();
-                localStorage.clear();
-                this._credentials = null;
-            }
-        };
-        CredentialsService.prototype.getAccessToken = function () {
-            var _a, _b, _c, _d;
-            var expiration = ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.expires_in) || '';
-            var token = ((_d = (_c = this.credentials) === null || _c === void 0 ? void 0 : _c.token) === null || _d === void 0 ? void 0 : _d.access_token) || '';
-            if (!token || !expiration) {
-                return null;
-            }
-            if (Date.now() > parseInt(expiration)) {
-                this.setCredentials();
-                return null;
-            }
-            return token;
-        };
-        CredentialsService.prototype.getExpiration = function () {
-            var _a, _b;
-            return ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.expires_in) || '';
-        };
-        CredentialsService.prototype.getRefreshToken = function () {
-            var _a, _b;
-            return ((_b = (_a = this.credentials) === null || _a === void 0 ? void 0 : _a.token) === null || _b === void 0 ? void 0 : _b.refresh_token) || '';
+        /**Method to evaluate form fields*/
+        FormValidatorService.prototype.isFieldValid = function (field, formGroup, firstAttempt) {
+            return (!formGroup.get(field).valid && formGroup.get(field).touched) ||
+                (!formGroup.get(field).valid && formGroup.get(field).untouched && firstAttempt);
         };
-        CredentialsService.prototype.refresh = function () {
-            this._credentials = null;
-            return this;
+        /**Method to find error in form fields*/
+        FormValidatorService.prototype.getErrorMessage = function (field, formGroup, errorMessages, errorField) {
+            var error = Object.keys(formGroup.get(field).errors);
+            return (error.length > 0) ? (errorMessages[errorField || field][error[0]] ? errorMessages[errorField || field][error[0]] : '') : '';
         };
-        return CredentialsService;
+        return FormValidatorService;
     }());
-    CredentialsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CredentialsService_Factory() { return new CredentialsService(i0.ɵɵinject(ConfigService)); }, token: CredentialsService, providedIn: "root" });
-    CredentialsService.decorators = [
+    FormValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormValidatorService_Factory() { return new FormValidatorService(); }, token: FormValidatorService, providedIn: "root" });
+    FormValidatorService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
-    CredentialsService.ctorParameters = function () { return [
-        { type: ConfigService }
-    ]; };
+    FormValidatorService.ctorParameters = function () { return []; };
 
     /**
-     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
+     * A route strategy allowing for explicit route reuse.
+     * Used as a workaround for https://github.com/angular/angular/issues/18374
+     * To reuse a given route, add `data: { reuse: true }` to the route definition.
+     */
+    var RouteReusableStrategy = /** @class */ (function (_super) {
+        __extends(RouteReusableStrategy, _super);
+        function RouteReusableStrategy() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        RouteReusableStrategy.prototype.shouldDetach = function (route) {
+            return false;
+        };
+        RouteReusableStrategy.prototype.store = function (route, detachedTree) { };
+        RouteReusableStrategy.prototype.shouldAttach = function (route) {
+            return false;
+        };
+        RouteReusableStrategy.prototype.retrieve = function (route) {
+            return null;
+        };
+        RouteReusableStrategy.prototype.shouldReuseRoute = function (future, curr) {
+            var _a, _b, _c;
+            // Reuse the route if the RouteConfig is the same, or if both routes use the
+            // same component, because the latter can have different RouteConfigs.
+            return future.routeConfig === curr.routeConfig ||
+                Boolean(((_a = future.routeConfig) === null || _a === void 0 ? void 0 : _a.component) &&
+                    ((_b = future.routeConfig) === null || _b === void 0 ? void 0 : _b.component) === ((_c = curr.routeConfig) === null || _c === void 0 ? void 0 : _c.component));
+        };
+        return RouteReusableStrategy;
+    }(i1$1.RouteReuseStrategy));
+    RouteReusableStrategy.ɵprov = i0.ɵɵdefineInjectable({ factory: function RouteReusableStrategy_Factory() { return new RouteReusableStrategy(); }, token: RouteReusableStrategy, providedIn: "root" });
+    RouteReusableStrategy.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
+    /**
+     * Service used to manage Local Storage
+     *
+     * @author Joshua Kissoon
+     * @since 20190623
+     */
+    var StorageService = /** @class */ (function () {
+        function StorageService() {
+            this.storageSub = new rxjs.Subject();
+        }
+        StorageService.prototype.watch = function () {
+            return this.storageSub.asObservable();
+        };
+        StorageService.prototype.setItem = function (key, data) {
+            localStorage.setItem(key, data);
+            this.storageSub.next({ key: key, value: data });
+        };
+        StorageService.prototype.getItem = function (key) {
+            return localStorage.getItem(key);
+        };
+        StorageService.prototype.removeItem = function (key) {
+            var data = this.getItem(key);
+            localStorage.removeItem(key);
+            this.storageSub.next({ key: key, value: data });
+        };
+        return StorageService;
+    }());
+    StorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StorageService_Factory() { return new StorageService(); }, token: StorageService, providedIn: "root" });
+    StorageService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    StorageService.ctorParameters = function () { return []; };
+
+    var TECHLIFY_CORE_CONFIG_TOKEN = new i0.InjectionToken('TECHLIFY_CORE_CONFIG_TOKEN');
+
+    /**
+     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
      */
     var TokenInterceptor = /** @class */ (function () {
         function TokenInterceptor(credentials) {
@@ -1288,85 +1371,319 @@
     ]; };
 
     /**
-     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
+     * Service that provides a wrapper for retrieving data from the server
+     * @deprecated use HttpService Instead
+     * @author Joshua Kissoon
+     * @since 20170709
      */
-    var HeaderInterceptor = /** @class */ (function () {
-        function HeaderInterceptor() {
+    var DataManager = /** @class */ (function () {
+        function DataManager(http) {
+            this.http = http;
         }
-        HeaderInterceptor.prototype.intercept = function (request, next) {
-            request = request.clone({
-                setHeaders: {
-                    'Content-Type': request.headers.get('Content-Type') || 'application/json',
-                }
-            });
-            return next.handle(request);
+        /**
+         * Callback wrapper for the HTTP GET Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         *
+         * @author Joshua Kissoon
+         * @since 20160826
+         * @updated 20170711 to add parameters
+         */
+        DataManager.prototype.GET = function (urlq, params) {
+            if (params === void 0) { params = {}; }
+            return this.http
+                .get(urlq, { params: params })
+                .toPromise();
         };
-        return HeaderInterceptor;
+        /**
+         * Callback wrapper for the HTTP POST Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         * @param object The object containing the POST data to be sent
+         *
+         * @author Joshua Kissoon
+         * @since 20160826
+         */
+        DataManager.prototype.POST = function (urlq, object) {
+            if (null == object) {
+                object = { "blank": "blank" };
+            }
+            return this.http
+                .post(urlq, object)
+                .toPromise();
+        };
+        /**
+         * Callback wrapper for the HTTP POST Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         * @param object The object containing the POST data to be sent
+         *
+         * @author Joshua Kissoon
+         * @since 20160826
+         */
+        DataManager.prototype.POSTRAW = function (urlq, object) {
+            if (null == object) {
+                object = { "blank": "blank" };
+            }
+            return this.http
+                .skipHeader()
+                .post(urlq, object)
+                .toPromise();
+        };
+        /**
+         * Callback wrapper for the HTTP PUT Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         * @param object The object containing the PUT data to be sent
+         *
+         * @author Joshua Kissoon
+         * @since 20160826
+         */
+        DataManager.prototype.PUT = function (urlq, object) {
+            if (null == object) {
+                object = { "blank": "blank" };
+            }
+            return this.http
+                .put(urlq, object)
+                .toPromise();
+        };
+        /**
+         * Callback wrapper for the HTTP PATCH Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         * @param object The object containing the PUT data to be sent
+         *
+         * @author Joshua Kissoon
+         * @since 20161107
+         */
+        DataManager.prototype.PATCH = function (urlq, object) {
+            if (null == object) {
+                object = { "blank": "blank" };
+            }
+            return this.http
+                .patch(urlq, object)
+                .toPromise();
+        };
+        /**
+         * Callback wrapper for the HTTP DELETE Call
+         *
+         * @param urlq The query part of the URL to be sent to the server
+         *
+         * @author Joshua Kissoon
+         * @since 20160826
+         */
+        DataManager.prototype.DELETE = function (urlq) {
+            return this.http
+                .delete(urlq)
+                .toPromise();
+        };
+        return DataManager;
     }());
-    HeaderInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function HeaderInterceptor_Factory() { return new HeaderInterceptor(); }, token: HeaderInterceptor, providedIn: "root" });
-    HeaderInterceptor.decorators = [
+    DataManager.ɵprov = i0.ɵɵdefineInjectable({ factory: function DataManager_Factory() { return new DataManager(i0.ɵɵinject(HttpService)); }, token: DataManager, providedIn: "root" });
+    DataManager.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
+    DataManager.ctorParameters = function () { return [
+        { type: HttpService }
+    ]; };
 
-    // From @angular/common/http/src/interceptor: allows to chain interceptors
-    var HttpInterceptorHandler = /** @class */ (function () {
-        function HttpInterceptorHandler(next, interceptor) {
-            this.next = next;
-            this.interceptor = interceptor;
+    var TechlifyConfigModule = /** @class */ (function () {
+        function TechlifyConfigModule() {
         }
-        HttpInterceptorHandler.prototype.handle = function (request) {
-            return this.interceptor.intercept(request, this.next);
+        TechlifyConfigModule.forRoot = function (techlifyConfig) {
+            return {
+                ngModule: TechlifyConfigModule,
+                providers: [
+                    {
+                        provide: TECHLIFY_CORE_CONFIG_TOKEN,
+                        useValue: techlifyConfig
+                    }
+                ]
+            };
         };
-        return HttpInterceptorHandler;
+        return TechlifyConfigModule;
     }());
+    TechlifyConfigModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: []
+                },] }
+    ];
+
     /**
-     * Allows to override default dynamic interceptors that can be disabled with the HttpService extension.
-     * Except for very specific needs, you should better configure these interceptors directly in the constructor below
-     * for better readability.
+     * Service that provides settings for all other services
      *
-     * For static interceptors that should always be enabled (like ApiPrefixInterceptor), use the standard
-     * HTTP_INTERCEPTORS token.
-     */
-    var HTTP_DYNAMIC_INTERCEPTORS = new i0.InjectionToken('HTTP_DYNAMIC_INTERCEPTORS');
-    /**
-     * Extends HttpClient with per request configuration using dynamic interceptors.
+     * @author Joshua Kissoon
+     * @since 20170709
      */
-    var HttpService = /** @class */ (function (_super) {
-        __extends(HttpService, _super);
-        function HttpService(httpHandler, injector, interceptors) {
-            if (interceptors === void 0) { interceptors = []; }
-            var _this = _super.call(this, httpHandler) || this;
-            _this.httpHandler = httpHandler;
-            _this.injector = injector;
-            _this.interceptors = interceptors;
-            if (!_this.interceptors) {
-                // Configure default interceptors that can be disabled here
-                _this.interceptors = [_this.injector.get(ApiPrefixInterceptor), _this.injector.get(HeaderInterceptor), _this.injector.get(TokenInterceptor), _this.injector.get(ErrorHandlerInterceptor)];
-            }
-            return _this;
+    var ConfigService = /** @class */ (function () {
+        function ConfigService(techlifyConfig) {
+            this.techlifyConfig = techlifyConfig;
+            this.config = techlifyConfig;
         }
-        HttpService.prototype.cache = function (forceUpdate) {
-            var cacheInterceptor = this.injector.get(CacheInterceptor).configure({ update: forceUpdate });
-            return this.addInterceptor(cacheInterceptor);
+        ConfigService.prototype.getConfigsRaw = function () {
+            return this.config.rawConfigs;
         };
-        HttpService.prototype.skipErrorHandler = function () {
-            return this.removeInterceptor(ErrorHandlerInterceptor);
+        ConfigService.prototype.getProjectKey = function () {
+            return this.config.projectKey;
         };
-        HttpService.prototype.skipApiPrefix = function () {
-            return this.removeInterceptor(ApiPrefixInterceptor);
+        ConfigService.prototype.getApiUrl = function () {
+            return this.config.apiUrl;
         };
-        HttpService.prototype.skipToken = function () {
-            return this.removeInterceptor(TokenInterceptor);
+        ConfigService.prototype.getAuthClientSecret = function () {
+            return this.config.authClientSecret;
         };
-        HttpService.prototype.skipHeader = function () {
-            return this.removeInterceptor(HeaderInterceptor);
+        ConfigService.prototype.getStorage = function () {
+            return this.config.storage ? this.config.storage : localStorage;
+        };
+        ConfigService.prototype.getAuthGrantType = function () {
+            return this.config.authGrantType;
+        };
+        ConfigService.prototype.getCredentialsKey = function () {
+            return this.config.projectKey + "_" + ConfigService.BASE_CREDENTIALS;
+        };
+        return ConfigService;
+    }());
+    ConfigService.BASE_CREDENTIALS = "credentials";
+    ConfigService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(i0.ɵɵinject(TECHLIFY_CORE_CONFIG_TOKEN)); }, token: ConfigService, providedIn: "root" });
+    ConfigService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ConfigService.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: [TECHLIFY_CORE_CONFIG_TOKEN,] }] }
+    ]; };
+
+    var log$2 = new Logger('ErrorHandlerInterceptor');
+    /**
+     * Adds a default error handler to all requests.
+     */
+    var ErrorHandlerInterceptor = /** @class */ (function () {
+        function ErrorHandlerInterceptor(configService, errorHandler) {
+            this.configService = configService;
+            this.errorHandler = errorHandler;
+        }
+        ErrorHandlerInterceptor.prototype.intercept = function (request, next) {
+            var _this = this;
+            return next.handle(request).pipe(operators.catchError(function (error) { return _this.handleError(error); }));
+        };
+        // Customize the default error handler here if needed
+        ErrorHandlerInterceptor.prototype.handleError = function (error) {
+            var _a, _b;
+            var errorMessage = '';
+            if (error.error instanceof ErrorEvent) {
+                // client-side error
+                errorMessage = "Client Error: " + ((_a = this.configService) === null || _a === void 0 ? void 0 : _a.getProjectKey()) + ": " + error.error.message;
+            }
+            else {
+                // server-side error
+                errorMessage = "Server Error: " + ((_b = this.configService) === null || _b === void 0 ? void 0 : _b.getProjectKey());
+                try {
+                    this.errorHandler.handleError(error, 'Unexpected Server Error, try later or contact service team');
+                }
+                catch (e) {
+                    console.log("Unable to handle server error", e);
+                }
+            }
+            return rxjs.throwError(error);
+        };
+        return ErrorHandlerInterceptor;
+    }());
+    ErrorHandlerInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorHandlerInterceptor_Factory() { return new ErrorHandlerInterceptor(i0.ɵɵinject(ConfigService), i0.ɵɵinject(ErrorHandlerService)); }, token: ErrorHandlerInterceptor, providedIn: "root" });
+    ErrorHandlerInterceptor.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ErrorHandlerInterceptor.ctorParameters = function () { return [
+        { type: ConfigService },
+        { type: ErrorHandlerService }
+    ]; };
+
+    /**
+     * Prefixes all requests not starting with `http[s]` with `environment.serverUrl`.
+     */
+    var HeaderInterceptor = /** @class */ (function () {
+        function HeaderInterceptor() {
+        }
+        HeaderInterceptor.prototype.intercept = function (request, next) {
+            request = request.clone({
+                setHeaders: {
+                    'Content-Type': request.headers.get('Content-Type') || 'application/json',
+                }
+            });
+            return next.handle(request);
+        };
+        return HeaderInterceptor;
+    }());
+    HeaderInterceptor.ɵprov = i0.ɵɵdefineInjectable({ factory: function HeaderInterceptor_Factory() { return new HeaderInterceptor(); }, token: HeaderInterceptor, providedIn: "root" });
+    HeaderInterceptor.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
+    // From @angular/common/http/src/interceptor: allows to chain interceptors
+    var HttpInterceptorHandler = /** @class */ (function () {
+        function HttpInterceptorHandler(next, interceptor) {
+            this.next = next;
+            this.interceptor = interceptor;
+        }
+        HttpInterceptorHandler.prototype.handle = function (request) {
+            return this.interceptor.intercept(request, this.next);
+        };
+        return HttpInterceptorHandler;
+    }());
+    /**
+     * Allows to override default dynamic interceptors that can be disabled with the HttpService extension.
+     * Except for very specific needs, you should better configure these interceptors directly in the constructor below
+     * for better readability.
+     *
+     * For static interceptors that should always be enabled (like ApiPrefixInterceptor), use the standard
+     * HTTP_INTERCEPTORS token.
+     */
+    var HTTP_DYNAMIC_INTERCEPTORS = new i0.InjectionToken('HTTP_DYNAMIC_INTERCEPTORS');
+    /**
+     * Extends HttpClient with per request configuration using dynamic interceptors.
+     */
+    var HttpService = /** @class */ (function (_super) {
+        __extends(HttpService, _super);
+        function HttpService(httpHandler, injector, interceptors) {
+            if (interceptors === void 0) { interceptors = []; }
+            var _this = _super.call(this, httpHandler) || this;
+            _this.httpHandler = httpHandler;
+            _this.injector = injector;
+            _this.interceptors = interceptors;
+            if (!_this.interceptors) {
+                // Configure default interceptors that can be disabled here
+                _this.interceptors = [_this.injector.get(ApiPrefixInterceptor), _this.injector.get(HeaderInterceptor), _this.injector.get(TokenInterceptor), _this.injector.get(ErrorHandlerInterceptor)];
+            }
+            return _this;
+        }
+        HttpService.prototype.cache = function (forceUpdate) {
+            var cacheInterceptor = this.injector.get(CacheInterceptor).configure({ update: forceUpdate });
+            return this.addInterceptor(cacheInterceptor);
+        };
+        HttpService.prototype.skipErrorHandler = function () {
+            return this.removeInterceptor(ErrorHandlerInterceptor);
+        };
+        HttpService.prototype.skipApiPrefix = function () {
+            return this.removeInterceptor(ApiPrefixInterceptor);
+        };
+        HttpService.prototype.skipToken = function () {
+            return this.removeInterceptor(TokenInterceptor);
+        };
+        HttpService.prototype.skipHeader = function () {
+            return this.removeInterceptor(HeaderInterceptor);
         };
         // Override the original method to wire interceptors when triggering the request.
         HttpService.prototype.request = function (method, url, options) {
             var handler = this.interceptors.reduceRight(function (next, interceptor) { return new HttpInterceptorHandler(next, interceptor); }, this.httpHandler);
-            return new i1$1.HttpClient(handler).request(method, url, options);
+            return new i1$2.HttpClient(handler).request(method, url, options);
         };
         HttpService.prototype.removeInterceptor = function (interceptorType) {
             return new HttpService(this.httpHandler, this.injector, this.interceptors.filter(function (i) { return !(i instanceof interceptorType); }));
@@ -1375,15 +1692,15 @@
             return new HttpService(this.httpHandler, this.injector, this.interceptors.concat([interceptor]));
         };
         return HttpService;
-    }(i1$1.HttpClient));
-    HttpService.ɵprov = i0.ɵɵdefineInjectable({ factory: function HttpService_Factory() { return new HttpService(i0.ɵɵinject(i1$1.HttpHandler), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(HTTP_DYNAMIC_INTERCEPTORS, 8)); }, token: HttpService, providedIn: "root" });
+    }(i1$2.HttpClient));
+    HttpService.ɵprov = i0.ɵɵdefineInjectable({ factory: function HttpService_Factory() { return new HttpService(i0.ɵɵinject(i1$2.HttpHandler), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(HTTP_DYNAMIC_INTERCEPTORS, 8)); }, token: HttpService, providedIn: "root" });
     HttpService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
     HttpService.ctorParameters = function () { return [
-        { type: i1$1.HttpHandler },
+        { type: i1$2.HttpHandler },
         { type: i0.Injector },
         { type: Array, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [HTTP_DYNAMIC_INTERCEPTORS,] }] }
     ]; };
@@ -1427,29 +1744,6 @@
         { type: HttpService }
     ]; };
 
-    var FormValidatorService = /** @class */ (function () {
-        function FormValidatorService() {
-        }
-        /**Method to evaluate form fields*/
-        FormValidatorService.prototype.isFieldValid = function (field, formGroup, firstAttempt) {
-            return (!formGroup.get(field).valid && formGroup.get(field).touched) ||
-                (!formGroup.get(field).valid && formGroup.get(field).untouched && firstAttempt);
-        };
-        /**Method to find error in form fields*/
-        FormValidatorService.prototype.getErrorMessage = function (field, formGroup, errorMessages, errorField) {
-            var error = Object.keys(formGroup.get(field).errors);
-            return (error.length > 0) ? (errorMessages[errorField || field][error[0]] ? errorMessages[errorField || field][error[0]] : '') : '';
-        };
-        return FormValidatorService;
-    }());
-    FormValidatorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FormValidatorService_Factory() { return new FormValidatorService(); }, token: FormValidatorService, providedIn: "root" });
-    FormValidatorService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    FormValidatorService.ctorParameters = function () { return []; };
-
     var errorMessages = {
         url: {
             required: "File is required"
@@ -2352,7 +2646,7 @@
     };
 
     var SearchableSelectorComponent_1;
-    exports.ɵx = SearchableSelectorComponent_1 = /** @class */ (function () {
+    exports.ɵy = SearchableSelectorComponent_1 = /** @class */ (function () {
         function SearchableSelectorComponent(formBuilder, _focusMonitor, http, _elementRef, dialog, ngControl) {
             var _this = this;
             this._focusMonitor = _focusMonitor;
@@ -2630,8 +2924,8 @@
         };
         return SearchableSelectorComponent;
     }());
-    exports.ɵx.nextId = 0;
-    exports.ɵx.decorators = [
+    exports.ɵy.nextId = 0;
+    exports.ɵy.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-searchable-selector',
                     template: "<div [formGroup]=\"selectorForm\" class=\"searchable-selctor-container\">\n    <mat-select formControlName=\"select_value\" focused=\"false\" [multiple]=\"multiple\" [required]=\"required\"\n        autocomplete=\"off\" (selectionChange)=\"_handleInput()\" msInfiniteScroll (infiniteScroll)=\"onScroll()\"\n        (openedChange)=\"openedChange($event)\">\n        <mat-form-field *ngIf=\"enableSearch\" class=\"p-1 w-100\">\n            <input matInput formControlName=\"search\" placeholder=\"Search...\" (keydown)=\"$event.stopPropagation();\"\n                autocomplete=\"off\">\n        </mat-form-field>\n        <div>\n            <!-- TODO:Implement scroll only for options and have search fixed -->\n            <mat-option *ngFor=\" let item of dataItems\" [value]=\"getPropertyValue(item,valueField)\">\n                {{getPropertyValue(item,titleField)}}\n            </mat-option>\n        </div>\n        <div fxlayout=\"column\" class=\"w-100\" fxLayoutAlign=\"center center\">\n            <mat-spinner class=\"my-4\" color=\"primary\" diameter=\"30\" *ngIf=\"isLoading\"></mat-spinner>\n        </div>\n    </mat-select>\n    <mat-icon *ngIf=\"add\" class=\"relative-icon\" matSuffix (click)=\"addItem($event)\">add_circle_outline</mat-icon>\n    <mat-icon *ngIf=\"edit && selectedValue\" class=\"relative-icon\" matSuffix (click)=\"editItem($event)\">edit</mat-icon>\n</div>",
@@ -2644,7 +2938,7 @@
                     styles: [".searchable-selctor-container{display:flex}.relative-icon{position:relative;top:-4px}"]
                 },] }
     ];
-    exports.ɵx.ctorParameters = function () { return [
+    exports.ɵy.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: a11y.FocusMonitor },
         { type: HttpService },
@@ -2652,7 +2946,7 @@
         { type: dialog.MatDialog },
         { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] }
     ]; };
-    exports.ɵx.propDecorators = {
+    exports.ɵy.propDecorators = {
         valueField: [{ type: i0.Input }],
         titleField: [{ type: i0.Input }],
         apiUrl: [{ type: i0.Input }],
@@ -2679,9 +2973,9 @@
         disabled: [{ type: i0.Input }],
         value: [{ type: i0.Input }]
     };
-    exports.ɵx = SearchableSelectorComponent_1 = __decorate([
+    exports.ɵy = SearchableSelectorComponent_1 = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵx);
+    ], exports.ɵy);
 
     var MatSelectInfiniteScrollDirective = /** @class */ (function () {
         function MatSelectInfiniteScrollDirective(matSelect, ngZone) {
@@ -3003,7 +3297,7 @@
     }
 
     var TimelineFilterComponent_1;
-    exports.ɵbb = TimelineFilterComponent_1 = /** @class */ (function () {
+    exports.ɵbc = TimelineFilterComponent_1 = /** @class */ (function () {
         function TimelineFilterComponent(formBuilder, ngControl, datePipe) {
             this.ngControl = ngControl;
             this.datePipe = datePipe;
@@ -3101,454 +3395,147 @@
             var str = "";
             if ((_a = this.selectedRange) === null || _a === void 0 ? void 0 : _a.show_custom_field) {
                 if (((_b = this.selectedRange) === null || _b === void 0 ? void 0 : _b.date_from.toUTCString()) != 'Invalid Date') {
-                    str += ' - ' + this.datePipe.transform((_d = (_c = this.selectedRange) === null || _c === void 0 ? void 0 : _c.date_from) === null || _d === void 0 ? void 0 : _d.toUTCString());
-                }
-                if (((_e = this.selectedRange) === null || _e === void 0 ? void 0 : _e.date_to.toUTCString()) != 'Invalid Date') {
-                    str += ' - ' + this.datePipe.transform((_g = (_f = this.selectedRange) === null || _f === void 0 ? void 0 : _f.date_to) === null || _g === void 0 ? void 0 : _g.toUTCString());
-                }
-            }
-            return str;
-        };
-        TimelineFilterComponent.prototype.resetFieldValue = function (field) {
-            this.form.get(field).setValue('');
-        };
-        TimelineFilterComponent.prototype.getFieldValue = function (field) {
-            return this.form.get(field).value;
-        };
-        TimelineFilterComponent.prototype.setFieldValue = function (field, value) {
-            this.form.get(field).setValue(value);
-        };
-        TimelineFilterComponent.prototype.changeTimeline = function (value) {
-            var timeline = calculateTimeline(value);
-            if (timeline) {
-                this.setFieldValue(this.dateFrom, timeline.date_from);
-                this.setFieldValue(this.dateTo, timeline.date_to);
-                this.showCustomDateFields = timeline.show_custom_field;
-            }
-        };
-        TimelineFilterComponent.prototype._handleInput = function () {
-            if (this.value == 1) {
-                this.picker.open();
-                return;
-            }
-            var range = calculateTimeline(this.value);
-            this.selectedRange = range;
-            this.onChange(this.value);
-            this.selectedValueChange.emit(this.selectedValue);
-            this.selectionChange.emit(range);
-        };
-        TimelineFilterComponent.prototype.dateRangeChange = function (dateRangeStart, dateRangeEnd) {
-            var range = {
-                date_from: new Date(dateRangeStart.value),
-                date_to: new Date(dateRangeEnd.value),
-                show_custom_field: true
-            };
-            this.selectedRange = range;
-            this.onChange(this.value);
-            this.selectedValueChange.emit(this.selectedValue);
-            this.selectionChange.emit(range);
-        };
-        TimelineFilterComponent.prototype.onCustomDateChange = function (event) {
-        };
-        TimelineFilterComponent.prototype.setDescribedByIds = function (ids) {
-            this.describedBy = ids.join(' ');
-        };
-        TimelineFilterComponent.prototype.onContainerClick = function (event) {
-            event.stopPropagation();
-        };
-        TimelineFilterComponent.prototype.writeValue = function (data) {
-            this.value = data;
-        };
-        TimelineFilterComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        TimelineFilterComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouched = fn;
-        };
-        TimelineFilterComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        TimelineFilterComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            console.log(this.form);
-            this.timelineValue.valueChanges.
-                pipe(operators.debounceTime(100), operators.distinctUntilChanged(), untilDestroy.untilDestroyed(this)).subscribe(function (value) { return _this.changeTimeline(value); });
-        };
-        TimelineFilterComponent.prototype.ngOnDestroy = function () {
-            this.stateChanges.complete();
-        };
-        return TimelineFilterComponent;
-    }());
-    exports.ɵbb.nextId = 0;
-    exports.ɵbb.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-timeline-filter',
-                    template: "<ng-container *ngIf=\"form\" [formGroup]=\"form\">\n  <mat-form-field [appearance]=\"appearance\">\n      <mat-label>{{labelText}}</mat-label>\n      <mat-select [formControl]=\"timelineValue\">\n          <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n              {{timeline.viewValue}}\n          </mat-option>\n      </mat-select>\n      <button mat-button *ngIf=\"showClearbutton && timelineValue.value\" matSuffix mat-icon-button\n          (click)=\"timelineValue.setValue('')\">\n          <mat-icon>close</mat-icon>\n      </button>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"showCustomDateFields\">\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>From Date</mat-label>\n          <input matInput formControlName=\"{{dateFrom}}\" [matDatepicker]=\"fromPicker\" (click)=\"fromPicker.open()\"\n              placeholder=\"From Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"fromPicker\"></mat-datepicker-toggle>\n          <mat-datepicker #fromPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateFrom)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateFrom)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>To Date</mat-label>\n          <input matInput formControlName=\"{{dateTo}}\" [matDatepicker]=\"toPicker\" (click)=\"toPicker.open()\"\n              placeholder=\"To Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"\"></mat-datepicker-toggle>\n          <mat-datepicker #toPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateTo)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateTo)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n  </ng-container>\n</ng-container>\n<div *ngIf=\"!form\" [formGroup]=\"selectorForm\">\n  <mat-select formControlName=\"select_value\" focused=\"false\" [required]=\"required\"\n      autocomplete=\"off\" (selectionChange)=\"_handleInput()\">\n      <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline?.value\">\n          {{ timeline?.viewValue }} {{ selectedRange?.show_custom_field && timeline?.value == 1 ? getDateRangeString() : '' }}\n      </mat-option>\n  </mat-select>\n  <mat-date-range-input hidden (dateChange)=\"onCustomDateChange($event)\" [rangePicker]=\"picker\">\n      <input matStartDate #customStartDate>\n      <input matEndDate (dateChange)=\"dateRangeChange(customStartDate, customEndDate)\" #customEndDate>\n  </mat-date-range-input>\n  <mat-date-range-picker #picker [touchUi]=\"touchUi\"></mat-date-range-picker>\n</div>\n",
-                    providers: [
-                        {
-                            provide: formField.MatFormFieldControl,
-                            useExisting: TimelineFilterComponent_1
-                        }
-                    ],
-                    styles: [""]
-                },] }
-    ];
-    exports.ɵbb.ctorParameters = function () { return [
-        { type: forms.FormBuilder },
-        { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
-        { type: common.DatePipe }
-    ]; };
-    exports.ɵbb.propDecorators = {
-        picker: [{ type: i0.ViewChild, args: ['picker',] }],
-        timelineValue: [{ type: i0.Input }],
-        timelines: [{ type: i0.Input }],
-        dateFrom: [{ type: i0.Input }],
-        dateTo: [{ type: i0.Input }],
-        appearance: [{ type: i0.Input }],
-        showClearbutton: [{ type: i0.Input }],
-        form: [{ type: i0.Input }],
-        labelText: [{ type: i0.Input }],
-        selectedValue: [{ type: i0.Input }],
-        touchUi: [{ type: i0.Input }],
-        selectedValueChange: [{ type: i0.Output }],
-        selectionChange: [{ type: i0.Output }],
-        defaultValue: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        value: [{ type: i0.Input }]
-    };
-    exports.ɵbb = TimelineFilterComponent_1 = __decorate([
-        untilDestroy.UntilDestroy()
-    ], exports.ɵbb);
-
-    var LoaderComponent = /** @class */ (function () {
-        function LoaderComponent() {
-            this.isLoading = false;
-            this.size = 0.6;
-        }
-        LoaderComponent.prototype.ngOnInit = function () { };
-        return LoaderComponent;
-    }());
-    LoaderComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'app-loader',
-                    template: "<div [hidden]=\"!isLoading\">\n  <mat-progress-spinner mode=\"indeterminate\" [strokeWidth]=\"2\" [diameter]=\"32 * size\"></mat-progress-spinner>\n  <span class=\"message\">{{message}}</span>\n</div>\n",
-                    styles: [".mat-progress-spinner{display:inline-block;vertical-align:middle}.message{margin-left:.5em}"]
-                },] }
-    ];
-    LoaderComponent.ctorParameters = function () { return []; };
-    LoaderComponent.propDecorators = {
-        isLoading: [{ type: i0.Input }],
-        size: [{ type: i0.Input }],
-        message: [{ type: i0.Input }]
-    };
-
-    var SnackModule = /** @class */ (function () {
-        function SnackModule() {
-        }
-        return SnackModule;
-    }());
-    SnackModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        SuccessSnackComponent,
-                        ErrorSnackComponent
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        i1.MatSnackBarModule,
-                        icon.MatIconModule
-                    ],
-                    exports: [
-                        SuccessSnackComponent,
-                        ErrorSnackComponent,
-                    ]
-                },] }
-    ];
-
-    var log$2 = new Logger('AuthenticationGuard');
-    var AuthenticationGuard = /** @class */ (function () {
-        function AuthenticationGuard(router, credentialsService) {
-            this.router = router;
-            this.credentialsService = credentialsService;
-        }
-        AuthenticationGuard.prototype.canActivate = function (route, state) {
-            return this.isUserAuthenticated(route, state);
-        };
-        AuthenticationGuard.prototype.canLoad = function (route, state) {
-            return this.isUserAuthenticated(route, state);
-        };
-        AuthenticationGuard.prototype.isUserAuthenticated = function (route, state) {
-            if (this.credentialsService.isAuthenticated) {
-                return true;
-            }
-            log$2.debug('Not authenticated, redirecting and adding redirect url...');
-            this.router.navigate(['/login'], { queryParams: { redirect: state.url }, replaceUrl: true });
-            return false;
-        };
-        return AuthenticationGuard;
-    }());
-    AuthenticationGuard.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthenticationGuard_Factory() { return new AuthenticationGuard(i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(CredentialsService)); }, token: AuthenticationGuard, providedIn: "root" });
-    AuthenticationGuard.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    AuthenticationGuard.ctorParameters = function () { return [
-        { type: i1$2.Router },
-        { type: CredentialsService }
-    ]; };
-
-    /**
-     * Provides a base for authentication workflow.
-     * The login/logout methods should be replaced with proper implementation.
-     */
-    var AuthenticationService = /** @class */ (function () {
-        function AuthenticationService(credentialsService, http) {
-            this.credentialsService = credentialsService;
-            this.http = http;
-        }
-        /**
-         * Authenticates the user.
-         * @param context The login parameters.
-         * @return The user credentials.
-         */
-        AuthenticationService.prototype.login = function (context) {
-            var _this = this;
-            var data = {};
-            return this.http
-                .skipToken()
-                .post('oauth/token', context)
-                .pipe(operators.concatMap(function (tokenInfo) { return __awaiter(_this, void 0, void 0, function () {
-                var userInfo;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            tokenInfo.expires_in = Date.now() + (tokenInfo.expires_in * 1000);
-                            data.token = tokenInfo;
-                            data.user = {};
-                            this.credentialsService.setCredentials(data, context.remember);
-                            return [4 /*yield*/, this.http.get('api/user/current').toPromise()];
-                        case 1:
-                            userInfo = _a.sent();
-                            data.user = userInfo === null || userInfo === void 0 ? void 0 : userInfo.user;
-                            this.credentialsService.setCredentials(data, context.remember);
-                            return [2 /*return*/, data];
-                    }
-                });
-            }); }));
-        };
-        /**
-         * Logs out the user and clear credentials.
-         * @return True if the user was logged out successfully.
-         */
-        AuthenticationService.prototype.logout = function () {
-            this.credentialsService.setCredentials();
-            return rxjs.of(true);
-        };
-        return AuthenticationService;
-    }());
-    AuthenticationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AuthenticationService_Factory() { return new AuthenticationService(i0.ɵɵinject(CredentialsService), i0.ɵɵinject(HttpService)); }, token: AuthenticationService, providedIn: "root" });
-    AuthenticationService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    AuthenticationService.ctorParameters = function () { return [
-        { type: CredentialsService },
-        { type: HttpService }
-    ]; };
-
-    /**
-     * A route strategy allowing for explicit route reuse.
-     * Used as a workaround for https://github.com/angular/angular/issues/18374
-     * To reuse a given route, add `data: { reuse: true }` to the route definition.
-     */
-    var RouteReusableStrategy = /** @class */ (function (_super) {
-        __extends(RouteReusableStrategy, _super);
-        function RouteReusableStrategy() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        RouteReusableStrategy.prototype.shouldDetach = function (route) {
-            return false;
-        };
-        RouteReusableStrategy.prototype.store = function (route, detachedTree) { };
-        RouteReusableStrategy.prototype.shouldAttach = function (route) {
-            return false;
-        };
-        RouteReusableStrategy.prototype.retrieve = function (route) {
-            return null;
-        };
-        RouteReusableStrategy.prototype.shouldReuseRoute = function (future, curr) {
-            var _a, _b, _c;
-            // Reuse the route if the RouteConfig is the same, or if both routes use the
-            // same component, because the latter can have different RouteConfigs.
-            return future.routeConfig === curr.routeConfig ||
-                Boolean(((_a = future.routeConfig) === null || _a === void 0 ? void 0 : _a.component) &&
-                    ((_b = future.routeConfig) === null || _b === void 0 ? void 0 : _b.component) === ((_c = curr.routeConfig) === null || _c === void 0 ? void 0 : _c.component));
-        };
-        return RouteReusableStrategy;
-    }(i1$2.RouteReuseStrategy));
-    RouteReusableStrategy.ɵprov = i0.ɵɵdefineInjectable({ factory: function RouteReusableStrategy_Factory() { return new RouteReusableStrategy(); }, token: RouteReusableStrategy, providedIn: "root" });
-    RouteReusableStrategy.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    /**
-     * Service used to manage Local Storage
-     *
-     * @author Joshua Kissoon
-     * @since 20190623
-     */
-    var StorageService = /** @class */ (function () {
-        function StorageService() {
-            this.storageSub = new rxjs.Subject();
-        }
-        StorageService.prototype.watch = function () {
-            return this.storageSub.asObservable();
-        };
-        StorageService.prototype.setItem = function (key, data) {
-            localStorage.setItem(key, data);
-            this.storageSub.next({ key: key, value: data });
-        };
-        StorageService.prototype.getItem = function (key) {
-            return localStorage.getItem(key);
-        };
-        StorageService.prototype.removeItem = function (key) {
-            var data = this.getItem(key);
-            localStorage.removeItem(key);
-            this.storageSub.next({ key: key, value: data });
-        };
-        return StorageService;
-    }());
-    StorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function StorageService_Factory() { return new StorageService(); }, token: StorageService, providedIn: "root" });
-    StorageService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    StorageService.ctorParameters = function () { return []; };
-
-    /**
-     * Service that provides a wrapper for retrieving data from the server
-     * @deprecated use HttpService Instead
-     * @author Joshua Kissoon
-     * @since 20170709
-     */
-    var DataManager = /** @class */ (function () {
-        function DataManager(http) {
-            this.http = http;
-        }
-        /**
-         * Callback wrapper for the HTTP GET Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         *
-         * @author Joshua Kissoon
-         * @since 20160826
-         * @updated 20170711 to add parameters
-         */
-        DataManager.prototype.GET = function (urlq, params) {
-            if (params === void 0) { params = {}; }
-            return this.http
-                .get(urlq, { params: params })
-                .toPromise();
-        };
-        /**
-         * Callback wrapper for the HTTP POST Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         * @param object The object containing the POST data to be sent
-         *
-         * @author Joshua Kissoon
-         * @since 20160826
-         */
-        DataManager.prototype.POST = function (urlq, object) {
-            if (null == object) {
-                object = { "blank": "blank" };
+                    str += ' - ' + this.datePipe.transform((_d = (_c = this.selectedRange) === null || _c === void 0 ? void 0 : _c.date_from) === null || _d === void 0 ? void 0 : _d.toUTCString());
+                }
+                if (((_e = this.selectedRange) === null || _e === void 0 ? void 0 : _e.date_to.toUTCString()) != 'Invalid Date') {
+                    str += ' - ' + this.datePipe.transform((_g = (_f = this.selectedRange) === null || _f === void 0 ? void 0 : _f.date_to) === null || _g === void 0 ? void 0 : _g.toUTCString());
+                }
             }
-            return this.http
-                .post(urlq, object)
-                .toPromise();
+            return str;
         };
-        /**
-         * Callback wrapper for the HTTP POST Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         * @param object The object containing the POST data to be sent
-         *
-         * @author Joshua Kissoon
-         * @since 20160826
-         */
-        DataManager.prototype.POSTRAW = function (urlq, object) {
-            if (null == object) {
-                object = { "blank": "blank" };
-            }
-            return this.http
-                .skipHeader()
-                .post(urlq, object)
-                .toPromise();
+        TimelineFilterComponent.prototype.resetFieldValue = function (field) {
+            this.form.get(field).setValue('');
         };
-        /**
-         * Callback wrapper for the HTTP PUT Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         * @param object The object containing the PUT data to be sent
-         *
-         * @author Joshua Kissoon
-         * @since 20160826
-         */
-        DataManager.prototype.PUT = function (urlq, object) {
-            if (null == object) {
-                object = { "blank": "blank" };
+        TimelineFilterComponent.prototype.getFieldValue = function (field) {
+            return this.form.get(field).value;
+        };
+        TimelineFilterComponent.prototype.setFieldValue = function (field, value) {
+            this.form.get(field).setValue(value);
+        };
+        TimelineFilterComponent.prototype.changeTimeline = function (value) {
+            var timeline = calculateTimeline(value);
+            if (timeline) {
+                this.setFieldValue(this.dateFrom, timeline.date_from);
+                this.setFieldValue(this.dateTo, timeline.date_to);
+                this.showCustomDateFields = timeline.show_custom_field;
             }
-            return this.http
-                .put(urlq, object)
-                .toPromise();
         };
-        /**
-         * Callback wrapper for the HTTP PATCH Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         * @param object The object containing the PUT data to be sent
-         *
-         * @author Joshua Kissoon
-         * @since 20161107
-         */
-        DataManager.prototype.PATCH = function (urlq, object) {
-            if (null == object) {
-                object = { "blank": "blank" };
+        TimelineFilterComponent.prototype._handleInput = function () {
+            if (this.value == 1) {
+                this.picker.open();
+                return;
             }
-            return this.http
-                .patch(urlq, object)
-                .toPromise();
+            var range = calculateTimeline(this.value);
+            this.selectedRange = range;
+            this.onChange(this.value);
+            this.selectedValueChange.emit(this.selectedValue);
+            this.selectionChange.emit(range);
         };
-        /**
-         * Callback wrapper for the HTTP DELETE Call
-         *
-         * @param urlq The query part of the URL to be sent to the server
-         *
-         * @author Joshua Kissoon
-         * @since 20160826
-         */
-        DataManager.prototype.DELETE = function (urlq) {
-            return this.http
-                .delete(urlq)
-                .toPromise();
+        TimelineFilterComponent.prototype.dateRangeChange = function (dateRangeStart, dateRangeEnd) {
+            var range = {
+                date_from: new Date(dateRangeStart.value),
+                date_to: new Date(dateRangeEnd.value),
+                show_custom_field: true
+            };
+            this.selectedRange = range;
+            this.onChange(this.value);
+            this.selectedValueChange.emit(this.selectedValue);
+            this.selectionChange.emit(range);
         };
-        return DataManager;
+        TimelineFilterComponent.prototype.onCustomDateChange = function (event) {
+        };
+        TimelineFilterComponent.prototype.setDescribedByIds = function (ids) {
+            this.describedBy = ids.join(' ');
+        };
+        TimelineFilterComponent.prototype.onContainerClick = function (event) {
+            event.stopPropagation();
+        };
+        TimelineFilterComponent.prototype.writeValue = function (data) {
+            this.value = data;
+        };
+        TimelineFilterComponent.prototype.registerOnChange = function (fn) {
+            this.onChange = fn;
+        };
+        TimelineFilterComponent.prototype.registerOnTouched = function (fn) {
+            this.onTouched = fn;
+        };
+        TimelineFilterComponent.prototype.setDisabledState = function (isDisabled) {
+            this.disabled = isDisabled;
+        };
+        TimelineFilterComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            console.log(this.form);
+            this.timelineValue.valueChanges.
+                pipe(operators.debounceTime(100), operators.distinctUntilChanged(), untilDestroy.untilDestroyed(this)).subscribe(function (value) { return _this.changeTimeline(value); });
+        };
+        TimelineFilterComponent.prototype.ngOnDestroy = function () {
+            this.stateChanges.complete();
+        };
+        return TimelineFilterComponent;
     }());
-    DataManager.ɵprov = i0.ɵɵdefineInjectable({ factory: function DataManager_Factory() { return new DataManager(i0.ɵɵinject(HttpService)); }, token: DataManager, providedIn: "root" });
-    DataManager.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
+    exports.ɵbc.nextId = 0;
+    exports.ɵbc.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-timeline-filter',
+                    template: "<ng-container *ngIf=\"form\" [formGroup]=\"form\">\n  <mat-form-field [appearance]=\"appearance\">\n      <mat-label>{{labelText}}</mat-label>\n      <mat-select [formControl]=\"timelineValue\">\n          <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline.value\">\n              {{timeline.viewValue}}\n          </mat-option>\n      </mat-select>\n      <button mat-button *ngIf=\"showClearbutton && timelineValue.value\" matSuffix mat-icon-button\n          (click)=\"timelineValue.setValue('')\">\n          <mat-icon>close</mat-icon>\n      </button>\n  </mat-form-field>\n\n  <ng-container *ngIf=\"showCustomDateFields\">\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>From Date</mat-label>\n          <input matInput formControlName=\"{{dateFrom}}\" [matDatepicker]=\"fromPicker\" (click)=\"fromPicker.open()\"\n              placeholder=\"From Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"fromPicker\"></mat-datepicker-toggle>\n          <mat-datepicker #fromPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateFrom)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateFrom)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n      <mat-form-field [appearance]=\"appearance\">\n          <mat-label>To Date</mat-label>\n          <input matInput formControlName=\"{{dateTo}}\" [matDatepicker]=\"toPicker\" (click)=\"toPicker.open()\"\n              placeholder=\"To Date\" readonly />\n          <mat-datepicker-toggle matSuffix [for]=\"\"></mat-datepicker-toggle>\n          <mat-datepicker #toPicker></mat-datepicker>\n          <button mat-button *ngIf=\"getFieldValue(dateTo)\" matSuffix mat-icon-button\n              (click)=\"resetFieldValue(dateTo)\">\n              <mat-icon>close</mat-icon>\n          </button>\n      </mat-form-field>\n\n  </ng-container>\n</ng-container>\n<div *ngIf=\"!form\" [formGroup]=\"selectorForm\">\n  <mat-select formControlName=\"select_value\" focused=\"false\" [required]=\"required\"\n      autocomplete=\"off\" (selectionChange)=\"_handleInput()\">\n      <mat-option *ngFor=\"let timeline of timelines\" [value]=\"timeline?.value\">\n          {{ timeline?.viewValue }} {{ selectedRange?.show_custom_field && timeline?.value == 1 ? getDateRangeString() : '' }}\n      </mat-option>\n  </mat-select>\n  <mat-date-range-input hidden (dateChange)=\"onCustomDateChange($event)\" [rangePicker]=\"picker\">\n      <input matStartDate #customStartDate>\n      <input matEndDate (dateChange)=\"dateRangeChange(customStartDate, customEndDate)\" #customEndDate>\n  </mat-date-range-input>\n  <mat-date-range-picker #picker [touchUi]=\"touchUi\"></mat-date-range-picker>\n</div>\n",
+                    providers: [
+                        {
+                            provide: formField.MatFormFieldControl,
+                            useExisting: TimelineFilterComponent_1
+                        }
+                    ],
+                    styles: [""]
                 },] }
     ];
-    DataManager.ctorParameters = function () { return [
-        { type: HttpService }
+    exports.ɵbc.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: forms.NgControl, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
+        { type: common.DatePipe }
     ]; };
+    exports.ɵbc.propDecorators = {
+        picker: [{ type: i0.ViewChild, args: ['picker',] }],
+        timelineValue: [{ type: i0.Input }],
+        timelines: [{ type: i0.Input }],
+        dateFrom: [{ type: i0.Input }],
+        dateTo: [{ type: i0.Input }],
+        appearance: [{ type: i0.Input }],
+        showClearbutton: [{ type: i0.Input }],
+        form: [{ type: i0.Input }],
+        labelText: [{ type: i0.Input }],
+        selectedValue: [{ type: i0.Input }],
+        touchUi: [{ type: i0.Input }],
+        selectedValueChange: [{ type: i0.Output }],
+        selectionChange: [{ type: i0.Output }],
+        defaultValue: [{ type: i0.Input }],
+        required: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        value: [{ type: i0.Input }]
+    };
+    exports.ɵbc = TimelineFilterComponent_1 = __decorate([
+        untilDestroy.UntilDestroy()
+    ], exports.ɵbc);
+
+    var LoaderComponent = /** @class */ (function () {
+        function LoaderComponent() {
+            this.isLoading = false;
+            this.size = 0.6;
+        }
+        LoaderComponent.prototype.ngOnInit = function () { };
+        return LoaderComponent;
+    }());
+    LoaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'app-loader',
+                    template: "<div [hidden]=\"!isLoading\">\n  <mat-progress-spinner mode=\"indeterminate\" [strokeWidth]=\"2\" [diameter]=\"32 * size\"></mat-progress-spinner>\n  <span class=\"message\">{{message}}</span>\n</div>\n",
+                    styles: [".mat-progress-spinner{display:inline-block;vertical-align:middle}.message{margin-left:.5em}"]
+                },] }
+    ];
+    LoaderComponent.ctorParameters = function () { return []; };
+    LoaderComponent.propDecorators = {
+        isLoading: [{ type: i0.Input }],
+        size: [{ type: i0.Input }],
+        message: [{ type: i0.Input }]
+    };
 
     var MaterialModule = /** @class */ (function () {
         function MaterialModule() {
@@ -3599,17 +3586,17 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        i1$1.HttpClientModule,
-                        i1$2.RouterModule,
+                        i1$2.HttpClientModule,
+                        i1$1.RouterModule,
                         SnackModule
                     ],
                     providers: [
                         {
-                            provide: i1$1.HttpClient,
+                            provide: i1$2.HttpClient,
                             useClass: HttpService
                         },
                         {
-                            provide: i1$2.RouteReuseStrategy,
+                            provide: i1$1.RouteReuseStrategy,
                             useClass: RouteReusableStrategy
                         }
                     ],
@@ -3839,11 +3826,11 @@
                         MaterialModule
                     ],
                     declarations: [
-                        exports.ɵx,
+                        exports.ɵy,
                         MatSelectInfiniteScrollDirective
                     ],
                     exports: [
-                        exports.ɵx,
+                        exports.ɵy,
                         MatSelectInfiniteScrollDirective
                     ]
                 },] }
@@ -3875,8 +3862,8 @@
     }());
     TimelineFilterRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -3887,7 +3874,7 @@
     }());
     TimelineFilterModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbb],
+                    declarations: [exports.ɵbc],
                     imports: [
                         common.CommonModule,
                         TimelineFilterRoutingModule,
@@ -3895,7 +3882,7 @@
                         MaterialModule,
                         forms.ReactiveFormsModule
                     ],
-                    exports: [exports.ɵbb]
+                    exports: [exports.ɵbc]
                 },] }
     ];
 
@@ -3927,8 +3914,8 @@
     }());
     EmailSubscriptionRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$1)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$1)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -3955,8 +3942,8 @@
     }());
     EmailSubscriptionUserRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$2)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$2)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -3983,8 +3970,8 @@
     }());
     EmailSubscriptionUserFormRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$3)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$3)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -3997,7 +3984,7 @@
             required: "Email Type is required"
         },
     };
-    exports.ɵbe = /** @class */ (function () {
+    exports.ɵbf = /** @class */ (function () {
         function EmailSubscriptionUserFormComponent(fb, formValidatorService, alertService, dialogRef, data, http) {
             this.fb = fb;
             this.formValidatorService = formValidatorService;
@@ -4059,14 +4046,14 @@
         };
         return EmailSubscriptionUserFormComponent;
     }());
-    exports.ɵbe.decorators = [
+    exports.ɵbf.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-user-form',
                     template: "<form [formGroup]=\"esUserFormGroup\" (ngSubmit)=\"submit()\" class=\"mat-typography\">\n    <div fxLayout=\"column\">\n        <div mat-dialog-title class=\"text-center\">\n            <div>Email Subscription User</div>\n        </div>\n\n        <div mat-dialog-content fxLayout=\"column\">\n            <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field fxFlex=\"48%\" class=\"mt-1\">\n                    <mat-label>User</mat-label>\n                    <app-searchable-selector formControlName=\"user_id\" apiUrl=\"api/users\" titleField=\"name\" required\n                        [selectedValue]=\"selectedUser\">\n                    </app-searchable-selector>\n                    <mat-error *ngIf=\"isFieldValid('user_id')\">{{getErrorMessage('user_id')}}</mat-error>\n                </mat-form-field>\n\n                <mat-form-field fxFlex=\"48%\" class=\"mt-1\">\n                    <mat-label>Email Type</mat-label>\n                    <app-searchable-selector formControlName=\"email_type_id\" apiUrl=\"api/email-subscription-types\"\n                        required [selectedValue]=\"selectedType\">\n                    </app-searchable-selector>\n                    <mat-error *ngIf=\"isFieldValid('email_type_id')\">{{getErrorMessage('email_type_id')}}</mat-error>\n                </mat-form-field>\n\n                <div class=\"my-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n                    <button mat-raised-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                    <button mat-raised-button type=\"submit\" color=\"primary\" [disabled]=\"isSubmitLoading\">\n                        <app-loader class=\"inline-loader\" [isLoading]=\"isSubmitLoading\"></app-loader>\n                        Save\n                    </button>\n                </div>\n            </div>\n        </div>\n\n\n    </div>\n</form>",
                     styles: [""]
                 },] }
     ];
-    exports.ɵbe.ctorParameters = function () { return [
+    exports.ɵbf.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: FormValidatorService },
         { type: AlertService },
@@ -4074,9 +4061,9 @@
         { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
         { type: HttpService }
     ]; };
-    exports.ɵbe = __decorate([
+    exports.ɵbf = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbe);
+    ], exports.ɵbf);
 
     var EmailSubscriptionUserFormModule = /** @class */ (function () {
         function EmailSubscriptionUserFormModule() {
@@ -4085,7 +4072,7 @@
     }());
     EmailSubscriptionUserFormModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbe],
+                    declarations: [exports.ɵbf],
                     imports: [
                         common.CommonModule,
                         MaterialModule,
@@ -4095,12 +4082,12 @@
                         EmailSubscriptionUserFormRoutingModule,
                         LoaderModule
                     ],
-                    entryComponents: [exports.ɵbe]
+                    entryComponents: [exports.ɵbf]
                 },] }
     ];
 
     var log$4 = new Logger('EmailSubscriptionUser list');
-    exports.ɵbf = /** @class */ (function () {
+    exports.ɵbg = /** @class */ (function () {
         function EmailSubscriptionUserListComponent(dialog, http, router) {
             this.dialog = dialog;
             this.http = http;
@@ -4161,7 +4148,7 @@
         };
         EmailSubscriptionUserListComponent.prototype.addEmailSubscriptionUser = function () {
             var _this = this;
-            var dialogRef = this.dialog.open(exports.ɵbe, {
+            var dialogRef = this.dialog.open(exports.ɵbf, {
                 width: '800px',
                 autoFocus: false,
                 data: {} // Any data passed here will be injected into the model
@@ -4176,7 +4163,7 @@
         EmailSubscriptionUserListComponent.prototype.editEmailSubscriptionUser = function (event, esUser) {
             var _this = this;
             event.stopPropagation();
-            var dialogRef = this.dialog.open(exports.ɵbe, {
+            var dialogRef = this.dialog.open(exports.ɵbf, {
                 width: '800px',
                 autoFocus: false,
                 data: {
@@ -4234,24 +4221,24 @@
         };
         return EmailSubscriptionUserListComponent;
     }());
-    exports.ɵbf.decorators = [
+    exports.ɵbg.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-user-list',
                     template: "<div class=\"mat-typography m-4\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <app-email-subscription-user-list-filter (valueChange)=\"filterChange($event)\">\n        </app-email-subscription-user-list-filter>\n        <div class=\"ml-2\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"addEmailSubscriptionUser()\">+\n                User Subscription</button>\n        </div>\n        <span fxFlex></span>\n        <mat-form-field appearance=\"outline\" class=\"no-padding\">\n            <mat-label>Columns</mat-label>\n            <mat-select [formControl]=\"displayColumns\" multiple (selectionChange)=\"columnsChange()\">\n                <mat-option *ngFor=\"let column of availableDisplayColumns\" [value]=\"column.value\">{{column.name}}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n    </div>\n\n\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"esUserList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"email-subscription-user-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let esUser; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"user.name\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> User </th>\n                    <td mat-cell *matCellDef=\"let esUser;\"> {{ esUser?.user?.name }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"email_type.title\">\n                    <th mat-header-cell *matHeaderCellDef> Email Type </th>\n                    <td mat-cell *matCellDef=\"let esUser;\"> {{ esUser?.email_type?.title }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"creator.name\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Creator</th>\n                    <td mat-cell *matCellDef=\"let esUser;\">\n                        {{esUser?.creator?.name }}\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Created On</th>\n                    <td mat-cell *matCellDef=\"let esUser;\">\n                        {{esUser?.created_at | date:'medium' }}\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef> Actions </th>\n                    <td mat-cell *matCellDef=\"let esUser\">\n                        <button type=\"button\" mat-icon-button (click)=\"deleteEmailSubscriptionUser($event,esUser)\">\n                            <mat-icon>delete</mat-icon>\n                        </button>\n                        <button type=\"button\" mat-icon-button (click)=\"editEmailSubscriptionUser($event,esUser)\">\n                            <mat-icon>edit</mat-icon>\n                        </button>\n                    </td>\n                </ng-container>\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns;\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n\n    </section>\n</div>",
                     styles: [".scroll-container{max-height:800px;overflow-y:auto}"]
                 },] }
     ];
-    exports.ɵbf.ctorParameters = function () { return [
+    exports.ɵbg.ctorParameters = function () { return [
         { type: dialog.MatDialog },
         { type: HttpService },
-        { type: i1$2.Router }
+        { type: i1$1.Router }
     ]; };
-    exports.ɵbf.propDecorators = {
+    exports.ɵbg.propDecorators = {
         sort: [{ type: i0.ViewChild, args: [sort.MatSort, { static: true },] }]
     };
-    exports.ɵbf = __decorate([
+    exports.ɵbg = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbf);
+    ], exports.ɵbg);
 
     var esulr = {
         title: 'Email Subscription Users',
@@ -4263,7 +4250,7 @@
     var routes$4 = [
         {
             path: '',
-            component: exports.ɵbf,
+            component: exports.ɵbg,
             canActivate: [AuthenticationGuard],
             data: esulr
         },
@@ -4275,8 +4262,8 @@
     }());
     EmailSubscriptionUserListRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$4)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$4)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -4288,12 +4275,12 @@
     }());
     EmailSubscriptionUserListFilterRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$5)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$5)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
-    exports.ɵbh = /** @class */ (function () {
+    exports.ɵbi = /** @class */ (function () {
         function EmailSubscriptionUserListFilterComponent(fb) {
             this.fb = fb;
             this.valueChange = new i0.EventEmitter();
@@ -4322,22 +4309,22 @@
         };
         return EmailSubscriptionUserListFilterComponent;
     }());
-    exports.ɵbh.decorators = [
+    exports.ɵbi.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-user-list-filter',
                     template: "<form [formGroup]=\"esUserFilterForm\" fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" fxLayoutAlign=\"start center\">\n    <mat-form-field class=\"ml-3\">\n        <mat-label>User</mat-label>\n        <app-searchable-selector formControlName=\"user_id\" apiUrl=\"api/users\" titleField=\"name\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('user_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('user_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n\n    <mat-form-field class=\"ml-3\">\n        <mat-label>Email Type</mat-label>\n        <app-searchable-selector formControlName=\"email_type_id\" apiUrl=\"api/email-subscription-types\">\n        </app-searchable-selector>\n        <button mat-button *ngIf=\"getFieldValue('email_type_id')\" matSuffix mat-icon-button\n            (click)=\"resetFieldValue('email_type_id')\">\n            <mat-icon>close</mat-icon>\n        </button>\n    </mat-form-field>\n</form>",
                     styles: [""]
                 },] }
     ];
-    exports.ɵbh.ctorParameters = function () { return [
+    exports.ɵbi.ctorParameters = function () { return [
         { type: forms.FormBuilder }
     ]; };
-    exports.ɵbh.propDecorators = {
+    exports.ɵbi.propDecorators = {
         valueChange: [{ type: i0.Output }]
     };
-    exports.ɵbh = __decorate([
+    exports.ɵbi = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbh);
+    ], exports.ɵbi);
 
     var EmailSubscriptionUserListFilterModule = /** @class */ (function () {
         function EmailSubscriptionUserListFilterModule() {
@@ -4346,7 +4333,7 @@
     }());
     EmailSubscriptionUserListFilterModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbh],
+                    declarations: [exports.ɵbi],
                     imports: [
                         common.CommonModule,
                         MaterialModule,
@@ -4355,7 +4342,7 @@
                         SearchableSelectorModule,
                         EmailSubscriptionUserListFilterRoutingModule
                     ],
-                    exports: [exports.ɵbh]
+                    exports: [exports.ɵbi]
                 },] }
     ];
 
@@ -4366,7 +4353,7 @@
     }());
     EmailSubscriptionUserListModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbf],
+                    declarations: [exports.ɵbg],
                     imports: [
                         common.CommonModule,
                         ngxInfiniteScroll.InfiniteScrollModule,
@@ -4377,7 +4364,7 @@
                         EmailSubscriptionUserFormModule,
                         EmailSubscriptionUserListFilterModule
                     ],
-                    exports: [exports.ɵbf]
+                    exports: [exports.ɵbg]
                 },] }
     ];
 
@@ -4389,8 +4376,8 @@
     }());
     EmailSubscriptionTypeRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$6)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$6)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -4417,8 +4404,8 @@
     }());
     EmailSubscriptionTypeFormRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$7)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$7)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -4433,7 +4420,7 @@
             required: "Frequency is required"
         },
     };
-    exports.ɵbi = /** @class */ (function () {
+    exports.ɵbj = /** @class */ (function () {
         function EmailSubscriptionTypeFormComponent(fb, formValidatorService, alertService, dialogRef, data, http) {
             this.fb = fb;
             this.formValidatorService = formValidatorService;
@@ -4497,14 +4484,14 @@
         };
         return EmailSubscriptionTypeFormComponent;
     }());
-    exports.ɵbi.decorators = [
+    exports.ɵbj.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-type-form',
                     template: "<form [formGroup]=\"emailSubscriptionTypeFormGroup\" (ngSubmit)=\"submit()\" class=\"mat-typography\">\n    <div fxLayout=\"column\">\n        <div mat-dialog-title class=\"text-center\">\n            <div>Email Subscription Type</div>\n        </div>\n\n        <div mat-dialog-content fxLayout=\"column\">\n            <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\n\n                <mat-form-field fxFlex=\"100%\" class=\"mt-1\">\n                    <input matInput formControlName=\"title\" placeholder=\"Title\" autocomplete=\"off\" required />\n                    <mat-error *ngIf=\"isFieldValid('title')\">{{getErrorMessage('title')}}</mat-error>\n                </mat-form-field>\n\n                <mat-form-field fxFlex=\"100%\" class=\"mt-1\">\n                    <input matInput formControlName=\"code\" placeholder=\"Code\" autocomplete=\"off\" required />\n                    <mat-hint align=\"end\">Unique Value</mat-hint>\n                    <mat-error *ngIf=\"isFieldValid('code')\">{{getErrorMessage('code')}}</mat-error>\n                </mat-form-field>\n\n                <mat-form-field fxFlex=\"100%\" class=\"mt-1\">\n                    <mat-label>Frequency</mat-label>\n                    <app-searchable-selector formControlName=\"frequency_id\" apiUrl=\"api/email-subscription-frequencies\"\n                        [(selectedValue)]=\"selectedFrequency\" [enableSearch]=\"false\" required>\n                    </app-searchable-selector>\n                    <mat-error *ngIf=\"isFieldValid('frequency_id')\">{{getErrorMessage('frequency_id')}}\n                    </mat-error>\n                </mat-form-field>\n\n                <mat-form-field fxFlex=\"100%\" class=\"mt-1\">\n                    <textarea matInput formControlName=\"description\" placeholder=\"Description\"\n                        autocomplete=\"off\"></textarea>\n                </mat-form-field>\n\n                <div class=\"my-2\" fxLayout=\"row\" fxLayoutGap=\"30px\" fxLayoutAlign=\"end\" fxFlex=\"100%\">\n                    <button mat-raised-button type=\"button\" (click)=\"cancel()\">Cancel</button>\n                    <button mat-raised-button type=\"submit\" color=\"primary\" [disabled]=\"isSubmitLoading\">\n                        <app-loader class=\"inline-loader\" [isLoading]=\"isSubmitLoading\"></app-loader>\n                        Save\n                    </button>\n                </div>\n            </div>\n        </div>\n\n\n    </div>\n</form>",
                     styles: [""]
                 },] }
     ];
-    exports.ɵbi.ctorParameters = function () { return [
+    exports.ɵbj.ctorParameters = function () { return [
         { type: forms.FormBuilder },
         { type: FormValidatorService },
         { type: AlertService },
@@ -4512,9 +4499,9 @@
         { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
         { type: HttpService }
     ]; };
-    exports.ɵbi = __decorate([
+    exports.ɵbj = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbi);
+    ], exports.ɵbj);
 
     var EmailSubscriptionTypeFormModule = /** @class */ (function () {
         function EmailSubscriptionTypeFormModule() {
@@ -4523,7 +4510,7 @@
     }());
     EmailSubscriptionTypeFormModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbi],
+                    declarations: [exports.ɵbj],
                     imports: [
                         common.CommonModule,
                         MaterialModule,
@@ -4533,12 +4520,12 @@
                         EmailSubscriptionTypeFormRoutingModule,
                         LoaderModule
                     ],
-                    exports: [exports.ɵbi],
-                    entryComponents: [exports.ɵbi]
+                    exports: [exports.ɵbj],
+                    entryComponents: [exports.ɵbj]
                 },] }
     ];
 
-    exports.ɵbj = /** @class */ (function () {
+    exports.ɵbk = /** @class */ (function () {
         function EmailSubscriptionTypeListComponent(dialog, http) {
             this.dialog = dialog;
             this.http = http;
@@ -4602,7 +4589,7 @@
         };
         EmailSubscriptionTypeListComponent.prototype.addEmailSubscriptionType = function () {
             var _this = this;
-            var dialogRef = this.dialog.open(exports.ɵbi, {
+            var dialogRef = this.dialog.open(exports.ɵbj, {
                 width: '400px',
                 autoFocus: false,
                 data: {} // Any data passed here will be injected into the model
@@ -4616,7 +4603,7 @@
         EmailSubscriptionTypeListComponent.prototype.editEmailSubscriptionType = function (event, emailSubscriptionType) {
             var _this = this;
             event.stopPropagation();
-            var dialogRef = this.dialog.open(exports.ɵbi, {
+            var dialogRef = this.dialog.open(exports.ɵbj, {
                 width: '400px',
                 autoFocus: false,
                 data: {
@@ -4673,23 +4660,23 @@
         };
         return EmailSubscriptionTypeListComponent;
     }());
-    exports.ɵbj.decorators = [
+    exports.ɵbk.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-type-list',
                     template: "<div class=\"mat-typography m-4\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n        <mat-form-field>\n            <input matInput [formControl]=\"search\" placeholder=\"Email Type\" autocomplete=\"off\" />\n            <button mat-button matSuffix mat-icon-button>\n                <mat-icon>search</mat-icon>\n            </button>\n            <button mat-button *ngIf=\"search.value\" matSuffix mat-icon-button (click)=\"search.setValue('')\">\n                <mat-icon>close</mat-icon>\n            </button>\n        </mat-form-field>\n        <div class=\"ml-2\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"addEmailSubscriptionType()\">+ Email\n                Type</button>\n        </div>\n        <span fxFlex></span>\n        <mat-form-field appearance=\"outline\" class=\"no-padding\">\n            <mat-label>Columns</mat-label>\n            <mat-select [formControl]=\"displayColumns\" multiple (selectionChange)=\"columnsChange()\">\n                <mat-option *ngFor=\"let column of availableDisplayColumns\" [value]=\"column.value\">{{column.name}}\n                </mat-option>\n            </mat-select>\n        </mat-form-field>\n    </div>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"emailSubscriptionTypeList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"email-subscription-type-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Title </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.title }} </td>\n                </ng-container>\n                <ng-container matColumnDef=\"code\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Code </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.code }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"frequency.title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Frequency </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.frequency?.title }}\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"description\">\n                    <th mat-header-cell *matHeaderCellDef> Description </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType;\"> {{ emailSubscriptionType?.description }}\n                    </td>\n                </ng-container>\n\n                <!-- Actions Column -->\n                <ng-container matColumnDef=\"actions\">\n                    <th mat-header-cell *matHeaderCellDef> Actions </th>\n                    <td mat-cell *matCellDef=\"let emailSubscriptionType\">\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"deleteEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>delete</mat-icon>\n                        </button>\n                        <button type=\"button\" mat-icon-button\n                            (click)=\"editEmailSubscriptionType($event,emailSubscriptionType)\">\n                            <mat-icon>edit</mat-icon>\n                        </button>\n                    </td>\n                </ng-container>\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n    </section>\n</div>",
                     styles: [".scroll-container{max-height:800px;overflow-y:auto}"]
                 },] }
     ];
-    exports.ɵbj.ctorParameters = function () { return [
+    exports.ɵbk.ctorParameters = function () { return [
         { type: dialog.MatDialog },
         { type: HttpService }
     ]; };
-    exports.ɵbj.propDecorators = {
+    exports.ɵbk.propDecorators = {
         sort: [{ type: i0.ViewChild, args: [sort.MatSort, { static: true },] }]
     };
-    exports.ɵbj = __decorate([
+    exports.ɵbk = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbj);
+    ], exports.ɵbk);
 
     var estlr = {
         title: 'Email Subscription Type',
@@ -4701,7 +4688,7 @@
     var routes$8 = [
         {
             path: '',
-            component: exports.ɵbj,
+            component: exports.ɵbk,
             canActivate: [AuthenticationGuard],
             data: estlr
         },
@@ -4713,8 +4700,8 @@
     }());
     EmailSubscriptionTypeListRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$8)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$8)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -4725,7 +4712,7 @@
     }());
     EmailSubscriptionTypeListModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbj],
+                    declarations: [exports.ɵbk],
                     imports: [
                         common.CommonModule,
                         MaterialModule,
@@ -4735,11 +4722,11 @@
                         EmailSubscriptionTypeFormModule,
                         EmailSubscriptionTypeListRoutingModule
                     ],
-                    exports: [exports.ɵbj]
+                    exports: [exports.ɵbk]
                 },] }
     ];
 
-    exports.ɵbk = /** @class */ (function () {
+    exports.ɵbl = /** @class */ (function () {
         function EmailSubscriptionForUserComponent(http) {
             this.http = http;
             this.subscriptions = [];
@@ -4794,19 +4781,19 @@
         };
         return EmailSubscriptionForUserComponent;
     }());
-    exports.ɵbk.decorators = [
+    exports.ɵbl.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-email-subscription-for-user',
                     template: "<div fxLayout=\"column\" class=\"container my-4\">\n\n    <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n        (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n        <mat-list>\n            <div mat-subheader>Available Subscriptions</div>\n            <mat-list-item *ngFor=\"let sub of subscriptions\">\n                <mat-icon mat-list-icon>email</mat-icon>\n                <div mat-line>{{sub?.title}} </div>\n                <div mat-line class=\"text-secondary\">{{sub?.frequency?.title}}</div>\n                <div mat-line> {{sub?.description}} </div>\n                <div fxLayout fxLayoutAlign=\"end\">\n                    <button type=\"button\" *ngIf=\"!sub?.current_user_subscription\" mat-raised-button color=\"primary\"\n                        (click)=\"subscribe(sub)\">Subscribe</button>\n                    <button type=\"button\" *ngIf=\"sub?.current_user_subscription\" mat-stroked-button color=\"primary\"\n                        (click)=\"unsubscribe(sub)\">Unsubscribe</button>\n                </div>\n                <mat-divider></mat-divider>\n            </mat-list-item>\n        </mat-list>\n    </div>\n\n</div>",
                     styles: [".scroll-container{max-height:800px;overflow-y:auto}"]
                 },] }
     ];
-    exports.ɵbk.ctorParameters = function () { return [
+    exports.ɵbl.ctorParameters = function () { return [
         { type: HttpService }
     ]; };
-    exports.ɵbk = __decorate([
+    exports.ɵbl = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbk);
+    ], exports.ɵbl);
 
     var esfur = {
         permissions: {
@@ -4816,7 +4803,7 @@
     var routes$9 = [
         {
             path: '',
-            component: exports.ɵbk,
+            component: exports.ɵbl,
             canActivate: [AuthenticationGuard],
             data: esfur
         },
@@ -4828,8 +4815,8 @@
     }());
     EmailSubscriptionForUserRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$9)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$9)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -4840,7 +4827,7 @@
     }());
     EmailSubscriptionForUserModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbk],
+                    declarations: [exports.ɵbl],
                     imports: [
                         common.CommonModule,
                         ngxInfiniteScroll.InfiniteScrollModule,
@@ -4848,7 +4835,7 @@
                         flexLayout.FlexLayoutModule,
                         EmailSubscriptionForUserRoutingModule
                     ],
-                    exports: [exports.ɵbk]
+                    exports: [exports.ɵbl]
                 },] }
     ];
 
@@ -5040,7 +5027,7 @@
                 },] }
     ];
 
-    exports.ɵbl = /** @class */ (function () {
+    exports.ɵbm = /** @class */ (function () {
         function TechlifyUpdatesListComponent(dialog, alertService, techlifyUpdateService, fb) {
             this.dialog = dialog;
             this.alertService = alertService;
@@ -5200,26 +5187,26 @@
         };
         return TechlifyUpdatesListComponent;
     }());
-    exports.ɵbl.decorators = [
+    exports.ɵbm.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-techlify-updates-list',
                     template: "<section class=\"p-4\" fxLayout=\"column\">\n  <h3 class=\"primary-color text-center\">\n    App Updates\n    <button mat-raised-button (click)=\"modifyTechlifyUpdate()\" class=\"primary-bg text-white\">\n      <mat-icon>\n        add\n      </mat-icon>\n      Create\n    </button>\n  </h3>\n  <form [formGroup]=\"filterFormGroup\" fxLayout=\"row wrap\" fxLayoutGap=\"0.5rem\" fxFlex=\"100%\" style=\"font-size: 12px;\">\n    <mat-form-field fxFlex=\"0 1 calc(100% - 0.5rem)\" fxFlex.gt-md=\"0 1 calc(15% - 0.5rem)\" appearance=\"outline\"\n      fxFlex.gt-sm=\"0 1 calc(20% - 0.5rem)\">\n      <input type=\"text\" matInput formControlName=\"search\" placeholder=\"Title\" autocomplete=\"off\" />\n      <button mat-button *ngIf=\"filterFormGroup.get('search').value\" matSuffix mat-icon-button\n        (click)=\"resetFieldValue('search')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </mat-form-field>\n    <mat-form-field fxFlex=\"0 1 calc(100% - 0.5rem)\" fxFlex.gt-md=\"0 1 calc(15% - 0.5rem)\" appearance=\"outline\"\n      fxFlex.gt-sm=\"0 1 calc(20% - 0.5rem)\">\n      <input type=\"text\" matInput formControlName=\"version\" placeholder=\"Version\" autocomplete=\"off\" />\n      <button mat-button *ngIf=\"filterFormGroup.get('version').value\" matSuffix mat-icon-button\n        (click)=\"resetFieldValue('version')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </mat-form-field>\n  </form>\n\n  <table mat-table [dataSource]=\"techlifyUpdates\" class=\"mat-elevation-z8 w-100\" matSort multiTemplateDataRows\n    (matSortChange)=\"sortColumn($event)\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n    (scrolled)=\"onScroll()\">\n\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef> # </th>\n      <td mat-cell *matCellDef=\"let element;let i=dataIndex\"> {{ i+1 }} </td>\n    </ng-container>\n\n    <!-- Course Column -->\n    <ng-container matColumnDef=\"title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Title </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.title}} </td>\n    </ng-container>\n\n    <!-- Version Column -->\n    <ng-container matColumnDef=\"version\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Version </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.version}} </td>\n    </ng-container>\n\n    <!-- Released On Column -->\n    <ng-container matColumnDef=\"released_on\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Released On </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.released_on | date:'mediumDate'}} </td>\n    </ng-container>\n\n    <!-- Learn More Link Column -->\n    <ng-container matColumnDef=\"learn_more_link\">\n      <th mat-header-cell *matHeaderCellDef> Learn more link </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a [href]=\"element?.learn_more_link\" target=\"_blank\">\n          {{element?.learn_more_link}}\n        </a>\n      </td>\n    </ng-container>\n\n    <!-- Description Column -->\n    <ng-container matColumnDef=\"description\">\n      <th mat-header-cell *matHeaderCellDef> Description </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <app-read-more [text]=\"element?.description\" [maxLength]=\"50\"></app-read-more>\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator\">\n      <th mat-header-cell *matHeaderCellDef> Creator </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{element?.creator?.name}}\n        <div fxLayout class=\"small\">\n          {{element?.created_at | date : 'mediumDate'}}\n        </div>\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef> Actions </th>\n      <td mat-cell *matCellDef=\"let element\" class=\"secondary-color\">\n        <button type=\"button\" class=\"secondary-color\" mat-icon-button (click)=\"modifyTechlifyUpdate(element)\">\n          <mat-icon>edit</mat-icon>\n        </button>\n\n        <button type=\"button\" class=\"secondary-color\" mat-icon-button (click)=\"deleteTechlifyUpdate(element)\">\n          <mat-icon>delete</mat-icon>\n        </button>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n</section>\n",
                     styles: [""]
                 },] }
     ];
-    exports.ɵbl.ctorParameters = function () { return [
+    exports.ɵbm.ctorParameters = function () { return [
         { type: dialog.MatDialog },
         { type: AlertService },
         { type: TechlifyUpdateService },
         { type: forms.FormBuilder }
     ]; };
-    exports.ɵbl = __decorate([
+    exports.ɵbm = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbl);
+    ], exports.ɵbm);
 
     var routes$a = [
         { path: '', redirectTo: 'all', pathMatch: 'full' },
-        { path: 'all', component: exports.ɵbl },
+        { path: 'all', component: exports.ɵbm },
         //fallback
         {
             path: '**',
@@ -5234,8 +5221,8 @@
     }());
     TechlifyUpdateRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$a)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$a)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -5246,7 +5233,7 @@
     }());
     TechlifyUpdateModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: [exports.ɵbl],
+                    declarations: [exports.ɵbm],
                     imports: [
                         common.CommonModule,
                         forms.ReactiveFormsModule,
@@ -5290,10 +5277,10 @@
     UpdateViewComponent.ctorParameters = function () { return [
         { type: dialog.MatDialogRef },
         { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
-        { type: i1$2.Router }
+        { type: i1$1.Router }
     ]; };
 
-    exports.ɵbr = /** @class */ (function () {
+    exports.ɵbs = /** @class */ (function () {
         function TechlifyUpdateHistoryComponent(dialog, techlifyUpdateService, fb, alertService) {
             this.dialog = dialog;
             this.techlifyUpdateService = techlifyUpdateService;
@@ -5430,26 +5417,26 @@
         };
         return TechlifyUpdateHistoryComponent;
     }());
-    exports.ɵbr.decorators = [
+    exports.ɵbs.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-techlify-update-history',
                     template: "<section class=\"p-4\" fxLayout=\"column\">\n  <h3 class=\"primary-color text-center\">\n    App Updates\n  </h3>\n  <form [formGroup]=\"filterFormGroup\" fxLayout=\"row wrap\" fxLayoutGap=\"0.5rem\" fxFlex=\"100%\" style=\"font-size: 12px;\">\n    <mat-form-field fxFlex=\"0 1 calc(100% - 0.5rem)\" fxFlex.gt-md=\"0 1 calc(15% - 0.5rem)\" appearance=\"outline\"\n      fxFlex.gt-sm=\"0 1 calc(20% - 0.5rem)\">\n      <input type=\"text\" matInput formControlName=\"search\" placeholder=\"Title\" autocomplete=\"off\" />\n      <button mat-button *ngIf=\"filterFormGroup.get('search').value\" matSuffix mat-icon-button\n        (click)=\"resetFieldValue('search')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </mat-form-field>\n    <mat-form-field fxFlex=\"0 1 calc(100% - 0.5rem)\" fxFlex.gt-md=\"0 1 calc(15% - 0.5rem)\" appearance=\"outline\"\n      fxFlex.gt-sm=\"0 1 calc(20% - 0.5rem)\">\n      <input type=\"text\" matInput formControlName=\"version\" placeholder=\"Version\" autocomplete=\"off\" />\n      <button mat-button *ngIf=\"filterFormGroup.get('version').value\" matSuffix mat-icon-button\n        (click)=\"resetFieldValue('version')\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </mat-form-field>\n  </form>\n\n  <table mat-table [dataSource]=\"techlifyUpdates\" class=\"mat-elevation-z8 w-100\" matSort multiTemplateDataRows\n    (matSortChange)=\"sortColumn($event)\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n    (scrolled)=\"onScroll()\">\n\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef> # </th>\n      <td mat-cell *matCellDef=\"let element;let i=dataIndex\"> {{ i+1 }} </td>\n    </ng-container>\n\n    <!-- Course Column -->\n    <ng-container matColumnDef=\"title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Title </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.title}} </td>\n    </ng-container>\n\n    <!-- Version Column -->\n    <ng-container matColumnDef=\"version\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Version </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.version}} </td>\n    </ng-container>\n\n    <!-- Released On Column -->\n    <ng-container matColumnDef=\"released_on\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header disableClear> Released On </th>\n      <td mat-cell *matCellDef=\"let element\"> {{element?.released_on | date:'mediumDate'}} </td>\n    </ng-container>\n\n    <!-- Learn More Link Column -->\n    <ng-container matColumnDef=\"learn_more_link\">\n      <th mat-header-cell *matHeaderCellDef> Learn more link </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a [href]=\"element?.learn_more_link\" target=\"_blank\">\n          {{element?.learn_more_link}}\n        </a>\n      </td>\n    </ng-container>\n\n    <!-- Description Column -->\n    <ng-container matColumnDef=\"description\">\n      <th mat-header-cell *matHeaderCellDef> Description </th>\n      <td mat-cell *matCellDef=\"let element\">\n        <app-read-more [text]=\"element?.description\" [maxLength]=\"50\"></app-read-more>\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator\">\n      <th mat-header-cell *matHeaderCellDef> Creator </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{element?.creator?.name}}\n        <div fxLayout class=\"small\">\n          {{element?.created_at | date : 'mediumDate'}}\n        </div>\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef> Actions </th>\n      <td mat-cell *matCellDef=\"let element\" class=\"secondary-color\">\n        <button type=\"button\" class=\"secondary-color\" mat-icon-button (click)=\"openUpdateView(element)\">\n          <mat-icon>remove_red_eye</mat-icon>\n        </button>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n</section>\n",
                     styles: [""]
                 },] }
     ];
-    exports.ɵbr.ctorParameters = function () { return [
+    exports.ɵbs.ctorParameters = function () { return [
         { type: dialog.MatDialog },
         { type: TechlifyUpdateService },
         { type: forms.FormBuilder },
         { type: AlertService }
     ]; };
-    exports.ɵbr = __decorate([
+    exports.ɵbs = __decorate([
         untilDestroy.UntilDestroy()
-    ], exports.ɵbr);
+    ], exports.ɵbs);
 
     var routes$b = [
         { path: '', redirectTo: 'update-history', pathMatch: 'full' },
-        { path: 'update-history', component: exports.ɵbr },
+        { path: 'update-history', component: exports.ɵbs },
         //fallback
         {
             path: '**',
@@ -5464,8 +5451,8 @@
     }());
     TechlifyUpdateHistoryRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$b)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$b)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -5486,7 +5473,7 @@
                         ReadMoreModule,
                         TechlifyUpdateHistoryRoutingModule
                     ],
-                    declarations: [exports.ɵbr]
+                    declarations: [exports.ɵbs]
                 },] }
     ];
 
@@ -5592,7 +5579,7 @@
         { type: undefined, decorators: [{ type: i0.Inject, args: [i1.MAT_SNACK_BAR_DATA,] }] },
         { type: i1.MatSnackBarRef },
         { type: dialog.MatDialog },
-        { type: i1$2.Router },
+        { type: i1$1.Router },
         { type: TechlifyUpdateService },
         { type: AlertService }
     ]; };
@@ -5799,7 +5786,7 @@
         AuditLogsViewModelComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.router.events
-                .pipe(operators.filter(function (event) { return event instanceof i1$2.NavigationEnd; }), untilDestroy.untilDestroyed(this))
+                .pipe(operators.filter(function (event) { return event instanceof i1$1.NavigationEnd; }), untilDestroy.untilDestroyed(this))
                 .subscribe(function (_) { return _this.dialogRef.close(); });
         };
         return AuditLogsViewModelComponent;
@@ -5814,7 +5801,7 @@
     exports.AuditLogsViewModelComponent.ctorParameters = function () { return [
         { type: dialog.MatDialogRef },
         { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
-        { type: i1$2.Router }
+        { type: i1$1.Router }
     ]; };
     exports.AuditLogsViewModelComponent = __decorate([
         untilDestroy.UntilDestroy()
@@ -5874,8 +5861,8 @@
     }());
     AuditLogForModelRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$c)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$c)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -5887,8 +5874,8 @@
     }());
     AuditLogViewModelRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$d)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$d)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -5918,8 +5905,8 @@
     }());
     AuditLogsViewModelRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$e)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$e)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -5931,8 +5918,8 @@
     }());
     AuditLogListRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$f)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$f)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -6060,7 +6047,7 @@
     ];
     exports.AuditLogListComponent.ctorParameters = function () { return [
         { type: DataManager },
-        { type: i1$2.Router },
+        { type: i1$1.Router },
         { type: platformBrowser.DomSanitizer }
     ]; };
     exports.AuditLogListComponent.propDecorators = {
@@ -6083,8 +6070,8 @@
     }());
     AuditLogListFilterRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$g)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$g)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -6304,7 +6291,7 @@
     ];
     AuditLogViewComponent.ctorParameters = function () { return [
         { type: DataManager },
-        { type: i1$2.ActivatedRoute },
+        { type: i1$1.ActivatedRoute },
         { type: common.Location }
     ]; };
 
@@ -6316,8 +6303,8 @@
     }());
     AuditLogViewRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$h)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$h)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -6351,8 +6338,8 @@
     }());
     AuditLogRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$i)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$i)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -6882,7 +6869,7 @@
                         forms.FormsModule,
                         forms.ReactiveFormsModule,
                         flexLayout.FlexLayoutModule,
-                        i1$2.RouterModule,
+                        i1$1.RouterModule,
                         MaterialModule,
                         flexLayout.FlexLayoutModule,
                         FileDropperModule,
@@ -7002,8 +6989,8 @@
     }());
     LoginHistoryForUserRoutingModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [i1$2.RouterModule.forChild(routes$j)],
-                    exports: [i1$2.RouterModule]
+                    imports: [i1$1.RouterModule.forChild(routes$j)],
+                    exports: [i1$1.RouterModule]
                 },] }
     ];
 
@@ -7832,7 +7819,7 @@
             canActivate: [AuthenticationGuard]
         },
     ];
-    var TechlifyFeatureRoutes = i1$2.RouterModule.forChild(routes$k);
+    var TechlifyFeatureRoutes = i1$1.RouterModule.forChild(routes$k);
 
     var OnOffSwitchComponent = /** @class */ (function () {
         function OnOffSwitchComponent(fb) {
@@ -8021,24 +8008,24 @@
     exports.DateValidator = DateValidator;
     exports.DocumentViewerComponent = DocumentViewerComponent;
     exports.DocumentViewerModule = DocumentViewerModule;
-    exports.EmailSubscriptionForUserComponent = exports.ɵbk;
+    exports.EmailSubscriptionForUserComponent = exports.ɵbl;
     exports.EmailSubscriptionForUserModule = EmailSubscriptionForUserModule;
     exports.EmailSubscriptionForUserRoutingModule = EmailSubscriptionForUserRoutingModule;
     exports.EmailSubscriptionModule = EmailSubscriptionModule;
     exports.EmailSubscriptionRoutingModule = EmailSubscriptionRoutingModule;
-    exports.EmailSubscriptionTypeFormComponent = exports.ɵbi;
+    exports.EmailSubscriptionTypeFormComponent = exports.ɵbj;
     exports.EmailSubscriptionTypeFormModule = EmailSubscriptionTypeFormModule;
     exports.EmailSubscriptionTypeFormRoutingModule = EmailSubscriptionTypeFormRoutingModule;
-    exports.EmailSubscriptionTypeListComponent = exports.ɵbj;
+    exports.EmailSubscriptionTypeListComponent = exports.ɵbk;
     exports.EmailSubscriptionTypeListModule = EmailSubscriptionTypeListModule;
     exports.EmailSubscriptionTypeListRoutingModule = EmailSubscriptionTypeListRoutingModule;
     exports.EmailSubscriptionTypeModule = EmailSubscriptionTypeModule;
     exports.EmailSubscriptionTypeRoutingModule = EmailSubscriptionTypeRoutingModule;
-    exports.EmailSubscriptionUserFormComponent = exports.ɵbe;
+    exports.EmailSubscriptionUserFormComponent = exports.ɵbf;
     exports.EmailSubscriptionUserFormModule = EmailSubscriptionUserFormModule;
     exports.EmailSubscriptionUserFormRoutingModule = EmailSubscriptionUserFormRoutingModule;
-    exports.EmailSubscriptionUserListComponent = exports.ɵbf;
-    exports.EmailSubscriptionUserListFilterComponent = exports.ɵbh;
+    exports.EmailSubscriptionUserListComponent = exports.ɵbg;
+    exports.EmailSubscriptionUserListFilterComponent = exports.ɵbi;
     exports.EmailSubscriptionUserListFilterModule = EmailSubscriptionUserListFilterModule;
     exports.EmailSubscriptionUserListFilterRoutingModule = EmailSubscriptionUserListFilterRoutingModule;
     exports.EmailSubscriptionUserListModule = EmailSubscriptionUserListModule;
@@ -8077,12 +8064,13 @@
     exports.ReadMoreComponent = ReadMoreComponent;
     exports.ReadMoreModule = ReadMoreModule;
     exports.RouteReusableStrategy = RouteReusableStrategy;
-    exports.SearchableSelectorComponent = exports.ɵx;
+    exports.SearchableSelectorComponent = exports.ɵy;
     exports.SearchableSelectorModule = SearchableSelectorModule;
     exports.SnackModule = SnackModule;
     exports.StorageService = StorageService;
     exports.SuccessSnackComponent = SuccessSnackComponent;
-    exports.TechlifyConfig = TechlifyConfig;
+    exports.TECHLIFY_CORE_CONFIG_TOKEN = TECHLIFY_CORE_CONFIG_TOKEN;
+    exports.TechlifyConfigModule = TechlifyConfigModule;
     exports.TechlifyFeatureEnabledDirective = TechlifyFeatureEnabledDirective;
     exports.TechlifyFeatureModule = TechlifyFeatureModule;
     exports.TechlifyFeatureRoutes = TechlifyFeatureRoutes;
@@ -8092,7 +8080,7 @@
     exports.TechlifyUpdateHistoryModule = TechlifyUpdateHistoryModule;
     exports.TechlifyUpdateModule = TechlifyUpdateModule;
     exports.Timeline = Timeline;
-    exports.TimelineFilterComponent = exports.ɵbb;
+    exports.TimelineFilterComponent = exports.ɵbc;
     exports.TimelineFilterModule = TimelineFilterModule;
     exports.TokenInterceptor = TokenInterceptor;
     exports.UpdateNotifierComponent = UpdateNotifierComponent;
@@ -8105,29 +8093,30 @@
     exports.esulr = esulr;
     exports.ɵa = SnackModule;
     exports.ɵb = SuccessSnackComponent;
-    exports.ɵba = NumberSelector;
-    exports.ɵbc = TimelineFilterRoutingModule;
-    exports.ɵbd = LoaderComponent;
-    exports.ɵbg = AuthenticationGuard;
-    exports.ɵbm = TechlifyUpdateService;
-    exports.ɵbn = TechlifyUpdateRoutingModule;
-    exports.ɵbo = TechlifyUpdateFormModule;
-    exports.ɵbp = TechlifyUpdateFormComponent;
-    exports.ɵbq = TechlifyUpdateHistoryRoutingModule;
-    exports.ɵbs = UpdateNotifierSnackComponent;
-    exports.ɵbt = UpdateViewModule;
-    exports.ɵbu = UpdateViewComponent;
-    exports.ɵbv = DataManager;
-    exports.ɵbw = ErrorHandlerService;
-    exports.ɵbx = FieldMappingComponent;
-    exports.ɵby = FailedItemsListComponent;
-    exports.ɵbz = ImportHistoryListComponent;
+    exports.ɵba = NumItemsSelector;
+    exports.ɵbb = NumberSelector;
+    exports.ɵbd = TimelineFilterRoutingModule;
+    exports.ɵbe = LoaderComponent;
+    exports.ɵbh = AuthenticationGuard;
+    exports.ɵbn = TechlifyUpdateService;
+    exports.ɵbo = TechlifyUpdateRoutingModule;
+    exports.ɵbp = TechlifyUpdateFormModule;
+    exports.ɵbq = TechlifyUpdateFormComponent;
+    exports.ɵbr = TechlifyUpdateHistoryRoutingModule;
+    exports.ɵbt = UpdateNotifierSnackComponent;
+    exports.ɵbu = UpdateViewModule;
+    exports.ɵbv = UpdateViewComponent;
+    exports.ɵbw = DataManager;
+    exports.ɵbx = ErrorHandlerService;
+    exports.ɵby = FieldMappingComponent;
+    exports.ɵbz = FailedItemsListComponent;
     exports.ɵc = ErrorSnackComponent;
-    exports.ɵca = ImportSuccessComponent;
-    exports.ɵcb = DataImportComponent;
-    exports.ɵcc = StorageService;
-    exports.ɵcd = TechlifyFeatureService;
-    exports.ɵce = OnOffSwitchComponent;
+    exports.ɵca = ImportHistoryListComponent;
+    exports.ɵcb = ImportSuccessComponent;
+    exports.ɵcc = DataImportComponent;
+    exports.ɵcd = StorageService;
+    exports.ɵce = TechlifyFeatureService;
+    exports.ɵcf = OnOffSwitchComponent;
     exports.ɵd = HTTP_DYNAMIC_INTERCEPTORS;
     exports.ɵe = HttpService;
     exports.ɵf = RouteReusableStrategy;
@@ -8145,9 +8134,8 @@
     exports.ɵt = CommentFormComponent;
     exports.ɵu = CredentialsService;
     exports.ɵv = ConfigService;
-    exports.ɵw = TechlifyConfig;
-    exports.ɵy = MatSelectInfiniteScrollDirective;
-    exports.ɵz = NumItemsSelector;
+    exports.ɵw = TECHLIFY_CORE_CONFIG_TOKEN;
+    exports.ɵz = MatSelectInfiniteScrollDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });