@tilde-nlp/ngx-common 3.0.2 → 4.0.1

package/fesm2020/tilde-nlp-ngx-common.mjs

@@ -1,675 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Directive, Input, HostListener, NgModule, Component, Pipe, EventEmitter, Output, ViewChild } from '@angular/core';
-import * as i1 from '@angular/material/icon';
-import * as i2 from '@angular/platform-browser';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2$1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$2 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { Observable, of } from 'rxjs';
-import * as i1$3 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import * as i6 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i2$2 from '@angular/flex-layout/flex';
-import * as i3 from '@angular/flex-layout/extended';
-
-class IconService {
-    constructor(iconRegistry, sanitizer) {
-        this.iconRegistry = iconRegistry;
-        this.sanitizer = sanitizer;
-    }
-    //https://material.angular.io/components/icon/examples
-    /** Registers svg icons to mat icon registry. Icon SVG's should be under some key in object. Icon name can be used with property name in lowercase. */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    registerIcons(icons) {
-        for (const key in icons) {
-            this.iconRegistry.addSvgIconLiteral(key.toLowerCase(), this.sanitizer.bypassSecurityTrustHtml(icons[key]));
-        }
-    }
-    registerIconFromUrl(name, url) {
-        this.iconRegistry.addSvgIcon(name, this.sanitizer.bypassSecurityTrustResourceUrl(url));
-    }
-    addSvgIconSet(path, namespace) {
-        namespace ?
-            this.iconRegistry.addSvgIconSetInNamespace(namespace, this.sanitizer.bypassSecurityTrustResourceUrl(path)) :
-            this.iconRegistry.addSvgIconSet(this.sanitizer.bypassSecurityTrustResourceUrl(path));
-    }
-}
-IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
-IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }]; } });
-
-const _localStorage = typeof localStorage !== 'undefined' ? localStorage : null;
-const _window = typeof window !== 'undefined' ? window : null;
-class DOMService {
-    get window() {
-        return _window;
-    }
-    get localStorage() {
-        return _localStorage;
-    }
-}
-DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DOMService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DOMService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-class PlausibleHelper {
-    /**
-     * Adds plausible for selected domain and adds additional script for custom event (goal) triggering
-     * @param domain domain that is registered in your plausible account
-     * @returns
-     */
-    static addPlausible(domain) {
-        const domService = new DOMService();
-        const windowObj = domService.window;
-        if (!windowObj || !domain) {
-            return;
-        }
-        const plausibleSrc = "https://plausible.io/js/plausible.js";
-        const script = document.createElement("script");
-        script.src = plausibleSrc;
-        script.setAttribute("data-domain", domain);
-        document.head.append(script);
-        // Add plausible custom event functionality https://plausible.io/docs/custom-event-goals#code-example-for-tracking-link-clicks
-        windowObj.plausible = windowObj.plausible || ((...params) => { (windowObj.plausible.q = windowObj.plausible.q || []).push(params); });
-    }
-    /**
-     * Emits custom plausible event
-     * @param id plausible event id that should be the same as registered in plausible
-     * @param properties an object with custom properties for the event
-     * @returns
-     */
-    static customEvent(id, properties) {
-        const windowObj = window;
-        if (!windowObj?.plausible) {
-            return;
-        }
-        windowObj.plausible(id, { props: properties });
-    }
-}
-
-class PlausibleEventDirective {
-    constructor() {
-        this.id = "";
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.properties = null;
-    }
-    /** Plausible event id. */
-    set libPlausibleEvent(value) {
-        if (!value) {
-            return;
-        }
-        this.id = value.eventId;
-        if (value.properties) {
-            this.properties = {};
-            value.properties.forEach(item => this.properties[item.key] = item.value);
-        }
-    }
-    onClick() {
-        if (this.id.length) {
-            PlausibleHelper.customEvent(this.id, this.properties);
-        }
-    }
-}
-PlausibleEventDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlausibleEventDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-PlausibleEventDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: PlausibleEventDirective, selector: "[libPlausibleEvent]", inputs: { libPlausibleEvent: "libPlausibleEvent" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlausibleEventDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[libPlausibleEvent]'
-                }]
-        }], propDecorators: { libPlausibleEvent: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ["click"]
-            }] } });
-
-class PlausibleModule {
-}
-PlausibleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlausibleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlausibleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlausibleModule, declarations: [PlausibleEventDirective], imports: [CommonModule], exports: [PlausibleEventDirective] });
-PlausibleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlausibleModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlausibleModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PlausibleEventDirective
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        PlausibleEventDirective
-                    ]
-                }]
-        }] });
-
-var InlineMessageIconPosition;
-(function (InlineMessageIconPosition) {
-    InlineMessageIconPosition[InlineMessageIconPosition["START"] = 0] = "START";
-    InlineMessageIconPosition[InlineMessageIconPosition["END"] = 1] = "END";
-})(InlineMessageIconPosition || (InlineMessageIconPosition = {}));
-
-class InlineMessageComponent {
-    constructor() {
-        this.END_ICON_POSITION = InlineMessageIconPosition.END;
-        this.iconName = "info";
-    }
-}
-InlineMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InlineMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: InlineMessageComponent, selector: "lib-inline-message", inputs: { iconName: "iconName", message: "message" }, ngImport: i0, template: "<div class=\"tld-inline-message {{message.type}}\">\r\n  <span class=\"material-icons\" [class.order-end]=\"message.iconPosition === END_ICON_POSITION\"\r\n    [matTooltip]=\"message.iconTooltip? (message.iconTooltip | translate: message.localizationParams) : ''\" *ngIf=\"iconName\">{{iconName}}</span>\r\n  <section *ngIf=\"message\">\r\n    <div class=\"text-s-semi-bold title\" *ngIf=\"message.title\"\r\n      [innerHtml]=\"message.title | translate: message.localizationParams\">\r\n    </div>\r\n    <p class=\"text-s description\" *ngIf=\"message.description\" [innerHtml]=\"message.description | translate:\r\n    message.localizationParams\"></p>\r\n  </section>\r\n</div>", styles: [":host{display:block}.tld-inline-message{display:flex;flex-direction:row}.tld-inline-message.error .material-icons{color:var(--error-dark)}.tld-inline-message.info .material-icons{color:var(--base-40)}.tld-inline-message.warning .material-icons{color:var(--warning-dark)}.tld-inline-message .material-icons{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message .material-icons.order-end{order:2}.tld-inline-message .title,.tld-inline-message .description{margin:0}.tld-inline-message .title+.description{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-inline-message', template: "<div class=\"tld-inline-message {{message.type}}\">\r\n  <span class=\"material-icons\" [class.order-end]=\"message.iconPosition === END_ICON_POSITION\"\r\n    [matTooltip]=\"message.iconTooltip? (message.iconTooltip | translate: message.localizationParams) : ''\" *ngIf=\"iconName\">{{iconName}}</span>\r\n  <section *ngIf=\"message\">\r\n    <div class=\"text-s-semi-bold title\" *ngIf=\"message.title\"\r\n      [innerHtml]=\"message.title | translate: message.localizationParams\">\r\n    </div>\r\n    <p class=\"text-s description\" *ngIf=\"message.description\" [innerHtml]=\"message.description | translate:\r\n    message.localizationParams\"></p>\r\n  </section>\r\n</div>", styles: [":host{display:block}.tld-inline-message{display:flex;flex-direction:row}.tld-inline-message.error .material-icons{color:var(--error-dark)}.tld-inline-message.info .material-icons{color:var(--base-40)}.tld-inline-message.warning .material-icons{color:var(--warning-dark)}.tld-inline-message .material-icons{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message .material-icons.order-end{order:2}.tld-inline-message .title,.tld-inline-message .description{margin:0}.tld-inline-message .title+.description{margin-top:.5rem}\n"] }]
-        }], propDecorators: { iconName: [{
-                type: Input
-            }], message: [{
-                type: Input
-            }] } });
-
-class InlineMessageModule {
-}
-InlineMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InlineMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageModule, declarations: [InlineMessageComponent], imports: [CommonModule,
-        TranslateModule,
-        MatTooltipModule], exports: [InlineMessageComponent] });
-InlineMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageModule, imports: [CommonModule,
-        TranslateModule,
-        MatTooltipModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InlineMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        InlineMessageComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        TranslateModule,
-                        MatTooltipModule
-                    ],
-                    exports: [
-                        InlineMessageComponent
-                    ]
-                }]
-        }] });
-
-var InlineMessageType;
-(function (InlineMessageType) {
-    InlineMessageType["INFO"] = "info";
-    InlineMessageType["WARNING"] = "warning";
-    InlineMessageType["ERROR"] = "error";
-})(InlineMessageType || (InlineMessageType = {}));
-
-class FilterWithHighlightPipe {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    transform(value, filter, key) {
-        if (!filter.length) {
-            return [...value];
-        }
-        const filteredArr = [];
-        const regex = new RegExp(filter, 'gi');
-        for (let element of value) {
-            const elementText = key ? element[key] : element;
-            const match = elementText.match(regex);
-            if (!match) {
-                continue;
-            }
-            let newElement;
-            const textWithHighlight = elementText.replace(regex, (match) => `<span class="filter-highlight">${match}</span>`);
-            if (key) {
-                newElement = { ...element };
-                newElement[key] = textWithHighlight;
-            }
-            else {
-                element = textWithHighlight;
-            }
-            filteredArr.push(newElement ?? element);
-        }
-        return filteredArr;
-    }
-}
-FilterWithHighlightPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FilterWithHighlightPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightPipe, name: "filterWithHighlight" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'filterWithHighlight'
-                }]
-        }] });
-
-class FilterWithHighlightModule {
-}
-FilterWithHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FilterWithHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightModule, declarations: [FilterWithHighlightPipe], imports: [CommonModule], exports: [FilterWithHighlightPipe] });
-FilterWithHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FilterWithHighlightModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FilterWithHighlightPipe
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        FilterWithHighlightPipe
-                    ]
-                }]
-        }] });
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * Pipe used to sort translated values.
- */
-class SortTranslationsPipe {
-    constructor(translate) {
-        this.translate = translate;
-    }
-    /**
-     *
-     * @param objects array of objects to be sorted
-     * @param localizationPrefix prefix for localization code. This is used to get necessary object translations.
-     * @param key Which object property needs to be used for sorting.
-     * @param currentLanguage This is necessary to update values if language is changed.
-     * @returns
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    transform(objects, localizationPrefix, key = null, currentLanguage, translationKey = null) {
-        const arrayCopy = [...objects];
-        if (localizationPrefix) {
-            return new Observable((subscriber) => {
-                this.translate.get(localizationPrefix ?? "").subscribe((translations) => {
-                    const array = this.sortObjects(arrayCopy, key, translations);
-                    subscriber.next(array);
-                    subscriber.complete();
-                });
-            });
-        }
-        else {
-            return of(this.sortObjects(arrayCopy, key));
-        }
-    }
-    sortObjects(array, key, translations) {
-        return array.sort((a, b) => {
-            const aValue = key ? a[key] : a;
-            const aTranslation = translations ? translations[aValue.toUpperCase()] : aValue;
-            const bValue = key ? b[key] : b;
-            const bTranslation = translations ? translations[bValue.toUpperCase()] : bValue;
-            if (aTranslation < bTranslation)
-                return -1;
-            else if (aTranslation > bTranslation)
-                return 1;
-            else
-                return 0;
-        });
-    }
-}
-SortTranslationsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsPipe, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-SortTranslationsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsPipe, name: "sortTranslations" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'sortTranslations'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.TranslateService }]; } });
-
-class SortTranslationsModule {
-}
-SortTranslationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SortTranslationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsModule, declarations: [SortTranslationsPipe], imports: [CommonModule], exports: [SortTranslationsPipe] });
-SortTranslationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SortTranslationsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SortTranslationsPipe],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        SortTranslationsPipe
-                    ]
-                }]
-        }] });
-
-class ClickOutsideDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.clickOutside = new EventEmitter();
-    }
-    onClick(target) {
-        const clickedInside = this.elementRef.nativeElement.contains(target);
-        if (!clickedInside) {
-            this.clickOutside.emit();
-        }
-    }
-}
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onClick($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: '[clickOutside]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-
-class ClickOutsideModule {
-}
-ClickOutsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ClickOutsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideModule, declarations: [ClickOutsideDirective], imports: [CommonModule], exports: [ClickOutsideDirective] });
-ClickOutsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ClickOutsideModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ClickOutsideDirective
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        ClickOutsideDirective
-                    ]
-                }]
-        }] });
-
-class CloseButtonComponent {
-    constructor() {
-        // any type because emitter doesn't really need a value
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.tldClick = new EventEmitter();
-        this.ariaCode = "CLOSE_BUTTON";
-    }
-    clicked() {
-        this.tldClick.emit(null);
-    }
-}
-CloseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CloseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CloseButtonComponent, selector: "tld-close-button", inputs: { ariaCode: "ariaCode", disabled: "disabled", tooltip: "tooltip" }, outputs: { tldClick: "tldClick" }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true }], ngImport: i0, template: "<button [matTooltip]=\"tooltip | translate\"\r\n#clearButton mat-icon-button (click)=\"clicked()\" [attr.aria-label]=\"'ARIA_LABELS.'+ariaCode | translate\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"material-icons\">\r\n        close\r\n    </span>\r\n</button>", dependencies: [{ kind: "component", type: i1$3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tld-close-button', template: "<button [matTooltip]=\"tooltip | translate\"\r\n#clearButton mat-icon-button (click)=\"clicked()\" [attr.aria-label]=\"'ARIA_LABELS.'+ariaCode | translate\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"material-icons\">\r\n        close\r\n    </span>\r\n</button>" }]
-        }], propDecorators: { tldClick: [{
-                type: Output
-            }], ariaCode: [{
-                type: Input
-            }], clearButton: [{
-                type: ViewChild,
-                args: ["clearButton"]
-            }], disabled: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }] } });
-
-class CloseButtonModule {
-}
-CloseButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CloseButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonModule, declarations: [CloseButtonComponent], imports: [CommonModule,
-        MatButtonModule,
-        TranslateModule,
-        MatTooltipModule], exports: [CloseButtonComponent] });
-CloseButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonModule, imports: [CommonModule,
-        MatButtonModule,
-        TranslateModule,
-        MatTooltipModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CloseButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CloseButtonComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatButtonModule,
-                        TranslateModule,
-                        MatTooltipModule
-                    ],
-                    exports: [
-                        CloseButtonComponent
-                    ]
-                }]
-        }] });
-
-class NotificationMessageComponent {
-    constructor() {
-        this.buttonClicked = new EventEmitter();
-        this.closeClicked = new EventEmitter();
-        this.linkClicked = new EventEmitter();
-        this.iconNames = {
-            "BASIC": "info",
-            "ERROR": "error",
-            "SUCCESS": "check_circle",
-            "WARNING": "info",
-        };
-    }
-    ngOnInit() {
-        this.className = this.message.type.toLocaleLowerCase();
-    }
-    buttonClick() {
-        this.buttonClicked.next(null);
-    }
-    closeClick() {
-        this.closeClicked.next(null);
-    }
-    linkClick() {
-        this.linkClicked.next(null);
-    }
-}
-NotificationMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationMessageComponent, selector: "lib-tld-notification-message", inputs: { message: "message", inline: "inline" }, outputs: { buttonClicked: "buttonClicked", closeClicked: "closeClicked", linkClicked: "linkClicked" }, ngImport: i0, template: "<div class=\"notification-message {{className}}\">\r\n  <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n    fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n    <span class=\"material-icons message-icon\">\r\n      {{iconNames[message.type]}}\r\n    </span>\r\n    <div class=\"items-container\" fxFlex>\r\n      <div fxLayout=\"row\">\r\n        <div class=\"text-container\" fxFlex>\r\n          <h1 *ngIf=\"message.title\" class=\"message-title\"\r\n            [innerHtml]=\"message.title | translate: message.localizationParams\"></h1>\r\n          <p *ngIf=\"message.body\" class=\"message-body\">\r\n            <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n            <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n          </p>\r\n        </div>\r\n        <tld-close-button *ngIf=\"!message.hideClose\" class=\"close-button\" (tldClick)=\"closeClick()\">\r\n        </tld-close-button>\r\n      </div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n        *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n        <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n          (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n        <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n          [attr.href]=\"message.linkHref\">{{message.linkText |\r\n          translate}}</a>\r\n        <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n          [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n          translate}}</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notification-message.basic .notification-message-container{background-color:var(--base-100);border-color:var(--base-100)}.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light);border-color:var(--base-100)}.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light);border-color:var(--base-100)}.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light);border-color:var(--base-100)}.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border:1px solid var(--base-95);border-radius:.5em}.notification-message .notification-message-container.mobile{padding:.6em .4em!important}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{font-weight:500;margin:0}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:1.5em}.notification-message .notification-message-container:not(.inline) .items-container{margin-left:1em}.notification-message .notification-message-container:not(.inline) .items-container div+div,.notification-message .notification-message-container:not(.inline) .items-container .message-title+.message-body{margin-top:1em}.notification-message .notification-message-container:not(.inline) .message-title{font-size:1.25em}.notification-message .notification-message-container:not(.inline) .message-body{line-height:1.5em}.notification-message .notification-message-container.inline{padding:.75em 1em}.notification-message .notification-message-container.inline .items-container{margin-left:.75em}.notification-message .notification-message-container.inline .items-container div+div{margin-top:.5em}.notification-message .notification-message-container.inline .items-container .message-title+.message-body{margin-top:.2em}.notification-message .notification-message-container.inline .message-title{font-size:1em}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i1$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tld-notification-message', template: "<div class=\"notification-message {{className}}\">\r\n  <div class=\"notification-message-container tld-default-border\" [ngClass.lt-md]=\"'mobile'\" [class.inline]=\"inline\"\r\n    fxLayout=\"row\" fxLayoutAlign=\"start start\" [attr.id]=\"message.id\" aria-live=\"polite\" fxLayout=\"row\">\r\n    <span class=\"material-icons message-icon\">\r\n      {{iconNames[message.type]}}\r\n    </span>\r\n    <div class=\"items-container\" fxFlex>\r\n      <div fxLayout=\"row\">\r\n        <div class=\"text-container\" fxFlex>\r\n          <h1 *ngIf=\"message.title\" class=\"message-title\"\r\n            [innerHtml]=\"message.title | translate: message.localizationParams\"></h1>\r\n          <p *ngIf=\"message.body\" class=\"message-body\">\r\n            <span [innerHtml]=\"message.body | translate: message.localizationParams\"></span>\r\n            <span *ngIf=\"message.support\" [innerHtml]=\"message.support | translate: message.localizationParams\"></span>\r\n          </p>\r\n        </div>\r\n        <tld-close-button *ngIf=\"!message.hideClose\" class=\"close-button\" (tldClick)=\"closeClick()\">\r\n        </tld-close-button>\r\n      </div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"16px\" fxLayoutAlign=\"start center\"\r\n        *ngIf=\"message.buttonText || message.linkHref || message.routerLink\">\r\n        <button class=\"message-action-button\" color=\"accent\" mat-flat-button *ngIf=\"message.buttonText\"\r\n          (click)=\"buttonClick()\">{{message.buttonText | translate}} </button>\r\n        <a class=\"message-action-link\" *ngIf=\"message.linkHref && message.linkText\" (click)=\"linkClick()\"\r\n          [attr.href]=\"message.linkHref\">{{message.linkText |\r\n          translate}}</a>\r\n        <a class=\"message-action-link\" *ngIf=\"message.routerLink && message.linkText\" (click)=\"linkClick()\"\r\n          [routerLink]=\"[message.routerLink]\">{{message.linkText |\r\n          translate}}</a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notification-message.basic .notification-message-container{background-color:var(--base-100);border-color:var(--base-100)}.notification-message.basic .notification-message-container .message-icon{color:var(--base-40)}.notification-message.basic .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.error .notification-message-container{background-color:var(--error-light);border-color:var(--base-100)}.notification-message.error .notification-message-container .message-icon{color:var(--error-dark)}.notification-message.error .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.warning .notification-message-container{background-color:var(--warning-light);border-color:var(--base-100)}.notification-message.warning .notification-message-container .message-icon{color:var(--warning-dark)}.notification-message.warning .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message.success .notification-message-container{background-color:var(--success-light);border-color:var(--base-100)}.notification-message.success .notification-message-container .message-icon{color:var(--success-dark)}.notification-message.success .notification-message-container .message-action-button{background-color:var(--base-40)}.notification-message .notification-message-container{border:1px solid var(--base-95);border-radius:.5em}.notification-message .notification-message-container.mobile{padding:.6em .4em!important}.notification-message .notification-message-container.mobile .items-container{margin-left:.4em!important}.notification-message .notification-message-container.mobile .items-container div+div{margin-top:.2em!important}.notification-message .notification-message-container.mobile .items-container .message-title+.message-body{margin-top:0!important}.notification-message .notification-message-container .text-container:first-child{line-height:1.5em}.notification-message .notification-message-container .text-container .message-title{font-weight:500;margin:0}.notification-message .notification-message-container .text-container .message-body{margin:0}.notification-message .notification-message-container:not(.inline){padding:1.5em}.notification-message .notification-message-container:not(.inline) .items-container{margin-left:1em}.notification-message .notification-message-container:not(.inline) .items-container div+div,.notification-message .notification-message-container:not(.inline) .items-container .message-title+.message-body{margin-top:1em}.notification-message .notification-message-container:not(.inline) .message-title{font-size:1.25em}.notification-message .notification-message-container:not(.inline) .message-body{line-height:1.5em}.notification-message .notification-message-container.inline{padding:.75em 1em}.notification-message .notification-message-container.inline .items-container{margin-left:.75em}.notification-message .notification-message-container.inline .items-container div+div{margin-top:.5em}.notification-message .notification-message-container.inline .items-container .message-title+.message-body{margin-top:.2em}.notification-message .notification-message-container.inline .message-title{font-size:1em}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }], buttonClicked: [{
-                type: Output
-            }], closeClicked: [{
-                type: Output
-            }], linkClicked: [{
-                type: Output
-            }], inline: [{
-                type: Input
-            }] } });
-
-class NotificationMessageModule {
-}
-NotificationMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NotificationMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageModule, declarations: [NotificationMessageComponent], imports: [CommonModule,
-        FlexLayoutModule,
-        CloseButtonModule,
-        MatButtonModule,
-        TranslateModule,
-        RouterModule], exports: [NotificationMessageComponent] });
-NotificationMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageModule, imports: [CommonModule,
-        FlexLayoutModule,
-        CloseButtonModule,
-        MatButtonModule,
-        TranslateModule,
-        RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NotificationMessageComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        FlexLayoutModule,
-                        CloseButtonModule,
-                        MatButtonModule,
-                        TranslateModule,
-                        RouterModule
-                    ],
-                    exports: [
-                        NotificationMessageComponent
-                    ]
-                }]
-        }] });
-
-var NotificationMessageType;
-(function (NotificationMessageType) {
-    NotificationMessageType["BASIC"] = "BASIC";
-    NotificationMessageType["WARNING"] = "WARNING";
-    NotificationMessageType["SUCCESS"] = "SUCCESS";
-    NotificationMessageType["ERROR"] = "ERROR";
-})(NotificationMessageType || (NotificationMessageType = {}));
-
-class TldLoaderComponent {
-}
-TldLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TldLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TldLoaderComponent, selector: "lib-tld-loader", ngImport: i0, template: "<div class=\"tld-loader accent-color\" fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  <div class=\"accent-bg-color tld-loader-element element-1\"></div>\r\n  <div class=\"accent-bg-color tld-loader-element element-2\"></div>\r\n  <div class=\"accent-bg-color tld-loader-element element-3\"></div>\r\n</div>\r\n", styles: [".tld-loader .tld-loader-element{will-change:transform;border-radius:50%;animation:grow .6s ease-in-out infinite alternate;width:24px;height:24px}.tld-loader .tld-loader-element.element-2{animation-delay:.2s}.tld-loader .tld-loader-element.element-3{animation-delay:.4s}@keyframes grow{to{transform:translate(-50%) scale(0)}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tld-loader', template: "<div class=\"tld-loader accent-color\" fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n  <div class=\"accent-bg-color tld-loader-element element-1\"></div>\r\n  <div class=\"accent-bg-color tld-loader-element element-2\"></div>\r\n  <div class=\"accent-bg-color tld-loader-element element-3\"></div>\r\n</div>\r\n", styles: [".tld-loader .tld-loader-element{will-change:transform;border-radius:50%;animation:grow .6s ease-in-out infinite alternate;width:24px;height:24px}.tld-loader .tld-loader-element.element-2{animation-delay:.2s}.tld-loader .tld-loader-element.element-3{animation-delay:.4s}@keyframes grow{to{transform:translate(-50%) scale(0)}}\n"] }]
-        }] });
-
-class TldLoaderModule {
-}
-TldLoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TldLoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderModule, declarations: [TldLoaderComponent], exports: [TldLoaderComponent] });
-TldLoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TldLoaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TldLoaderComponent
-                    ],
-                    exports: [
-                        TldLoaderComponent
-                    ]
-                }]
-        }] });
-
-class MissingTranslationHelper {
-    handle(params) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        return params.interpolateParams?.default || params.key;
-    }
-}
-
-class CompanyProductComponent {
-    constructor() {
-        this.company = "";
-        this.product = "";
-    }
-}
-CompanyProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CompanyProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CompanyProductComponent, selector: "lib-company-product", inputs: { company: "company", product: "product" }, ngImport: i0, template: "<div fxHide.lt-md class=\"tilde-product-title\">\r\n    <span class=\"company\">\r\n        {{company | uppercase}}\r\n    </span>\r\n    <span class=\"product\">\r\n        {{product}}\r\n    </span>\r\n</div>", styles: [".tilde-product-title{font-family:Roboto;text-decoration:none!important}.tilde-product-title .company{font-weight:700;font-size:.75rem;line-height:1rem;color:#616e7c;letter-spacing:1px;display:block}.tilde-product-title .product{font-weight:500;font-size:1.25rem;line-height:1.5rem;color:#1f2933;display:block}\n"], dependencies: [{ kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-company-product', template: "<div fxHide.lt-md class=\"tilde-product-title\">\r\n    <span class=\"company\">\r\n        {{company | uppercase}}\r\n    </span>\r\n    <span class=\"product\">\r\n        {{product}}\r\n    </span>\r\n</div>", styles: [".tilde-product-title{font-family:Roboto;text-decoration:none!important}.tilde-product-title .company{font-weight:700;font-size:.75rem;line-height:1rem;color:#616e7c;letter-spacing:1px;display:block}.tilde-product-title .product{font-weight:500;font-size:1.25rem;line-height:1.5rem;color:#1f2933;display:block}\n"] }]
-        }], propDecorators: { company: [{
-                type: Input
-            }], product: [{
-                type: Input
-            }] } });
-
-class CompanyProductModule {
-}
-CompanyProductModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CompanyProductModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductModule, declarations: [CompanyProductComponent], imports: [CommonModule], exports: [CompanyProductComponent] });
-CompanyProductModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CompanyProductModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CompanyProductComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [CompanyProductComponent]
-                }]
-        }] });
-
-class FooterComponent {
-    constructor() {
-        this.defaultTermsRoute = "terms-of-use";
-        this.defaultPrivacyRoute = "privacy-policy";
-        this.privacyRoute = this.defaultPrivacyRoute;
-        this.termsOfUseRoute = this.defaultTermsRoute;
-        this.contactUsRoute = "https://tilde.com/about/get-in-touch";
-        this.currentYear = new Date().getFullYear();
-    }
-    ngOnInit() {
-        if (this.baseUrl) {
-            this.privacyRoute = this.baseUrl + this.privacyRoute;
-            this.termsOfUseRoute = this.baseUrl + this.termsOfUseRoute;
-        }
-    }
-}
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FooterComponent, selector: "tld-footer", inputs: { privacyRoute: "privacyRoute", termsOfUseRoute: "termsOfUseRoute", contactUsRoute: "contactUsRoute", baseUrl: "baseUrl" }, ngImport: i0, template: "<footer fxLayout=\"row\" class=\"text-m\">\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutAlign.xs=\"center center\" fxLayout.xs=\"column\"\r\n    fxLayoutGap=\"16px\">\r\n    <div>\r\n      {{ 'FOOTER.TITLE' | translate: {currentYear: currentYear} }}\r\n    </div>\r\n    <div fxLayoutGap=\"1rem\">\r\n      <ng-container *ngIf=\"baseUrl; else localRoutes\">\r\n        <a class=\"semi-bold\" *ngIf=\"termsOfUseRoute\" [attr.href]=\"termsOfUseRoute\" target=\"_blank\"> {{\r\n          'FOOTER.TERMS_OF_USE' |\r\n          translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"privacyRoute\" [attr.href]=\"privacyRoute\" target=\"_blank\"> {{ 'FOOTER.PRIVACY'\r\n          | translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"contactUsRoute\" [routerLink]=\"[contactUsRoute]\"> {{ 'FOOTER.CONTACT_US'| translate\r\n          }}</a>\r\n\r\n      </ng-container>\r\n      <ng-template #localRoutes>\r\n        <a class=\"semi-bold\" *ngIf=\"termsOfUseRoute\" [routerLink]=\"[termsOfUseRoute]\"> {{ 'FOOTER.TERMS_OF_USE' |\r\n          translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"privacyRoute\" [routerLink]=\"[privacyRoute]\"> {{ 'FOOTER.PRIVACY'| translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"contactUsRoute\" [routerLink]=\"[contactUsRoute]\"> {{ 'FOOTER.CONTACT_US'| translate\r\n          }}</a>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</footer>\r\n", styles: [":host footer{color:var(--base-30);padding:1rem 2rem;margin-bottom:0;border-top:1px solid var(--base-70);margin-top:1rem}:host footer a{color:var(--base-30);text-decoration:none}:host footer a:hover{color:var(--base-30);text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tld-footer', template: "<footer fxLayout=\"row\" class=\"text-m\">\r\n  <div fxFlex fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutAlign.xs=\"center center\" fxLayout.xs=\"column\"\r\n    fxLayoutGap=\"16px\">\r\n    <div>\r\n      {{ 'FOOTER.TITLE' | translate: {currentYear: currentYear} }}\r\n    </div>\r\n    <div fxLayoutGap=\"1rem\">\r\n      <ng-container *ngIf=\"baseUrl; else localRoutes\">\r\n        <a class=\"semi-bold\" *ngIf=\"termsOfUseRoute\" [attr.href]=\"termsOfUseRoute\" target=\"_blank\"> {{\r\n          'FOOTER.TERMS_OF_USE' |\r\n          translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"privacyRoute\" [attr.href]=\"privacyRoute\" target=\"_blank\"> {{ 'FOOTER.PRIVACY'\r\n          | translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"contactUsRoute\" [routerLink]=\"[contactUsRoute]\"> {{ 'FOOTER.CONTACT_US'| translate\r\n          }}</a>\r\n\r\n      </ng-container>\r\n      <ng-template #localRoutes>\r\n        <a class=\"semi-bold\" *ngIf=\"termsOfUseRoute\" [routerLink]=\"[termsOfUseRoute]\"> {{ 'FOOTER.TERMS_OF_USE' |\r\n          translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"privacyRoute\" [routerLink]=\"[privacyRoute]\"> {{ 'FOOTER.PRIVACY'| translate }}</a>\r\n        <a class=\"semi-bold\" *ngIf=\"contactUsRoute\" [routerLink]=\"[contactUsRoute]\"> {{ 'FOOTER.CONTACT_US'| translate\r\n          }}</a>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</footer>\r\n", styles: [":host footer{color:var(--base-30);padding:1rem 2rem;margin-bottom:0;border-top:1px solid var(--base-70);margin-top:1rem}:host footer a{color:var(--base-30);text-decoration:none}:host footer a:hover{color:var(--base-30);text-decoration:underline}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { privacyRoute: [{
-                type: Input
-            }], termsOfUseRoute: [{
-                type: Input
-            }], contactUsRoute: [{
-                type: Input
-            }], baseUrl: [{
-                type: Input
-            }] } });
-
-class FooterModule {
-}
-FooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FooterModule, declarations: [FooterComponent], imports: [CommonModule,
-        FlexLayoutModule,
-        TranslateModule,
-        RouterModule], exports: [FooterComponent] });
-FooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterModule, imports: [CommonModule,
-        FlexLayoutModule,
-        TranslateModule,
-        RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FooterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FooterComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        FlexLayoutModule,
-                        TranslateModule,
-                        RouterModule
-                    ],
-                    exports: [FooterComponent]
-                }]
-        }] });
-
-/*
- * Public API Surface of ngx-common
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CompanyProductComponent, CompanyProductModule, DOMService, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, MissingTranslationHelper, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, PlausibleEventDirective, PlausibleHelper, PlausibleModule, SortTranslationsModule, SortTranslationsPipe, TldLoaderComponent, TldLoaderModule };
-//# sourceMappingURL=tilde-nlp-ngx-common.mjs.map