@lenne.tech/ng-base 15.0.0-beta-2 → 16.0.0

package/fesm2015/lenne.tech-ng-base.mjs

@@ -1,902 +0,0 @@
-import { APOLLO_OPTIONS, ApolloModule } from 'apollo-angular';
-import { HttpLink } from 'apollo-angular/http';
-import * as i0 from '@angular/core';
-import { Directive, HostBinding, Input, PLATFORM_ID, Inject, HostListener, Pipe, NgModule, Injectable } from '@angular/core';
-import { ApolloLink, fromPromise, split, concat } from '@apollo/client/core';
-import { InMemoryCache } from '@apollo/client/cache';
-import { getMainDefinition } from '@apollo/client/utilities';
-import * as i2 from '@lenne.tech/ng-base/shared';
-import { createRestartableClient, BASE_MODULE_CONFIG, AuthService, WsService } from '@lenne.tech/ng-base/shared';
-import { GraphQLWsLink } from '@apollo/client/link/subscriptions';
-import { firstValueFrom, Observable, BehaviorSubject } from 'rxjs';
-import { onError } from '@apollo/client/link/error';
-import { __awaiter } from 'tslib';
-import { isPlatformBrowser } from '@angular/common';
-import * as i1 from '@angular/platform-browser';
-import { HttpClientModule } from '@angular/common/http';
-import * as i1$1 from '@angular/router';
-
-/**
- * Inspired by Inpspired by https://github.com/jaydenseric/extract-files/releases/tag/v11.0.0
- */
-/**
- * Reactive native file
- */
-class ReactNativeFile {
-    constructor(uri, name, type) {
-        this.uri = uri;
-        this.name = name;
-        this.type = type;
-    }
-}
-/**
- * Check whether value is an extractable file
- */
-function isExtractableFile(value) {
-    return ((typeof File !== 'undefined' && value instanceof File) ||
-        (typeof Blob !== 'undefined' && value instanceof Blob) ||
-        value instanceof ReactNativeFile);
-}
-/**
- * Clones a value, recursively extracting
- */
-function extractFiles(value, path = '', isExtractableFileFunc = isExtractableFile) {
-    // Map of extracted files and their object paths within the input value.
-    const files = new Map();
-    // Map of arrays and objects recursed within the input value and their clones,
-    // for reusing clones of values that are referenced multiple times within the
-    // input value.
-    const clones = new Map();
-    /**
-     * Recursively clones the value, extracting files.
-     */
-    function recurse(recurseValue, recursePath, recursed) {
-        let clone = recurseValue;
-        if (isExtractableFileFunc(recurseValue)) {
-            clone = null;
-            const filePaths = files.get(recurseValue);
-            filePaths ? filePaths.push(recursePath) : files.set(recurseValue, [recursePath]);
-        }
-        else {
-            const isList = Array.isArray(recurseValue) || (typeof FileList !== 'undefined' && recurseValue instanceof FileList);
-            const isObject = recurseValue && recurseValue.constructor === Object;
-            if (isList || isObject) {
-                const hasClone = clones.has(recurseValue);
-                if (hasClone) {
-                    clone = clones.get(recurseValue);
-                }
-                else {
-                    clone = isList ? [] : {};
-                    clones.set(recurseValue, clone);
-                }
-                if (!recursed.has(recurseValue)) {
-                    const pathPrefix = recursePath ? `${recursePath}.` : '';
-                    const recursedDeeper = new Set(recursed).add(recurseValue);
-                    if (isList) {
-                        let index = 0;
-                        for (const item of recurseValue) {
-                            const itemClone = recurse(item, pathPrefix + index++, recursedDeeper);
-                            if (!hasClone) {
-                                clone.push(itemClone);
-                            }
-                        }
-                    }
-                    else {
-                        for (const key of Object.keys(recurseValue)) {
-                            const propertyClone = recurse(recurseValue[key], pathPrefix + key, recursedDeeper);
-                            if (!hasClone) {
-                                clone[key] = propertyClone;
-                            }
-                        }
-                    }
-                }
-            }
-        }
-        return clone;
-    }
-    return {
-        clone: recurse(value, path, new Set()),
-        files,
-    };
-}
-
-/**
- * Factory for apollo-angular options
- */
-function apolloOptionsFactory(baseModuleConfig, httpLink, authService, wsService) {
-    const links = [];
-    const http = httpLink.create({
-        uri: baseModuleConfig.apiUrl,
-        extractFiles,
-    });
-    const authMiddleware = new ApolloLink((operation, forward) => {
-        var _a, _b, _c, _d;
-        const headers = {};
-        const operationName = (_d = (_c = (_b = (_a = operation.query.definitions[0]) === null || _a === void 0 ? void 0 : _a.selectionSet) === null || _b === void 0 ? void 0 : _b.selections[0]) === null || _c === void 0 ? void 0 : _c.name) === null || _d === void 0 ? void 0 : _d.value;
-        if (localStorage) {
-            let token;
-            if (operationName === 'refreshToken') {
-                token = authService.refreshToken || null;
-            }
-            else {
-                token = authService.token || null;
-            }
-            if (token) {
-                headers.Authorization = 'Bearer ' + token;
-            }
-            operation.setContext(() => ({ headers }));
-        }
-        return forward(operation);
-    });
-    const errorLink = onError(({ graphQLErrors, networkError, operation, forward }) => {
-        if (graphQLErrors) {
-            for (const err of graphQLErrors) {
-                switch (err.extensions.code) {
-                    case 'UNAUTHENTICATED': {
-                        if (err.message !== 'Expired refresh token' && err.message !== 'Expired token') {
-                            return;
-                        }
-                        if (err.message === 'Expired refresh token') {
-                            authService.clearSession();
-                            return;
-                        }
-                        return fromPromise(firstValueFrom(authService.requestNewToken()))
-                            .filter((value) => Boolean(value))
-                            .flatMap((response) => {
-                            const oldHeaders = operation.getContext().headers;
-                            // modify the operation context with a new token
-                            operation.setContext({
-                                headers: Object.assign(Object.assign({}, oldHeaders), { Authorization: `Bearer ${response.token}` }),
-                            });
-                            // retry the request, returning the new observable
-                            return forward(operation);
-                        });
-                    }
-                }
-            }
-        }
-    });
-    if (baseModuleConfig.logging) {
-        console.log(baseModuleConfig);
-    }
-    if (baseModuleConfig.wsUrl) {
-        const wsLink = new GraphQLWsLink(createRestartableClient({
-            url: baseModuleConfig.wsUrl,
-            connectionParams: () => {
-                return {
-                    Authorization: authService.token ? 'Bearer ' + authService.token : undefined,
-                };
-            },
-        }));
-        // Set client for reconnection on logout/login
-        wsService.client = wsLink.client;
-        // using the ability to split links, you can send data to each link
-        // depending on what kind of operation is being sent
-        links.push(split(
-        // split based on operation type
-        ({ query }) => {
-            // @ts-ignore
-            const { kind, operation } = getMainDefinition(query);
-            return kind === 'OperationDefinition' && operation === 'subscription';
-        }, wsLink, concat(concat(authMiddleware, errorLink), http)));
-    }
-    else {
-        links.push(authMiddleware);
-        links.push(errorLink);
-        links.push(http);
-    }
-    return {
-        link: ApolloLink.from(links),
-        cache: new InMemoryCache(),
-        defaultOptions: {
-            query: {
-                fetchPolicy: 'network-only',
-            },
-        },
-    };
-}
-
-/**
- * Directive for lazy loading images
- */
-class LazyLoadDirective {
-    constructor(el) {
-        this.el = el;
-        this.srcAttr = null;
-    }
-    ngAfterViewInit() {
-        this.canLazyLoad() ? this.lazyLoadImage() : this.loadImage();
-    }
-    canLazyLoad() {
-        return window && 'IntersectionObserver' in window;
-    }
-    lazyLoadImage() {
-        const obs = new IntersectionObserver((entries) => {
-            entries.forEach(({ isIntersecting }) => {
-                if (isIntersecting) {
-                    this.loadImage();
-                    obs.unobserve(this.el.nativeElement);
-                }
-            });
-        });
-        obs.observe(this.el.nativeElement);
-    }
-    loadImage() {
-        this.srcAttr = this.src;
-    }
-}
-LazyLoadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LazyLoadDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-LazyLoadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: LazyLoadDirective, selector: "img[ltLazyLoad]", inputs: { src: "src" }, host: { properties: { "attr.src": "this.srcAttr" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LazyLoadDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'img[ltLazyLoad]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { srcAttr: [{
-                type: HostBinding,
-                args: ['attr.src']
-            }], src: [{
-                type: Input
-            }] } });
-
-/**
- * Set same height (maximum) to different elements
- */
-class MatchHeightDirective {
-    constructor(el, imageService, platformId) {
-        this.el = el;
-        this.imageService = imageService;
-        // Replace lazy loading images with immediate loading images
-        this.loadImages = true;
-        this.isBrowser = isPlatformBrowser(platformId);
-    }
-    onResize() {
-        this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
-    }
-    ngAfterViewInit() {
-        this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
-        this.observer = new MutationObserver(() => {
-            this.matchHeight(this.el.nativeElement, this.ltMatchHeight);
-        });
-        //Observes if one or more elements get added to or removed from the childlist and applies matching heights
-        this.observer.observe(this.el.nativeElement, { childList: true });
-    }
-    matchHeight(parent, target) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!parent) {
-                return;
-            }
-            let classNames;
-            if (!Array.isArray(target)) {
-                classNames = [target];
-            }
-            else {
-                classNames = target;
-            }
-            for (const className of classNames) {
-                // find all child structureElements with the selected class name
-                const children = parent.getElementsByClassName(className);
-                if (!children || children.length < 2) {
-                    continue;
-                }
-                // Load images of children
-                if (this.loadImages) {
-                    yield this.imageService.preLoadImages({ elements: children });
-                }
-                // reset all children height
-                Array.from(children).forEach((element) => {
-                    element.style.height = 'initial';
-                });
-                // get all the child structureElements heights
-                const itemHeights = Array.from(children).map((element) => {
-                    if (element.getBoundingClientRect) {
-                        return element.getBoundingClientRect().height;
-                    }
-                    return 0;
-                });
-                // find out the tallest one
-                const maxHeight = itemHeights.reduce((prev, curr) => (curr > prev ? curr : prev), 0);
-                // update the child structureElements height to the tallest one
-                Array.from(children).forEach((element) => (element.style.height = `${maxHeight}px`));
-            }
-        });
-    }
-}
-MatchHeightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MatchHeightDirective, deps: [{ token: i0.ElementRef }, { token: i2.ImageService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
-MatchHeightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: MatchHeightDirective, selector: "[ltMatchHeight]", inputs: { ltMatchHeight: "ltMatchHeight", loadImages: "loadImages" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MatchHeightDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ltMatchHeight]',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: i2.ImageService }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [PLATFORM_ID]
-                    }] }];
-    }, propDecorators: { ltMatchHeight: [{
-                type: Input
-            }], loadImages: [{
-                type: Input
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }] } });
-
-/**
- * Reszise detection
- * (inpsired by: https://stackblitz.com/edit/angular-resizable)
- */
-class ResizableDirective {
-    constructor(el) {
-        this.el = el;
-        this.resizableGrabWidth = 8;
-        this.resizableMinWidth = 10;
-        this.dragging = false;
-    }
-    ngOnInit() {
-        this.addListenerToDocument();
-        this.addListenerToElement();
-    }
-    mouseMoveG(evt) {
-        if (!this.dragging) {
-            return;
-        }
-        this.newWidth(evt.clientX - this.el.nativeElement.offsetLeft);
-        evt.stopPropagation();
-    }
-    newWidth(wid) {
-        const result = Math.max(this.resizableMinWidth, wid);
-        this.el.nativeElement.style.width = result + 'px';
-    }
-    mouseDown(evt) {
-        if (this.inDragRegion(evt)) {
-            this.dragging = true;
-            this.preventGlobalMouseEvents();
-            evt.stopPropagation();
-        }
-    }
-    restoreGlobalMouseEvents() {
-        document.body.style['pointer-events'] = 'auto';
-    }
-    mouseUpG(evt) {
-        if (!this.dragging) {
-            return;
-        }
-        this.restoreGlobalMouseEvents();
-        this.dragging = false;
-        evt.stopPropagation();
-    }
-    mouseMove(evt) {
-        if (this.inDragRegion(evt) || this.dragging) {
-            this.el.nativeElement.style.cursor = 'col-resize';
-        }
-        else {
-            this.el.nativeElement.style.cursor = 'default';
-        }
-    }
-    preventGlobalMouseEvents() {
-        document.body.style['pointer-events'] = 'none';
-    }
-    inDragRegion(evt) {
-        return this.el.nativeElement.clientWidth - evt.clientX + this.el.nativeElement.offsetLeft < this.resizableGrabWidth;
-    }
-    addListenerToDocument() {
-        document.addEventListener('mousemove', (e) => {
-            this.mouseMoveG(e);
-        }, true);
-        document.addEventListener('mouseup', (e) => {
-            this.mouseUpG(e);
-        }, true);
-    }
-    addListenerToElement() {
-        this.el.nativeElement.addEventListener('mousedown', (e) => {
-            this.mouseDown(e);
-        }, true);
-        this.el.nativeElement.addEventListener('mousemove', (e) => {
-            this.mouseMove(e);
-        }, true);
-    }
-}
-ResizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ResizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ResizableDirective, selector: "[ltResizable]", inputs: { resizableGrabWidth: "resizableGrabWidth", resizableMinWidth: "resizableMinWidth" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResizableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ltResizable]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { resizableGrabWidth: [{
-                type: Input
-            }], resizableMinWidth: [{
-                type: Input
-            }] } });
-
-/**
- * Declarate html as safe
- */
-class SafeHtmlPipe {
-    constructor(sanitized) {
-        this.sanitized = sanitized;
-    }
-    transform(value) {
-        return this.sanitized.bypassSecurityTrustHtml(value);
-    }
-}
-SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: SafeHtmlPipe, name: "ltSafeHtml" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'ltSafeHtml' }]
-        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
-
-class DateAgoPipe {
-    constructor() {
-        this.intervals = {
-            year: 31536000,
-            month: 2592000,
-            week: 604800,
-            day: 86400,
-            hour: 3600,
-            minute: 60,
-            second: 1,
-        };
-        this.singular = {
-            year: 'Jahr',
-            month: 'Monat',
-            week: 'Woche',
-            day: 'Tag',
-            hour: 'Stunde',
-            minute: 'Minute',
-            second: 'Sekunde',
-        };
-        this.plural = {
-            year: 'Jahren',
-            month: 'Monaten',
-            week: 'Wochen',
-            day: 'Tagen',
-            hour: 'Stunden',
-            minute: 'Minuten',
-            second: 'Sekunden',
-        };
-    }
-    transform(value, currentDate) {
-        const now = currentDate !== null && currentDate !== void 0 ? currentDate : new Date();
-        if (value) {
-            const seconds = Math.floor((+now - +new Date(value)) / 1000);
-            if (seconds < 29) {
-                return 'gerade eben'; // less than 30 seconds ago will show as 'Just now'
-            }
-            let counter;
-            for (const i of Object.keys(this.intervals)) {
-                counter = Math.floor(seconds / this.intervals[i]);
-                if (counter > 0) {
-                    if (counter === 1) {
-                        return 'vor ' + counter + ' ' + this.singular[i]; // singular (1 day ago)
-                    }
-                    else {
-                        return 'vor ' + counter + ' ' + this.plural[i]; // plural (2 days ago)
-                    }
-                }
-            }
-        }
-        return value;
-    }
-}
-DateAgoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DateAgoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: DateAgoPipe, name: "dateAgo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: DateAgoPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'dateAgo',
-                    pure: true,
-                }]
-        }] });
-
-// Imported and exported elements
-const elements = [
-    // Directives
-    LazyLoadDirective,
-    MatchHeightDirective,
-    ResizableDirective,
-    // Pipes
-    SafeHtmlPipe,
-    DateAgoPipe,
-];
-/**
- * Base module
- */
-class BaseModule {
-    /**
-     * Set configuration of base module in root module of the app
-     */
-    static forRoot(baseModuleConfig = {}, AppAuthService) {
-        // Default config
-        const config = Object.assign({ apiUrl: '', authGuardRedirectUrl: '/auth', logging: false, version: null, prefix: null, scrollDetectionOffset: 200, scrollOffset: 100, storageType: 'local', securePasswordTransfer: true }, baseModuleConfig);
-        if (config.logging) {
-            console.log('Config:', config);
-        }
-        // Prepare providers
-        const providers = [
-            {
-                provide: BASE_MODULE_CONFIG,
-                useValue: config,
-            },
-        ];
-        // Add apollo features if API URL is set
-        if (baseModuleConfig.apiUrl) {
-            providers.push({
-                provide: APOLLO_OPTIONS,
-                useFactory: apolloOptionsFactory,
-                deps: [BASE_MODULE_CONFIG, HttpLink, AppAuthService ? AppAuthService : AuthService, WsService],
-            });
-        }
-        else if (config.logging) {
-            console.log('apiUrl is missing, ApolloLink is not initialized');
-        }
-        // Return root module
-        return {
-            ngModule: BaseModule,
-            providers,
-        };
-    }
-}
-BaseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: BaseModule, declarations: [
-        // Directives
-        LazyLoadDirective,
-        MatchHeightDirective,
-        ResizableDirective,
-        // Pipes
-        SafeHtmlPipe,
-        DateAgoPipe
-    ], imports: [ApolloModule, HttpClientModule], exports: [
-        // Directives
-        LazyLoadDirective,
-        MatchHeightDirective,
-        ResizableDirective,
-        // Pipes
-        SafeHtmlPipe,
-        DateAgoPipe, ApolloModule, HttpClientModule
-    ] });
-BaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BaseModule, imports: [ApolloModule, HttpClientModule, ApolloModule, HttpClientModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: BaseModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ApolloModule, HttpClientModule],
-                    declarations: elements,
-                    exports: [...elements, ApolloModule, HttpClientModule],
-                }]
-        }] });
-
-/**
- * Decorator for automatically unsubscribe subscriptions
- * Inspired by https://codereacter.medium.com/angular-advanced-features-and-tips-you-may-not-know-about-cae3b8527184#9bd6
- */
-function AutoUnsubscribe(blackList = []) {
-    return function (constructor) {
-        const original = constructor.prototype.ngOnDestroy;
-        constructor.prototype.ngOnDestroy = function () {
-            for (const prop of Object.keys(this)) {
-                if (!blackList.includes(prop)) {
-                    const property = this[prop];
-                    if (property && typeof property.unsubscribe === 'function') {
-                        property.unsubscribe();
-                    }
-                }
-            }
-            if (original && typeof original === 'function') {
-                original.apply(this, arguments);
-            }
-        };
-    };
-}
-
-/**
- * Authentication guard
- */
-class AuthGuard {
-    /**
-     * Imports
-     */
-    constructor(router, authService, moduleConfig) {
-        this.router = router;
-        this.authService = authService;
-        this.moduleConfig = moduleConfig;
-    }
-    /**
-     * Can activate main route
-     */
-    canActivate(route, state) {
-        return new Observable((subscriber) => {
-            var _a, _b, _c, _d, _e, _f, _g;
-            let allowed = false;
-            let redirected = false;
-            /* If the user is logged in and the route is not marked as opposite, then the user is allowed to access the route. */
-            const opposite = ((_a = route === null || route === void 0 ? void 0 : route.data) === null || _a === void 0 ? void 0 : _a.opposite) ? (_b = route === null || route === void 0 ? void 0 : route.data) === null || _b === void 0 ? void 0 : _b.opposite : false;
-            const redirectAuthUrl = ((_c = route === null || route === void 0 ? void 0 : route.data) === null || _c === void 0 ? void 0 : _c.redirectAuthUrl)
-                ? route.data.redirectAuthUrl
-                : this.moduleConfig.authGuardRedirectUrl;
-            const redirectRoleUrl = ((_d = route === null || route === void 0 ? void 0 : route.data) === null || _d === void 0 ? void 0 : _d.redirectRoleUrl)
-                ? route.data.redirectRoleUrl
-                : this.moduleConfig.authGuardRedirectUrl;
-            const disableQueryParams = (_f = (_e = route === null || route === void 0 ? void 0 : route.data) === null || _e === void 0 ? void 0 : _e.disableQueryParams) !== null && _f !== void 0 ? _f : false;
-            const queryParams = disableQueryParams
-                ? {}
-                : {
-                    queryParams: {
-                        redirectUrl: route['_routerState'].url,
-                    },
-                };
-            if (this.authService.token && !opposite) {
-                if ((_g = route.data) === null || _g === void 0 ? void 0 : _g.roles) {
-                    const user = this.authService.currentUser;
-                    allowed = !!route.data.roles.find((role) => { var _a; return (_a = user.roles) === null || _a === void 0 ? void 0 : _a.includes(role); });
-                    if (!allowed && redirectRoleUrl) {
-                        this.router.navigate([redirectRoleUrl], queryParams);
-                        redirected = true;
-                    }
-                }
-                else {
-                    allowed = true;
-                }
-            }
-            else if (!this.authService.token && opposite) {
-                allowed = true;
-            }
-            if (!allowed && redirectAuthUrl && !redirected) {
-                this.router.navigate([redirectAuthUrl], queryParams);
-            }
-            subscriber.next(allowed);
-            subscriber.complete();
-        });
-    }
-    /**
-     * Can activate child route
-     */
-    canActivateChild(route, state) {
-        return this.canActivate(route, state);
-    }
-}
-AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AuthGuard, deps: [{ token: i1$1.Router }, { token: i2.AuthService }, { token: BASE_MODULE_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AuthGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AuthGuard, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i1$1.Router }, { type: i2.AuthService }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [BASE_MODULE_CONFIG]
-                    }] }];
-    } });
-
-/**
- * Guard to check if a component can be deactivated
- */
-class CanDeactivateGuard {
-    canDeactivate(component) {
-        return component.canDeactivate ? component.canDeactivate() : true;
-    }
-}
-CanDeactivateGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CanDeactivateGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CanDeactivateGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CanDeactivateGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CanDeactivateGuard, decorators: [{
-            type: Injectable
-        }] });
-
-/**
- * Logout guard
- */
-class LogoutGuard {
-    constructor(router, authService) {
-        this.router = router;
-        this.authService = authService;
-    }
-    canActivate(route, state) {
-        return new Observable((subscriber) => {
-            if (this.authService.token) {
-                this.authService.logout();
-            }
-            subscriber.next(true);
-            subscriber.complete();
-        });
-    }
-    canActivateChild(route, state) {
-        return this.canActivate(route, state);
-    }
-}
-LogoutGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LogoutGuard, deps: [{ token: i1$1.Router }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-LogoutGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LogoutGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: LogoutGuard, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i2.AuthService }]; } });
-
-/**
- * Fullscreen service
- */
-class FullscreenService {
-    constructor() {
-        this._isFullscreenActive = new BehaviorSubject(false);
-        this.listenToFullscreenEvent();
-    }
-    get fullscreenState() {
-        return this._isFullscreenActive.value;
-    }
-    get fullscreenStateAsObservable() {
-        return this._isFullscreenActive.asObservable();
-    }
-    toggleFullscreen() {
-        const elem = document.documentElement;
-        if (!this._isFullscreenActive.value) {
-            elem.requestFullscreen();
-            this._isFullscreenActive.next(true);
-        }
-        else {
-            document.exitFullscreen();
-            this._isFullscreenActive.next(false);
-        }
-    }
-    /**
-     * Event Listener for fullscreen toggle
-     */
-    listenToFullscreenEvent() {
-        document.addEventListener('fullscreenchange', () => {
-            if (document.fullscreenElement) {
-                this._isFullscreenActive.next(true);
-            }
-            else {
-                this._isFullscreenActive.next(false);
-            }
-        });
-    }
-}
-FullscreenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FullscreenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FullscreenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FullscreenService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: FullscreenService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/**
- * SEO service for setting HTML meta data
- */
-class SEOService {
-    constructor(titleService, metaTagService) {
-        this.titleService = titleService;
-        this.metaTagService = metaTagService;
-    }
-    initPageForSEO(input) {
-        this.setGeneralData(input);
-        this.setTwitterData(input);
-        this.setTwitterData(input);
-        this.setFacebookData(input);
-        if (input.keywords) {
-            this.setPageKeywords(input.keywords);
-        }
-    }
-    /**
-     * Set general metadata
-     *
-     * @param data
-     * @private
-     */
-    setGeneralData(data) {
-        this.titleService.setTitle(data.title);
-        this.metaTagService.updateTag({ name: 'description', content: data.description });
-    }
-    /**
-     * Set metadata for twitter
-     *
-     * @param data
-     * @private
-     */
-    setTwitterData(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 === null || window === void 0 ? void 0 : 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',
-            });
-        }
-    }
-    /**
-     * Set metadata for facebook
-     *
-     * @param data
-     * @private
-     */
-    setFacebookData(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 === null || window === void 0 ? void 0 : window.location.href,
-        });
-        if (data.image) {
-            this.metaTagService.updateTag({
-                property: 'og:image',
-                content: data.image,
-            });
-        }
-    }
-    /**
-     * Set page keywords
-     *
-     * @param keywords
-     * @private
-     */
-    setPageKeywords(keywords) {
-        this.metaTagService.updateTag({ name: 'keywords', content: keywords });
-    }
-}
-SEOService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SEOService, deps: [{ token: i1.Title }, { token: i1.Meta }], target: i0.ɵɵFactoryTarget.Injectable });
-SEOService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SEOService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: SEOService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.Title }, { type: i1.Meta }]; } });
-
-class ThemeService {
-    get theme() {
-        return this._theme.value;
-    }
-    set theme(theme) {
-        this._theme.next(theme);
-        this.storageService.save('theme', theme);
-    }
-    get themeObservable() {
-        return this._theme.asObservable();
-    }
-    constructor(storageService) {
-        this.storageService = storageService;
-        this._theme = new BehaviorSubject('light');
-        // Load from storage
-        this.theme = this.storageService.load('theme');
-        // Use system theme if no theme is set
-        if (!this.theme) {
-            this.checkSystemTheme();
-        }
-    }
-    /**
-     * Check theme from system
-     */
-    checkSystemTheme() {
-        if (window === null || window === void 0 ? void 0 : window.matchMedia) {
-            this.theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-        }
-    }
-}
-ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ThemeService, deps: [{ token: i2.StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ThemeService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ThemeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i2.StorageService }]; } });
-
-/**
- * Exports for public API
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AuthGuard, AutoUnsubscribe, BaseModule, CanDeactivateGuard, DateAgoPipe, FullscreenService, LazyLoadDirective, LogoutGuard, MatchHeightDirective, ResizableDirective, SEOService, SafeHtmlPipe, ThemeService, apolloOptionsFactory };
-//# sourceMappingURL=lenne.tech-ng-base.mjs.map