@lenne.tech/ng-base 0.3.2 → 0.3.6

package/bundles/lenne.tech-ng-base-src-lib-base.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('apollo-angular'), require('apollo-angular/http'), require('@angular/core'), require('rxjs'), require('@apollo/client/core'), require('@apollo/client/cache'), require('@apollo/client/link/ws'), require('@apollo/client/utilities'), require('@angular/platform-browser'), require('@angular/router'), require('graphql'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@lenne.tech/ng-base/src/lib/base', ['exports', 'apollo-angular', 'apollo-angular/http', '@angular/core', 'rxjs', '@apollo/client/core', '@apollo/client/cache', '@apollo/client/link/ws', '@apollo/client/utilities', '@angular/platform-browser', '@angular/router', 'graphql', 'rxjs/operators'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lenne = global.lenne || {}, global.lenne.tech = global.lenne.tech || {}, global.lenne.tech["ng-base"] = global.lenne.tech["ng-base"] || {}, global.lenne.tech["ng-base"].src = global.lenne.tech["ng-base"].src || {}, global.lenne.tech["ng-base"].src.lib = global.lenne.tech["ng-base"].src.lib || {}, global.lenne.tech["ng-base"].src.lib.base = {}), global.i1$1, global.http, global.ng.core, global.rxjs, global.core, global.cache, global.ws, global.utilities, global.ng.platformBrowser, global.ng.router, global.graphql, global.rxjs.operators));
-})(this, (function (exports, i1$1, http, i0, rxjs, core, cache, ws, utilities, i1, i1$2, graphql, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('apollo-angular'), require('apollo-angular/http'), require('@angular/core'), require('rxjs'), require('@apollo/client/core'), require('@apollo/client/cache'), require('@apollo/client/link/ws'), require('@apollo/client/utilities'), require('@angular/common'), require('@angular/platform-browser'), require('@angular/router'), require('graphql'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('@lenne.tech/ng-base/src/lib/base', ['exports', 'apollo-angular', 'apollo-angular/http', '@angular/core', 'rxjs', '@apollo/client/core', '@apollo/client/cache', '@apollo/client/link/ws', '@apollo/client/utilities', '@angular/common', '@angular/platform-browser', '@angular/router', 'graphql', 'rxjs/operators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.lenne = global.lenne || {}, global.lenne.tech = global.lenne.tech || {}, global.lenne.tech["ng-base"] = global.lenne.tech["ng-base"] || {}, global.lenne.tech["ng-base"].src = global.lenne.tech["ng-base"].src || {}, global.lenne.tech["ng-base"].src.lib = global.lenne.tech["ng-base"].src.lib || {}, global.lenne.tech["ng-base"].src.lib.base = {}), global.i1$1, global.http, global.ng.core, global.rxjs, global.core, global.cache, global.ws, global.utilities, global.ng.common, global.ng.platformBrowser, global.ng.router, global.graphql, global.rxjs.operators));
+})(this, (function (exports, i1$1, http, i0, rxjs, core, cache, ws, utilities, common, i1, i1$2, graphql, operators) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -572,8 +572,9 @@
      */
     function apolloOptionsFactory(baseModuleConfig, httpLink, authService) {
         var links = [];
+        var defaultUrl = 'api.' + window.location.href + '/graphql';
         var http = httpLink.create({
-            uri: baseModuleConfig.apiUrl,
+            uri: baseModuleConfig.apiUrl ? baseModuleConfig.apiUrl : 'https://' + defaultUrl,
         });
         var authMiddleware = new core.ApolloLink(function (operation, forward) {
             var headers = {};
@@ -786,804 +787,801 @@
     };
 
     /**
-     * Image service
+     * Helper class
      */
-    var ImageService = /** @class */ (function () {
-        function ImageService() {
+    var Helper = /** @class */ (function () {
+        function Helper() {
         }
         /**
-         * Preaload images (for lazy handling)
-         *
-         * @param options
-         * @protected
+         * Simple filter function for plain objects
          */
-        ImageService.prototype.preLoadImages = function (options) {
-            var _this = this;
-            // Init configuration
-            var config = Object.assign({ doneFunnction: undefined, elements: document, regExp: undefined, timeout: undefined }, options);
-            return new Promise(function (resolve) {
-                var e_1, _b;
-                var _a;
-                // Init variables
-                var resolved = false;
-                var timeoutId;
-                // HTMLCollection to array
-                if (config.elements instanceof HTMLCollection) {
-                    config.elements = Array.from(config.elements);
-                }
-                // Single element to array
-                if (!Array.isArray(config.elements)) {
-                    config.elements = [config.elements];
-                }
-                // Init loading
-                var promises = [];
-                // Get all images
-                var images = [];
-                config.elements.forEach(function (element) {
-                    images = images.concat(Array.from(element.getElementsByTagName('img')));
-                });
-                var _loop_1 = function (image) {
-                    var src = image.getAttribute('src');
-                    // Check if changes are necessary and possible
-                    if ((image.complete && image.naturalHeight !== 0) || // already laoded
-                        image.getAttribute('loading') !== 'lazy' || // loading attribute !== lazy
-                        !src || // Image has no src
-                        ((_a = config.regExp) === null || _a === void 0 ? void 0 : _a.test(src)) // Test if src matches regular expression
-                    ) {
-                        return "continue";
-                    }
-                    // Replace lazy loading image with immediately loading image
-                    var newImage = document.createElement('img');
-                    Array.from(image.attributes).forEach(function (attr) {
-                        if (attr.name !== 'loading' && attr.name !== 'src') {
-                            newImage.setAttribute(attr.name, attr.value);
-                        }
-                    });
-                    image.replaceWith(newImage);
-                    // Wait for laoding
-                    promises.push(_this.loadImage(newImage, src));
-                };
+        Helper.filter = function (objects, filter) {
+            return ((objects === null || objects === void 0 ? void 0 : objects.filter(function (element) {
+                var e_1, _d, e_2, _e;
                 try {
-                    // Prepare images
-                    for (var images_1 = __values(images), images_1_1 = images_1.next(); !images_1_1.done; images_1_1 = images_1.next()) {
-                        var image = images_1_1.value;
-                        _loop_1(image);
+                    for (var _f = __values(Object.entries(filter)), _g = _f.next(); !_g.done; _g = _f.next()) {
+                        var _h = __read(_g.value, 2), key = _h[0], value = _h[1];
+                        if (Array.isArray(element[key])) {
+                            try {
+                                for (var _j = (e_2 = void 0, __values(element[key])), _k = _j.next(); !_k.done; _k = _j.next()) {
+                                    var item = _k.value;
+                                    if (!element[key].includs(value)) {
+                                        return false;
+                                    }
+                                }
+                            }
+                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                            finally {
+                                try {
+                                    if (_k && !_k.done && (_e = _j.return)) _e.call(_j);
+                                }
+                                finally { if (e_2) throw e_2.error; }
+                            }
+                        }
+                        else if (element[key] !== value) {
+                            return false;
+                        }
                     }
                 }
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (images_1_1 && !images_1_1.done && (_b = images_1.return)) _b.call(images_1);
+                        if (_g && !_g.done && (_d = _f.return)) _d.call(_f);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
-                if (config.timeout) {
-                    timeoutId = setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-                        return __generator(this, function (_b) {
-                            switch (_b.label) {
-                                case 0:
-                                    resolved = true;
-                                    if (!config.doneFunnction) return [3 /*break*/, 2];
-                                    return [4 /*yield*/, config.doneFunction()];
-                                case 1:
-                                    _b.sent();
-                                    _b.label = 2;
-                                case 2:
-                                    resolve(undefined);
-                                    return [2 /*return*/];
-                            }
-                        });
-                    }); });
-                }
-                // Wait until all images loaded
-                Promise.all(promises)
-                    .catch(function (e) { return console.error('Error during image loading', e); })
-                    .finally(function () { return __awaiter(_this, void 0, void 0, function () {
-                    var result;
-                    return __generator(this, function (_b) {
-                        switch (_b.label) {
-                            case 0:
-                                // Check if already resolved
-                                if (resolved) {
-                                    return [2 /*return*/];
-                                }
-                                // Stop timeout
-                                if (timeoutId) {
-                                    clearTimeout(timeoutId);
+                return true;
+            })) || []);
+        };
+        /**
+         * Convert to a url/uri conform string
+         * Only:
+         * - lower case
+         * - chars, numbers and hyphens
+         */
+        Helper.urlString = function (str, options) {
+            if (options === void 0) { options = {}; }
+            // Config
+            var config = Object.assign({ allowAll: false }, options);
+            // To string
+            str = str + '';
+            // Trim
+            str = str.trim();
+            // Lower case
+            str = str.toLowerCase();
+            if (!config.allowAll) {
+                // Replace spaces
+                str = str.trim().replace(/\s+/g, '-');
+                // Replace some special chars
+                str = str.replace('ä', 'ae');
+                str = str.replace('ö', 'oe');
+                str = str.replace('ü', 'ue');
+                str = str.replace('ß', 'ss');
+                // Remove other special chars
+                str = str.replace(/[^a-zA-Z0-9-]/g, '');
+            }
+            // Return url conform string
+            return encodeURI(str);
+        };
+        /**
+         * Simple map function
+         */
+        Helper.map = function (source, target, options) {
+            var e_3, _d;
+            if (options === void 0) { options = {}; }
+            // Set config
+            var config = Object.assign({ funcAllowed: false, dateStringToDate: true }, options);
+            // Check source
+            if (!source || typeof source !== 'object' || Array.isArray(source)) {
+                return target;
+            }
+            try {
+                // Update properties
+                for (var _e = __values(Object.keys(target)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var key = _f.value;
+                    if (source[key] !== undefined && (config.funcAllowed || typeof (source[key] !== 'function'))) {
+                        if (typeof source[key] === 'string' && config.dateStringToDate) {
+                            if (Array.isArray(config.dateStringToDate)) {
+                                if (config.dateStringToDate.includes(key)) {
+                                    target[key] = Helper.parseDate(source[key]);
                                 }
-                                if (!config.doneFunnction) return [3 /*break*/, 2];
-                                return [4 /*yield*/, config.doneFunction()];
-                            case 1:
-                                result = _b.sent();
-                                _b.label = 2;
-                            case 2:
-                                resolve(result);
-                                return [2 /*return*/];
+                            }
+                            else {
+                                target[key] = Helper.parseDate(source[key]);
+                            }
                         }
-                    });
-                }); });
-            });
+                        else {
+                            target[key] = source[key];
+                        }
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+            // Return target
+            return target;
         };
         /**
-         * Load image for image element
-         *
-         * @param imageElement
-         * @param src
-         * @protected
+         * Create Object or Objects of specified type with specified data
          */
-        ImageService.prototype.loadImage = function (imageElement, src) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    src = src || imageElement.src;
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            imageElement.onload = function () { return resolve(imageElement); };
-                            imageElement.onerror = reject;
-                            imageElement.src = src;
-                        })];
-                });
+        Helper.maps = function (data, targetClass) {
+            // Check data
+            if (!data || typeof data !== 'object') {
+                return undefined;
+            }
+            // Check array
+            if (!Array.isArray(data)) {
+                data = [data];
+            }
+            // Map
+            return data.map(function (item) {
+                return targetClass.map(item);
             });
         };
-        return ImageService;
-    }());
-    ImageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ImageService_Factory() { return new ImageService(); }, token: ImageService, providedIn: "root" });
-    ImageService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-
-    /**
-     * Set same height (maximum) to different elements
-     */
-    var MatchHeightDirective = /** @class */ (function () {
-        function MatchHeightDirective(el, imageService, zone) {
-            this.el = el;
-            this.imageService = imageService;
-            this.zone = zone;
-            this.loadLazyImages = true;
-        }
-        MatchHeightDirective.prototype.onResize = function () {
-            this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
+        /**
+         * Get plain parameter
+         */
+        Helper.getPlainParameter = function (parameter) {
+            var _a, _b, _c;
+            if (!parameter) {
+                return parameter;
+            }
+            return (_c = (_b = (_a = parameter === null || parameter === void 0 ? void 0 : parameter.split('?')) === null || _a === void 0 ? void 0 : _a.shift()) === null || _b === void 0 ? void 0 : _b.split('#')) === null || _c === void 0 ? void 0 : _c.shift();
         };
-        MatchHeightDirective.prototype.ngAfterViewChecked = function () {
-            this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
+        /**
+         * Get ID of an url parameter
+         */
+        Helper.getParameterId = function (parameter) {
+            var _a;
+            if (!parameter) {
+                return parameter;
+            }
+            return (_a = Helper.getPlainParameter(parameter)) === null || _a === void 0 ? void 0 : _a.split('-').pop();
         };
-        MatchHeightDirective.prototype.matchHeight = function (parent, target) {
-            var _this = this;
-            // Timeout is set to force Angular to wait for all actions and only continue once the process has run through.
-            // Otherwise, an infinite loop will occur.
-            setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-                var classNames, _loop_1, this_1, classNames_1, classNames_1_1, className, e_1_1;
-                var e_1, _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (!parent) {
-                                return [2 /*return*/];
-                            }
-                            if (!Array.isArray(target)) {
-                                classNames = [target];
-                            }
-                            else {
-                                classNames = target;
-                            }
-                            _loop_1 = function (className) {
-                                var children, itemHeights, maxHeight;
-                                return __generator(this, function (_c) {
-                                    switch (_c.label) {
-                                        case 0:
-                                            children = parent.getElementsByClassName(className);
-                                            if (!children || children.length < 2) {
-                                                return [2 /*return*/, "continue"];
-                                            }
-                                            if (!this_1.loadLazyImages) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, this_1.imageService.preLoadImages({ elements: children })];
-                                        case 1:
-                                            _c.sent();
-                                            _c.label = 2;
-                                        case 2:
-                                            // reset all children height
-                                            Array.from(children).forEach(function (element) {
-                                                element.style.height = 'initial';
-                                            });
-                                            itemHeights = Array.from(children).map(function (x) { return x.getBoundingClientRect().height; });
-                                            maxHeight = itemHeights.reduce(function (prev, curr) { return (curr > prev ? curr : prev); }, 0);
-                                            // update the child structureElements height to the tallest one
-                                            Array.from(children).forEach(function (element) { return (element.style.height = maxHeight + "px"); });
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            };
-                            this_1 = this;
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, 6, 7, 8]);
-                            classNames_1 = __values(classNames), classNames_1_1 = classNames_1.next();
-                            _b.label = 2;
-                        case 2:
-                            if (!!classNames_1_1.done) return [3 /*break*/, 5];
-                            className = classNames_1_1.value;
-                            return [5 /*yield**/, _loop_1(className)];
-                        case 3:
-                            _b.sent();
-                            _b.label = 4;
-                        case 4:
-                            classNames_1_1 = classNames_1.next();
-                            return [3 /*break*/, 2];
-                        case 5: return [3 /*break*/, 8];
-                        case 6:
-                            e_1_1 = _b.sent();
-                            e_1 = { error: e_1_1 };
-                            return [3 /*break*/, 8];
-                        case 7:
-                            try {
-                                if (classNames_1_1 && !classNames_1_1.done && (_a = classNames_1.return)) _a.call(classNames_1);
-                            }
-                            finally { if (e_1) throw e_1.error; }
-                            return [7 /*endfinally*/];
-                        case 8: return [2 /*return*/];
-                    }
-                });
-            }); }, 1);
-        };
-        return MatchHeightDirective;
-    }());
-    MatchHeightDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[ltMatchHeight]',
-                },] }
-    ];
-    MatchHeightDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: ImageService },
-        { type: i0.NgZone }
-    ]; };
-    MatchHeightDirective.propDecorators = {
-        ltMatchHeight: [{ type: i0.Input }],
-        loadLazyImages: [{ type: i0.Input }],
-        onResize: [{ type: i0.HostListener, args: ['window:resize',] }]
-    };
-
-    /**
-     * Reszise detection
-     * (inpsired by: https://stackblitz.com/edit/angular-resizable)
-     */
-    var ResizableDirective = /** @class */ (function () {
-        function ResizableDirective(el) {
-            this.el = el;
-            this.resizableGrabWidth = 8;
-            this.resizableMinWidth = 10;
-            this.dragging = false;
-        }
-        ResizableDirective.prototype.ngOnInit = function () {
-            this.addListenerToDocument();
-            this.addListenerToElement();
+        /**
+         * Delay
+         */
+        Helper.delay = function (ms) {
+            var promise = new Promise(function (resolve) { return setTimeout(resolve, ms); });
+            return promise;
         };
-        ResizableDirective.prototype.mouseMoveG = function (evt) {
-            if (!this.dragging) {
-                return;
+        /**
+         * Deep freeze
+         * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze
+         */
+        Helper.deepFreeze = function (object, preparedObjects) {
+            var e_4, _d;
+            if (preparedObjects === void 0) { preparedObjects = []; }
+            // Prevent infinit regress
+            if (preparedObjects.includes(object)) {
+                return object;
             }
-            this.newWidth(evt.clientX - this.el.nativeElement.offsetLeft);
-            evt.stopPropagation();
-        };
-        ResizableDirective.prototype.newWidth = function (wid) {
-            var result = Math.max(this.resizableMinWidth, wid);
-            this.el.nativeElement.style.width = result + 'px';
-        };
-        ResizableDirective.prototype.mouseDown = function (evt) {
-            if (this.inDragRegion(evt)) {
-                this.dragging = true;
-                this.preventGlobalMouseEvents();
-                evt.stopPropagation();
+            preparedObjects.push(object);
+            // Retrieve the property names defined on object
+            var propNames = Object.getOwnPropertyNames(object);
+            try {
+                // Freeze properties before freezing self
+                for (var propNames_1 = __values(propNames), propNames_1_1 = propNames_1.next(); !propNames_1_1.done; propNames_1_1 = propNames_1.next()) {
+                    var name = propNames_1_1.value;
+                    var value = object[name];
+                    if (value && typeof value === 'object') {
+                        Helper.deepFreeze(value, preparedObjects);
+                    }
+                }
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (propNames_1_1 && !propNames_1_1.done && (_d = propNames_1.return)) _d.call(propNames_1);
+                }
+                finally { if (e_4) throw e_4.error; }
             }
+            return Object.freeze(object);
         };
-        ResizableDirective.prototype.restoreGlobalMouseEvents = function () {
-            document.body.style['pointer-events'] = 'auto';
+        /**
+         * Generates an unique identifier with 24 characters
+         */
+        Helper.getUID = function () {
+            var dt = new Date().getTime();
+            var uuid = 'xxxxxxxxxxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+                // eslint-disable-next-line no-bitwise
+                var r = (dt + Math.random() * 16) % 16 | 0;
+                dt = Math.floor(dt / 16);
+                // eslint-disable-next-line no-bitwise
+                return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
+            });
+            return uuid;
         };
-        ResizableDirective.prototype.mouseUpG = function (evt) {
-            if (!this.dragging) {
-                return;
+        /**
+         * Parse date string to date object
+         */
+        Helper.parseDate = function (dateString) {
+            var reISO = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*))(?:Z|(\+|-)([\d|:]*))?$/;
+            var reMsAjax = /^\/Date\((d|-|.*)\)[\/|\\]$/;
+            if (typeof dateString === 'string') {
+                var isoExec = reISO.exec(dateString);
+                if (isoExec) {
+                    return new Date(dateString);
+                }
+                var msAjaxExec = reMsAjax.exec(dateString);
+                if (msAjaxExec) {
+                    var cleaned = msAjaxExec[1].split(/[-+,.]/);
+                    return new Date(cleaned[0] ? +cleaned[0] : 0 - +cleaned[1]);
+                }
             }
-            this.restoreGlobalMouseEvents();
-            this.dragging = false;
-            evt.stopPropagation();
+            return dateString;
         };
-        ResizableDirective.prototype.mouseMove = function (evt) {
-            if (this.inDragRegion(evt) || this.dragging) {
-                this.el.nativeElement.style.cursor = 'col-resize';
+        /**
+         * Get browser name and version
+         */
+        Helper.getBrowser = function () {
+            var userAgent = navigator.userAgent;
+            var data = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+            var version;
+            if (/trident/i.test(data[1])) {
+                version = /\brv[ :]+(\d+)/g.exec(userAgent) || [];
+                return { name: 'IE', version: version[1] || '' };
             }
-            else {
-                this.el.nativeElement.style.cursor = 'default';
+            if (data[1] === 'Chrome') {
+                version = userAgent.match(/\bOPR|Edge\/(\d+)/);
+                if (version != null) {
+                    return { name: 'Opera', version: version[1] };
+                }
             }
-        };
-        ResizableDirective.prototype.preventGlobalMouseEvents = function () {
-            document.body.style['pointer-events'] = 'none';
-        };
-        ResizableDirective.prototype.inDragRegion = function (evt) {
-            return this.el.nativeElement.clientWidth - evt.clientX + this.el.nativeElement.offsetLeft < this.resizableGrabWidth;
-        };
-        ResizableDirective.prototype.addListenerToDocument = function () {
-            var _this = this;
-            document.addEventListener('mousemove', function (e) {
-                _this.mouseMoveG(e);
-            }, true);
-            document.addEventListener('mouseup', function (e) {
-                _this.mouseUpG(e);
-            }, true);
-        };
-        ResizableDirective.prototype.addListenerToElement = function () {
-            var _this = this;
-            this.el.nativeElement.addEventListener('mousedown', function (e) {
-                _this.mouseDown(e);
-            }, true);
-            this.el.nativeElement.addEventListener('mousemove', function (e) {
-                _this.mouseMove(e);
-            }, true);
-        };
-        return ResizableDirective;
-    }());
-    ResizableDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[ltResizable]',
-                },] }
-    ];
-    ResizableDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    ResizableDirective.propDecorators = {
-        resizableGrabWidth: [{ type: i0.Input }],
-        resizableMinWidth: [{ type: i0.Input }]
-    };
-
-    /**
-     * Truncate string with ellipses
-     */
-    var EllipsesPipe = /** @class */ (function () {
-        function EllipsesPipe() {
-        }
-        EllipsesPipe.prototype.transform = function (value, limit) {
-            if (!value) {
-                return null;
+            data = data[2] ? [data[1], data[2]] : [navigator.appName, navigator.appVersion, '-?'];
+            version = userAgent.match(/version\/(\d+)/i);
+            if (version !== null) {
+                data.splice(1, 1, version[1]);
             }
-            return value.length > limit ? value.substring(0, limit) + '...' : value;
+            return {
+                name: data[0],
+                version: data[1],
+            };
         };
-        return EllipsesPipe;
-    }());
-    EllipsesPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'ltEllipses',
-                },] }
-    ];
-
-    /**
-     * Declarate html as safe
-     */
-    var SafeHtmlPipe = /** @class */ (function () {
-        function SafeHtmlPipe(sanitized) {
-            this.sanitized = sanitized;
-        }
-        SafeHtmlPipe.prototype.transform = function (value) {
-            return this.sanitized.bypassSecurityTrustHtml(value);
-        };
-        return SafeHtmlPipe;
-    }());
-    SafeHtmlPipe.decorators = [
-        { type: i0.Pipe, args: [{ name: 'ltSafeHtml' },] }
-    ];
-    SafeHtmlPipe.ctorParameters = function () { return [
-        { type: i1.DomSanitizer }
-    ]; };
-
-    // Imported and exported elements
-    var elements = [
-        // Directives
-        ContextMenuDirective,
-        LazyLoadDirective,
-        MatchHeightDirective,
-        ResizableDirective,
-        // Pipes
-        EllipsesPipe,
-        SafeHtmlPipe,
-    ];
-    /**
-     * Base module
-     */
-    var BaseModule = /** @class */ (function () {
-        function BaseModule() {
-        }
         /**
-         * Set configuration of base module in root module of the app
+         * Whether first parameter is a deep subset of second parameter
+         * Hint: functions will be ignored
          */
-        BaseModule.forRoot = function (baseModuleConfig) {
-            if (baseModuleConfig === void 0) { baseModuleConfig = {}; }
-            // Default config
-            var config = Object.assign({ apiUrl: 'localhost:3000', authGuardRedirectUrl: '/auth', logging: false, version: null, prefix: null, scrollDetectionOffset: 200, scrollOffset: 100, storageType: 'local' }, baseModuleConfig);
-            // Prepare providers
-            var providers = [
-                {
-                    provide: BASE_MODULE_CONFIG,
-                    useValue: baseModuleConfig,
-                },
-            ];
-            // Add apollo features if API URL is set
-            if (baseModuleConfig.apiUrl) {
-                providers.push({
-                    provide: i1$1.APOLLO_OPTIONS,
-                    useFactory: apolloOptionsFactory,
-                    deps: [BASE_MODULE_CONFIG, http.HttpLink, AuthService],
-                });
+        Helper.isSubset = function (a, b) {
+            var e_5, _d, e_6, _e;
+            // Equal
+            if (a === b) {
+                return true;
             }
-            else if (config.logging) {
-                console.log('apiUrl is missing, ApolloLink is not initialized');
+            // Different type
+            if (typeof a !== typeof b) {
+                return false;
             }
-            // Return root module
-            return {
-                ngModule: BaseModule,
-                providers: providers,
-            };
-        };
-        return BaseModule;
-    }());
-    BaseModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: elements,
-                    exports: elements,
-                },] }
-    ];
-
-    /**
-     * Helper class
-     */
-    var Helper = /** @class */ (function () {
-        function Helper() {
-        }
-        /**
-         * Simple filter function for plain objects
-         */
-        Helper.filter = function (objects, filter) {
-            return ((objects === null || objects === void 0 ? void 0 : objects.filter(function (element) {
-                var e_1, _d, e_2, _e;
+            // Process array
+            if (Array.isArray(a)) {
                 try {
-                    for (var _f = __values(Object.entries(filter)), _g = _f.next(); !_g.done; _g = _f.next()) {
+                    for (var _f = __values(Object.entries(a)), _g = _f.next(); !_g.done; _g = _f.next()) {
                         var _h = __read(_g.value, 2), key = _h[0], value = _h[1];
-                        if (Array.isArray(element[key])) {
-                            try {
-                                for (var _j = (e_2 = void 0, __values(element[key])), _k = _j.next(); !_k.done; _k = _j.next()) {
-                                    var item = _k.value;
-                                    if (!element[key].includs(value)) {
-                                        return false;
-                                    }
-                                }
-                            }
-                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                            finally {
-                                try {
-                                    if (_k && !_k.done && (_e = _j.return)) _e.call(_j);
-                                }
-                                finally { if (e_2) throw e_2.error; }
-                            }
-                        }
-                        else if (element[key] !== value) {
+                        if (Helper.isSubset(value, b[key])) {
                             return false;
                         }
                     }
                 }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                catch (e_5_1) { e_5 = { error: e_5_1 }; }
                 finally {
                     try {
                         if (_g && !_g.done && (_d = _f.return)) _d.call(_f);
                     }
-                    finally { if (e_1) throw e_1.error; }
+                    finally { if (e_5) throw e_5.error; }
                 }
                 return true;
-            })) || []);
+            }
+            // Process object
+            if (typeof a === 'object') {
+                var plain = JSON.parse(JSON.stringify(a));
+                try {
+                    for (var _j = __values(Object.entries(plain)), _k = _j.next(); !_k.done; _k = _j.next()) {
+                        var _l = __read(_k.value, 2), key = _l[0], value = _l[1];
+                        if (Helper.isSubset(value, b[key])) {
+                            return false;
+                        }
+                    }
+                }
+                catch (e_6_1) { e_6 = { error: e_6_1 }; }
+                finally {
+                    try {
+                        if (_k && !_k.done && (_e = _j.return)) _e.call(_j);
+                    }
+                    finally { if (e_6) throw e_6.error; }
+                }
+                return true;
+            }
+            // Else
+            return true;
         };
         /**
-         * Convert to a url/uri conform string
-         * Only:
-         * - lower case
-         * - chars, numbers and hyphens
+         * Whether parameters are equal (have equal properties)
+         * Hint: functions will be ignored
          */
-        Helper.urlString = function (str, options) {
-            if (options === void 0) { options = {}; }
-            // Config
-            var config = Object.assign({ allowAll: false }, options);
-            // To string
-            str = str + '';
-            // Trim
-            str = str.trim();
-            // Lower case
-            str = str.toLowerCase();
-            if (!config.allowAll) {
-                // Replace spaces
-                str = str.trim().replace(/\s+/g, '-');
-                // Replace some special chars
-                str = str.replace('ä', 'ae');
-                str = str.replace('ö', 'oe');
-                str = str.replace('ü', 'ue');
-                str = str.replace('ß', 'ss');
-                // Remove other special chars
-                str = str.replace(/[^a-zA-Z0-9-]/g, '');
-            }
-            // Return url conform string
-            return encodeURI(str);
+        Helper.isEqual = function (a, b) {
+            return Helper.isSubset(a, b) && Helper.isSubset(b, a);
         };
         /**
-         * Simple map function
+         * First level difference of two objects
+         * Hint: functions will be ignored and when an array or an object is different the hole array or object will used as property value
+         *
+         * @returns Record<string, any> Object with properties from first object
          */
-        Helper.map = function (source, target, options) {
-            var e_3, _d;
-            if (options === void 0) { options = {}; }
-            // Set config
-            var config = Object.assign({ funcAllowed: false, dateStringToDate: true }, options);
-            // Check source
-            if (!source || typeof source !== 'object' || Array.isArray(source)) {
-                return target;
+        Helper.getDiff = function (a, b, clone) {
+            var e_7, _d;
+            if (clone === void 0) { clone = true; }
+            var result = {};
+            var firstObject = a;
+            if (clone) {
+                firstObject = JSON.parse(JSON.stringify(a));
             }
             try {
-                // Update properties
-                for (var _e = __values(Object.keys(target)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                    var key = _f.value;
-                    if (source[key] !== undefined && (config.funcAllowed || typeof (source[key] !== 'function'))) {
-                        if (typeof source[key] === 'string' && config.dateStringToDate) {
-                            if (Array.isArray(config.dateStringToDate)) {
-                                if (config.dateStringToDate.includes(key)) {
-                                    target[key] = Helper.parseDate(source[key]);
-                                }
-                            }
-                            else {
-                                target[key] = Helper.parseDate(source[key]);
-                            }
-                        }
-                        else {
-                            target[key] = source[key];
-                        }
+                for (var _e = __values(Object.entries(firstObject)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var _g = __read(_f.value, 2), key = _g[0], value = _g[1];
+                    if (!Helper.isSubset(value, b[key])) {
+                        result[key] = value;
                     }
                 }
             }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            catch (e_7_1) { e_7 = { error: e_7_1 }; }
             finally {
                 try {
                     if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
                 }
-                finally { if (e_3) throw e_3.error; }
+                finally { if (e_7) throw e_7.error; }
             }
-            // Return target
-            return target;
+            return result;
         };
         /**
-         * Create Object or Objects of specified type with specified data
+         * Check if propertie is type of HTMLCollection or NodeList
+         * See https://stackoverflow.com/a/7238344
+         *
+         * @param nodes
          */
-        Helper.maps = function (data, targetClass) {
-            // Check data
-            if (!data || typeof data !== 'object') {
-                return undefined;
+        Helper.isNodeList = function (nodes) {
+            try {
+                var stringRepr = Object.prototype.toString.call(nodes);
+                return (typeof nodes === 'object' &&
+                    /^\[object (HTMLCollection|NodeList|Object)\]$/.test(stringRepr) &&
+                    typeof nodes.length === 'number' &&
+                    (nodes.length === 0 || (typeof nodes[0] === 'object' && nodes[0].nodeType > 0)));
             }
-            // Check array
-            if (!Array.isArray(data)) {
-                data = [data];
+            catch (e) {
+                return false;
             }
-            // Map
-            return data.map(function (item) {
-                return targetClass.map(item);
-            });
         };
+        return Helper;
+    }());
+
+    /**
+     * Image service
+     */
+    var ImageService = /** @class */ (function () {
+        function ImageService() {
+        }
         /**
-         * Get plain parameter
+         * Preaload images (for lazy handling)
+         *
+         * @param options
+         * @protected
          */
-        Helper.getPlainParameter = function (parameter) {
-            var _a, _b, _c;
-            if (!parameter) {
-                return parameter;
-            }
-            return (_c = (_b = (_a = parameter === null || parameter === void 0 ? void 0 : parameter.split('?')) === null || _a === void 0 ? void 0 : _a.shift()) === null || _b === void 0 ? void 0 : _b.split('#')) === null || _c === void 0 ? void 0 : _c.shift();
-        };
-        /**
-         * Get ID of an url parameter
-         */
-        Helper.getParameterId = function (parameter) {
-            var _a;
-            if (!parameter) {
-                return parameter;
-            }
-            return (_a = Helper.getPlainParameter(parameter)) === null || _a === void 0 ? void 0 : _a.split('-').pop();
-        };
-        /**
-         * Delay
-         */
-        Helper.delay = function (ms) {
-            var promise = new Promise(function (resolve) { return setTimeout(resolve, ms); });
-            return promise;
-        };
-        /**
-         * Deep freeze
-         * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#What_is_shallow_freeze
-         */
-        Helper.deepFreeze = function (object, preparedObjects) {
-            var e_4, _d;
-            if (preparedObjects === void 0) { preparedObjects = []; }
-            // Prevent infinit regress
-            if (preparedObjects.includes(object)) {
-                return object;
-            }
-            preparedObjects.push(object);
-            // Retrieve the property names defined on object
-            var propNames = Object.getOwnPropertyNames(object);
-            try {
-                // Freeze properties before freezing self
-                for (var propNames_1 = __values(propNames), propNames_1_1 = propNames_1.next(); !propNames_1_1.done; propNames_1_1 = propNames_1.next()) {
-                    var name = propNames_1_1.value;
-                    var value = object[name];
-                    if (value && typeof value === 'object') {
-                        Helper.deepFreeze(value, preparedObjects);
+        ImageService.prototype.preLoadImages = function (options) {
+            var _this = this;
+            // Init configuration
+            var config = Object.assign({ doneFunnction: undefined, elements: document, regExp: undefined }, options);
+            return new Promise(function (resolve) {
+                var e_1, _b;
+                var _a;
+                // Convert element(s) into array
+                if (!Array.isArray(config.elements)) {
+                    // NodeList or HTMLCollection
+                    if (Helper.isNodeList(config.elements)) {
+                        config.elements = Array.from(config.elements);
+                    }
+                    // Single element
+                    else {
+                        config.elements = [config.elements];
                     }
                 }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
+                // Init loading
+                var promises = [];
+                // Get all images
+                var images = [];
+                config.elements.forEach(function (element) {
+                    images = images.concat(Array.from(element.getElementsByTagName('img')));
+                });
+                var _loop_1 = function (image) {
+                    var src = image.getAttribute('src');
+                    // Check if changes are necessary and possible
+                    if ((image.complete && image.naturalHeight !== 0) || // already laoded
+                        !src || // Image has no src
+                        ((_a = config.regExp) === null || _a === void 0 ? void 0 : _a.test(src)) // Test if src matches regular expression
+                    ) {
+                        return "continue";
+                    }
+                    // Replace lazy loading image with immediately loading image
+                    if (image.getAttribute('loading') === 'lazy') {
+                        var newImage_1 = document.createElement('img');
+                        Array.from(image.attributes).forEach(function (attr) {
+                            if (attr.name !== 'loading' && attr.name !== 'src') {
+                                newImage_1.setAttribute(attr.name, attr.value);
+                            }
+                        });
+                        image.replaceWith(newImage_1);
+                        image = newImage_1;
+                    }
+                    // Wait for laoding
+                    promises.push(_this.loadImage(image, src));
+                };
                 try {
-                    if (propNames_1_1 && !propNames_1_1.done && (_d = propNames_1.return)) _d.call(propNames_1);
+                    // Prepare images
+                    for (var images_1 = __values(images), images_1_1 = images_1.next(); !images_1_1.done; images_1_1 = images_1.next()) {
+                        var image = images_1_1.value;
+                        _loop_1(image);
+                    }
                 }
-                finally { if (e_4) throw e_4.error; }
-            }
-            return Object.freeze(object);
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (images_1_1 && !images_1_1.done && (_b = images_1.return)) _b.call(images_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                // Wait until all images loaded
+                Promise.all(promises)
+                    .catch(function (e) { return console.error('Error during image loading', e); })
+                    .finally(function () { return __awaiter(_this, void 0, void 0, function () {
+                    var result;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0:
+                                if (!config.doneFunnction) return [3 /*break*/, 2];
+                                return [4 /*yield*/, config.doneFunction()];
+                            case 1:
+                                result = _b.sent();
+                                _b.label = 2;
+                            case 2:
+                                resolve(result);
+                                return [2 /*return*/];
+                        }
+                    });
+                }); });
+            });
         };
         /**
-         * Generates an unique identifier with 24 characters
+         * Load image for image element
+         *
+         * @param imageElement
+         * @param src
+         * @protected
          */
-        Helper.getUID = function () {
-            var dt = new Date().getTime();
-            var uuid = 'xxxxxxxxxxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-                // eslint-disable-next-line no-bitwise
-                var r = (dt + Math.random() * 16) % 16 | 0;
-                dt = Math.floor(dt / 16);
-                // eslint-disable-next-line no-bitwise
-                return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
+        ImageService.prototype.loadImage = function (imageElement, src) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    src = src || imageElement.src;
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            imageElement.onload = function () { return resolve(imageElement); };
+                            imageElement.onerror = reject;
+                            imageElement.src = src;
+                        })];
+                });
             });
-            return uuid;
         };
-        /**
-         * Parse date string to date object
-         */
-        Helper.parseDate = function (dateString) {
-            var reISO = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*))(?:Z|(\+|-)([\d|:]*))?$/;
-            var reMsAjax = /^\/Date\((d|-|.*)\)[\/|\\]$/;
-            if (typeof dateString === 'string') {
-                var isoExec = reISO.exec(dateString);
-                if (isoExec) {
-                    return new Date(dateString);
-                }
-                var msAjaxExec = reMsAjax.exec(dateString);
-                if (msAjaxExec) {
-                    var cleaned = msAjaxExec[1].split(/[-+,.]/);
-                    return new Date(cleaned[0] ? +cleaned[0] : 0 - +cleaned[1]);
-                }
-            }
-            return dateString;
+        return ImageService;
+    }());
+    ImageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ImageService_Factory() { return new ImageService(); }, token: ImageService, providedIn: "root" });
+    ImageService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    /**
+     * Set same height (maximum) to different elements
+     */
+    var MatchHeightDirective = /** @class */ (function () {
+        function MatchHeightDirective(el, imageService, platformId) {
+            this.el = el;
+            this.imageService = imageService;
+            // Replace lazy loading images with immediate loading images
+            this.loadImages = true;
+            this.isBrowser = common.isPlatformBrowser(platformId);
+        }
+        MatchHeightDirective.prototype.onResize = function () {
+            this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
         };
-        /**
-         * Get browser name and version
-         */
-        Helper.getBrowser = function () {
-            var userAgent = navigator.userAgent;
-            var data = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
-            var version;
-            if (/trident/i.test(data[1])) {
-                version = /\brv[ :]+(\d+)/g.exec(userAgent) || [];
-                return { name: 'IE', version: version[1] || '' };
-            }
-            if (data[1] === 'Chrome') {
-                version = userAgent.match(/\bOPR|Edge\/(\d+)/);
-                if (version != null) {
-                    return { name: 'Opera', version: version[1] };
-                }
-            }
-            data = data[2] ? [data[1], data[2]] : [navigator.appName, navigator.appVersion, '-?'];
-            version = userAgent.match(/version\/(\d+)/i);
-            if (version !== null) {
-                data.splice(1, 1, version[1]);
+        MatchHeightDirective.prototype.ngOnInit = function () {
+            this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
+        };
+        MatchHeightDirective.prototype.matchHeight = function (parent, target) {
+            return __awaiter(this, void 0, void 0, function () {
+                var classNames, _loop_1, this_1, classNames_1, classNames_1_1, className, e_1_1;
+                var e_1, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!parent) {
+                                return [2 /*return*/];
+                            }
+                            if (!Array.isArray(target)) {
+                                classNames = [target];
+                            }
+                            else {
+                                classNames = target;
+                            }
+                            _loop_1 = function (className) {
+                                var children, itemHeights, maxHeight;
+                                return __generator(this, function (_c) {
+                                    switch (_c.label) {
+                                        case 0:
+                                            children = parent.getElementsByClassName(className);
+                                            if (!children || children.length < 2) {
+                                                return [2 /*return*/, "continue"];
+                                            }
+                                            if (!this_1.loadImages) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this_1.imageService.preLoadImages({ elements: children })];
+                                        case 1:
+                                            _c.sent();
+                                            _c.label = 2;
+                                        case 2:
+                                            // reset all children height
+                                            Array.from(children).forEach(function (element) {
+                                                element.style.height = 'initial';
+                                            });
+                                            itemHeights = Array.from(children).map(function (element) {
+                                                if (element.getBoundingClientRect) {
+                                                    return element.getBoundingClientRect().height;
+                                                }
+                                                return 0;
+                                            });
+                                            maxHeight = itemHeights.reduce(function (prev, curr) { return (curr > prev ? curr : prev); }, 0);
+                                            // update the child structureElements height to the tallest one
+                                            Array.from(children).forEach(function (element) { return (element.style.height = maxHeight + "px"); });
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            };
+                            this_1 = this;
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 6, 7, 8]);
+                            classNames_1 = __values(classNames), classNames_1_1 = classNames_1.next();
+                            _b.label = 2;
+                        case 2:
+                            if (!!classNames_1_1.done) return [3 /*break*/, 5];
+                            className = classNames_1_1.value;
+                            return [5 /*yield**/, _loop_1(className)];
+                        case 3:
+                            _b.sent();
+                            _b.label = 4;
+                        case 4:
+                            classNames_1_1 = classNames_1.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_1_1 = _b.sent();
+                            e_1 = { error: e_1_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (classNames_1_1 && !classNames_1_1.done && (_a = classNames_1.return)) _a.call(classNames_1);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                            return [7 /*endfinally*/];
+                        case 8: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return MatchHeightDirective;
+    }());
+    MatchHeightDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ltMatchHeight]',
+                },] }
+    ];
+    MatchHeightDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: ImageService },
+        { type: String, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
+    ]; };
+    MatchHeightDirective.propDecorators = {
+        ltMatchHeight: [{ type: i0.Input }],
+        loadImages: [{ type: i0.Input }],
+        onResize: [{ type: i0.HostListener, args: ['window:resize',] }]
+    };
+
+    /**
+     * Reszise detection
+     * (inpsired by: https://stackblitz.com/edit/angular-resizable)
+     */
+    var ResizableDirective = /** @class */ (function () {
+        function ResizableDirective(el) {
+            this.el = el;
+            this.resizableGrabWidth = 8;
+            this.resizableMinWidth = 10;
+            this.dragging = false;
+        }
+        ResizableDirective.prototype.ngOnInit = function () {
+            this.addListenerToDocument();
+            this.addListenerToElement();
+        };
+        ResizableDirective.prototype.mouseMoveG = function (evt) {
+            if (!this.dragging) {
+                return;
+            }
+            this.newWidth(evt.clientX - this.el.nativeElement.offsetLeft);
+            evt.stopPropagation();
+        };
+        ResizableDirective.prototype.newWidth = function (wid) {
+            var result = Math.max(this.resizableMinWidth, wid);
+            this.el.nativeElement.style.width = result + 'px';
+        };
+        ResizableDirective.prototype.mouseDown = function (evt) {
+            if (this.inDragRegion(evt)) {
+                this.dragging = true;
+                this.preventGlobalMouseEvents();
+                evt.stopPropagation();
             }
-            return {
-                name: data[0],
-                version: data[1],
-            };
         };
-        /**
-         * Whether first parameter is a deep subset of second parameter
-         * Hint: functions will be ignored
-         */
-        Helper.isSubset = function (a, b) {
-            var e_5, _d, e_6, _e;
-            // Equal
-            if (a === b) {
-                return true;
+        ResizableDirective.prototype.restoreGlobalMouseEvents = function () {
+            document.body.style['pointer-events'] = 'auto';
+        };
+        ResizableDirective.prototype.mouseUpG = function (evt) {
+            if (!this.dragging) {
+                return;
             }
-            // Different type
-            if (typeof a !== typeof b) {
-                return false;
+            this.restoreGlobalMouseEvents();
+            this.dragging = false;
+            evt.stopPropagation();
+        };
+        ResizableDirective.prototype.mouseMove = function (evt) {
+            if (this.inDragRegion(evt) || this.dragging) {
+                this.el.nativeElement.style.cursor = 'col-resize';
             }
-            // Process array
-            if (Array.isArray(a)) {
-                try {
-                    for (var _f = __values(Object.entries(a)), _g = _f.next(); !_g.done; _g = _f.next()) {
-                        var _h = __read(_g.value, 2), key = _h[0], value = _h[1];
-                        if (Helper.isSubset(value, b[key])) {
-                            return false;
-                        }
-                    }
-                }
-                catch (e_5_1) { e_5 = { error: e_5_1 }; }
-                finally {
-                    try {
-                        if (_g && !_g.done && (_d = _f.return)) _d.call(_f);
-                    }
-                    finally { if (e_5) throw e_5.error; }
-                }
-                return true;
+            else {
+                this.el.nativeElement.style.cursor = 'default';
             }
-            // Process object
-            if (typeof a === 'object') {
-                var plain = JSON.parse(JSON.stringify(a));
-                try {
-                    for (var _j = __values(Object.entries(plain)), _k = _j.next(); !_k.done; _k = _j.next()) {
-                        var _l = __read(_k.value, 2), key = _l[0], value = _l[1];
-                        if (Helper.isSubset(value, b[key])) {
-                            return false;
-                        }
-                    }
-                }
-                catch (e_6_1) { e_6 = { error: e_6_1 }; }
-                finally {
-                    try {
-                        if (_k && !_k.done && (_e = _j.return)) _e.call(_j);
-                    }
-                    finally { if (e_6) throw e_6.error; }
-                }
-                return true;
+        };
+        ResizableDirective.prototype.preventGlobalMouseEvents = function () {
+            document.body.style['pointer-events'] = 'none';
+        };
+        ResizableDirective.prototype.inDragRegion = function (evt) {
+            return this.el.nativeElement.clientWidth - evt.clientX + this.el.nativeElement.offsetLeft < this.resizableGrabWidth;
+        };
+        ResizableDirective.prototype.addListenerToDocument = function () {
+            var _this = this;
+            document.addEventListener('mousemove', function (e) {
+                _this.mouseMoveG(e);
+            }, true);
+            document.addEventListener('mouseup', function (e) {
+                _this.mouseUpG(e);
+            }, true);
+        };
+        ResizableDirective.prototype.addListenerToElement = function () {
+            var _this = this;
+            this.el.nativeElement.addEventListener('mousedown', function (e) {
+                _this.mouseDown(e);
+            }, true);
+            this.el.nativeElement.addEventListener('mousemove', function (e) {
+                _this.mouseMove(e);
+            }, true);
+        };
+        return ResizableDirective;
+    }());
+    ResizableDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[ltResizable]',
+                },] }
+    ];
+    ResizableDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    ResizableDirective.propDecorators = {
+        resizableGrabWidth: [{ type: i0.Input }],
+        resizableMinWidth: [{ type: i0.Input }]
+    };
+
+    /**
+     * Truncate string with ellipses
+     */
+    var EllipsesPipe = /** @class */ (function () {
+        function EllipsesPipe() {
+        }
+        EllipsesPipe.prototype.transform = function (value, limit) {
+            if (!value) {
+                return null;
             }
-            // Else
-            return true;
+            return value.length > limit ? value.substring(0, limit) + '...' : value;
         };
-        /**
-         * Whether parameters are equal (have equal properties)
-         * Hint: functions will be ignored
-         */
-        Helper.isEqual = function (a, b) {
-            return Helper.isSubset(a, b) && Helper.isSubset(b, a);
+        return EllipsesPipe;
+    }());
+    EllipsesPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'ltEllipses',
+                },] }
+    ];
+
+    /**
+     * Declarate html as safe
+     */
+    var SafeHtmlPipe = /** @class */ (function () {
+        function SafeHtmlPipe(sanitized) {
+            this.sanitized = sanitized;
+        }
+        SafeHtmlPipe.prototype.transform = function (value) {
+            return this.sanitized.bypassSecurityTrustHtml(value);
         };
+        return SafeHtmlPipe;
+    }());
+    SafeHtmlPipe.decorators = [
+        { type: i0.Pipe, args: [{ name: 'ltSafeHtml' },] }
+    ];
+    SafeHtmlPipe.ctorParameters = function () { return [
+        { type: i1.DomSanitizer }
+    ]; };
+
+    // Imported and exported elements
+    var elements = [
+        // Directives
+        ContextMenuDirective,
+        LazyLoadDirective,
+        MatchHeightDirective,
+        ResizableDirective,
+        // Pipes
+        EllipsesPipe,
+        SafeHtmlPipe,
+    ];
+    /**
+     * Base module
+     */
+    var BaseModule = /** @class */ (function () {
+        function BaseModule() {
+        }
         /**
-         * First level difference of two objects
-         * Hint: functions will be ignored and when an array or an object is different the hole array or object will used as property value
-         *
-         * @returns Record<string, any> Object with properties from first object
+         * Set configuration of base module in root module of the app
          */
-        Helper.getDiff = function (a, b, clone) {
-            var e_7, _d;
-            if (clone === void 0) { clone = true; }
-            var result = {};
-            var firstObject = a;
-            if (clone) {
-                firstObject = JSON.parse(JSON.stringify(a));
-            }
-            try {
-                for (var _e = __values(Object.entries(firstObject)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                    var _g = __read(_f.value, 2), key = _g[0], value = _g[1];
-                    if (!Helper.isSubset(value, b[key])) {
-                        result[key] = value;
-                    }
-                }
+        BaseModule.forRoot = function (baseModuleConfig) {
+            if (baseModuleConfig === void 0) { baseModuleConfig = {}; }
+            // Default config
+            var config = Object.assign({ apiUrl: 'localhost:3000', authGuardRedirectUrl: '/auth', logging: false, version: null, prefix: null, scrollDetectionOffset: 200, scrollOffset: 100, storageType: 'local' }, baseModuleConfig);
+            // Prepare providers
+            var providers = [
+                {
+                    provide: BASE_MODULE_CONFIG,
+                    useValue: baseModuleConfig,
+                },
+            ];
+            // Add apollo features if API URL is set
+            if (baseModuleConfig.apiUrl) {
+                providers.push({
+                    provide: i1$1.APOLLO_OPTIONS,
+                    useFactory: apolloOptionsFactory,
+                    deps: [BASE_MODULE_CONFIG, http.HttpLink, AuthService],
+                });
             }
-            catch (e_7_1) { e_7 = { error: e_7_1 }; }
-            finally {
-                try {
-                    if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
-                }
-                finally { if (e_7) throw e_7.error; }
+            else if (config.logging) {
+                console.log('apiUrl is missing, ApolloLink is not initialized');
             }
-            return result;
+            // Return root module
+            return {
+                ngModule: BaseModule,
+                providers: providers,
+            };
         };
-        return Helper;
+        return BaseModule;
     }());
+    BaseModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: elements,
+                    exports: elements,
+                },] }
+    ];
 
     /**
      * Standard class
@@ -2917,48 +2915,26 @@
          * Scroll done promise
          */
         ScrollService.prototype.scrollDone = function (options) {
-            var _this = this;
             if (options === void 0) { options = {}; }
-            // Init configuration
-            var config = Object.assign({ doneFunction: undefined, timeout: undefined }, options);
-            // Return promise for scroll done
-            return new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                var rejected, timeoutId, result;
+            return __awaiter(this, void 0, void 0, function () {
+                var config;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            rejected = false;
-                            // Set timeout handling if necessary
-                            if (config.timeout) {
-                                timeoutId = window.setTimeout(function () {
-                                    rejected = true;
-                                    reject(new Error('Timeout for scrollDone after:' + config.timeout));
-                                }, config.timeout);
-                            }
+                            config = Object.assign({ doneFunction: undefined }, options);
                             // Wait for scroll done
                             return [4 /*yield*/, this.scrollDoneDetection()];
                         case 1:
                             // Wait for scroll done
                             _a.sent();
-                            if (!!rejected) return [3 /*break*/, 4];
-                            // Stop timeout if set
-                            if (timeoutId) {
-                                window.clearTimeout(timeoutId);
+                            // Get result
+                            if (config.doneFunction) {
+                                return [2 /*return*/, config.doneFunction()];
                             }
-                            result = void 0;
-                            if (!config.doneFunction) return [3 /*break*/, 3];
-                            return [4 /*yield*/, config.doneFunction()];
-                        case 2:
-                            result = _a.sent();
-                            _a.label = 3;
-                        case 3:
-                            // Scroll done
-                            resolve(result);
-                            _a.label = 4;
-                        case 4: return [2 /*return*/];
+                            return [2 /*return*/];
                     }
                 });
-            }); });
+            });
         };
         /**
          * Scroll done detecton
@@ -3010,23 +2986,79 @@
             this.titleService = titleService;
             this.metaTagService = metaTagService;
         }
-        SEOService.prototype.initPageForSEO = function (title, description, keywords) {
-            this.setPageTitle(title);
-            this.setPageDescription(description);
-            if (keywords) {
-                this.setPageKeywords(keywords);
+        SEOService.prototype.initPageForSEO = function (input) {
+            this.setGeneralData(input);
+            this.setTwitterData(input);
+            this.setTwitterData(input);
+            this.setFacebookData(input);
+            if (input.keywords) {
+                this.setPageKeywords(input.keywords);
             }
         };
-        SEOService.prototype.setPageTitle = function (title) {
-            this.titleService.setTitle(title);
-            this.metaTagService.updateTag({ property: 'og:title', content: title });
-            this.metaTagService.updateTag({ name: 'twitter:title', content: title });
+        /**
+         * Set general metadata
+         *
+         * @param data
+         * @private
+         */
+        SEOService.prototype.setGeneralData = function (data) {
+            this.titleService.setTitle(data.title);
+            this.metaTagService.updateTag({ name: 'description', content: data.description });
+        };
+        /**
+         * Set metadata for twitter
+         *
+         * @param data
+         * @private
+         */
+        SEOService.prototype.setTwitterData = function (data) {
+            this.metaTagService.updateTag({ name: 'twitter:title', content: data.title });
+            this.metaTagService.updateTag({ name: 'twitter:description', content: data.description });
+            this.metaTagService.updateTag({
+                property: 'twitter:url',
+                content: data.url ? data.url : window.location.href,
+            });
+            if (data.image) {
+                this.metaTagService.updateTag({
+                    property: 'twitter:image',
+                    content: data.image,
+                });
+                this.metaTagService.updateTag({
+                    property: 'twitter:card',
+                    content: 'summary_large_image',
+                });
+            }
         };
-        SEOService.prototype.setPageDescription = function (description) {
-            this.metaTagService.updateTag({ name: 'description', content: description });
-            this.metaTagService.updateTag({ property: 'og:description', content: description });
-            this.metaTagService.updateTag({ name: 'twitter:description', content: description });
+        /**
+         * Set metadata for facebook
+         *
+         * @param data
+         * @private
+         */
+        SEOService.prototype.setFacebookData = function (data) {
+            this.metaTagService.updateTag({ property: 'og:title', content: data.title });
+            this.metaTagService.updateTag({ property: 'og:description', content: data.description });
+            this.metaTagService.updateTag({
+                property: 'og:type',
+                content: 'website',
+            });
+            this.metaTagService.updateTag({
+                property: 'og:url',
+                content: data.url ? data.url : window.location.href,
+            });
+            if (data.image) {
+                this.metaTagService.updateTag({
+                    property: 'og:image',
+                    content: data.image,
+                });
+            }
         };
+        /**
+         * Set page keywords
+         *
+         * @param keywords
+         * @private
+         */
         SEOService.prototype.setPageKeywords = function (keywords) {
             this.metaTagService.updateTag({ name: 'keywords', content: keywords });
         };