@mediusinc/mng-commons 0.6.1 → 0.8.0-rc.1

package/esm2020/lib/components/form/models/index.mjs

@@ -1,2 +1,2 @@
-export * from './form-editor.event';
+export * from './form-editor.event';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZm9ybS1lZGl0b3IuZXZlbnQnO1xuIl19

package/esm2020/lib/components/layout/breadcrumb.component.mjs

@@ -1,17 +1,17 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../services";
-import * as i2 from "primeng/breadcrumb";
-import * as i3 from "@angular/common";
-export class MngBreadcrumbComponent {
-    constructor(mngCommons) {
-        this.mngCommons = mngCommons;
-    }
-}
-MngBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngBreadcrumbComponent, deps: [{ token: i1.MngCommonsService }], target: i0.ɵɵFactoryTarget.Component });
-MngBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngBreadcrumbComponent, selector: "mng-breadcrumb", ngImport: i0, template: "<div class=\"layout-breadcrumb-container\">\n    <div class=\"layout-breadcrumb\">\n        <p-breadcrumb [home]=\"$any(mngCommons.breadcrumbHome$ | async)\" [model]=\"$any(mngCommons.breadcrumbs$ | async)\" styleClass=\"layout-breadcrumb py-2\"></p-breadcrumb>\n    </div>\n</div>\n", components: [{ type: i2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngBreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mng-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-breadcrumb-container\">\n    <div class=\"layout-breadcrumb\">\n        <p-breadcrumb [home]=\"$any(mngCommons.breadcrumbHome$ | async)\" [model]=\"$any(mngCommons.breadcrumbs$ | async)\" styleClass=\"layout-breadcrumb py-2\"></p-breadcrumb>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.MngCommonsService }]; } });
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services";
+import * as i2 from "primeng/breadcrumb";
+import * as i3 from "@angular/common";
+export class MngBreadcrumbComponent {
+    constructor(mngCommons) {
+        this.mngCommons = mngCommons;
+    }
+}
+MngBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngBreadcrumbComponent, deps: [{ token: i1.MngCommonsService }], target: i0.ɵɵFactoryTarget.Component });
+MngBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngBreadcrumbComponent, selector: "mng-breadcrumb", ngImport: i0, template: "<div class=\"layout-breadcrumb-container\">\n    <div class=\"layout-breadcrumb\">\n        <p-breadcrumb [home]=\"$any(mngCommons.breadcrumbHome$ | async)\" [model]=\"$any(mngCommons.breadcrumbs$ | async)\" styleClass=\"layout-breadcrumb py-2\"></p-breadcrumb>\n    </div>\n</div>\n", components: [{ type: i2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-breadcrumb-container\">\n    <div class=\"layout-breadcrumb\">\n        <p-breadcrumb [home]=\"$any(mngCommons.breadcrumbHome$ | async)\" [model]=\"$any(mngCommons.breadcrumbs$ | async)\" styleClass=\"layout-breadcrumb py-2\"></p-breadcrumb>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MngCommonsService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2JyZWFkY3J1bWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU2pFLE1BQU0sT0FBTyxzQkFBc0I7SUFDL0IsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7SUFBRyxDQUFDOzttSEFEM0Msc0JBQXNCO3VHQUF0QixzQkFBc0Isc0RDVG5DLDZSQUtBOzJGRElhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7TW5nQ29tbW9uc1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdtbmctYnJlYWRjcnVtYicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1uZ0JyZWFkY3J1bWJDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBtbmdDb21tb25zOiBNbmdDb21tb25zU2VydmljZSkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJsYXlvdXQtYnJlYWRjcnVtYi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwibGF5b3V0LWJyZWFkY3J1bWJcIj5cbiAgICAgICAgPHAtYnJlYWRjcnVtYiBbaG9tZV09XCIkYW55KG1uZ0NvbW1vbnMuYnJlYWRjcnVtYkhvbWUkIHwgYXN5bmMpXCIgW21vZGVsXT1cIiRhbnkobW5nQ29tbW9ucy5icmVhZGNydW1icyQgfCBhc3luYylcIiBzdHlsZUNsYXNzPVwibGF5b3V0LWJyZWFkY3J1bWIgcHktMlwiPjwvcC1icmVhZGNydW1iPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/layout/footer.component.mjs

@@ -1,17 +1,17 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../services";
-import * as i2 from "@ngx-translate/core";
-export class MngFooterComponent {
-    constructor(mngCommons) {
-        this.mngCommons = mngCommons;
-        this.currentYear = new Date().getFullYear();
-    }
-}
-MngFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngFooterComponent, deps: [{ token: i1.MngCommonsService }], target: i0.ɵɵFactoryTarget.Component });
-MngFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngFooterComponent, selector: "mng-footer", ngImport: i0, template: "<div class=\"layout-footer\">\n    <div class=\"footer-logo-container\">\n        <img id=\"footer-logo\" [src]=\"mngCommons.colorSchemeIsLight ? mngCommons.appLogoDark : mngCommons.appLogoLight\" alt=\"atlantis-layout\" />\n        <span class=\"app-name\">{{ mngCommons.appName | translate }}</span>\n    </div>\n    <span class=\"copyright\">&#169; {{ mngCommons.appOwner | translate }} - {{ currentYear }}</span>\n</div>\n", pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mng-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-footer\">\n    <div class=\"footer-logo-container\">\n        <img id=\"footer-logo\" [src]=\"mngCommons.colorSchemeIsLight ? mngCommons.appLogoDark : mngCommons.appLogoLight\" alt=\"atlantis-layout\" />\n        <span class=\"app-name\">{{ mngCommons.appName | translate }}</span>\n    </div>\n    <span class=\"copyright\">&#169; {{ mngCommons.appOwner | translate }} - {{ currentYear }}</span>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.MngCommonsService }]; } });
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services";
+import * as i2 from "@ngx-translate/core";
+export class MngFooterComponent {
+    constructor(mngCommons) {
+        this.mngCommons = mngCommons;
+        this.currentYear = new Date().getFullYear();
+    }
+}
+MngFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngFooterComponent, deps: [{ token: i1.MngCommonsService }], target: i0.ɵɵFactoryTarget.Component });
+MngFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngFooterComponent, selector: "mng-footer", ngImport: i0, template: "<div class=\"layout-footer\">\n    <div class=\"footer-logo-container\">\n        <img id=\"footer-logo\" [src]=\"mngCommons.colorSchemeIsLight ? mngCommons.appLogoDark : mngCommons.appLogoLight\" alt=\"atlantis-layout\" />\n        <span class=\"app-name\">{{ mngCommons.appName | translate }}</span>\n    </div>\n    <span class=\"copyright\">&#169; {{ mngCommons.appOwner | translate }} - {{ currentYear }}</span>\n</div>\n", pipes: { "translate": i2.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-footer\">\n    <div class=\"footer-logo-container\">\n        <img id=\"footer-logo\" [src]=\"mngCommons.colorSchemeIsLight ? mngCommons.appLogoDark : mngCommons.appLogoLight\" alt=\"atlantis-layout\" />\n        <span class=\"app-name\">{{ mngCommons.appName | translate }}</span>\n    </div>\n    <span class=\"copyright\">&#169; {{ mngCommons.appOwner | translate }} - {{ currentYear }}</span>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MngCommonsService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9sYXlvdXQvZm9vdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakUsTUFBTSxPQUFPLGtCQUFrQjtJQUczQixZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQUZ6QyxnQkFBVyxHQUFHLElBQUksSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7SUFFSyxDQUFDOzsrR0FIM0Msa0JBQWtCO21HQUFsQixrQkFBa0Isa0RDVC9CLDRhQU9BOzJGREVhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDSSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge01uZ0NvbW1vbnNTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbW5nLWZvb3RlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTW5nRm9vdGVyQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgY3VycmVudFllYXIgPSBuZXcgRGF0ZSgpLmdldEZ1bGxZZWFyKCk7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgbW5nQ29tbW9uczogTW5nQ29tbW9uc1NlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwibGF5b3V0LWZvb3RlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJmb290ZXItbG9nby1jb250YWluZXJcIj5cbiAgICAgICAgPGltZyBpZD1cImZvb3Rlci1sb2dvXCIgW3NyY109XCJtbmdDb21tb25zLmNvbG9yU2NoZW1lSXNMaWdodCA/IG1uZ0NvbW1vbnMuYXBwTG9nb0RhcmsgOiBtbmdDb21tb25zLmFwcExvZ29MaWdodFwiIGFsdD1cImF0bGFudGlzLWxheW91dFwiIC8+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYXBwLW5hbWVcIj57eyBtbmdDb21tb25zLmFwcE5hbWUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJjb3B5cmlnaHRcIj4mIzE2OTsge3sgbW5nQ29tbW9ucy5hcHBPd25lciB8IHRyYW5zbGF0ZSB9fSAtIHt7IGN1cnJlbnRZZWFyIH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/layout/index.mjs

@@ -1,7 +1,7 @@
-export * from './breadcrumb.component';
-export * from './footer.component';
-export * from './main-layout.component';
-export * from './menu.component';
-export * from './menu-item.component';
-export * from './topbar.component';
+export * from './breadcrumb.component';
+export * from './footer.component';
+export * from './main-layout.component';
+export * from './menu.component';
+export * from './menu-item.component';
+export * from './topbar.component';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvb3Rlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tYWluLWxheW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL21lbnUtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b3BiYXIuY29tcG9uZW50JztcbiJdfQ==

package/esm2020/lib/components/layout/main-layout.component.mjs

@@ -1,52 +1,52 @@
-import { ChangeDetectionStrategy, Component, HostListener, ViewChildren } from '@angular/core';
-import { MngTemplateDirective } from '../../directives';
-import { MngFooterComponent } from './footer.component';
-import { MngMenuComponent } from './menu.component';
-import { MngMainLayoutComponentService } from './services';
-import { MngTopbarComponent } from './topbar.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "../../services";
-import * as i3 from "./services";
-import * as i4 from "@angular/common";
-import * as i5 from "../../directives/component.directive";
-export class MngMainLayoutComponent {
-    constructor(route, mngCommons, mainLayoutService) {
-        this.route = route;
-        this.mngCommons = mngCommons;
-        this.mainLayoutService = mainLayoutService;
-        this.topbarComponent = MngTopbarComponent;
-        this.menuComponent = MngMenuComponent;
-        this.footerComponent = MngFooterComponent;
-    }
-    ngOnInit() {
-        const routeData = this.route.snapshot.data;
-        if (routeData?.topbarComponent) {
-            this.topbarComponent = routeData.topbarComponent;
-        }
-        if (routeData?.menuComponent) {
-            this.menuComponent = routeData.menuComponent;
-        }
-        if (routeData?.footerComponent) {
-            this.footerComponent = routeData.footerComponent;
-        }
-        this.mainLayoutService.innerWidth = window.innerWidth;
-    }
-    onWindowResize(event) {
-        const target = event.target;
-        this.mainLayoutService.innerWidth = target?.innerWidth ?? window.innerWidth;
-    }
-}
-MngMainLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngMainLayoutComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.MngCommonsService }, { token: i3.MngMainLayoutComponentService }], target: i0.ɵɵFactoryTarget.Component });
-MngMainLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngMainLayoutComponent, selector: "mng-main-layout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [MngMainLayoutComponentService], viewQueries: [{ propertyName: "templates", predicate: MngTemplateDirective, descendants: true }], ngImport: i0, template: "<div\n    class=\"layout-wrapper\"\n    (click)=\"mainLayoutService.onLayoutClick()\"\n    [ngClass]=\"{\n        'layout-static': mngCommons.menuModeIsStatic$ | async,\n        'layout-overlay': mngCommons.menuModeIsOverlay$ | async,\n        'layout-slim': mngCommons.menuModeIsSlim$ | async,\n        'layout-sidebar': mngCommons.menuModeIsSidebar$ | async,\n        'layout-sidebar-static': (mngCommons.menuModeIsSidebar$ | async) && (mainLayoutService.sidebarStatic$ | async),\n        'layout-overlay-active': mainLayoutService.overlayMenuActive$ | async,\n        'layout-mobile-active': mainLayoutService.staticMenuMobileActive$ | async,\n        'layout-static-inactive': (mainLayoutService.staticMenuDesktopInactive$ | async) && (mngCommons.menuModeIsStatic$ | async)\n    }\">\n    <div class=\"layout-main\">\n        <ng-container [mngComponent]=\"topbarComponent\"></ng-container>\n\n        <ng-container\n            *ngIf=\"\n                (mainLayoutService.isMobile$ | async) === false &&\n                ((mngCommons.menuModeIsStatic$ | async) || (mngCommons.menuModeIsSlim$ | async) || (mngCommons.menuModeIsSidebar$ | async))\n            \"\n            [mngComponent]=\"menuComponent\">\n        </ng-container>\n\n        <div class=\"layout-main-content\">\n            <router-outlet></router-outlet>\n        </div>\n\n        <ng-container [mngComponent]=\"footerComponent\"></ng-container>\n    </div>\n</div>\n", directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.MngComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "inputs"], outputs: ["instanceCreated"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngMainLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mng-main-layout', providers: [MngMainLayoutComponentService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"layout-wrapper\"\n    (click)=\"mainLayoutService.onLayoutClick()\"\n    [ngClass]=\"{\n        'layout-static': mngCommons.menuModeIsStatic$ | async,\n        'layout-overlay': mngCommons.menuModeIsOverlay$ | async,\n        'layout-slim': mngCommons.menuModeIsSlim$ | async,\n        'layout-sidebar': mngCommons.menuModeIsSidebar$ | async,\n        'layout-sidebar-static': (mngCommons.menuModeIsSidebar$ | async) && (mainLayoutService.sidebarStatic$ | async),\n        'layout-overlay-active': mainLayoutService.overlayMenuActive$ | async,\n        'layout-mobile-active': mainLayoutService.staticMenuMobileActive$ | async,\n        'layout-static-inactive': (mainLayoutService.staticMenuDesktopInactive$ | async) && (mngCommons.menuModeIsStatic$ | async)\n    }\">\n    <div class=\"layout-main\">\n        <ng-container [mngComponent]=\"topbarComponent\"></ng-container>\n\n        <ng-container\n            *ngIf=\"\n                (mainLayoutService.isMobile$ | async) === false &&\n                ((mngCommons.menuModeIsStatic$ | async) || (mngCommons.menuModeIsSlim$ | async) || (mngCommons.menuModeIsSidebar$ | async))\n            \"\n            [mngComponent]=\"menuComponent\">\n        </ng-container>\n\n        <div class=\"layout-main-content\">\n            <router-outlet></router-outlet>\n        </div>\n\n        <ng-container [mngComponent]=\"footerComponent\"></ng-container>\n    </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.MngCommonsService }, { type: i3.MngMainLayoutComponentService }]; }, propDecorators: { templates: [{
-                type: ViewChildren,
-                args: [MngTemplateDirective]
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize', ['$event']]
-            }] } });
+import { ChangeDetectionStrategy, Component, HostListener, ViewChildren } from '@angular/core';
+import { MngTemplateDirective } from '../../directives';
+import { MngFooterComponent } from './footer.component';
+import { MngMenuComponent } from './menu.component';
+import { MngMainLayoutComponentService } from './services';
+import { MngTopbarComponent } from './topbar.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../services";
+import * as i3 from "./services";
+import * as i4 from "@angular/common";
+import * as i5 from "../../directives/component.directive";
+export class MngMainLayoutComponent {
+    constructor(route, mngCommons, mainLayoutService) {
+        this.route = route;
+        this.mngCommons = mngCommons;
+        this.mainLayoutService = mainLayoutService;
+        this.topbarComponent = MngTopbarComponent;
+        this.menuComponent = MngMenuComponent;
+        this.footerComponent = MngFooterComponent;
+    }
+    ngOnInit() {
+        const routeData = this.route.snapshot.data;
+        if (routeData?.topbarComponent) {
+            this.topbarComponent = routeData.topbarComponent;
+        }
+        if (routeData?.menuComponent) {
+            this.menuComponent = routeData.menuComponent;
+        }
+        if (routeData?.footerComponent) {
+            this.footerComponent = routeData.footerComponent;
+        }
+        this.mainLayoutService.innerWidth = window.innerWidth;
+    }
+    onWindowResize(event) {
+        const target = event.target;
+        this.mainLayoutService.innerWidth = target?.innerWidth ?? window.innerWidth;
+    }
+}
+MngMainLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngMainLayoutComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.MngCommonsService }, { token: i3.MngMainLayoutComponentService }], target: i0.ɵɵFactoryTarget.Component });
+MngMainLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MngMainLayoutComponent, selector: "mng-main-layout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [MngMainLayoutComponentService], viewQueries: [{ propertyName: "templates", predicate: MngTemplateDirective, descendants: true }], ngImport: i0, template: "<div\n    class=\"layout-wrapper\"\n    (click)=\"mainLayoutService.onLayoutClick()\"\n    [ngClass]=\"{\n        'layout-static': mngCommons.menuModeIsStatic$ | async,\n        'layout-overlay': mngCommons.menuModeIsOverlay$ | async,\n        'layout-slim': mngCommons.menuModeIsSlim$ | async,\n        'layout-sidebar': mngCommons.menuModeIsSidebar$ | async,\n        'layout-sidebar-static': (mngCommons.menuModeIsSidebar$ | async) && (mainLayoutService.sidebarStatic$ | async),\n        'layout-overlay-active': mainLayoutService.overlayMenuActive$ | async,\n        'layout-mobile-active': mainLayoutService.staticMenuMobileActive$ | async,\n        'layout-static-inactive': (mainLayoutService.staticMenuDesktopInactive$ | async) && (mngCommons.menuModeIsStatic$ | async)\n    }\">\n    <div class=\"layout-main\">\n        <ng-container [mngComponent]=\"topbarComponent\"></ng-container>\n\n        <ng-container\n            *ngIf=\"\n                (mainLayoutService.isMobile$ | async) === false &&\n                ((mngCommons.menuModeIsStatic$ | async) || (mngCommons.menuModeIsSlim$ | async) || (mngCommons.menuModeIsSidebar$ | async))\n            \"\n            [mngComponent]=\"menuComponent\">\n        </ng-container>\n\n        <div class=\"layout-main-content\">\n            <router-outlet></router-outlet>\n        </div>\n\n        <ng-container [mngComponent]=\"footerComponent\"></ng-container>\n    </div>\n</div>\n", directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.MngComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "inputs"], outputs: ["instanceCreated"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MngMainLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mng-main-layout', providers: [MngMainLayoutComponentService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"layout-wrapper\"\n    (click)=\"mainLayoutService.onLayoutClick()\"\n    [ngClass]=\"{\n        'layout-static': mngCommons.menuModeIsStatic$ | async,\n        'layout-overlay': mngCommons.menuModeIsOverlay$ | async,\n        'layout-slim': mngCommons.menuModeIsSlim$ | async,\n        'layout-sidebar': mngCommons.menuModeIsSidebar$ | async,\n        'layout-sidebar-static': (mngCommons.menuModeIsSidebar$ | async) && (mainLayoutService.sidebarStatic$ | async),\n        'layout-overlay-active': mainLayoutService.overlayMenuActive$ | async,\n        'layout-mobile-active': mainLayoutService.staticMenuMobileActive$ | async,\n        'layout-static-inactive': (mainLayoutService.staticMenuDesktopInactive$ | async) && (mngCommons.menuModeIsStatic$ | async)\n    }\">\n    <div class=\"layout-main\">\n        <ng-container [mngComponent]=\"topbarComponent\"></ng-container>\n\n        <ng-container\n            *ngIf=\"\n                (mainLayoutService.isMobile$ | async) === false &&\n                ((mngCommons.menuModeIsStatic$ | async) || (mngCommons.menuModeIsSlim$ | async) || (mngCommons.menuModeIsSidebar$ | async))\n            \"\n            [mngComponent]=\"menuComponent\">\n        </ng-container>\n\n        <div class=\"layout-main-content\">\n            <router-outlet></router-outlet>\n        </div>\n\n        <ng-container [mngComponent]=\"footerComponent\"></ng-container>\n    </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.MngCommonsService }, { type: i3.MngMainLayoutComponentService }]; }, propDecorators: { templates: [{
+                type: ViewChildren,
+                args: [MngTemplateDirective]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2xheW91dC9tYWluLWxheW91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbGF5b3V0L21haW4tbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUEyQixZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHdEgsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFHdEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sWUFBWSxDQUFDO0FBQ3pELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBUXRELE1BQU0sT0FBTyxzQkFBc0I7SUFPL0IsWUFBb0IsS0FBcUIsRUFBUyxVQUE2QixFQUFTLGlCQUFnRDtRQUFwSCxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUFTLGVBQVUsR0FBVixVQUFVLENBQW1CO1FBQVMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUErQjtRQUpqSSxvQkFBZSxHQUFjLGtCQUFrQixDQUFDO1FBQ2hELGtCQUFhLEdBQWMsZ0JBQWdCLENBQUM7UUFDNUMsb0JBQWUsR0FBYyxrQkFBa0IsQ0FBQztJQUVvRixDQUFDO0lBRTVJLFFBQVE7UUFDSixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFxQixDQUFDO1FBQzVELElBQUksU0FBUyxFQUFFLGVBQWUsRUFBRTtZQUM1QixJQUFJLENBQUMsZUFBZSxHQUFHLFNBQVMsQ0FBQyxlQUFlLENBQUM7U0FDcEQ7UUFDRCxJQUFJLFNBQVMsRUFBRSxhQUFhLEVBQUU7WUFDMUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxTQUFTLENBQUMsYUFBYSxDQUFDO1NBQ2hEO1FBQ0QsSUFBSSxTQUFTLEVBQUUsZUFBZSxFQUFFO1lBQzVCLElBQUksQ0FBQyxlQUFlLEdBQUcsU0FBUyxDQUFDLGVBQWUsQ0FBQztTQUNwRDtRQUVELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUMxRCxDQUFDO0lBR0QsY0FBYyxDQUFDLEtBQWM7UUFDekIsTUFBTSxNQUFNLEdBQVEsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUNqQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxHQUFHLE1BQU0sRUFBRSxVQUFVLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUNoRixDQUFDOzttSEE1QlEsc0JBQXNCO3VHQUF0QixzQkFBc0IsOEdBSHBCLENBQUMsNkJBQTZCLENBQUMsd0RBSTVCLG9CQUFvQixnRENsQnRDLHM2Q0ErQkE7MkZEZGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLGlCQUFpQixhQUVoQixDQUFDLDZCQUE2QixDQUFDLG1CQUN6Qix1QkFBdUIsQ0FBQyxNQUFNO2lMQUdYLFNBQVM7c0JBQTVDLFlBQVk7dUJBQUMsb0JBQW9CO2dCQXdCbEMsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBPbkluaXQsIFF1ZXJ5TGlzdCwgVHlwZSwgVmlld0NoaWxkcmVufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWN0aXZhdGVkUm91dGV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7TW5nVGVtcGxhdGVEaXJlY3RpdmV9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHtNbmdSb3V0ZXJEYXRhfSBmcm9tICcuLi8uLi9yb3V0ZXIvbW9kZWxzJztcbmltcG9ydCB7TW5nQ29tbW9uc1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7TW5nRm9vdGVyQ29tcG9uZW50fSBmcm9tICcuL2Zvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHtNbmdNZW51Q29tcG9uZW50fSBmcm9tICcuL21lbnUuY29tcG9uZW50JztcbmltcG9ydCB7TW5nTWFpbkxheW91dENvbXBvbmVudFNlcnZpY2V9IGZyb20gJy4vc2VydmljZXMnO1xuaW1wb3J0IHtNbmdUb3BiYXJDb21wb25lbnR9IGZyb20gJy4vdG9wYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbW5nLW1haW4tbGF5b3V0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWFpbi1sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHByb3ZpZGVyczogW01uZ01haW5MYXlvdXRDb21wb25lbnRTZXJ2aWNlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNbmdNYWluTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBAVmlld0NoaWxkcmVuKE1uZ1RlbXBsYXRlRGlyZWN0aXZlKSB0ZW1wbGF0ZXMhOiBRdWVyeUxpc3Q8TW5nVGVtcGxhdGVEaXJlY3RpdmU+O1xuXG4gICAgcHVibGljIHRvcGJhckNvbXBvbmVudDogVHlwZTxhbnk+ID0gTW5nVG9wYmFyQ29tcG9uZW50O1xuICAgIHB1YmxpYyBtZW51Q29tcG9uZW50OiBUeXBlPGFueT4gPSBNbmdNZW51Q29tcG9uZW50O1xuICAgIHB1YmxpYyBmb290ZXJDb21wb25lbnQ6IFR5cGU8YW55PiA9IE1uZ0Zvb3RlckNvbXBvbmVudDtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwdWJsaWMgbW5nQ29tbW9uczogTW5nQ29tbW9uc1NlcnZpY2UsIHB1YmxpYyBtYWluTGF5b3V0U2VydmljZTogTW5nTWFpbkxheW91dENvbXBvbmVudFNlcnZpY2UpIHt9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgY29uc3Qgcm91dGVEYXRhID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhIGFzIE1uZ1JvdXRlckRhdGE7XG4gICAgICAgIGlmIChyb3V0ZURhdGE/LnRvcGJhckNvbXBvbmVudCkge1xuICAgICAgICAgICAgdGhpcy50b3BiYXJDb21wb25lbnQgPSByb3V0ZURhdGEudG9wYmFyQ29tcG9uZW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChyb3V0ZURhdGE/Lm1lbnVDb21wb25lbnQpIHtcbiAgICAgICAgICAgIHRoaXMubWVudUNvbXBvbmVudCA9IHJvdXRlRGF0YS5tZW51Q29tcG9uZW50O1xuICAgICAgICB9XG4gICAgICAgIGlmIChyb3V0ZURhdGE/LmZvb3RlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgdGhpcy5mb290ZXJDb21wb25lbnQgPSByb3V0ZURhdGEuZm9vdGVyQ29tcG9uZW50O1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5tYWluTGF5b3V0U2VydmljZS5pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gICAgb25XaW5kb3dSZXNpemUoZXZlbnQ6IFVJRXZlbnQpIHtcbiAgICAgICAgY29uc3QgdGFyZ2V0OiBhbnkgPSBldmVudC50YXJnZXQ7XG4gICAgICAgIHRoaXMubWFpbkxheW91dFNlcnZpY2UuaW5uZXJXaWR0aCA9IHRhcmdldD8uaW5uZXJXaWR0aCA/PyB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJsYXlvdXQtd3JhcHBlclwiXG4gICAgKGNsaWNrKT1cIm1haW5MYXlvdXRTZXJ2aWNlLm9uTGF5b3V0Q2xpY2soKVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnbGF5b3V0LXN0YXRpYyc6IG1uZ0NvbW1vbnMubWVudU1vZGVJc1N0YXRpYyQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1vdmVybGF5JzogbW5nQ29tbW9ucy5tZW51TW9kZUlzT3ZlcmxheSQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1zbGltJzogbW5nQ29tbW9ucy5tZW51TW9kZUlzU2xpbSQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1zaWRlYmFyJzogbW5nQ29tbW9ucy5tZW51TW9kZUlzU2lkZWJhciQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1zaWRlYmFyLXN0YXRpYyc6IChtbmdDb21tb25zLm1lbnVNb2RlSXNTaWRlYmFyJCB8IGFzeW5jKSAmJiAobWFpbkxheW91dFNlcnZpY2Uuc2lkZWJhclN0YXRpYyQgfCBhc3luYyksXG4gICAgICAgICdsYXlvdXQtb3ZlcmxheS1hY3RpdmUnOiBtYWluTGF5b3V0U2VydmljZS5vdmVybGF5TWVudUFjdGl2ZSQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1tb2JpbGUtYWN0aXZlJzogbWFpbkxheW91dFNlcnZpY2Uuc3RhdGljTWVudU1vYmlsZUFjdGl2ZSQgfCBhc3luYyxcbiAgICAgICAgJ2xheW91dC1zdGF0aWMtaW5hY3RpdmUnOiAobWFpbkxheW91dFNlcnZpY2Uuc3RhdGljTWVudURlc2t0b3BJbmFjdGl2ZSQgfCBhc3luYykgJiYgKG1uZ0NvbW1vbnMubWVudU1vZGVJc1N0YXRpYyQgfCBhc3luYylcbiAgICB9XCI+XG4gICAgPGRpdiBjbGFzcz1cImxheW91dC1tYWluXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW21uZ0NvbXBvbmVudF09XCJ0b3BiYXJDb21wb25lbnRcIj48L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgICAgIChtYWluTGF5b3V0U2VydmljZS5pc01vYmlsZSQgfCBhc3luYykgPT09IGZhbHNlICYmXG4gICAgICAgICAgICAgICAgKChtbmdDb21tb25zLm1lbnVNb2RlSXNTdGF0aWMkIHwgYXN5bmMpIHx8IChtbmdDb21tb25zLm1lbnVNb2RlSXNTbGltJCB8IGFzeW5jKSB8fCAobW5nQ29tbW9ucy5tZW51TW9kZUlzU2lkZWJhciQgfCBhc3luYykpXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgW21uZ0NvbXBvbmVudF09XCJtZW51Q29tcG9uZW50XCI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYXlvdXQtbWFpbi1jb250ZW50XCI+XG4gICAgICAgICAgICA8cm91dGVyLW91dGxldD48L3JvdXRlci1vdXRsZXQ+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgW21uZ0NvbXBvbmVudF09XCJmb290ZXJDb21wb25lbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19