@updevs/components 1.0.0-alpha.6 → 1.0.0-alpha.9

package/fesm2022/updevs-components-layout.mjs

@@ -1,673 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, Directive, Component, NgModule, TemplateRef, ViewEncapsulation, HostBinding, ContentChild, Input, InjectionToken, Injectable, Inject } from '@angular/core';
-import * as i1$1 from '@updevs/sdk/layout';
-import { BaseComponent, LayoutService, UpdCoreLayoutModule } from '@updevs/sdk/layout';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1$2 from '@angular/router';
-import { NavigationStart, RouterModule } from '@angular/router';
-import * as i4 from '@updevs/icons';
-import { UpdIconsModule } from '@updevs/icons';
-import * as i2$1 from '@updevs/components/button';
-import { UpdButtonModule } from '@updevs/components/button';
-import * as i5 from '@updevs/components/link';
-import { UpdLinkModule } from '@updevs/components/link';
-import * as i1 from '@ngneat/transloco';
-import { TranslocoModule } from '@ngneat/transloco';
-import { RouteDataModel } from '@updevs/sdk/routes';
-import { filter } from 'rxjs';
-import { AuthService } from '@updevs/sdk/security';
-import * as i3 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-
-/**
- * Basic page structure.
- */
-// eslint-disable-next-line @angular-eslint/directive-class-suffix
-class BasePageComponent extends BaseComponent {
-    constructor() {
-        super();
-        this._layoutService = inject(LayoutService);
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        // TODO: clear subheader.
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BasePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: BasePageComponent, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BasePageComponent, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: function () { return []; } });
-
-class BlankLayoutComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: BlankLayoutComponent, selector: "upd-blank-layout", ngImport: i0, template: "<p>blank-layout works!</p>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-blank-layout', template: "<p>blank-layout works!</p>\n" }]
-        }] });
-
-class BlankLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutModule, declarations: [BlankLayoutComponent], imports: [CommonModule], exports: [BlankLayoutComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: BlankLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        BlankLayoutComponent
-                    ],
-                    exports: [
-                        BlankLayoutComponent
-                    ]
-                }]
-        }] });
-
-var Footer$1 = {
-	AllRightsReserved: "All rights reserved."
-};
-var en = {
-	Footer: Footer$1
-};
-
-var en$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Footer: Footer$1,
-    default: en
-});
-
-var Footer = {
-	AllRightsReserved: "Todos os direitos reservados."
-};
-var pt = {
-	Footer: Footer
-};
-
-var pt$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Footer: Footer,
-    default: pt
-});
-
-class FooterCopyrightDirective {
-    constructor() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FooterCopyrightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.11", type: FooterCopyrightDirective, selector: "[updFooterCopyright]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FooterCopyrightDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[updFooterCopyright]'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class FooterComponent extends BaseComponent {
-    constructor(translocoService) {
-        super();
-        this.translocoService = translocoService;
-        this.wrapperClasses = '';
-        /**
-         * Whether the footer will always be shown.
-         */
-        this.isSticky = false;
-        /**
-         * Whether the footer is transparent or not.
-         */
-        this.isTransparent = true;
-        /**
-         * Links.
-         */
-        this.links = [];
-        /**
-         * Current year.
-         */
-        this.currentYear = new Date().getFullYear();
-        /**
-         * Text displayed in the copyright section before the symbol and year.
-         */
-        this.copyrightPrefix = 'Copyright';
-        /**
-         * Text displayed in the copyright section after the symbol and year.
-         */
-        this.copyrightSuffix = '';
-        this.baseWrapperClasses = 'footer d-print-none';
-    }
-    ngOnInit() {
-        const footerCpsSub = this.translocoService.selectTranslate('Footer.AllRightsReserved').subscribe(r => this.copyrightSuffix = r);
-        this.updateWrapperClasses();
-        this.addSubscriptions(footerCpsSub);
-    }
-    ngOnChanges(changes) {
-        if (!!changes['isSticky'].currentValue || !!changes['isTransparent'].currentValue) {
-            this.updateWrapperClasses();
-        }
-    }
-    updateWrapperClasses() {
-        const stickyBottomCls = this.isSticky ? ' sticky-bottom' : '';
-        const transparentCls = this.isTransparent ? ' footer-transparent' : '';
-        this.wrapperClasses = `${this.baseWrapperClasses}${stickyBottomCls}${transparentCls}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FooterComponent, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: FooterComponent, selector: "upd-footer", host: { properties: { "class": "this.wrapperClasses" } }, queries: [{ propertyName: "footerCopyrightTemplate", first: true, predicate: FooterCopyrightDirective, descendants: true, read: TemplateRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-xl\">\n    <div class=\"row text-center align-items-center flex-row-reverse\">\n        <div class=\"col-lg-auto ms-lg-auto\">\n            <ul *ngIf=\"links.length > 0\" class=\"list-inline list-inline-dots mb-0\">\n                <li *ngFor=\"let link of links\" class=\"list-inline-item\">\n                    <a href=\"{{link.url}}\" target=\"{{link.target}}\" class=\"link-secondary\">\n                        <span [innerHTML]=\"link.text\"></span>\n                        <ng-container *transloco=\"let t\">\n                            {{t('Layout.Aloha')}}\n                        </ng-container>\n                    </a>\n                </li>\n            </ul>\n        </div>\n        <div class=\"col-12 col-lg-auto mt-3 mt-lg-0\">\n            <ng-container *ngIf=\"!!footerCopyrightTemplate; else defaultFooterTpl\"\n                [ngTemplateOutlet]=\"footerCopyrightTemplate\"></ng-container>\n            <ng-template #defaultFooterTpl>\n                <ul class=\"list-inline list-inline-dots mb-0\">\n                    <li class=\"list-inline-item\">\n                        {{copyrightPrefix}} &copy; {{currentYear}} {{copyrightSuffix}}\n                    </li>\n                    <li *ngIf=\"!!version\" class=\"list-inline-item\">\n                        {{version}}\n                    </li>\n                </ul>\n            </ng-template>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: FooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-footer', encapsulation: ViewEncapsulation.None, template: "<div class=\"container-xl\">\n    <div class=\"row text-center align-items-center flex-row-reverse\">\n        <div class=\"col-lg-auto ms-lg-auto\">\n            <ul *ngIf=\"links.length > 0\" class=\"list-inline list-inline-dots mb-0\">\n                <li *ngFor=\"let link of links\" class=\"list-inline-item\">\n                    <a href=\"{{link.url}}\" target=\"{{link.target}}\" class=\"link-secondary\">\n                        <span [innerHTML]=\"link.text\"></span>\n                        <ng-container *transloco=\"let t\">\n                            {{t('Layout.Aloha')}}\n                        </ng-container>\n                    </a>\n                </li>\n            </ul>\n        </div>\n        <div class=\"col-12 col-lg-auto mt-3 mt-lg-0\">\n            <ng-container *ngIf=\"!!footerCopyrightTemplate; else defaultFooterTpl\"\n                [ngTemplateOutlet]=\"footerCopyrightTemplate\"></ng-container>\n            <ng-template #defaultFooterTpl>\n                <ul class=\"list-inline list-inline-dots mb-0\">\n                    <li class=\"list-inline-item\">\n                        {{copyrightPrefix}} &copy; {{currentYear}} {{copyrightSuffix}}\n                    </li>\n                    <li *ngIf=\"!!version\" class=\"list-inline-item\">\n                        {{version}}\n                    </li>\n                </ul>\n            </ng-template>\n        </div>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.TranslocoService }]; }, propDecorators: { wrapperClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], footerCopyrightTemplate: [{
-                type: ContentChild,
-                args: [FooterCopyrightDirective, { read: TemplateRef, static: true }]
-            }] } });
-
-class HeaderComponent extends BaseComponent {
-    constructor(coreLayoutConfigService, layoutService, translocoService) {
-        super();
-        this.coreLayoutConfigService = coreLayoutConfigService;
-        this.layoutService = layoutService;
-        this.translocoService = translocoService;
-        this.wrapperClasses = '';
-        this.style = 'light';
-        this.showSearchBar = true;
-        this.nextThemeIcon = 'moon';
-        this.nextThemeColor = 'black';
-        this.currentNotificationsIcon = 'bell';
-        this.hasNewNotifications = false;
-        this.showNotifications = false;
-        this.showLanguageSwitcher = true; // TODO: add on config.
-        this.showUserMenu = false;
-        this.baseWrapperClasses = 'navbar navbar-expand-md d-none d-lg-flex d-print-none';
-    }
-    ngOnInit() {
-        this.updateWrapperClasses();
-        if (this.coreLayoutConfigService.config.showNotificationsButton) {
-            this.setupNotifications();
-        }
-        if (this.coreLayoutConfigService.config.showUserMenu) {
-            this.showUserMenu = true;
-        }
-    }
-    ngOnChanges(changes) {
-        if (!!changes['style'].currentValue) {
-            this.updateWrapperClasses();
-        }
-    }
-    switchTheme() {
-        const isDarkMode = this.nextThemeIcon === 'moon';
-        this.nextThemeIcon = isDarkMode ? 'sun' : 'moon';
-        this.nextThemeColor = isDarkMode ? 'white' : 'black';
-        this.layoutService.toggleDarkMode(isDarkMode);
-    }
-    // TODO: implement.
-    switchLanguage() {
-        const currentLang = this.translocoService.getActiveLang();
-        this.translocoService.setActiveLang(currentLang === 'en' ? 'pt' : 'en');
-    }
-    openNotifications() {
-        this.updateNotificationsIcon();
-    }
-    setupNotifications() {
-        this.showNotifications = true;
-    }
-    updateNotificationsIcon() {
-        this.currentNotificationsIcon = this.currentNotificationsIcon === 'bell' ? 'bell-ringing' : 'bell';
-        this.hasNewNotifications = !this.hasNewNotifications;
-    }
-    updateWrapperClasses() {
-        this.wrapperClasses = `${this.baseWrapperClasses} navbar-${this.style}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$1.UpdCoreLayoutConfigService }, { token: i1$1.LayoutService }, { token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: HeaderComponent, selector: "upd-header", inputs: { style: "style", showSearchBar: "showSearchBar" }, host: { properties: { "class": "this.wrapperClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-xl\">\n    <button class=\"navbar-toggler\" type=\"button\">\n        <span class=\"navbar-toggler-icon\"></span>\n    </button>\n    <div class=\"navbar-nav flex-row order-md-last\">\n        <div class=\"d-none d-md-flex me-3\">\n            <div class=\"nav-item\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"switchTheme()\">\n                    <upd-icon [tablerIcon]=\"nextThemeIcon\"></upd-icon>\n                </upd-link>\n            </div>\n            <div *ngIf=\"showLanguageSwitcher\" class=\"nav-item\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"switchLanguage()\">\n                    <upd-icon tablerIcon=\"flag\"></upd-icon>\n                </upd-link>\n            </div>\n            <div *ngIf=\"showNotifications\" class=\"nav-item dropdown d-none d-md-flex\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"openNotifications()\">\n                    <upd-icon [tablerIcon]=\"currentNotificationsIcon\"></upd-icon>\n                    <span *ngIf=\"hasNewNotifications\" class=\"badge bg-red\"></span>\n                </upd-link>\n                <div class=\"dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card\">\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <h3 class=\"card-title\">Last updates</h3>\n                        </div>\n                        <div class=\"list-group list-group-flush list-group-hoverable\">\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span\n                                        class=\"status-dot status-dot-animated bg-red d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 1</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Change deprecated html tags to text decoration classes (#29604)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span class=\"status-dot d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 2</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            justify-content:between \u21D2 justify-content:space-between (#29734)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions show\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-yellow\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span class=\"status-dot d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 3</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Update change-version.js (#29736)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span\n                                        class=\"status-dot status-dot-animated bg-green d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 4</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Regenerate package-lock.json (#29730)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"showUserMenu\" class=\"nav-item dropdown\">\n            <a href=\"#\" class=\"nav-link d-flex lh-1 text-reset p-0\" data-bs-toggle=\"dropdown\"\n                aria-label=\"Open user menu\">\n                <!--<span class=\"avatar avatar-sm\" style=\"background-image: url(./static/avatars/000m.jpg)\"></span>-->\n                <span class=\"avatar avatar-sm\"></span>\n                <div class=\"d-none d-xl-block ps-2\">\n                    <div>Eros Stein</div>\n                    <div class=\"mt-1 small text-muted\">Administrator</div>\n                </div>\n            </a>\n            <div class=\"dropdown-menu dropdown-menu-end dropdown-menu-arrow\">\n                <a href=\"#\" class=\"dropdown-item\">Status</a>\n                <a href=\"./profile.html\" class=\"dropdown-item\">Profile</a>\n                <a href=\"#\" class=\"dropdown-item\">Feedback</a>\n                <div class=\"dropdown-divider\"></div>\n                <a href=\"./settings.html\" class=\"dropdown-item\">Settings</a>\n                <a href=\"./sign-in.html\" class=\"dropdown-item\">Logout</a>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"showSearchBar\" class=\"collapse navbar-collapse\">\n        <div>\n            <form autocomplete=\"off\" novalidate>\n                <div class=\"input-icon\">\n                        <span class=\"input-icon-addon\">\n                            <upd-icon tablerIcon=\"search\"></upd-icon>\n                        </span>\n                    <input type=\"text\" value=\"\" class=\"form-control\" placeholder=\"Search\u2026\">\n                </div>\n            </form>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "removeDefaultClasses", "customClasses", "tablerIcon", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i5.LinkComponent, selector: "upd-link", inputs: ["href", "target", "customClasses", "isNavigation"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: HeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"container-xl\">\n    <button class=\"navbar-toggler\" type=\"button\">\n        <span class=\"navbar-toggler-icon\"></span>\n    </button>\n    <div class=\"navbar-nav flex-row order-md-last\">\n        <div class=\"d-none d-md-flex me-3\">\n            <div class=\"nav-item\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"switchTheme()\">\n                    <upd-icon [tablerIcon]=\"nextThemeIcon\"></upd-icon>\n                </upd-link>\n            </div>\n            <div *ngIf=\"showLanguageSwitcher\" class=\"nav-item\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"switchLanguage()\">\n                    <upd-icon tablerIcon=\"flag\"></upd-icon>\n                </upd-link>\n            </div>\n            <div *ngIf=\"showNotifications\" class=\"nav-item dropdown d-none d-md-flex\">\n                <upd-link [isNavigation]=\"true\" [customClasses]=\"['px-0']\" (clicked)=\"openNotifications()\">\n                    <upd-icon [tablerIcon]=\"currentNotificationsIcon\"></upd-icon>\n                    <span *ngIf=\"hasNewNotifications\" class=\"badge bg-red\"></span>\n                </upd-link>\n                <div class=\"dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card\">\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <h3 class=\"card-title\">Last updates</h3>\n                        </div>\n                        <div class=\"list-group list-group-flush list-group-hoverable\">\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span\n                                        class=\"status-dot status-dot-animated bg-red d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 1</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Change deprecated html tags to text decoration classes (#29604)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span class=\"status-dot d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 2</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            justify-content:between \u21D2 justify-content:space-between (#29734)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions show\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-yellow\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span class=\"status-dot d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 3</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Update change-version.js (#29736)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"list-group-item\">\n                                <div class=\"row align-items-center\">\n                                    <div class=\"col-auto\"><span\n                                        class=\"status-dot status-dot-animated bg-green d-block\"></span></div>\n                                    <div class=\"col text-truncate\">\n                                        <a href=\"#\" class=\"text-body d-block\">Example 4</a>\n                                        <div class=\"d-block text-muted text-truncate mt-n1\">\n                                            Regenerate package-lock.json (#29730)\n                                        </div>\n                                    </div>\n                                    <div class=\"col-auto\">\n                                        <a href=\"#\" class=\"list-group-item-actions\">\n                                            <!-- Download SVG icon from http://tabler-icons.io/i/star -->\n                                            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-muted\"\n                                                width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                                                stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\"\n                                                stroke-linejoin=\"round\">\n                                                <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                                                <path\n                                                    d=\"M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z\"/>\n                                            </svg>\n                                        </a>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"showUserMenu\" class=\"nav-item dropdown\">\n            <a href=\"#\" class=\"nav-link d-flex lh-1 text-reset p-0\" data-bs-toggle=\"dropdown\"\n                aria-label=\"Open user menu\">\n                <!--<span class=\"avatar avatar-sm\" style=\"background-image: url(./static/avatars/000m.jpg)\"></span>-->\n                <span class=\"avatar avatar-sm\"></span>\n                <div class=\"d-none d-xl-block ps-2\">\n                    <div>Eros Stein</div>\n                    <div class=\"mt-1 small text-muted\">Administrator</div>\n                </div>\n            </a>\n            <div class=\"dropdown-menu dropdown-menu-end dropdown-menu-arrow\">\n                <a href=\"#\" class=\"dropdown-item\">Status</a>\n                <a href=\"./profile.html\" class=\"dropdown-item\">Profile</a>\n                <a href=\"#\" class=\"dropdown-item\">Feedback</a>\n                <div class=\"dropdown-divider\"></div>\n                <a href=\"./settings.html\" class=\"dropdown-item\">Settings</a>\n                <a href=\"./sign-in.html\" class=\"dropdown-item\">Logout</a>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"showSearchBar\" class=\"collapse navbar-collapse\">\n        <div>\n            <form autocomplete=\"off\" novalidate>\n                <div class=\"input-icon\">\n                        <span class=\"input-icon-addon\">\n                            <upd-icon tablerIcon=\"search\"></upd-icon>\n                        </span>\n                    <input type=\"text\" value=\"\" class=\"form-control\" placeholder=\"Search\u2026\">\n                </div>\n            </form>\n        </div>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.UpdCoreLayoutConfigService }, { type: i1$1.LayoutService }, { type: i1.TranslocoService }]; }, propDecorators: { wrapperClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], style: [{
-                type: Input
-            }], showSearchBar: [{
-                type: Input
-            }] } });
-
-class SidebarComponent extends BaseComponent {
-    constructor(router) {
-        super();
-        this.router = router;
-        this.wrapperClasses = 'navbar navbar-vertical navbar-expand-lg';
-        this.theme = 'dark';
-        this.menuItems = [];
-    }
-    ngOnInit() {
-        // TODO: remove demo code.
-        const sampleCardsItem = new RouteDataModel({
-            title: 'Sample cards',
-            icon: { tablerIcon: 'home' }
-        });
-        const cardActionsItem = new RouteDataModel({
-            title: 'Card actions',
-            icon: { tablerIcon: 'folder' }
-        });
-        const emptyPageItem = new RouteDataModel({
-            title: 'Empty page',
-            icon: { tablerIcon: 'home' }
-        });
-        const cardsItem = new RouteDataModel({
-            title: 'Cards',
-            icon: { tablerIcon: 'user' },
-            children: [
-                sampleCardsItem,
-                cardActionsItem
-            ]
-        });
-        const interfaceItem = new RouteDataModel({
-            title: 'Interface',
-            icon: { tablerIcon: 'device-desktop' },
-            children: [
-                emptyPageItem,
-                cardsItem
-            ]
-        });
-        sampleCardsItem.parent = cardsItem;
-        cardActionsItem.parent = cardsItem;
-        emptyPageItem.parent = interfaceItem;
-        cardsItem.parent = interfaceItem;
-        this.menuItems = [
-            new RouteDataModel({
-                title: 'Home',
-                icon: { tablerIcon: 'home' }
-            }),
-            new RouteDataModel({
-                title: 'Archives',
-                icon: { tablerIcon: 'folder' }
-            }),
-            interfaceItem,
-            new RouteDataModel({
-                title: 'Library',
-                icon: { tablerIcon: 'building' }
-            })
-        ];
-        // END demo code
-        const routerSub = this.router.events.pipe(filter(event => event instanceof NavigationStart)).subscribe(event => this.updateActiveRoute(event.url));
-        this.updateActiveRoute(this.router.url);
-        this.addSubscriptions(routerSub);
-    }
-    onMenuItemClick(item) {
-        this.resetMenuState(this.menuItems);
-        item.isActive = true;
-        this.updateParents(item);
-        if (!!item.clickFunction) {
-            item.clickFunction();
-            return;
-        }
-        if ((item.children?.length || 0) > 0) {
-            return;
-        }
-        this.router.navigate(item.getFullPath()).then();
-    }
-    hasChildren(item) {
-        return (item.children?.length || 0) > 0;
-    }
-    findActiveNode(item, fullPath) {
-        if (item.fullPath === fullPath) {
-            return item;
-        }
-        else if (item.children.length > 0) {
-            let result;
-            for (let i = 0; !result && i < item.children.length; i++) {
-                result = this.findActiveNode(item.children[i], fullPath);
-            }
-            return result;
-        }
-        return undefined;
-    }
-    updateActiveRoute(newPath) {
-        this.resetMenuState(this.menuItems);
-        let item;
-        for (const mi of this.menuItems) {
-            item = this.findActiveNode(mi, newPath);
-            if (!!item) {
-                break;
-            }
-        }
-        while (!!item) {
-            item.isActive = true;
-            item = item.parent;
-        }
-    }
-    resetMenuState(items) {
-        items.forEach(i => {
-            i.isActive = false;
-            if (i.children.length > 0) {
-                this.resetMenuState(i.children);
-            }
-        });
-    }
-    updateParents(menuItem) {
-        let item = menuItem;
-        while (!!item) {
-            item.isActive = true;
-            item = item.parent;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: SidebarComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: SidebarComponent, selector: "upd-sidebar", host: { properties: { "class": "this.wrapperClasses", "attr.data-bs-theme": "this.theme" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid\">\n    <button class=\"navbar-toggler\" type=\"button\">\n        <span class=\"navbar-toggler-icon\"></span>\n    </button>\n    <h1 class=\"navbar-brand navbar-brand-autodark\">\n        <a href=\".\">\n            <img width=\"110\" height=\"32\" class=\"navbar-brand-image upd-brand-logo\"/>\n        </a>\n    </h1>\n    <div class=\"collapse navbar-collapse\">\n        <ul class=\"navbar-nav pt-lg-3\">\n            <li *ngFor=\"let item of menuItems\" class=\"nav-item\" [class.dropdown]=\"hasChildren(item)\"\n                [class.active]=\"item.isActive\">\n                <ng-container [ngTemplateOutlet]=\"itemTpl\" [ngTemplateOutletContext]=\"{menuItem: item}\">\n                </ng-container>\n            </li>\n        </ul>\n    </div>\n</div>\n\n<ng-template #itemTpl let-item=\"menuItem\">\n    <upd-link [isNavigation]=\"true\" (clicked)=\"onMenuItemClick(item)\"\n        [customClasses]=\"[hasChildren(item) ? 'dropdown-toggle' : '', item.isActive ? 'show' : '']\">\n        <span class=\"nav-link-icon d-md-none d-lg-inline-block\">\n            <upd-icon [model]=\"item.icon\"></upd-icon>\n        </span>\n        <span class=\"nav-link-title\">{{item.title}}</span>\n    </upd-link>\n    <ng-container *ngIf=\"hasChildren(item)\" [ngTemplateOutlet]=\"childrenTpl\" [ngTemplateOutletContext]=\"{menuItem: item}\">\n    </ng-container>\n</ng-template>\n\n<ng-template #childrenTpl let-item=\"menuItem\">\n    <div class=\"dropdown-menu\" [class.show]=\"item.isActive\">\n        <div class=\"dropdown-menu-columns\">\n            <div class=\"dropdown-menu-column\">\n                <ng-container *ngFor=\"let child of item.children\">\n                    <upd-link *ngIf=\"!hasChildren(child); else grandchildTpl\" (clicked)=\"onMenuItemClick(child)\"\n                        [customClasses]=\"['dropdown-item', child.isActive ? 'active' : '']\">\n                        {{child.title}}\n                    </upd-link>\n                    <ng-template #grandchildTpl>\n                        <div class=\"dropend\">\n                            <upd-link (clicked)=\"onMenuItemClick(child)\"\n                                [customClasses]=\"['dropdown-item', 'dropdown-toggle', child.isActive ? 'active' : '']\">\n                                {{child.title}}\n                            </upd-link>\n                            <div class=\"dropdown-menu\" [class.show]=\"child.isActive\">\n                                <ng-container *ngFor=\"let grandchild of child.children\">\n                                    <upd-link (clicked)=\"onMenuItemClick(grandchild)\"\n                                        [customClasses]=\"['dropdown-item', grandchild.isActive ? 'active' : '']\">\n                                        {{grandchild.title}}\n                                    </upd-link>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-template>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.IconComponent, selector: "upd-icon", inputs: ["model", "wrapperClasses", "color", "removeDefaultClasses", "customClasses", "tablerIcon", "heroIcon", "heroIconSize", "heroIconType"] }, { kind: "component", type: i5.LinkComponent, selector: "upd-link", inputs: ["href", "target", "customClasses", "isNavigation"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: SidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-sidebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"container-fluid\">\n    <button class=\"navbar-toggler\" type=\"button\">\n        <span class=\"navbar-toggler-icon\"></span>\n    </button>\n    <h1 class=\"navbar-brand navbar-brand-autodark\">\n        <a href=\".\">\n            <img width=\"110\" height=\"32\" class=\"navbar-brand-image upd-brand-logo\"/>\n        </a>\n    </h1>\n    <div class=\"collapse navbar-collapse\">\n        <ul class=\"navbar-nav pt-lg-3\">\n            <li *ngFor=\"let item of menuItems\" class=\"nav-item\" [class.dropdown]=\"hasChildren(item)\"\n                [class.active]=\"item.isActive\">\n                <ng-container [ngTemplateOutlet]=\"itemTpl\" [ngTemplateOutletContext]=\"{menuItem: item}\">\n                </ng-container>\n            </li>\n        </ul>\n    </div>\n</div>\n\n<ng-template #itemTpl let-item=\"menuItem\">\n    <upd-link [isNavigation]=\"true\" (clicked)=\"onMenuItemClick(item)\"\n        [customClasses]=\"[hasChildren(item) ? 'dropdown-toggle' : '', item.isActive ? 'show' : '']\">\n        <span class=\"nav-link-icon d-md-none d-lg-inline-block\">\n            <upd-icon [model]=\"item.icon\"></upd-icon>\n        </span>\n        <span class=\"nav-link-title\">{{item.title}}</span>\n    </upd-link>\n    <ng-container *ngIf=\"hasChildren(item)\" [ngTemplateOutlet]=\"childrenTpl\" [ngTemplateOutletContext]=\"{menuItem: item}\">\n    </ng-container>\n</ng-template>\n\n<ng-template #childrenTpl let-item=\"menuItem\">\n    <div class=\"dropdown-menu\" [class.show]=\"item.isActive\">\n        <div class=\"dropdown-menu-columns\">\n            <div class=\"dropdown-menu-column\">\n                <ng-container *ngFor=\"let child of item.children\">\n                    <upd-link *ngIf=\"!hasChildren(child); else grandchildTpl\" (clicked)=\"onMenuItemClick(child)\"\n                        [customClasses]=\"['dropdown-item', child.isActive ? 'active' : '']\">\n                        {{child.title}}\n                    </upd-link>\n                    <ng-template #grandchildTpl>\n                        <div class=\"dropend\">\n                            <upd-link (clicked)=\"onMenuItemClick(child)\"\n                                [customClasses]=\"['dropdown-item', 'dropdown-toggle', child.isActive ? 'active' : '']\">\n                                {{child.title}}\n                            </upd-link>\n                            <div class=\"dropdown-menu\" [class.show]=\"child.isActive\">\n                                <ng-container *ngFor=\"let grandchild of child.children\">\n                                    <upd-link (clicked)=\"onMenuItemClick(grandchild)\"\n                                        [customClasses]=\"['dropdown-item', grandchild.isActive ? 'active' : '']\">\n                                        {{grandchild.title}}\n                                    </upd-link>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-template>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }]; }, propDecorators: { wrapperClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], theme: [{
-                type: HostBinding,
-                args: ['attr.data-bs-theme']
-            }] } });
-
-class PageHeaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: PageHeaderComponent, selector: "upd-page-header", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"page-header d-print-none\">\n    <div class=\"container-xl\">\n        <div class=\"row g-2 align-items-center\">\n            <div class=\"col\">\n                <div class=\"page-pretitle\">\n                    {{model.titleHeader}}\n                </div>\n                <h2 class=\"page-title\">\n                    {{model.title}}\n                </h2>\n            </div>\n            <div *ngIf=\"(model.actionButtons?.length || 0) > 0\" class=\"col-auto ms-auto d-print-none\">\n                <div class=\"btn-list\">\n                    <upd-button *ngFor=\"let btn of model.actionButtons\" [model]=\"btn!\"></upd-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "upd-button", inputs: ["text", "model", "colorStyle", "brandColorStyle", "customClasses", "isActive", "isDisabled", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "shouldIgnoreBtnClass"], outputs: ["clicked"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: PageHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-page-header', template: "<div class=\"page-header d-print-none\">\n    <div class=\"container-xl\">\n        <div class=\"row g-2 align-items-center\">\n            <div class=\"col\">\n                <div class=\"page-pretitle\">\n                    {{model.titleHeader}}\n                </div>\n                <h2 class=\"page-title\">\n                    {{model.title}}\n                </h2>\n            </div>\n            <div *ngIf=\"(model.actionButtons?.length || 0) > 0\" class=\"col-auto ms-auto d-print-none\">\n                <div class=\"btn-list\">\n                    <upd-button *ngFor=\"let btn of model.actionButtons\" [model]=\"btn!\"></upd-button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-
-class VerticalSidebarLayoutComponent extends BaseComponent {
-    constructor(changeDetectorRef, layoutService) {
-        super();
-        this.changeDetectorRef = changeDetectorRef;
-        this.layoutService = layoutService;
-        this.showPageHeader = false;
-    }
-    ngOnInit() {
-        const pHeaderSub = this.layoutService.onPageHeaderChange.subscribe(ph => {
-            this.showPageHeader = !!ph;
-            this.pageHeader = ph;
-            this.changeDetectorRef.detectChanges();
-        });
-        this.addSubscriptions(pHeaderSub);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: VerticalSidebarLayoutComponent, selector: "upd-vertical-sidebar-layout", usesInheritance: true, ngImport: i0, template: "<div class=\"page\">\n    <upd-sidebar></upd-sidebar>\n    <upd-header></upd-header>\n\n    <div class=\"page-wrapper\">\n        <upd-page-header *ngIf=\"showPageHeader\" [model]=\"pageHeader!\"></upd-page-header>\n        <div class=\"page-body\">\n            <div class=\"container-xl\">\n                <router-outlet></router-outlet>\n            </div>\n        </div>\n        <upd-footer></upd-footer>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: FooterComponent, selector: "upd-footer" }, { kind: "component", type: HeaderComponent, selector: "upd-header", inputs: ["style", "showSearchBar"] }, { kind: "component", type: SidebarComponent, selector: "upd-sidebar" }, { kind: "component", type: PageHeaderComponent, selector: "upd-page-header", inputs: ["model"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-vertical-sidebar-layout', encapsulation: ViewEncapsulation.None, template: "<div class=\"page\">\n    <upd-sidebar></upd-sidebar>\n    <upd-header></upd-header>\n\n    <div class=\"page-wrapper\">\n        <upd-page-header *ngIf=\"showPageHeader\" [model]=\"pageHeader!\"></upd-page-header>\n        <div class=\"page-body\">\n            <div class=\"container-xl\">\n                <router-outlet></router-outlet>\n            </div>\n        </div>\n        <upd-footer></upd-footer>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.LayoutService }]; } });
-
-class VerticalSidebarLayoutModule {
-    constructor(translocoService) {
-        translocoService.setTranslation(en$1, 'en');
-        translocoService.setTranslation(pt$1, 'pt');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutModule, deps: [{ token: i1.TranslocoService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutModule, declarations: [VerticalSidebarLayoutComponent,
-            FooterComponent,
-            HeaderComponent,
-            SidebarComponent,
-            PageHeaderComponent], imports: [CommonModule,
-            RouterModule,
-            TranslocoModule,
-            UpdIconsModule,
-            UpdCoreLayoutModule,
-            UpdButtonModule,
-            UpdLinkModule], exports: [VerticalSidebarLayoutComponent,
-            FooterComponent,
-            HeaderComponent,
-            SidebarComponent,
-            PageHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutModule, providers: [
-            FooterCopyrightDirective
-        ], imports: [CommonModule,
-            RouterModule,
-            TranslocoModule,
-            UpdIconsModule,
-            UpdCoreLayoutModule,
-            UpdButtonModule,
-            UpdLinkModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: VerticalSidebarLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        TranslocoModule,
-                        UpdIconsModule,
-                        UpdCoreLayoutModule,
-                        UpdButtonModule,
-                        UpdLinkModule
-                    ],
-                    declarations: [
-                        VerticalSidebarLayoutComponent,
-                        FooterComponent,
-                        HeaderComponent,
-                        SidebarComponent,
-                        PageHeaderComponent
-                    ],
-                    exports: [
-                        VerticalSidebarLayoutComponent,
-                        FooterComponent,
-                        HeaderComponent,
-                        SidebarComponent,
-                        PageHeaderComponent
-                    ],
-                    providers: [
-                        FooterCopyrightDirective
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslocoService }]; } });
-
-class LoggedOutComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: LoggedOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: LoggedOutComponent, selector: "upd-logged-out", ngImport: i0, template: "<p>logged-out works!</p>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: LoggedOutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-logged-out', template: "<p>logged-out works!</p>\n" }]
-        }] });
-
-class LoginComponent {
-    constructor() {
-        this.layout = 'centered-box';
-        this.username = '';
-        this.password = '';
-        this.authService = inject(AuthService);
-        this.layoutService = inject(LayoutService);
-        this.layoutService.addBodyClasses('border-top-wide', 'border-primary', 'd-flex', 'flex-column');
-    }
-    login() {
-        this.authService.login(this.username, this.password).subscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: LoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: LoginComponent, selector: "upd-login", ngImport: i0, template: "<div class=\"page page-center\">\n    <ng-container [ngSwitch]=\"layout\">\n        <div *ngSwitchCase=\"'centered-box'\" class=\"container container-tight py-4\">\n            <ng-container [ngTemplateOutlet]=\"loginCard\"></ng-container>\n        </div>\n        <div *ngSwitchCase=\"'box-with-picture'\" class=\"container container-normal py-4\">\n            <div class=\"row align-items-center g-4\">\n                <div class=\"col-lg\">\n                    <div class=\"container-tight\">\n                        <ng-container [ngTemplateOutlet]=\"loginCard\"></ng-container>\n                    </div>\n                </div>\n                <div class=\"col-lg d-none d-lg-block\">\n                    <img height=\"300\" class=\"d-block mx-auto upd-right-login-image\"/>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #loginCard>\n    <div class=\"text-center mb-4\">\n        <a href=\".\" class=\"navbar-brand navbar-brand-autodark\">\n            <img height=\"36\" class=\"navbar-brand-image upd-brand-logo\"/>\n        </a>\n    </div>\n    <div class=\"card card-md\">\n        <div class=\"card-body\">\n            <h2 class=\"h2 text-center mb-4\" i18n>Login to your account</h2>\n            <form action=\"./\" method=\"get\" autocomplete=\"off\" novalidate>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Email address</label>\n                    <input type=\"email\" class=\"form-control\" name=\"username\" [(ngModel)]=\"username\">\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">\n                        Password\n                        <span class=\"form-label-description\">\n                    <a href=\"./forgot-password.html\" i18n>I forgot my password</a>\n                  </span>\n                    </label>\n                    <div class=\"input-group input-group-flat\">\n                        <input type=\"password\" class=\"form-control\" name=\"password\" [(ngModel)]=\"password\">\n                        <span class=\"input-group-text\">\n                    <a href=\"#\" class=\"link-secondary\" title=\"Show password\" data-bs-toggle=\"tooltip\"><!-- Download SVG icon from http://tabler-icons.io/i/eye -->\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                          stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\"\n                          d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/><path\n                          d=\"M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7\"/></svg>\n                    </a>\n                  </span>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-check\">\n                        <input type=\"checkbox\" class=\"form-check-input\"/>\n                        <span class=\"form-check-label\" i18n>Remember me on this device</span>\n                    </label>\n                </div>\n                <div class=\"form-footer\">\n                    <upd-button (clicked)=\"login()\" customClasses=\"w-100\">\n                        <span i18n>Sign in</span>\n                    </upd-button>\n                </div>\n            </form>\n        </div>\n        <div class=\"hr-text\" i18n>or</div>\n        <div class=\"card-body\">\n            <div class=\"row\">\n                <div class=\"col\"><a href=\"#\" class=\"btn w-100\">\n                    <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-github\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                        stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                        <path\n                            d=\"M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5\"/>\n                    </svg>\n                    Login with Github\n                </a></div>\n                <div class=\"col\"><a href=\"#\" class=\"btn w-100\">\n                    <!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-twitter\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                        stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                        <path\n                            d=\"M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z\"/>\n                    </svg>\n                    Login with Twitter\n                </a></div>\n            </div>\n        </div>\n    </div>\n    <div class=\"text-center text-muted mt-3\">\n        Don't have account yet? <a href=\"./sign-up.html\" tabindex=\"-1\" i18n>Sign up</a>\n    </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "upd-button", inputs: ["text", "model", "colorStyle", "brandColorStyle", "customClasses", "isActive", "isDisabled", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "shouldIgnoreBtnClass"], outputs: ["clicked"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: LoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-login', encapsulation: ViewEncapsulation.None, template: "<div class=\"page page-center\">\n    <ng-container [ngSwitch]=\"layout\">\n        <div *ngSwitchCase=\"'centered-box'\" class=\"container container-tight py-4\">\n            <ng-container [ngTemplateOutlet]=\"loginCard\"></ng-container>\n        </div>\n        <div *ngSwitchCase=\"'box-with-picture'\" class=\"container container-normal py-4\">\n            <div class=\"row align-items-center g-4\">\n                <div class=\"col-lg\">\n                    <div class=\"container-tight\">\n                        <ng-container [ngTemplateOutlet]=\"loginCard\"></ng-container>\n                    </div>\n                </div>\n                <div class=\"col-lg d-none d-lg-block\">\n                    <img height=\"300\" class=\"d-block mx-auto upd-right-login-image\"/>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</div>\n\n<ng-template #loginCard>\n    <div class=\"text-center mb-4\">\n        <a href=\".\" class=\"navbar-brand navbar-brand-autodark\">\n            <img height=\"36\" class=\"navbar-brand-image upd-brand-logo\"/>\n        </a>\n    </div>\n    <div class=\"card card-md\">\n        <div class=\"card-body\">\n            <h2 class=\"h2 text-center mb-4\" i18n>Login to your account</h2>\n            <form action=\"./\" method=\"get\" autocomplete=\"off\" novalidate>\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Email address</label>\n                    <input type=\"email\" class=\"form-control\" name=\"username\" [(ngModel)]=\"username\">\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-label\">\n                        Password\n                        <span class=\"form-label-description\">\n                    <a href=\"./forgot-password.html\" i18n>I forgot my password</a>\n                  </span>\n                    </label>\n                    <div class=\"input-group input-group-flat\">\n                        <input type=\"password\" class=\"form-control\" name=\"password\" [(ngModel)]=\"password\">\n                        <span class=\"input-group-text\">\n                    <a href=\"#\" class=\"link-secondary\" title=\"Show password\" data-bs-toggle=\"tooltip\"><!-- Download SVG icon from http://tabler-icons.io/i/eye -->\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"2\"\n                          stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\"\n                          d=\"M0 0h24v24H0z\" fill=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/><path\n                          d=\"M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7\"/></svg>\n                    </a>\n                  </span>\n                    </div>\n                </div>\n                <div class=\"mb-2\">\n                    <label class=\"form-check\">\n                        <input type=\"checkbox\" class=\"form-check-input\"/>\n                        <span class=\"form-check-label\" i18n>Remember me on this device</span>\n                    </label>\n                </div>\n                <div class=\"form-footer\">\n                    <upd-button (clicked)=\"login()\" customClasses=\"w-100\">\n                        <span i18n>Sign in</span>\n                    </upd-button>\n                </div>\n            </form>\n        </div>\n        <div class=\"hr-text\" i18n>or</div>\n        <div class=\"card-body\">\n            <div class=\"row\">\n                <div class=\"col\"><a href=\"#\" class=\"btn w-100\">\n                    <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-github\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                        stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                        <path\n                            d=\"M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5\"/>\n                    </svg>\n                    Login with Github\n                </a></div>\n                <div class=\"col\"><a href=\"#\" class=\"btn w-100\">\n                    <!-- Download SVG icon from http://tabler-icons.io/i/brand-twitter -->\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon text-twitter\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                        stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n                        <path\n                            d=\"M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z\"/>\n                    </svg>\n                    Login with Twitter\n                </a></div>\n            </div>\n        </div>\n    </div>\n    <div class=\"text-center text-muted mt-3\">\n        Don't have account yet? <a href=\"./sign-up.html\" tabindex=\"-1\" i18n>Sign up</a>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return []; } });
-
-class OauthCallbackComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: OauthCallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.11", type: OauthCallbackComponent, selector: "upd-oauth-callback", ngImport: i0, template: "<p>oauth-callback works!</p>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: OauthCallbackComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-oauth-callback', template: "<p>oauth-callback works!</p>\n" }]
-        }] });
-
-/**
- * Auth flow routes.
- */
-const routes = [
-    { path: 'oauth/callback', component: OauthCallbackComponent },
-    { path: 'logged-out', component: LoggedOutComponent },
-    { path: 'login', component: LoginComponent }
-];
-class AuthFlowRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowRoutingModule, imports: [i1$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowRoutingModule, imports: [RouterModule.forRoot(routes, { useHash: true }), RouterModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forRoot(routes, { useHash: true })],
-                    exports: [RouterModule]
-                }]
-        }] });
-
-class AuthFlowModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowModule, declarations: [LoginComponent,
-            OauthCallbackComponent,
-            LoggedOutComponent], imports: [CommonModule,
-            AuthFlowRoutingModule,
-            UpdButtonModule,
-            FormsModule], exports: [LoginComponent,
-            OauthCallbackComponent,
-            LoggedOutComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowModule, imports: [CommonModule,
-            AuthFlowRoutingModule,
-            UpdButtonModule,
-            FormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: AuthFlowModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AuthFlowRoutingModule,
-                        UpdButtonModule,
-                        FormsModule
-                    ],
-                    declarations: [
-                        LoginComponent,
-                        OauthCallbackComponent,
-                        LoggedOutComponent
-                    ],
-                    exports: [
-                        LoginComponent,
-                        OauthCallbackComponent,
-                        LoggedOutComponent
-                    ]
-                }]
-        }] });
-
-/**
- * Layout configuration.
- */
-class UpdLayoutConfigModel {
-    constructor(init) {
-        Object.assign(this, init);
-        if (this.mainLogo === undefined) {
-            // this.mainLogo = LogoConstants.defaultLogo; // TODO: add images
-        }
-        if (this.smallLogo === undefined) {
-            // this.smallLogo = LogoConstants.smallLogo;
-        }
-        if (this.loggedOutBackground === undefined) {
-            // this.loggedOutBackground = ImageConstants.loggedOutBackground;
-        }
-        if (this.menuTitle === undefined) {
-            this.menuTitle = 'UpDevs';
-        }
-        if (this.showNotificationsButton === undefined) {
-            this.showNotificationsButton = true;
-        }
-        if (this.showUserMenu === undefined) {
-            this.showUserMenu = true;
-        }
-        if (this.displayReportErrorButton === undefined) {
-            this.displayReportErrorButton = false;
-        }
-    }
-}
-
-/**
- * Layout constants.
- */
-class LayoutConstants {
-    /**
-     * Key to inject the default configuration.
-     */
-    static { this.defaultOptionsKey = 'upd-layout-default-options'; }
-    /**
-     * Injection token for the default configuration.
-     */
-    static { this.defaultOptionsInjectionToken = new InjectionToken(LayoutConstants.defaultOptionsKey); }
-}
-
-/**
- * Layout configuration data.
- */
-class UpdLayoutConfigService {
-    constructor(layoutConfig) {
-        this.config = new UpdLayoutConfigModel(layoutConfig);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutConfigService, deps: [{ token: LayoutConstants.defaultOptionsInjectionToken }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutConfigService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutConfigService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LayoutConstants.defaultOptionsInjectionToken]
-                }] }]; } });
-
-/**
- * Layout module.
- */
-class UpdLayoutModule {
-    /**
-     * Sets up the layout module with the provided configuration.
-     * @param config Configuration (See: #updsee[p:abstractions, i:UpdCoreLayoutConfig]).
-     */
-    static forRoot(config) {
-        return {
-            ngModule: UpdLayoutModule,
-            providers: [
-                { provide: LayoutConstants.defaultOptionsInjectionToken, useValue: config }
-            ]
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutModule, imports: [CommonModule,
-            UpdCoreLayoutModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutModule, providers: [
-            UpdLayoutConfigService
-        ], imports: [CommonModule,
-            UpdCoreLayoutModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.11", ngImport: i0, type: UpdLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        UpdCoreLayoutModule
-                    ],
-                    providers: [
-                        UpdLayoutConfigService
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AuthFlowModule, AuthFlowRoutingModule, BasePageComponent, BlankLayoutComponent, BlankLayoutModule, FooterComponent, FooterCopyrightDirective, HeaderComponent, LoggedOutComponent, LoginComponent, OauthCallbackComponent, PageHeaderComponent, SidebarComponent, UpdLayoutConfigService, UpdLayoutModule, VerticalSidebarLayoutComponent, VerticalSidebarLayoutModule, routes };
-//# sourceMappingURL=updevs-components-layout.mjs.map