@factor_ec/ui 3.0.1 → 4.0.0

package/fesm2015/factor_ec-ui.mjs

@@ -1,1053 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, Input, HostBinding, Inject, EventEmitter, Output, Injectable, ApplicationRef, PLATFORM_ID, Directive, NgModule } from '@angular/core';
-import * as i1 from '@factor_ec/utils';
-import * as i1$1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import * as i1$2 from '@angular/material/snack-bar';
-import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i3 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import { ReplaySubject } from 'rxjs';
-import * as i4 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i5 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
-
-class AvatarComponent {
-    constructor(colorService) {
-        this.colorService = colorService;
-        this.class = '';
-    }
-    set src(value) {
-        if (value && value.trim() != '') {
-            this._src = value;
-            let image = new Image();
-            image.src = value;
-            image.onload = () => {
-                if ("decode" in image) {
-                    image.decode().then(() => {
-                        this.loaded = true;
-                    });
-                }
-                else {
-                    console.error('Image.decode not available.');
-                }
-            };
-        }
-    }
-    set label(value) {
-        this._label = value;
-        this.initials = this.getInitials(value);
-    }
-    get backgroundColor() {
-        return this.color || this.colorService.hex(this._label);
-    }
-    get backgroundImage() {
-        return this._src ? `url(${this._src})` : '';
-    }
-    get hostClasses() {
-        return [
-            'ft-avatar',
-            this.class
-        ].join(' ');
-    }
-    ngOnInit() {
-    }
-    getInitials(value) {
-        let allInitials = value.match(/\b\w/g) || [];
-        let initials = ((allInitials.shift() || '') + (allInitials.pop() || '')).toUpperCase();
-        return initials;
-    }
-}
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: AvatarComponent, deps: [{ token: i1.ColorService }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: AvatarComponent, selector: "ft-avatar", inputs: { color: "color", src: "src", label: "label", class: "class" }, host: { properties: { "style.background-color": "this.backgroundColor", "style.background-image": "this.backgroundImage", "class": "this.hostClasses" } }, ngImport: i0, template: "<div *ngIf=\"!loaded\">{{ initials }}</div>", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-avatar', template: "<div *ngIf=\"!loaded\">{{ initials }}</div>" }]
-        }], ctorParameters: function () { return [{ type: i1.ColorService }]; }, propDecorators: { color: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], backgroundColor: [{
-                type: HostBinding,
-                args: ['style.background-color']
-            }], backgroundImage: [{
-                type: HostBinding,
-                args: ['style.background-image']
-            }], class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class IconComponent {
-    constructor(configuration) {
-        this.configuration = configuration;
-        this.class = '';
-    }
-    set collection(collection) {
-        this._collection = collection;
-        this.update();
-    }
-    set mode(mode) {
-        this._mode = mode;
-        this.update();
-    }
-    set name(name) {
-        this._name = name;
-        this.update();
-    }
-    set path(path) {
-        this._path = path;
-        this.update();
-    }
-    get hostClasses() {
-        return [
-            'ft-icon',
-            this.class
-        ].join(' ');
-    }
-    ngOnInit() {
-        this.update();
-    }
-    update() {
-        // Set the default collection if the mode is external
-        if (!this._collection) {
-            if (this.configuration.icon && this.configuration.icon.collection) {
-                this._collection = this.configuration.icon.collection;
-            }
-            else if (this._mode === 'external') {
-                this._collection = 'icons';
-            }
-        }
-        if (!this._mode) {
-            if (this.configuration.icon && this.configuration.icon.mode) {
-                this._mode = this.configuration.icon.mode;
-            }
-            else {
-                this._mode = 'external';
-            }
-        }
-        if (this._mode === 'external') {
-            // If the icon mode is external
-            if (!this._path) {
-                if (this.configuration.icon && this.configuration.icon.path) {
-                    this._path = this.configuration.icon.path;
-                }
-                else {
-                    this._path = 'assets';
-                }
-            }
-            this.url = `${this._path}/${this._collection}.svg#${this._name}`;
-        }
-        else {
-            // If the icon mode is inline
-            const name = this._collection && this._collection !== 'unset' ? `${this._collection}--${this._name}` : this._name;
-            this.url = `#${name}`;
-        }
-    }
-}
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: IconComponent, deps: [{ token: 'FactorUiConfiguration' }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: IconComponent, selector: "ft-icon", inputs: { collection: "collection", mode: "mode", name: "name", path: "path", src: "src", class: "class" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<svg *ngIf=\"!src; else imageTemplate\">\n  <use attr.xlink:href=\"{{ url }}\" attr.href=\"{{ url }}\" />\n</svg>\n<ng-template #imageTemplate>\n  <img [src]=\"src\" />\n</ng-template>", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-icon', template: "<svg *ngIf=\"!src; else imageTemplate\">\n  <use attr.xlink:href=\"{{ url }}\" attr.href=\"{{ url }}\" />\n</svg>\n<ng-template #imageTemplate>\n  <img [src]=\"src\" />\n</ng-template>" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: ['FactorUiConfiguration']
-                    }] }];
-    }, propDecorators: { collection: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], path: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ImageComponent {
-    constructor(element) {
-        this.element = element;
-        this.class = '';
-        this.loading = false;
-        this.shown = false;
-    }
-    ngOnInit() {
-        if ("IntersectionObserver" in window) {
-            let elementObserver = new IntersectionObserver((entries, observer) => {
-                entries.forEach((entry) => {
-                    if (entry.isIntersecting) {
-                        let image = new Image();
-                        image.src = this.src;
-                        setTimeout(() => {
-                            if (!this.shown && !this.error) {
-                                this.loading = true;
-                            }
-                        }, 100);
-                        image.onerror = () => {
-                            this.error = true;
-                            this.loading = false;
-                        };
-                        image.onload = () => {
-                            if ("decode" in image) {
-                                image.decode().then(() => {
-                                    this.loading = false;
-                                    this.shown = true;
-                                });
-                            }
-                            else {
-                                this.loading = false;
-                                this.shown = true;
-                            }
-                        };
-                        elementObserver.unobserve(this.element.nativeElement);
-                    }
-                });
-            }, {
-                rootMargin: "0px 0px 200px 0px"
-            });
-            elementObserver.observe(this.element.nativeElement);
-        }
-        else {
-            console.error('IntersectionObserver not available.');
-            this.loading = false;
-            this.shown = true;
-        }
-    }
-    get hostClasses() {
-        return [
-            'ft-image',
-            this.class
-        ].join(' ');
-    }
-}
-ImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ImageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ImageComponent, selector: "ft-image", inputs: { class: "class", src: "src" }, host: { properties: { "class.ft-image--error": "this.error", "class.ft-image--loading": "this.loading", "class": "this.hostClasses" } }, ngImport: i0, template: "<img *ngIf=\"shown\" [src]=\"src\" />\n<ft-icon name=\"warning\" size=\"2\" *ngIf=\"error\"></ft-icon>\n", styles: [":host{display:inline-block;overflow:hidden;display:flex;align-items:center;justify-content:center}:host.ft-image--loading{background-color:#00000008;position:relative;overflow:hidden}:host.ft-image--loading:after{content:\"\";display:block;background-color:#00000005;position:absolute;top:0;bottom:0;width:100%;height:100%;transform:translate(0);animation:1.5s ft-placeholder-loading ease-in-out infinite}:host.ft-image--error{background-color:#ff000008}:host.ft-image--error ft-icon{color:var(--danger)}img{position:relative;z-index:1;max-width:100%;max-height:100%;animation:ft-fade-in .3s}@keyframes ft-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ft-placeholder-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ImageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-image', template: "<img *ngIf=\"shown\" [src]=\"src\" />\n<ft-icon name=\"warning\" size=\"2\" *ngIf=\"error\"></ft-icon>\n", styles: [":host{display:inline-block;overflow:hidden;display:flex;align-items:center;justify-content:center}:host.ft-image--loading{background-color:#00000008;position:relative;overflow:hidden}:host.ft-image--loading:after{content:\"\";display:block;background-color:#00000005;position:absolute;top:0;bottom:0;width:100%;height:100%;transform:translate(0);animation:1.5s ft-placeholder-loading ease-in-out infinite}:host.ft-image--error{background-color:#ff000008}:host.ft-image--error ft-icon{color:var(--danger)}img{position:relative;z-index:1;max-width:100%;max-height:100%;animation:ft-fade-in .3s}@keyframes ft-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ft-placeholder-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
-                type: Input
-            }], error: [{
-                type: HostBinding,
-                args: ['class.ft-image--error']
-            }], loading: [{
-                type: HostBinding,
-                args: ['class.ft-image--loading']
-            }], src: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MessageContentComponent {
-    constructor(data) {
-        this.data = data;
-    }
-}
-MessageContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageContentComponent, deps: [{ token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
-MessageContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MessageContentComponent, selector: "ft-message-content", ngImport: i0, template: "<ng-container [ngSwitch]=\"data.message?.type\">\n    <div *ngSwitchCase=\"'html'\" [innerHTML]=\"data.message?.content\"></div>\n    <ng-container *ngSwitchDefault>{{ data.message?.content }}</ng-container>\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-message-content', template: "<ng-container [ngSwitch]=\"data.message?.type\">\n    <div *ngSwitchCase=\"'html'\" [innerHTML]=\"data.message?.content\"></div>\n    <ng-container *ngSwitchDefault>{{ data.message?.content }}</ng-container>\n</ng-container>" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_SNACK_BAR_DATA]
-                    }] }];
-    } });
-
-class MessageComponent {
-    constructor(data) {
-        this.data = data;
-        this.beforeSelect = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-    select(value) {
-        this.beforeSelect.emit(value);
-    }
-}
-MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: MessageComponent, selector: "ft-message", outputs: { beforeSelect: "beforeSelect" }, ngImport: i0, template: "<h1 mat-dialog-title class=\"ft-message__title\" *ngIf=\"data.options?.title\">\n    <ft-icon *ngIf=\"data.options?.titleIcon\" [name]=\"data.options?.titleIcon?.name\"\n        [collection]=\"data.options?.titleIcon?.collection\" [ngClass]=\"data.options?.titleIcon?.class\"></ft-icon>\n    <div>{{ data.options?.title }}</div>\n</h1>\n<div mat-dialog-content class=\"ft-message__content\" [ngClass]=\"data.options?.class\">\n    <ft-icon *ngIf=\"data.options?.icon\" [name]=\"data.options?.icon?.name\" [collection]=\"data.options?.icon?.collection\"\n        [ngClass]=\"data.options?.icon?.class\"></ft-icon>\n    <ng-container [ngSwitch]=\"data.message?.type\">\n        <div *ngSwitchCase=\"'html'\" [innerHTML]=\"data.message?.content\"></div>\n        <ng-container *ngSwitchDefault>{{ data.message?.content }}</ng-container>\n    </ng-container>\n</div>\n<div mat-dialog-actions class=\"ft-message__actions\" *ngIf=\"data.options.actionsVisible\">\n    <ng-container *ngIf=\"data.options?.actions?.length > 0; else acceptTemplate\">\n        <ng-container *ngFor=\"let action of data.options?.actions; let i = index\">\n            <ng-container [ngSwitch]=\"action.type\">\n                <button type=\"button\" *ngSwitchCase=\"'raised'\" mat-raised-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchCase=\"'flat'\" mat-flat-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchCase=\"'stroked'\" mat-stroked-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchDefault mat-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\">{{ action.label }}</button>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n<ng-template #acceptTemplate>\n    <button type=\"button\" mat-stroked-button color=\"primary\" autofocus (click)=\"select('-1')\" i18n>Accept</button>\n</ng-template>", styles: [".mat-mdc-dialog-title{display:flex;align-items:center;gap:.5rem}.mat-mdc-dialog-content{display:flex;align-items:center;margin-bottom:.5rem}.mat-mdc-dialog-content ft-icon{margin-right:.5rem}.mat-mdc-dialog-actions{display:flex;align-items:center;justify-content:flex-end;padding-bottom:1.5rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.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: i3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-message', template: "<h1 mat-dialog-title class=\"ft-message__title\" *ngIf=\"data.options?.title\">\n    <ft-icon *ngIf=\"data.options?.titleIcon\" [name]=\"data.options?.titleIcon?.name\"\n        [collection]=\"data.options?.titleIcon?.collection\" [ngClass]=\"data.options?.titleIcon?.class\"></ft-icon>\n    <div>{{ data.options?.title }}</div>\n</h1>\n<div mat-dialog-content class=\"ft-message__content\" [ngClass]=\"data.options?.class\">\n    <ft-icon *ngIf=\"data.options?.icon\" [name]=\"data.options?.icon?.name\" [collection]=\"data.options?.icon?.collection\"\n        [ngClass]=\"data.options?.icon?.class\"></ft-icon>\n    <ng-container [ngSwitch]=\"data.message?.type\">\n        <div *ngSwitchCase=\"'html'\" [innerHTML]=\"data.message?.content\"></div>\n        <ng-container *ngSwitchDefault>{{ data.message?.content }}</ng-container>\n    </ng-container>\n</div>\n<div mat-dialog-actions class=\"ft-message__actions\" *ngIf=\"data.options.actionsVisible\">\n    <ng-container *ngIf=\"data.options?.actions?.length > 0; else acceptTemplate\">\n        <ng-container *ngFor=\"let action of data.options?.actions; let i = index\">\n            <ng-container [ngSwitch]=\"action.type\">\n                <button type=\"button\" *ngSwitchCase=\"'raised'\" mat-raised-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchCase=\"'flat'\" mat-flat-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchCase=\"'stroked'\" mat-stroked-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\" autofocus>{{ action.label }}</button>\n                <button type=\"button\" *ngSwitchDefault mat-button [color]=\"action.metadata?.color\"\n                    (click)=\"select(action.value)\">{{ action.label }}</button>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n<ng-template #acceptTemplate>\n    <button type=\"button\" mat-stroked-button color=\"primary\" autofocus (click)=\"select('-1')\" i18n>Accept</button>\n</ng-template>", styles: [".mat-mdc-dialog-title{display:flex;align-items:center;gap:.5rem}.mat-mdc-dialog-content{display:flex;align-items:center;margin-bottom:.5rem}.mat-mdc-dialog-content ft-icon{margin-right:.5rem}.mat-mdc-dialog-actions{display:flex;align-items:center;justify-content:flex-end;padding-bottom:1.5rem}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_DIALOG_DATA]
-                    }] }];
-    }, propDecorators: { beforeSelect: [{
-                type: Output
-            }] } });
-
-class MessageService {
-    constructor(snackBar, dialog) {
-        this.snackBar = snackBar;
-        this.dialog = dialog;
-    }
-    show(message, options) {
-        let selectionSource = new ReplaySubject(undefined);
-        let selection = selectionSource.asObservable();
-        const defaults = {
-            type: 'notification',
-            duration: 2000,
-            actionsVisible: true
-        };
-        options = Object.assign(defaults, options);
-        const data = { message: typeof message === 'string' ? { content: message, type: 'text' } : message, options };
-        switch (options.type) {
-            default:
-            case 'notification':
-                this.snackBar.openFromComponent(MessageContentComponent, {
-                    data,
-                    panelClass: ['ft-message', 'ft-message--notification'],
-                    duration: options.duration || 2000,
-                });
-                break;
-            case 'modal':
-                const dialogRef = this.dialog.open(MessageComponent, {
-                    width: options.width || '350px',
-                    data,
-                    panelClass: ['ft-message', 'ft-message--modal'],
-                    autoFocus: false,
-                    disableClose: true
-                });
-                dialogRef.componentInstance.beforeSelect.subscribe((response) => {
-                    selectionSource.next(response);
-                    dialogRef.close();
-                });
-                this.snackBar.dismiss();
-                break;
-        }
-        return selection;
-    }
-}
-MessageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageService, deps: [{ token: i1$2.MatSnackBar }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
-MessageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: MessageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatSnackBar }, { type: i3.MatDialog }]; } });
-
-class ProgressComponent {
-    constructor() {
-        this.class = '';
-        this.mode = 'indeterminate';
-        this.overlay = false;
-    }
-    ngOnInit() {
-        this.value = 0;
-    }
-    get hostClasses() {
-        return [
-            'ft-progress',
-            this.overlay ? 'ft-progress--overlay' : '',
-            this.class
-        ].join(' ');
-    }
-}
-ProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ProgressComponent, selector: "ft-progress", inputs: { class: "class", color: "color", mode: "mode", overlay: "overlay", size: "size", value: "value" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<svg [ngStyle]=\"{'--ft-bar-color': color}\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"\n    preserveAspectRatio=\"xMidYMid\">\n    <circle class=\"ft-track\" cx=\"50\" cy=\"50\" r=\"40\" />\n    <circle class=\"ft-bar\" [ngClass]=\"mode === 'determinate' ? 'ft-bar--determinate' : 'ft-bar--indeterminate'\" cx=\"50\" cy=\"50\" r=\"40\"\n        [ngStyle]=\"{'stroke-dashoffset': mode=='determinate'? 'calc((3.14159265 * 40 * 2 * (100 - '+value+')) / 100)' : null}\">\n    </circle>\n</svg>", styles: [":host{--ft-track-color: rgba(0, 0, 0, .08);--ft-bar-color: var(--ft-primary-color);line-height:0;display:inline-block}:host.ft-progress--1{font-size:1rem}:host.ft-progress--2{font-size:1.5rem}:host.ft-progress--3{font-size:2rem}:host.ft-progress--4{font-size:3rem}:host.ft-progress--5{font-size:4.5rem}:host.ft-progress--6{font-size:8rem}:host.ft-progress--7{font-size:16rem}:host.ft-progress--8{font-size:32rem}:host.ft-progress--overlay{position:fixed;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:var(--ft-z-index-modal, 1000);inset:0;font-size:42px}:host.ft-progress--overlay svg{background:rgba(255,255,255,.6);-webkit-backdrop-filter:saturate(50%) blur(3px);backdrop-filter:saturate(50%) blur(3px);box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;border-radius:100vh;padding:.3125rem;animation:ft-progress-reveal .2s;animation-fill-mode:forwards}:host.ft-progress--overlay svg .ft-track{display:none}svg{width:1em;height:1em;vertical-align:middle}svg .ft-track{fill:none;stroke-width:10;stroke:var(--ft-track-color)}svg .ft-bar{fill:none;stroke-opacity:.9;stroke-width:6;stroke:var(--ft-bar-color)}svg .ft-bar.ft-bar--indeterminate{animation:ft-progress-rotation 2s infinite linear}svg .ft-bar.ft-bar--determinate{stroke-dasharray:251.327412288}@keyframes ft-progress-reveal{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ft-progress-rotation{0%{stroke-dashoffset:0;stroke-dasharray:150.6 100.4}50%{stroke-dasharray:1 250}to{stroke-dashoffset:502;stroke-dasharray:150.6 100.4}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ProgressComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-progress', template: "<svg [ngStyle]=\"{'--ft-bar-color': color}\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"\n    preserveAspectRatio=\"xMidYMid\">\n    <circle class=\"ft-track\" cx=\"50\" cy=\"50\" r=\"40\" />\n    <circle class=\"ft-bar\" [ngClass]=\"mode === 'determinate' ? 'ft-bar--determinate' : 'ft-bar--indeterminate'\" cx=\"50\" cy=\"50\" r=\"40\"\n        [ngStyle]=\"{'stroke-dashoffset': mode=='determinate'? 'calc((3.14159265 * 40 * 2 * (100 - '+value+')) / 100)' : null}\">\n    </circle>\n</svg>", styles: [":host{--ft-track-color: rgba(0, 0, 0, .08);--ft-bar-color: var(--ft-primary-color);line-height:0;display:inline-block}:host.ft-progress--1{font-size:1rem}:host.ft-progress--2{font-size:1.5rem}:host.ft-progress--3{font-size:2rem}:host.ft-progress--4{font-size:3rem}:host.ft-progress--5{font-size:4.5rem}:host.ft-progress--6{font-size:8rem}:host.ft-progress--7{font-size:16rem}:host.ft-progress--8{font-size:32rem}:host.ft-progress--overlay{position:fixed;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:var(--ft-z-index-modal, 1000);inset:0;font-size:42px}:host.ft-progress--overlay svg{background:rgba(255,255,255,.6);-webkit-backdrop-filter:saturate(50%) blur(3px);backdrop-filter:saturate(50%) blur(3px);box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f;border-radius:100vh;padding:.3125rem;animation:ft-progress-reveal .2s;animation-fill-mode:forwards}:host.ft-progress--overlay svg .ft-track{display:none}svg{width:1em;height:1em;vertical-align:middle}svg .ft-track{fill:none;stroke-width:10;stroke:var(--ft-track-color)}svg .ft-bar{fill:none;stroke-opacity:.9;stroke-width:6;stroke:var(--ft-bar-color)}svg .ft-bar.ft-bar--indeterminate{animation:ft-progress-rotation 2s infinite linear}svg .ft-bar.ft-bar--determinate{stroke-dasharray:251.327412288}@keyframes ft-progress-reveal{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ft-progress-rotation{0%{stroke-dashoffset:0;stroke-dasharray:150.6 100.4}50%{stroke-dasharray:1 250}to{stroke-dashoffset:502;stroke-dasharray:150.6 100.4}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], overlay: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ProgressService {
-    constructor(viewContainerRef, injector) {
-        this.viewContainerRef = viewContainerRef;
-        this.injector = injector;
-    }
-    show() {
-        if (!this.componentRef) {
-            this.appRef = this.injector.get(ApplicationRef);
-            // 1. Create a component reference from the component 
-            this.componentRef = this.viewContainerRef.createComponent(ProgressComponent);
-            // 2. Attach component to the appRef so that it's inside the ng component tree
-            this.appRef.attachView(this.componentRef.hostView);
-            this.componentRef.instance.overlay = true;
-            // 3. Get DOM element from component
-            const domElem = this.componentRef.hostView
-                .rootNodes[0];
-            // 4. Append DOM element to the body
-            document.body.appendChild(domElem);
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    hide() {
-        if (this.componentRef) {
-            this.appRef.detachView(this.componentRef.hostView);
-            this.componentRef.destroy();
-            this.componentRef = null;
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-}
-ProgressService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ProgressService, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-ProgressService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ProgressService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ProgressService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Injector }]; } });
-
-class ObserveIntersectingDirective {
-    constructor(element, platformId) {
-        this.element = element;
-        this.platformId = platformId;
-        this.event = new EventEmitter();
-    }
-    ngOnInit() {
-        if (isPlatformBrowser(this.platformId)) {
-            if ("IntersectionObserver" in window) {
-                const elementObserver = new IntersectionObserver((entries, observer) => {
-                    entries.forEach((entry) => {
-                        this.event.emit(entry.isIntersecting);
-                    });
-                }, this.options);
-                elementObserver.observe(this.element.nativeElement);
-            }
-            else {
-                console.error('ftObserveIntersecting not available in this browser.');
-            }
-        }
-    }
-}
-ObserveIntersectingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveIntersectingDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
-ObserveIntersectingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: ObserveIntersectingDirective, selector: "[ftObserveIntersecting]", inputs: { options: ["ftObserveIntersectingOptions", "options"] }, outputs: { event: "ftObserveIntersecting" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ObserveIntersectingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ftObserveIntersecting]'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: Object, decorators: [{
-                        type: Inject,
-                        args: [PLATFORM_ID]
-                    }] }];
-    }, propDecorators: { options: [{
-                type: Input,
-                args: ['ftObserveIntersectingOptions']
-            }], event: [{
-                type: Output,
-                args: ['ftObserveIntersecting']
-            }] } });
-
-class RatingComponent {
-    constructor() {
-        this.disabled = false;
-        this.propagateChange = (_) => { };
-        this.readOnly = false;
-        this.stars = [
-            { value: 1 },
-            { value: 2 },
-            { value: 3 },
-            { value: 4 },
-            { value: 5 }
-        ];
-    }
-    ngOnInit() {
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-        this.propagateChange(this._value);
-    }
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    registerOnTouched(fn) {
-        //this.propagateChange = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    setRate(value, isHover) {
-        if (isHover) {
-            this.hoverValue = value;
-        }
-        else {
-            this.value = value;
-        }
-    }
-    updateValue(event) {
-        this.value = event.target.value;
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-}
-RatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: RatingComponent, selector: "ft-rating", inputs: { readOnly: "readOnly", value: "value" }, ngImport: i0, template: "<ng-container *ngFor=\"let star of stars\">\n    <ng-container *ngTemplateOutlet=\"!readOnly? buttonTemplate : starTemplate; context:{star:star}\"></ng-container>\n</ng-container>\n<ng-template #buttonTemplate let-star=\"star\">\n    <button type=\"button\" class=\"ft-rating__item\" *ngIf=\"!readOnly; else starTemplate\" [disabled]=\"disabled\"\n        (mouseover)=\"setRate(star.value, true)\" (focus)=\"setRate(star.value, true)\" (blur)=\"setRate(0, true)\"\n        (mouseout)=\"setRate(0, true)\" (click)=\"setRate(star.value)\">\n        <ng-container *ngTemplateOutlet=\"starTemplate; context:{star:star}\"></ng-container>\n    </button>\n</ng-template>\n<ng-template #starTemplate let-star=\"star\">\n    <svg [ngClass]=\"{'ft-rating__item-icon--hover': hoverValue >= star.value, 'ft-rating__item-icon--active': value >= star.value}\" viewBox=\"0 0 24 24\">\n        <path\n            d=\"M17.93 21.315c-.534.408-5.22-3.186-5.881-3.181-.663 0-5.307 3.656-5.846 3.254-.537-.403 1.29-6.165 1.081-6.822-.209-.656-4.972-4.138-4.772-4.796.201-.658 6.015-.627 6.55-1.036.533-.41 2.233-6.215 2.895-6.219.663 0 2.43 5.779 2.968 6.182.539.403 6.352.297 6.56.953.21.656-4.513 4.197-4.714 4.856-.2.658 1.692 6.398 1.159 6.808z\" />\n    </svg>\n</ng-template>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-rating', template: "<ng-container *ngFor=\"let star of stars\">\n    <ng-container *ngTemplateOutlet=\"!readOnly? buttonTemplate : starTemplate; context:{star:star}\"></ng-container>\n</ng-container>\n<ng-template #buttonTemplate let-star=\"star\">\n    <button type=\"button\" class=\"ft-rating__item\" *ngIf=\"!readOnly; else starTemplate\" [disabled]=\"disabled\"\n        (mouseover)=\"setRate(star.value, true)\" (focus)=\"setRate(star.value, true)\" (blur)=\"setRate(0, true)\"\n        (mouseout)=\"setRate(0, true)\" (click)=\"setRate(star.value)\">\n        <ng-container *ngTemplateOutlet=\"starTemplate; context:{star:star}\"></ng-container>\n    </button>\n</ng-template>\n<ng-template #starTemplate let-star=\"star\">\n    <svg [ngClass]=\"{'ft-rating__item-icon--hover': hoverValue >= star.value, 'ft-rating__item-icon--active': value >= star.value}\" viewBox=\"0 0 24 24\">\n        <path\n            d=\"M17.93 21.315c-.534.408-5.22-3.186-5.881-3.181-.663 0-5.307 3.656-5.846 3.254-.537-.403 1.29-6.165 1.081-6.822-.209-.656-4.972-4.138-4.772-4.796.201-.658 6.015-.627 6.55-1.036.533-.41 2.233-6.215 2.895-6.219.663 0 2.43 5.779 2.968 6.182.539.403 6.352.297 6.56.953.21.656-4.513 4.197-4.714 4.856-.2.658 1.692 6.398 1.159 6.808z\" />\n    </svg>\n</ng-template>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { readOnly: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }] } });
-
-class TimelineComponent {
-    constructor() {
-        this.startDate = new Date();
-        this.data = [];
-        this.dataParsed = {
-            months: [],
-            days: [],
-            weekends: []
-        };
-        this.class = '';
-    }
-    get hostClasses() {
-        return [
-            'ft-timeline',
-            this.class
-        ].join(' ');
-    }
-    ;
-    ngOnInit() {
-        this.addMonth(this.calcStartDate());
-    }
-    addMonth(date) {
-        const month = this.getMonth(date.getMonth(), date.getFullYear());
-        const currentDays = this.dataParsed.days.length;
-        this.dataParsed.months = [...this.dataParsed.months, { date: month.days[0], daysInMonth: month.days.length }];
-        this.dataParsed.days = [...this.dataParsed.days, ...month.days];
-        this.dataParsed.weekends = [...this.dataParsed.weekends, ...month.weekends];
-        if (!this.currentDate && month.currentDate) {
-            this.currentDate = currentDays + month.currentDate;
-        }
-        this.dataParsed.days.some((day, index) => {
-            if ([0, 6].includes(day.getDay())) {
-                this.dataParsed.weekendStart = index;
-                return true;
-            }
-            return false;
-        });
-        this.parseTasks();
-    }
-    calcStartDate() {
-        return new Date();
-    }
-    getMonth(month, year) {
-        const days = [];
-        const weekends = [];
-        let currentDate = null;
-        let today = new Date();
-        const date = new Date(year, month + 1, 0);
-        for (let i = 1; i <= date.getDate(); i++) {
-            const idate = new Date(year, month, i);
-            if ([0, 6].includes(idate.getDay())) {
-                if (idate.getDay() === 6) {
-                    weekends.push([idate]);
-                }
-                else {
-                    weekends[weekends.length - 1].push(idate);
-                }
-            }
-            if (idate.getTime() === new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime()) {
-                currentDate = i - 1;
-            }
-            days.push(idate);
-        }
-        const data = { days, weekends };
-        if (currentDate) {
-            data.currentDate = currentDate;
-        }
-        return data;
-    }
-    parseTasks() {
-        let tasks = this.data.filter(task => task.endAt) /*.sort((a, b) => a.)*/;
-        this.dataParsed.tasks = tasks.map((task) => {
-            return {
-                label: task.label,
-                start: 10,
-                type: task.type,
-                size: 1
-            };
-        });
-    }
-}
-TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: TimelineComponent, selector: "ft-timeline", inputs: { data: "data", class: "class" }, host: { properties: { "style.--current-date": "this.currentDate", "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"ft-weekends\" [style.--start]=\"dataParsed.weekendStart\">\n    <div class=\"ft-weekends__item\" [style.--weekend-size]=\"weekend.length\" *ngFor=\"let weekend of dataParsed.weekends\">\n    </div>\n</div>\n<div class=\"ft-current-date\" *ngIf=\"currentDate\"></div>\n<div class=\"ft-header\">\n    <div class=\"ft-header__months\">\n        <div [style.--days-in-month]=\"month.daysInMonth\" *ngFor=\"let month of dataParsed.months; let i = index\">{{\n            month.date\n            | date: 'MMMM, yyyy' }}</div>\n    </div>\n    <div class=\"ft-header__days\">\n        <div *ngFor=\"let day of dataParsed.days; let i = index\">\n            <div [ngClass]=\"{active: currentDate && currentDate === i}\">{{ day | date:'d' }}</div>\n        </div>\n    </div>\n</div>\n<div class=\"ft-tasks\">\n    <button type=\"button\" class=\"ft-tasks__item\" [class.tasks__item--milestone]=\"task.type === 'milestone'\"\n        [style.--start]=\"task.start\" [style.--days]=\"task.type === 'milestone' ? 1 : task.size\"\n        style=\" --color-rgb: 130, 121, 210;\" *ngFor=\"let task of dataParsed.tasks;\">{{ task.label }}</button>\n</div>", styles: [":host{position:relative;display:flex;flex-direction:column;--background-color: #fff;--column-width: 30px;--current-date-color: #ff9800}.ft-header{background-color:var(--background-color);border-bottom:1px solid rgba(0,0,0,.1);font-size:.75rem;font-weight:100;padding-bottom:.25rem;position:sticky;top:0;z-index:4;width:-moz-fit-content;width:fit-content}.ft-header__months{display:flex}.ft-header__months>div{background-color:var(--background-color);box-sizing:border-box;font-weight:400;padding:.5rem;white-space:nowrap;width:calc(var(--column-width) * var(--days-in-month))}.ft-header__days{display:flex}.ft-header__days>div{display:flex;align-items:center;justify-content:center;min-width:var(--column-width);padding:.25rem;border-radius:100vh;box-sizing:border-box}.ft-header__days>div>.ft-active{display:flex;align-items:center;justify-content:center;width:100%;height:20px;background-color:var(--current-date-color);color:var(--background-color);border-radius:100vh;box-sizing:border-box}.ft-weekends{position:absolute;inset:0;display:flex;padding-left:calc(var(--column-width) * var(--start))}.ft-weekends__item{min-width:calc(var(--column-width) * var(--weekend-size, 2));background-image:url(https://factor.ec/timesheet/es/bg-weekend.aff6b9d13e42ca0e1023.svg);background-size:25px;z-index:1;top:0;bottom:0}.ft-weekends__item~.ft-weekends__item{margin-left:calc(var(--column-width) * 5)}.ft-current-date{position:absolute;width:var(--column-width);left:calc(var(--column-width) * var(--current-date));z-index:2;top:0;bottom:0;background-color:var(--current-date-color);opacity:.1}.ft-tasks{position:relative;z-index:3;display:flex;padding-top:.5rem;gap:.5rem;flex-direction:column}.ft-tasks__item{border:1px solid transparent;height:28px;background-color:var(--background-color);background-image:linear-gradient(rgba(var(--color-rgb),.1),rgba(var(--color-rgb),.1));border-radius:.25rem;width:calc(var(--column-width) * var(--days));margin-left:calc(var(--column-width) * var(--start));white-space:nowrap;font-size:.875rem;display:flex;align-items:center;padding:0 8px;cursor:pointer;box-sizing:border-box}.ft-tasks__item:hover:not(.tasks__item--milestone){background-image:linear-gradient(rgba(var(--color-rgb),.2),rgba(var(--color-rgb),.2))}.ft-tasks__item:focus:not(.tasks__item--milestone),.ft-tasks__item:active:not(.tasks__item--milestone){background-image:linear-gradient(rgba(var(--color-rgb),.3),rgba(var(--color-rgb),.3))}.ft-tasks__item--milestone{background-color:unset;background-image:unset}.ft-tasks__item--milestone:before{border-radius:6px;min-height:12px;min-width:12px;margin-right:.5rem;content:\"\";background-color:rgba(var(--color-rgb),1)}.ft-tasks__item--milestone:hover:before{transform:scale(1.2)}.ft-tasks__item--milestone:focus:before,.ft-tasks__item--milestone:active:before{transform:scale(.9)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: TimelineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-timeline', template: "<div class=\"ft-weekends\" [style.--start]=\"dataParsed.weekendStart\">\n    <div class=\"ft-weekends__item\" [style.--weekend-size]=\"weekend.length\" *ngFor=\"let weekend of dataParsed.weekends\">\n    </div>\n</div>\n<div class=\"ft-current-date\" *ngIf=\"currentDate\"></div>\n<div class=\"ft-header\">\n    <div class=\"ft-header__months\">\n        <div [style.--days-in-month]=\"month.daysInMonth\" *ngFor=\"let month of dataParsed.months; let i = index\">{{\n            month.date\n            | date: 'MMMM, yyyy' }}</div>\n    </div>\n    <div class=\"ft-header__days\">\n        <div *ngFor=\"let day of dataParsed.days; let i = index\">\n            <div [ngClass]=\"{active: currentDate && currentDate === i}\">{{ day | date:'d' }}</div>\n        </div>\n    </div>\n</div>\n<div class=\"ft-tasks\">\n    <button type=\"button\" class=\"ft-tasks__item\" [class.tasks__item--milestone]=\"task.type === 'milestone'\"\n        [style.--start]=\"task.start\" [style.--days]=\"task.type === 'milestone' ? 1 : task.size\"\n        style=\" --color-rgb: 130, 121, 210;\" *ngFor=\"let task of dataParsed.tasks;\">{{ task.label }}</button>\n</div>", styles: [":host{position:relative;display:flex;flex-direction:column;--background-color: #fff;--column-width: 30px;--current-date-color: #ff9800}.ft-header{background-color:var(--background-color);border-bottom:1px solid rgba(0,0,0,.1);font-size:.75rem;font-weight:100;padding-bottom:.25rem;position:sticky;top:0;z-index:4;width:-moz-fit-content;width:fit-content}.ft-header__months{display:flex}.ft-header__months>div{background-color:var(--background-color);box-sizing:border-box;font-weight:400;padding:.5rem;white-space:nowrap;width:calc(var(--column-width) * var(--days-in-month))}.ft-header__days{display:flex}.ft-header__days>div{display:flex;align-items:center;justify-content:center;min-width:var(--column-width);padding:.25rem;border-radius:100vh;box-sizing:border-box}.ft-header__days>div>.ft-active{display:flex;align-items:center;justify-content:center;width:100%;height:20px;background-color:var(--current-date-color);color:var(--background-color);border-radius:100vh;box-sizing:border-box}.ft-weekends{position:absolute;inset:0;display:flex;padding-left:calc(var(--column-width) * var(--start))}.ft-weekends__item{min-width:calc(var(--column-width) * var(--weekend-size, 2));background-image:url(https://factor.ec/timesheet/es/bg-weekend.aff6b9d13e42ca0e1023.svg);background-size:25px;z-index:1;top:0;bottom:0}.ft-weekends__item~.ft-weekends__item{margin-left:calc(var(--column-width) * 5)}.ft-current-date{position:absolute;width:var(--column-width);left:calc(var(--column-width) * var(--current-date));z-index:2;top:0;bottom:0;background-color:var(--current-date-color);opacity:.1}.ft-tasks{position:relative;z-index:3;display:flex;padding-top:.5rem;gap:.5rem;flex-direction:column}.ft-tasks__item{border:1px solid transparent;height:28px;background-color:var(--background-color);background-image:linear-gradient(rgba(var(--color-rgb),.1),rgba(var(--color-rgb),.1));border-radius:.25rem;width:calc(var(--column-width) * var(--days));margin-left:calc(var(--column-width) * var(--start));white-space:nowrap;font-size:.875rem;display:flex;align-items:center;padding:0 8px;cursor:pointer;box-sizing:border-box}.ft-tasks__item:hover:not(.tasks__item--milestone){background-image:linear-gradient(rgba(var(--color-rgb),.2),rgba(var(--color-rgb),.2))}.ft-tasks__item:focus:not(.tasks__item--milestone),.ft-tasks__item:active:not(.tasks__item--milestone){background-image:linear-gradient(rgba(var(--color-rgb),.3),rgba(var(--color-rgb),.3))}.ft-tasks__item--milestone{background-color:unset;background-image:unset}.ft-tasks__item--milestone:before{border-radius:6px;min-height:12px;min-width:12px;margin-right:.5rem;content:\"\";background-color:rgba(var(--color-rgb),1)}.ft-tasks__item--milestone:hover:before{transform:scale(1.2)}.ft-tasks__item--milestone:focus:before,.ft-tasks__item--milestone:active:before{transform:scale(.9)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }], currentDate: [{
-                type: HostBinding,
-                args: ['style.--current-date']
-            }], class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ExpressionBuilderComponent {
-    constructor() {
-        this.properties = [
-            { label: 'Nombre', type: 'string', field: 'name' },
-            { label: 'Monto', type: 'number', field: 'amount' },
-            { label: 'Tarjeta adicional', type: 'boolean', field: 'additional' }
-        ];
-        this.groupOperators = [
-            { label: 'Y', value: 'AND' },
-            { label: 'O', value: 'OR' }
-        ];
-        this.filters = {
-            id: 'root',
-            type: 'group',
-            operator: 'AND',
-            children: [
-                {
-                    type: 'filter',
-                    property: '',
-                    operator: '>',
-                    value: ''
-                },
-                {
-                    type: 'filter',
-                    property: '',
-                    operator: true,
-                    value: ''
-                },
-                {
-                    type: 'filter',
-                    property: '',
-                    operator: '==',
-                    value: ''
-                },
-                {
-                    type: 'group',
-                    operator: 'OR',
-                    children: [
-                        {
-                            type: 'filter',
-                            property: '',
-                            operator: '==',
-                            value: ''
-                        }
-                    ]
-                }
-            ]
-        };
-    }
-    add(type, filter) {
-        if (!filter.children) {
-            filter.children = [];
-        }
-        filter.children.push({ type });
-        filter.children = filter.children.sort((a, b) => a.type !== 'group' ? -1 : 0);
-    }
-    remove(filter, parent) {
-        const index = parent.indexOf(filter);
-        parent.splice(index, 1);
-    }
-}
-ExpressionBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ExpressionBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ExpressionBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ExpressionBuilderComponent, selector: "ft-expression-builder", ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"filterGroupTemplate\" [ngTemplateOutletContext]=\"{filter:filters, parent:null}\">\n</ng-container>\n<ng-template #filterGroupTemplate let-filter=\"filter\" let-parent=\"parent\">\n    <div class=\"ft-filter\">\n        <div class=\"ft-filter__tools\">\n            <button type=\"button\" class=\"filter__button filter__button--icon filter__button--toggle\"\n                (click)=\"filter.collapsed = !filter.collapsed\" *ngIf=\"filter.children && filter.children.length > 0\">\n                <ft-icon name=\"angle-right\" [ngClass]=\"{'ft-icon--open': !filter.collapsed}\"></ft-icon>\n            </button>\n            <div class=\"ft-filter__button-group\">\n                <button type=\"button\" class=\"filter__button\"\n                    [ngClass]=\"{'ft-filter__button--active': filter.operator === operator.value}\"\n                    *ngFor=\"let operator of groupOperators\" (click)=\"filter.operator = operator.value\">{{ operator.label\n                    }}</button>\n            </div>\n            <button type=\"button\" class=\"ft-filter__button\" (click)=\"add('filter', filter)\" *ngIf=\"filter.operator\">Agregar\n                filtro</button>\n            <button type=\"button\" class=\"ft-filter__button\" (click)=\"add('group', filter)\" *ngIf=\"filter.operator\">Agregar\n                grupo</button>\n            <button type=\"button\" class=\"ft-filter__button filter__button--icon filter__button--remove\"\n                (click)=\"remove(filter, parent)\" *ngIf=\"parent\">\n                <ft-icon name=\"close\"></ft-icon>\n            </button>\n        </div>\n        <div class=\"ft-filter__children\" *ngIf=\"filter.children && filter.children.length > 0 && !filter.collapsed\">\n            <ng-container *ngFor=\"let child of filter.children\">\n                <ng-container [ngTemplateOutlet]=\"child.type === 'group' ? filterGroupTemplate : filterTemplate\"\n                    [ngTemplateOutletContext]=\"{filter:child, parent:filter.children}\">\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n<ng-template #filterTemplate let-filter=\"filter\" let-parent=\"parent\">\n    <div class=\"ft-filter\">\n        <div class=\"ft-filter__tools\">\n            <select class=\"filter__input\">\n                <option *ngFor=\"let property of properties\" value=\"property.value\">{{ property.label }}</option>\n            </select>\n            <select class=\"ft-filter__input\">\n                <option>Mayor que</option>\n                <option>Mayor igual que</option>\n                <option>Igual que</option>\n                <option>Menor que</option>\n                <option>Menor igual que</option>\n            </select>\n            <input type=\"text\" class=\"ft-filter__input\" />\n            <button type=\"button\" class=\"filter__button filter__button--icon\" (click)=\"remove(filter, parent)\">\n                <ft-icon name=\"close\"></ft-icon>\n            </button>\n        </div>\n    </div>\n</ng-template>", styles: [":host{display:block;padding:2rem}.ft-filter{--focus-color: #00bcd4;--focus-color-rgb: 0, 188, 212;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ft-filter__tools{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden}.ft-filter__children{padding-left:1rem;position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ft-filter__button{border:1px solid rgba(0,0,0,.2);background-color:transparent;border-radius:.25rem;padding:.25rem .5rem;background-color:#ffffff4d}.ft-filter__button--icon{border-color:transparent;background-color:transparent;padding:.25rem}.ft-filter__button--active{background-color:var(--focus-color);color:#fff}.ft-filter__button:not(.ft-filter__button--active):hover{border-color:var(--focus-color);background-color:rgba(var(--focus-color-rgb),.1)}.ft-filter__button:not(.ft-filter__button--active):active{background-color:rgba(var(--focus-color-rgb),.3)}.ft-filter__button:focus{outline:none;border-color:var(--focus-color)}.ft-filter__button .ft-icon{display:block;transition:transform .2s}.ft-filter__button .ft-icon--open{transform:rotate(90deg)}.ft-filter__button-group .ft-filter__button{border-radius:0}.ft-filter__button-group .ft-filter__button:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-right:0}.ft-filter__button-group .ft-filter__button:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.ft-filter__input{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;padding:.25rem;transition:box-shadow .2s}.ft-filter__input:hover{border-color:var(--focus-color)}.ft-filter__input:focus{outline:none;border-color:var(--focus-color);box-shadow:0 0 0 2px rgba(var(--focus-color-rgb),.2)}.ft-filter select.ft-filter__input{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right .5rem center;background-size:.625rem;padding-right:1.5rem;-webkit-appearance:none;appearance:none}@keyframes slide-right{0%{margin-left:calc(-40px + .5rem)}to{margin-left:0}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ExpressionBuilderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-expression-builder', template: "<ng-container [ngTemplateOutlet]=\"filterGroupTemplate\" [ngTemplateOutletContext]=\"{filter:filters, parent:null}\">\n</ng-container>\n<ng-template #filterGroupTemplate let-filter=\"filter\" let-parent=\"parent\">\n    <div class=\"ft-filter\">\n        <div class=\"ft-filter__tools\">\n            <button type=\"button\" class=\"filter__button filter__button--icon filter__button--toggle\"\n                (click)=\"filter.collapsed = !filter.collapsed\" *ngIf=\"filter.children && filter.children.length > 0\">\n                <ft-icon name=\"angle-right\" [ngClass]=\"{'ft-icon--open': !filter.collapsed}\"></ft-icon>\n            </button>\n            <div class=\"ft-filter__button-group\">\n                <button type=\"button\" class=\"filter__button\"\n                    [ngClass]=\"{'ft-filter__button--active': filter.operator === operator.value}\"\n                    *ngFor=\"let operator of groupOperators\" (click)=\"filter.operator = operator.value\">{{ operator.label\n                    }}</button>\n            </div>\n            <button type=\"button\" class=\"ft-filter__button\" (click)=\"add('filter', filter)\" *ngIf=\"filter.operator\">Agregar\n                filtro</button>\n            <button type=\"button\" class=\"ft-filter__button\" (click)=\"add('group', filter)\" *ngIf=\"filter.operator\">Agregar\n                grupo</button>\n            <button type=\"button\" class=\"ft-filter__button filter__button--icon filter__button--remove\"\n                (click)=\"remove(filter, parent)\" *ngIf=\"parent\">\n                <ft-icon name=\"close\"></ft-icon>\n            </button>\n        </div>\n        <div class=\"ft-filter__children\" *ngIf=\"filter.children && filter.children.length > 0 && !filter.collapsed\">\n            <ng-container *ngFor=\"let child of filter.children\">\n                <ng-container [ngTemplateOutlet]=\"child.type === 'group' ? filterGroupTemplate : filterTemplate\"\n                    [ngTemplateOutletContext]=\"{filter:child, parent:filter.children}\">\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n</ng-template>\n<ng-template #filterTemplate let-filter=\"filter\" let-parent=\"parent\">\n    <div class=\"ft-filter\">\n        <div class=\"ft-filter__tools\">\n            <select class=\"filter__input\">\n                <option *ngFor=\"let property of properties\" value=\"property.value\">{{ property.label }}</option>\n            </select>\n            <select class=\"ft-filter__input\">\n                <option>Mayor que</option>\n                <option>Mayor igual que</option>\n                <option>Igual que</option>\n                <option>Menor que</option>\n                <option>Menor igual que</option>\n            </select>\n            <input type=\"text\" class=\"ft-filter__input\" />\n            <button type=\"button\" class=\"filter__button filter__button--icon\" (click)=\"remove(filter, parent)\">\n                <ft-icon name=\"close\"></ft-icon>\n            </button>\n        </div>\n    </div>\n</ng-template>", styles: [":host{display:block;padding:2rem}.ft-filter{--focus-color: #00bcd4;--focus-color-rgb: 0, 188, 212;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ft-filter__tools{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden}.ft-filter__children{padding-left:1rem;position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ft-filter__button{border:1px solid rgba(0,0,0,.2);background-color:transparent;border-radius:.25rem;padding:.25rem .5rem;background-color:#ffffff4d}.ft-filter__button--icon{border-color:transparent;background-color:transparent;padding:.25rem}.ft-filter__button--active{background-color:var(--focus-color);color:#fff}.ft-filter__button:not(.ft-filter__button--active):hover{border-color:var(--focus-color);background-color:rgba(var(--focus-color-rgb),.1)}.ft-filter__button:not(.ft-filter__button--active):active{background-color:rgba(var(--focus-color-rgb),.3)}.ft-filter__button:focus{outline:none;border-color:var(--focus-color)}.ft-filter__button .ft-icon{display:block;transition:transform .2s}.ft-filter__button .ft-icon--open{transform:rotate(90deg)}.ft-filter__button-group .ft-filter__button{border-radius:0}.ft-filter__button-group .ft-filter__button:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-right:0}.ft-filter__button-group .ft-filter__button:last-child{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.ft-filter__input{background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;padding:.25rem;transition:box-shadow .2s}.ft-filter__input:hover{border-color:var(--focus-color)}.ft-filter__input:focus{outline:none;border-color:var(--focus-color);box-shadow:0 0 0 2px rgba(var(--focus-color-rgb),.2)}.ft-filter select.ft-filter__input{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");background-repeat:no-repeat;background-position:right .5rem center;background-size:.625rem;padding-right:1.5rem;-webkit-appearance:none;appearance:none}@keyframes slide-right{0%{margin-left:calc(-40px + .5rem)}to{margin-left:0}}\n"] }]
-        }], ctorParameters: function () { return []; } });
-
-class IoModule {
-}
-IoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: IoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: IoModule, declarations: [AvatarComponent,
-        IconComponent,
-        ImageComponent,
-        MessageComponent,
-        ProgressComponent,
-        RatingComponent,
-        ObserveIntersectingDirective,
-        TimelineComponent,
-        MessageContentComponent,
-        ExpressionBuilderComponent], imports: [CommonModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatSnackBarModule], exports: [AvatarComponent,
-        IconComponent,
-        ImageComponent,
-        MessageComponent,
-        ProgressComponent,
-        RatingComponent,
-        ObserveIntersectingDirective,
-        TimelineComponent,
-        MessageContentComponent,
-        ExpressionBuilderComponent] });
-IoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: IoModule, imports: [CommonModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatSnackBarModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: IoModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AvatarComponent,
-                        IconComponent,
-                        ImageComponent,
-                        MessageComponent,
-                        ProgressComponent,
-                        RatingComponent,
-                        ObserveIntersectingDirective,
-                        TimelineComponent,
-                        MessageContentComponent,
-                        ExpressionBuilderComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatButtonModule,
-                        MatDialogModule,
-                        MatSnackBarModule
-                    ],
-                    exports: [
-                        AvatarComponent,
-                        IconComponent,
-                        ImageComponent,
-                        MessageComponent,
-                        ProgressComponent,
-                        RatingComponent,
-                        ObserveIntersectingDirective,
-                        TimelineComponent,
-                        MessageContentComponent,
-                        ExpressionBuilderComponent
-                    ]
-                }]
-        }] });
-
-class CollapsibleComponent {
-    constructor() {
-        this.class = '';
-        this.expanded = true;
-        this.header = '';
-    }
-    get hostClasses() {
-        return [
-            'ft-collapsible',
-            this.expanded ? 'ft-collapsible--show' : '',
-            this.class
-        ].join(' ');
-    }
-    ;
-    toggleCollapsible() {
-        this.expanded = !this.expanded;
-    }
-}
-CollapsibleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: CollapsibleComponent, selector: "ft-collapsible", inputs: { class: "class", expanded: "expanded", header: "header" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<button type=\"button\" class=\"ft-button ft-collapsible__header\" (click)=\"toggleCollapsible()\">\n    <div class=\"ft-item\">\n        <div class=\"ft-item__label\">{{ header }}</div>\n        <ft-icon class=\"ft-item__toggle\" name=\"angle-down\"></ft-icon>\n    </div>\n</button>\n<div class=\"ft-collapsible__content\">\n    <ng-content></ng-content>\n</div>", dependencies: [{ kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: CollapsibleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-collapsible', template: "<button type=\"button\" class=\"ft-button ft-collapsible__header\" (click)=\"toggleCollapsible()\">\n    <div class=\"ft-item\">\n        <div class=\"ft-item__label\">{{ header }}</div>\n        <ft-icon class=\"ft-item__toggle\" name=\"angle-down\"></ft-icon>\n    </div>\n</button>\n<div class=\"ft-collapsible__content\">\n    <ng-content></ng-content>\n</div>" }]
-        }], propDecorators: { class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], expanded: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }] } });
-
-class LayoutModule {
-}
-LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: LayoutModule, declarations: [CollapsibleComponent], imports: [CommonModule,
-        IoModule], exports: [CollapsibleComponent] });
-LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: LayoutModule, imports: [CommonModule,
-        IoModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: LayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CollapsibleComponent
-                    ],
-                    exports: [
-                        CollapsibleComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        IoModule
-                    ]
-                }]
-        }] });
-
-class ListComponent {
-    constructor() {
-        this.actionSelected = new EventEmitter();
-        this.iconNameField = 'iconName';
-        this.labelField = 'label';
-        this.selectable = null;
-        this.selection = [];
-        this.class = '';
-        this.actionSelected.subscribe((action) => {
-            switch (this.selectable) {
-                case 'single':
-                    this.selection = [action];
-                    break;
-                case 'multiple':
-                    this.selection.push(action);
-                    break;
-            }
-        });
-    }
-    get hostClasses() {
-        return [
-            'ft-list',
-            this.class
-        ].join(' ');
-    }
-    ;
-    updateAction(action) {
-        action.metadata = action.metadata || {};
-        if (!action.id) {
-            action.id = Math.floor(Math.random() * 1000000).toString();
-        }
-        if (!action.url) {
-            action.metadata.componentType = 'button';
-        }
-        else {
-            action.metadata.componentType = 'link';
-            const urlParts = action.url.split('?');
-            if (urlParts.length > 1) {
-                const queryString = urlParts.at(-1);
-                const searchParams = new URLSearchParams(queryString);
-                action.url = urlParts[0];
-                action.metadata.queryParams = Object.fromEntries(searchParams.entries());
-            }
-        }
-        return action;
-    }
-    handleClick(action) {
-        this.actionSelected.emit(action);
-        if (action.url && action.url.match(/^(http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/)) {
-            window.location.href = action.url;
-        }
-        else if (typeof action.click === 'function') {
-            action.click();
-        }
-    }
-    toggleCollapsible(action) {
-        var _a;
-        action.metadata = action.metadata || {};
-        action.metadata.show = !((_a = action.metadata) === null || _a === void 0 ? void 0 : _a.show);
-        this.actionSelected.emit(action);
-    }
-    trackById(index, action) {
-        return action.id || index;
-    }
-}
-ListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ListComponent, selector: "ft-list", inputs: { iconCollection: "iconCollection", iconNameField: "iconNameField", iconPath: "iconPath", labelField: "labelField", items: "items", selectable: "selectable", selection: "selection", itemTemplate: "itemTemplate", class: "class" }, outputs: { actionSelected: "actionSelected" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"switchTemplate; context: { children: items }\"></ng-container>\n<ng-template #switchTemplate let-children=\"children\" let-level=\"level\">\n  <ng-container *ngFor=\"let action of children; trackBy: trackById\" [ngSwitch]=\"action.type\">\n    <ng-container *ngSwitchCase=\"'collapsible'\">\n      <ng-container *ngTemplateOutlet=\"collapsibleTemplate; context: { action: action }\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'header'\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate; context: { action: action }\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"actionTemplate; context: { action: updateAction(action) }\"></ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n<ng-template #actionTemplate let-action=\"action\">\n  <ng-container [ngSwitch]=\"action.metadata.componentType\">\n    <button *ngSwitchCase=\"'button'\" type=\"button\" class=\"ft-button ft-list__item\"\n      [ngClass]=\"[action.class || '', selectable && selection.indexOf(action) !== -1 ? 'ft-list__item--selected' : '']\"\n      (click)=\"handleClick(action)\" [disabled]=\"action.disabled\">\n      <ng-container *ngTemplateOutlet=\"itemTemplate || textTemplate; context: { action: action }\"></ng-container>\n    </button>\n    <a *ngSwitchCase=\"'link'\" [routerLink]=\"action.url\" [queryParams]=\"action.metadata?.queryParams\"\n      routerLinkActive=\"ft-list__item--active\" class=\"ft-button ft-list__item\"\n      [ngClass]=\"[action.class || '', selectable && selection.indexOf(action) !== -1 ? 'ft-list__item--selected' : '']\"\n      (click)=\"handleClick(action)\">\n      <ng-container *ngTemplateOutlet=\"itemTemplate || textTemplate; context: { action: action }\"></ng-container>\n    </a>\n  </ng-container>\n</ng-template>\n<ng-template #collapsibleTemplate let-action=\"action\">\n  <ft-collapsible [header]=\"action[labelField]\" [expanded]=\"action.metadata?.show\">\n    <div class=\"ft-list\">\n      <ng-container *ngTemplateOutlet=\"switchTemplate; context: { children: action.children }\"></ng-container>\n    </div>\n  </ft-collapsible>\n</ng-template>\n<ng-template #headerTemplate let-action=\"action\">\n  <div class=\"ft-list__header\" [ngClass]=\"action.class\">\n    {{ action[labelField] }}\n  </div>\n</ng-template>\n<ng-template #textTemplate let-action=\"action\">\n  <div class=\"ft-item\">\n    <ft-icon class=\"ft-item__icon\" *ngIf=\"action[iconNameField] || (selectable && selection.indexOf(action) !== -1)\"\n      [name]=\"action[iconNameField]\" [collection]=\"iconCollection\" [path]=\"iconPath\"></ft-icon>\n    <div class=\"ft-item__label\">{{ action[labelField] }}</div>\n  </div>\n</ng-template>", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }, { kind: "component", type: CollapsibleComponent, selector: "ft-collapsible", inputs: ["class", "expanded", "header"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-list', template: "<ng-container *ngTemplateOutlet=\"switchTemplate; context: { children: items }\"></ng-container>\n<ng-template #switchTemplate let-children=\"children\" let-level=\"level\">\n  <ng-container *ngFor=\"let action of children; trackBy: trackById\" [ngSwitch]=\"action.type\">\n    <ng-container *ngSwitchCase=\"'collapsible'\">\n      <ng-container *ngTemplateOutlet=\"collapsibleTemplate; context: { action: action }\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'header'\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate; context: { action: action }\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <ng-container *ngTemplateOutlet=\"actionTemplate; context: { action: updateAction(action) }\"></ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n<ng-template #actionTemplate let-action=\"action\">\n  <ng-container [ngSwitch]=\"action.metadata.componentType\">\n    <button *ngSwitchCase=\"'button'\" type=\"button\" class=\"ft-button ft-list__item\"\n      [ngClass]=\"[action.class || '', selectable && selection.indexOf(action) !== -1 ? 'ft-list__item--selected' : '']\"\n      (click)=\"handleClick(action)\" [disabled]=\"action.disabled\">\n      <ng-container *ngTemplateOutlet=\"itemTemplate || textTemplate; context: { action: action }\"></ng-container>\n    </button>\n    <a *ngSwitchCase=\"'link'\" [routerLink]=\"action.url\" [queryParams]=\"action.metadata?.queryParams\"\n      routerLinkActive=\"ft-list__item--active\" class=\"ft-button ft-list__item\"\n      [ngClass]=\"[action.class || '', selectable && selection.indexOf(action) !== -1 ? 'ft-list__item--selected' : '']\"\n      (click)=\"handleClick(action)\">\n      <ng-container *ngTemplateOutlet=\"itemTemplate || textTemplate; context: { action: action }\"></ng-container>\n    </a>\n  </ng-container>\n</ng-template>\n<ng-template #collapsibleTemplate let-action=\"action\">\n  <ft-collapsible [header]=\"action[labelField]\" [expanded]=\"action.metadata?.show\">\n    <div class=\"ft-list\">\n      <ng-container *ngTemplateOutlet=\"switchTemplate; context: { children: action.children }\"></ng-container>\n    </div>\n  </ft-collapsible>\n</ng-template>\n<ng-template #headerTemplate let-action=\"action\">\n  <div class=\"ft-list__header\" [ngClass]=\"action.class\">\n    {{ action[labelField] }}\n  </div>\n</ng-template>\n<ng-template #textTemplate let-action=\"action\">\n  <div class=\"ft-item\">\n    <ft-icon class=\"ft-item__icon\" *ngIf=\"action[iconNameField] || (selectable && selection.indexOf(action) !== -1)\"\n      [name]=\"action[iconNameField]\" [collection]=\"iconCollection\" [path]=\"iconPath\"></ft-icon>\n    <div class=\"ft-item__label\">{{ action[labelField] }}</div>\n  </div>\n</ng-template>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { actionSelected: [{
-                type: Output
-            }], iconCollection: [{
-                type: Input
-            }], iconNameField: [{
-                type: Input
-            }], iconPath: [{
-                type: Input
-            }], labelField: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], selectable: [{
-                type: Input
-            }], selection: [{
-                type: Input
-            }], itemTemplate: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class ToolbarComponent {
-    constructor() {
-        this.rootMargin = { rootMargin: '0px 0px 0px 0px' };
-        this.class = '';
-        const breakpointSm = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm'));
-        if (window.innerWidth < breakpointSm) {
-            this.rootMargin = { rootMargin: '0px 0px 0px 0px' };
-        }
-    }
-    get hostClasses() {
-        return [
-            'ft-toolbar',
-            this.class,
-            this.overlapped ? 'overlapped' : ''
-        ].join(' ');
-    }
-    ;
-    ngOnInit() {
-        if (this.titleOptions && !this.currentTitleOption) {
-            this.currentTitleOption = this.titleOptions[0];
-        }
-    }
-    setOverlapped(overlapped) {
-        this.overlapped = !overlapped;
-    }
-}
-ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ToolbarComponent, selector: "ft-toolbar", inputs: { actionOptions: "actionOptions", currentTitleOption: "currentTitleOption", title: "title", titleOptions: "titleOptions", class: "class" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div (ftObserveIntersecting)=\"setOverlapped($event)\" [ftObserveIntersectingOptions]=\"rootMargin\"></div>\n<div class=\"content\">\n    <div class=\"container p-2 p-sm-3 pb-md-3 pt-md-5 px-md-3 px-lg-5\">\n        <div class=\"d-flex align-items-center\">\n            <h5 class=\"title ml-2 ml-md-0 mb-0 mr-auto\" *ngIf=\"!titleOptions; else titleForm\">{{ title }}</h5>\n            <ng-container *ngFor=\"let option of actionOptions\">\n                <button type=\"button\" class=\"p-2\" mat-button [ngClass]=\"option.class || ''\" *ngIf=\"!option.children\"\n                    (click)=\"option.click ? option.click($event) : null\" title=\"{{ option.label }}\">\n                    <div class=\"d-flex align-items-center\">\n                        <ft-icon *ngIf=\"option.iconName\" [name]=\"option.iconName\" size=\"2\"></ft-icon>\n                        <div *ngIf=\"option.label\" class=\"label d-none d-sm-inline-block ml-1\">{{ option.label }}</div>\n                    </div>\n                </button>\n                <ng-container *ngIf=\"option.children\">\n                    <button type=\"button\" class=\"p-2\" mat-button [matMenuTriggerFor]=\"menu\"\n                        [ngClass]=\"option.class || ''\" title=\"{{ option.label }}\">\n                        <div class=\"d-flex align-items-center\">\n                            <ft-icon *ngIf=\"option.iconName\" [name]=\"option.iconName\" size=\"2\"></ft-icon>\n                            <div *ngIf=\"option.label\" class=\"label d-none d-sm-inline-block ml-1\">{{ option.label }}\n                            </div>\n                        </div>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let childOption of option.children\"\n                            (click)=\"childOption.click ? childOption.click($event): null\">{{ childOption.label\n                            }}</button>\n                    </mat-menu>\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n<ng-template #titleForm>\n    <button type=\"button\" class=\"title p-2 pl-3 mr-auto\" mat-button [matMenuTriggerFor]=\"titleMenu\">\n        <div class=\"d-flex align-items-center\">\n            <div class=\"label mr-1\">{{ currentTitleOption.label }}</div>\n            <ft-icon name=\"angle-down\" size=\"1\"></ft-icon>\n        </div>\n    </button>\n    <mat-menu #titleMenu=\"matMenu\">\n        <button class=\"mr-4\" mat-menu-item [disabled]=\"option == currentTitleOption\" *ngFor=\"let option of titleOptions\"\n            (click)=\"currentTitleOption = option; option.click ? option.click($event) : null\">\n            <div class=\"d-flex align-items-center\">\n                <ft-icon [name]=\"option == currentTitleOption? 'check' : ''\" class=\"mr-1\"></ft-icon>\n                <div>{{ option.label }}</div>\n            </div>\n        </button>\n    </mat-menu>\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "ft-icon", inputs: ["collection", "mode", "name", "path", "src", "class"] }, { kind: "directive", type: ObserveIntersectingDirective, selector: "[ftObserveIntersecting]", inputs: ["ftObserveIntersectingOptions"], outputs: ["ftObserveIntersecting"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ToolbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ft-toolbar', template: "<div (ftObserveIntersecting)=\"setOverlapped($event)\" [ftObserveIntersectingOptions]=\"rootMargin\"></div>\n<div class=\"content\">\n    <div class=\"container p-2 p-sm-3 pb-md-3 pt-md-5 px-md-3 px-lg-5\">\n        <div class=\"d-flex align-items-center\">\n            <h5 class=\"title ml-2 ml-md-0 mb-0 mr-auto\" *ngIf=\"!titleOptions; else titleForm\">{{ title }}</h5>\n            <ng-container *ngFor=\"let option of actionOptions\">\n                <button type=\"button\" class=\"p-2\" mat-button [ngClass]=\"option.class || ''\" *ngIf=\"!option.children\"\n                    (click)=\"option.click ? option.click($event) : null\" title=\"{{ option.label }}\">\n                    <div class=\"d-flex align-items-center\">\n                        <ft-icon *ngIf=\"option.iconName\" [name]=\"option.iconName\" size=\"2\"></ft-icon>\n                        <div *ngIf=\"option.label\" class=\"label d-none d-sm-inline-block ml-1\">{{ option.label }}</div>\n                    </div>\n                </button>\n                <ng-container *ngIf=\"option.children\">\n                    <button type=\"button\" class=\"p-2\" mat-button [matMenuTriggerFor]=\"menu\"\n                        [ngClass]=\"option.class || ''\" title=\"{{ option.label }}\">\n                        <div class=\"d-flex align-items-center\">\n                            <ft-icon *ngIf=\"option.iconName\" [name]=\"option.iconName\" size=\"2\"></ft-icon>\n                            <div *ngIf=\"option.label\" class=\"label d-none d-sm-inline-block ml-1\">{{ option.label }}\n                            </div>\n                        </div>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <button mat-menu-item *ngFor=\"let childOption of option.children\"\n                            (click)=\"childOption.click ? childOption.click($event): null\">{{ childOption.label\n                            }}</button>\n                    </mat-menu>\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n<ng-template #titleForm>\n    <button type=\"button\" class=\"title p-2 pl-3 mr-auto\" mat-button [matMenuTriggerFor]=\"titleMenu\">\n        <div class=\"d-flex align-items-center\">\n            <div class=\"label mr-1\">{{ currentTitleOption.label }}</div>\n            <ft-icon name=\"angle-down\" size=\"1\"></ft-icon>\n        </div>\n    </button>\n    <mat-menu #titleMenu=\"matMenu\">\n        <button class=\"mr-4\" mat-menu-item [disabled]=\"option == currentTitleOption\" *ngFor=\"let option of titleOptions\"\n            (click)=\"currentTitleOption = option; option.click ? option.click($event) : null\">\n            <div class=\"d-flex align-items-center\">\n                <ft-icon [name]=\"option == currentTitleOption? 'check' : ''\" class=\"mr-1\"></ft-icon>\n                <div>{{ option.label }}</div>\n            </div>\n        </button>\n    </mat-menu>\n</ng-template>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { actionOptions: [{
-                type: Input
-            }], currentTitleOption: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], titleOptions: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class NavigationModule {
-}
-NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: NavigationModule, declarations: [ListComponent,
-        ToolbarComponent], imports: [CommonModule,
-        IoModule,
-        LayoutModule,
-        RouterModule,
-        MatButtonModule,
-        MatMenuModule], exports: [ListComponent,
-        ToolbarComponent] });
-NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NavigationModule, imports: [CommonModule,
-        IoModule,
-        LayoutModule,
-        RouterModule,
-        MatButtonModule,
-        MatMenuModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: NavigationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ListComponent,
-                        ToolbarComponent
-                    ],
-                    exports: [
-                        ListComponent,
-                        ToolbarComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        IoModule,
-                        LayoutModule,
-                        RouterModule,
-                        MatButtonModule,
-                        MatMenuModule
-                    ]
-                }]
-        }] });
-
-class UiModule {
-    static forRoot(configuration) {
-        return {
-            ngModule: UiModule,
-            providers: [
-                { provide: 'FactorUiConfiguration', useValue: configuration }
-            ]
-        };
-    }
-}
-UiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: UiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-UiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: UiModule, imports: [CommonModule,
-        IoModule,
-        LayoutModule,
-        NavigationModule], exports: [IoModule,
-        LayoutModule,
-        NavigationModule] });
-UiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: UiModule, imports: [CommonModule,
-        IoModule,
-        LayoutModule,
-        NavigationModule, IoModule,
-        LayoutModule,
-        NavigationModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: UiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule,
-                        IoModule,
-                        LayoutModule,
-                        NavigationModule
-                    ],
-                    exports: [
-                        IoModule,
-                        LayoutModule,
-                        NavigationModule
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of ui
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AvatarComponent, CollapsibleComponent, ExpressionBuilderComponent, IconComponent, ImageComponent, IoModule, LayoutModule, ListComponent, MessageComponent, MessageContentComponent, MessageService, NavigationModule, ObserveIntersectingDirective, ProgressComponent, ProgressService, RatingComponent, TimelineComponent, ToolbarComponent, UiModule };
-//# sourceMappingURL=factor_ec-ui.mjs.map
-//# sourceMappingURL=factor_ec-ui.mjs.map