@mediusinc/mng-commons-layout 5.2.0-rc.0 → 5.2.0-rc.2

package/esm2022/lib/components/topbar.component.mjs

@@ -1,5 +1,5 @@
 import { AsyncPipe, NgClass } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, inject, signal } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ButtonModule } from 'primeng/button';
 import { DropdownModule } from 'primeng/dropdown';
@@ -20,20 +20,8 @@ export class TopbarComponent {
         this.commons = inject(CommonsService);
         this.mainLayoutService = inject(MainLayoutComponentService);
         this.config = inject(COMMONS_LAYOUT_FEATURE_CONFIG_IT, { optional: true });
-        this.breadcrumbComponent = BreadcrumbComponent;
-        this.topbarUserComponent = TopbarUserComponent;
-        this.locales = ['en'];
-        this.selectedLocale = 'en';
-    }
-    ngOnInit() {
-        if (this.config?.components?.topbarUser !== undefined) {
-            this.topbarUserComponent = this.config.components.topbarUser;
-        }
-        if (this.config?.components?.breadcrumb !== undefined) {
-            this.breadcrumbComponent = this.config.components.breadcrumb;
-        }
-        this.locales = this.commons.appLocales();
-        this.selectedLocale = this.commons.appLocale();
+        this.topbarUserComponent = signal(this.config?.components?.topbarUser === false ? undefined : this.config?.components?.topbarUser ?? TopbarUserComponent);
+        this.breadcrumbComponent = signal(this.config?.components?.breadcrumb === false ? undefined : this.config?.components?.breadcrumb ?? BreadcrumbComponent);
     }
     onMenuButtonClick() {
         this.mainLayoutService.onMenuToggle();
@@ -42,16 +30,10 @@ export class TopbarComponent {
         this.commons.setAppLocale(language);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: TopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: TopbarComponent, isStandalone: true, selector: "mng-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menubutton"], descendants: true }, { propertyName: "appSidebar", first: true, predicate: SidebarComponent, descendants: true }], ngImport: i0, template: "<div class=\"layout-topbar\">\n    <div class=\"topbar-start\">\n        <button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\n            <i class=\"pi pi-bars\"></i>\n        </button>\n\n        @if (breadcrumbComponent) {\n            <div class=\"topbar-breadcrumb\">\n                <div [mngComponent]=\"breadcrumbComponent\" [attachToHost]=\"true\"></div>\n            </div>\n        }\n    </div>\n    <div class=\"layout-topbar-menu-section\">\n        <mng-sidebar></mng-sidebar>\n    </div>\n    <div class=\"topbar-end\">\n        <ul class=\"topbar-menu\">\n            @if (locales.length > 1) {\n                <li class=\"profile-item\">\n                    <i class=\"pi pi-fw pi-globe\"></i>\n                    <p-dropdown [ngModel]=\"selectedLocale\" [options]=\"locales\" (onChange)=\"switchLocale($event.value)\"></p-dropdown>\n                </li>\n            }\n            @if (topbarUserComponent) {\n                <li #userMenuItem class=\"profile-item topbar-item mr-3\" [mngComponent]=\"topbarUserComponent\" [attachToHost]=\"true\"></li>\n            }\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: SidebarComponent, selector: "mng-sidebar" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: StyleClassModule }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: TopbarComponent, isStandalone: true, selector: "mng-topbar", ngImport: i0, template: "<div class=\"layout-topbar\">\n    <div class=\"topbar-start\">\n        <button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\n            <i class=\"pi pi-bars\"></i>\n        </button>\n\n        @if (breadcrumbComponent()) {\n            <div class=\"topbar-breadcrumb\">\n                <div [mngComponent]=\"breadcrumbComponent()\" [attachToHost]=\"true\"></div>\n            </div>\n        }\n    </div>\n    <div class=\"layout-topbar-menu-section\">\n        <mng-sidebar></mng-sidebar>\n    </div>\n    <div class=\"topbar-end\">\n        <ul class=\"topbar-menu\">\n            @if (commons.appLocales().length > 1) {\n                <li class=\"profile-item\">\n                    <i class=\"pi pi-fw pi-globe\"></i>\n                    <p-dropdown [ngModel]=\"commons.appLocale()\" [options]=\"commons.appLocales()\" (onChange)=\"switchLocale($event.value)\"></p-dropdown>\n                </li>\n            }\n            @if (topbarUserComponent()) {\n                <li #userMenuItem class=\"profile-item topbar-item mr-3\" [mngComponent]=\"topbarUserComponent()\" [attachToHost]=\"true\"></li>\n            }\n        </ul>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: SidebarComponent, selector: "mng-sidebar" }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: StyleClassModule }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: TopbarComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-topbar', imports: [SidebarComponent, NgClass, ButtonModule, StyleClassModule, RippleModule, BreadcrumbComponent, AsyncPipe, DropdownModule, ComponentDirective, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-topbar\">\n    <div class=\"topbar-start\">\n        <button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\n            <i class=\"pi pi-bars\"></i>\n        </button>\n\n        @if (breadcrumbComponent) {\n            <div class=\"topbar-breadcrumb\">\n                <div [mngComponent]=\"breadcrumbComponent\" [attachToHost]=\"true\"></div>\n            </div>\n        }\n    </div>\n    <div class=\"layout-topbar-menu-section\">\n        <mng-sidebar></mng-sidebar>\n    </div>\n    <div class=\"topbar-end\">\n        <ul class=\"topbar-menu\">\n            @if (locales.length > 1) {\n                <li class=\"profile-item\">\n                    <i class=\"pi pi-fw pi-globe\"></i>\n                    <p-dropdown [ngModel]=\"selectedLocale\" [options]=\"locales\" (onChange)=\"switchLocale($event.value)\"></p-dropdown>\n                </li>\n            }\n            @if (topbarUserComponent) {\n                <li #userMenuItem class=\"profile-item topbar-item mr-3\" [mngComponent]=\"topbarUserComponent\" [attachToHost]=\"true\"></li>\n            }\n        </ul>\n    </div>\n</div>\n" }]
-        }], propDecorators: { menuButton: [{
-                type: ViewChild,
-                args: ['menubutton']
-            }], appSidebar: [{
-                type: ViewChild,
-                args: [SidebarComponent]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90b3BiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3RvcGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFnQixTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUMsY0FBYyxFQUFFLGtCQUFrQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFL0UsT0FBTyxFQUFDLGdDQUFnQyxFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDekYsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDckYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFTNUQsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFRVyxPQUFFLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDakMsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEQsV0FBTSxHQUFHLE1BQU0sQ0FBQyxnQ0FBZ0MsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBS3JFLHdCQUFtQixHQUFzQixtQkFBbUIsQ0FBQztRQUM3RCx3QkFBbUIsR0FBc0IsbUJBQW1CLENBQUM7UUFFN0QsWUFBTyxHQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLG1CQUFjLEdBQUcsSUFBSSxDQUFDO0tBcUJoQztJQW5CRyxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQztRQUNqRSxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQztRQUNqRSxDQUFDO1FBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuRCxDQUFDO0lBRU0saUJBQWlCO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFFBQWdCO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7OEdBakNRLGVBQWU7a0dBQWYsZUFBZSw2TUFPYixnQkFBZ0IsZ0RDL0IvQix3cUNBNkJBLDRDRFRjLGdCQUFnQix1REFBVyxZQUFZLDhCQUFFLGdCQUFnQiw4QkFBRSxZQUFZLDhCQUFrQyxjQUFjLDRxQ0FBRSxrQkFBa0IsZ0xBQUUsV0FBVzs7MkZBSXpKLGVBQWU7a0JBUDNCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLFlBQVksV0FDYixDQUFDLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxDQUFDLG1CQUVsSix1QkFBdUIsQ0FBQyxNQUFNOzhCQVF0QixVQUFVO3NCQUFsQyxTQUFTO3VCQUFDLFlBQVk7Z0JBQ00sVUFBVTtzQkFBdEMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FzeW5jUGlwZSwgTmdDbGFzc30gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBUeXBlLCBWaWV3Q2hpbGQsIGluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7QnV0dG9uTW9kdWxlfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5pbXBvcnQge0Ryb3Bkb3duTW9kdWxlfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcbmltcG9ydCB7UmlwcGxlTW9kdWxlfSBmcm9tICdwcmltZW5nL3JpcHBsZSc7XG5pbXBvcnQge1N0eWxlQ2xhc3NNb2R1bGV9IGZyb20gJ3ByaW1lbmcvc3R5bGVjbGFzcyc7XG5cbmltcG9ydCB7Q29tbW9uc1NlcnZpY2UsIENvbXBvbmVudERpcmVjdGl2ZX0gZnJvbSAnQG1lZGl1c2luYy9tbmctY29tbW9ucy9jb3JlJztcblxuaW1wb3J0IHtDT01NT05TX0xBWU9VVF9GRUFUVVJFX0NPTkZJR19JVH0gZnJvbSAnLi4vc2VydmljZXMvbGF5b3V0LWZlYXR1cmUtY29uZmlnLnRva2VuJztcbmltcG9ydCB7TWFpbkxheW91dENvbXBvbmVudFNlcnZpY2V9IGZyb20gJy4uL3NlcnZpY2VzL21haW4tbGF5b3V0LmNvbXBvbmVudC5zZXJ2aWNlJztcbmltcG9ydCB7QnJlYWRjcnVtYkNvbXBvbmVudH0gZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5pbXBvcnQge1NpZGViYXJDb21wb25lbnR9IGZyb20gJy4vc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUb3BiYXJVc2VyQ29tcG9uZW50fSBmcm9tICcuL3RvcGJhci11c2VyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdtbmctdG9wYmFyJyxcbiAgICBpbXBvcnRzOiBbU2lkZWJhckNvbXBvbmVudCwgTmdDbGFzcywgQnV0dG9uTW9kdWxlLCBTdHlsZUNsYXNzTW9kdWxlLCBSaXBwbGVNb2R1bGUsIEJyZWFkY3J1bWJDb21wb25lbnQsIEFzeW5jUGlwZSwgRHJvcGRvd25Nb2R1bGUsIENvbXBvbmVudERpcmVjdGl2ZSwgRm9ybXNNb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b3BiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvcGJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHVibGljIGVsID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAgIHB1YmxpYyBjb21tb25zID0gaW5qZWN0KENvbW1vbnNTZXJ2aWNlKTtcbiAgICBwdWJsaWMgbWFpbkxheW91dFNlcnZpY2UgPSBpbmplY3QoTWFpbkxheW91dENvbXBvbmVudFNlcnZpY2UpO1xuICAgIHByaXZhdGUgY29uZmlnID0gaW5qZWN0KENPTU1PTlNfTEFZT1VUX0ZFQVRVUkVfQ09ORklHX0lULCB7b3B0aW9uYWw6IHRydWV9KTtcblxuICAgIEBWaWV3Q2hpbGQoJ21lbnVidXR0b24nKSBtZW51QnV0dG9uITogRWxlbWVudFJlZjtcbiAgICBAVmlld0NoaWxkKFNpZGViYXJDb21wb25lbnQpIGFwcFNpZGViYXIhOiBTaWRlYmFyQ29tcG9uZW50O1xuXG4gICAgcHVibGljIGJyZWFkY3J1bWJDb21wb25lbnQ6IFR5cGU8YW55PiB8IGZhbHNlID0gQnJlYWRjcnVtYkNvbXBvbmVudDtcbiAgICBwdWJsaWMgdG9wYmFyVXNlckNvbXBvbmVudDogVHlwZTxhbnk+IHwgZmFsc2UgPSBUb3BiYXJVc2VyQ29tcG9uZW50O1xuXG4gICAgcHVibGljIGxvY2FsZXM6IEFycmF5PHN0cmluZz4gPSBbJ2VuJ107XG4gICAgcHVibGljIHNlbGVjdGVkTG9jYWxlID0gJ2VuJztcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5jb25maWc/LmNvbXBvbmVudHM/LnRvcGJhclVzZXIgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy50b3BiYXJVc2VyQ29tcG9uZW50ID0gdGhpcy5jb25maWcuY29tcG9uZW50cy50b3BiYXJVc2VyO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmNvbmZpZz8uY29tcG9uZW50cz8uYnJlYWRjcnVtYiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICB0aGlzLmJyZWFkY3J1bWJDb21wb25lbnQgPSB0aGlzLmNvbmZpZy5jb21wb25lbnRzLmJyZWFkY3J1bWI7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmxvY2FsZXMgPSB0aGlzLmNvbW1vbnMuYXBwTG9jYWxlcygpO1xuICAgICAgICB0aGlzLnNlbGVjdGVkTG9jYWxlID0gdGhpcy5jb21tb25zLmFwcExvY2FsZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBvbk1lbnVCdXR0b25DbGljaygpIHtcbiAgICAgICAgdGhpcy5tYWluTGF5b3V0U2VydmljZS5vbk1lbnVUb2dnbGUoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc3dpdGNoTG9jYWxlKGxhbmd1YWdlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5jb21tb25zLnNldEFwcExvY2FsZShsYW5ndWFnZSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImxheW91dC10b3BiYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwidG9wYmFyLXN0YXJ0XCI+XG4gICAgICAgIDxidXR0b24gI21lbnVidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidG9wYmFyLW1lbnVidXR0b24gcC1saW5rIHAtdHJpZ2dlclwiIChjbGljayk9XCJvbk1lbnVCdXR0b25DbGljaygpXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cInBpIHBpLWJhcnNcIj48L2k+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIEBpZiAoYnJlYWRjcnVtYkNvbXBvbmVudCkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvcGJhci1icmVhZGNydW1iXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBbbW5nQ29tcG9uZW50XT1cImJyZWFkY3J1bWJDb21wb25lbnRcIiBbYXR0YWNoVG9Ib3N0XT1cInRydWVcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxheW91dC10b3BiYXItbWVudS1zZWN0aW9uXCI+XG4gICAgICAgIDxtbmctc2lkZWJhcj48L21uZy1zaWRlYmFyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b3BiYXItZW5kXCI+XG4gICAgICAgIDx1bCBjbGFzcz1cInRvcGJhci1tZW51XCI+XG4gICAgICAgICAgICBAaWYgKGxvY2FsZXMubGVuZ3RoID4gMSkge1xuICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cInByb2ZpbGUtaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInBpIHBpLWZ3IHBpLWdsb2JlXCI+PC9pPlxuICAgICAgICAgICAgICAgICAgICA8cC1kcm9wZG93biBbbmdNb2RlbF09XCJzZWxlY3RlZExvY2FsZVwiIFtvcHRpb25zXT1cImxvY2FsZXNcIiAob25DaGFuZ2UpPVwic3dpdGNoTG9jYWxlKCRldmVudC52YWx1ZSlcIj48L3AtZHJvcGRvd24+XG4gICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAodG9wYmFyVXNlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgICAgIDxsaSAjdXNlck1lbnVJdGVtIGNsYXNzPVwicHJvZmlsZS1pdGVtIHRvcGJhci1pdGVtIG1yLTNcIiBbbW5nQ29tcG9uZW50XT1cInRvcGJhclVzZXJDb21wb25lbnRcIiBbYXR0YWNoVG9Ib3N0XT1cInRydWVcIj48L2xpPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L3VsPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+            args: [{ standalone: true, selector: 'mng-topbar', imports: [SidebarComponent, NgClass, ButtonModule, StyleClassModule, RippleModule, BreadcrumbComponent, AsyncPipe, DropdownModule, ComponentDirective, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"layout-topbar\">\n    <div class=\"topbar-start\">\n        <button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\n            <i class=\"pi pi-bars\"></i>\n        </button>\n\n        @if (breadcrumbComponent()) {\n            <div class=\"topbar-breadcrumb\">\n                <div [mngComponent]=\"breadcrumbComponent()\" [attachToHost]=\"true\"></div>\n            </div>\n        }\n    </div>\n    <div class=\"layout-topbar-menu-section\">\n        <mng-sidebar></mng-sidebar>\n    </div>\n    <div class=\"topbar-end\">\n        <ul class=\"topbar-menu\">\n            @if (commons.appLocales().length > 1) {\n                <li class=\"profile-item\">\n                    <i class=\"pi pi-fw pi-globe\"></i>\n                    <p-dropdown [ngModel]=\"commons.appLocale()\" [options]=\"commons.appLocales()\" (onChange)=\"switchLocale($event.value)\"></p-dropdown>\n                </li>\n            }\n            @if (topbarUserComponent()) {\n                <li #userMenuItem class=\"profile-item topbar-item mr-3\" [mngComponent]=\"topbarUserComponent()\" [attachToHost]=\"true\"></li>\n            }\n        </ul>\n    </div>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90b3BiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3RvcGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFRLE1BQU0sRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzVDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBQyxjQUFjLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUUvRSxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RixPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUNyRixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQVM1RCxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVFvQixPQUFFLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDakMsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEQsV0FBTSxHQUFHLE1BQU0sQ0FBQyxnQ0FBZ0MsRUFBRSxFQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBRTlFLHdCQUFtQixHQUFHLE1BQU0sQ0FDL0IsSUFBSSxDQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLElBQUksbUJBQW1CLENBQ3pILENBQUM7UUFDSyx3QkFBbUIsR0FBRyxNQUFNLENBQy9CLElBQUksQ0FBQyxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxJQUFJLG1CQUFtQixDQUN6SCxDQUFDO0tBU0w7SUFQVSxpQkFBaUI7UUFDcEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFFTSxZQUFZLENBQUMsUUFBZ0I7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEMsQ0FBQzs4R0FuQlEsZUFBZTtrR0FBZixlQUFlLHNFQ3hCNUIsK3NDQTZCQSw0Q0RUYyxnQkFBZ0IsdURBQVcsWUFBWSw4QkFBRSxnQkFBZ0IsOEJBQUUsWUFBWSw4QkFBa0MsY0FBYyw0cUNBQUUsa0JBQWtCLGdMQUFFLFdBQVc7OzJGQUl6SixlQUFlO2tCQVAzQixTQUFTO2lDQUNNLElBQUksWUFDTixZQUFZLFdBQ2IsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLFlBQVksRUFBRSxtQkFBbUIsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLFdBQVcsQ0FBQyxtQkFFbEosdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QXN5bmNQaXBlLCBOZ0NsYXNzfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBUeXBlLCBpbmplY3QsIHNpZ25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7QnV0dG9uTW9kdWxlfSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5pbXBvcnQge0Ryb3Bkb3duTW9kdWxlfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcbmltcG9ydCB7UmlwcGxlTW9kdWxlfSBmcm9tICdwcmltZW5nL3JpcHBsZSc7XG5pbXBvcnQge1N0eWxlQ2xhc3NNb2R1bGV9IGZyb20gJ3ByaW1lbmcvc3R5bGVjbGFzcyc7XG5cbmltcG9ydCB7Q29tbW9uc1NlcnZpY2UsIENvbXBvbmVudERpcmVjdGl2ZX0gZnJvbSAnQG1lZGl1c2luYy9tbmctY29tbW9ucy9jb3JlJztcblxuaW1wb3J0IHtDT01NT05TX0xBWU9VVF9GRUFUVVJFX0NPTkZJR19JVH0gZnJvbSAnLi4vc2VydmljZXMvbGF5b3V0LWZlYXR1cmUtY29uZmlnLnRva2VuJztcbmltcG9ydCB7TWFpbkxheW91dENvbXBvbmVudFNlcnZpY2V9IGZyb20gJy4uL3NlcnZpY2VzL21haW4tbGF5b3V0LmNvbXBvbmVudC5zZXJ2aWNlJztcbmltcG9ydCB7QnJlYWRjcnVtYkNvbXBvbmVudH0gZnJvbSAnLi9icmVhZGNydW1iLmNvbXBvbmVudCc7XG5pbXBvcnQge1NpZGViYXJDb21wb25lbnR9IGZyb20gJy4vc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHtUb3BiYXJVc2VyQ29tcG9uZW50fSBmcm9tICcuL3RvcGJhci11c2VyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdtbmctdG9wYmFyJyxcbiAgICBpbXBvcnRzOiBbU2lkZWJhckNvbXBvbmVudCwgTmdDbGFzcywgQnV0dG9uTW9kdWxlLCBTdHlsZUNsYXNzTW9kdWxlLCBSaXBwbGVNb2R1bGUsIEJyZWFkY3J1bWJDb21wb25lbnQsIEFzeW5jUGlwZSwgRHJvcGRvd25Nb2R1bGUsIENvbXBvbmVudERpcmVjdGl2ZSwgRm9ybXNNb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90b3BiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRvcGJhckNvbXBvbmVudCB7XG4gICAgcHVibGljIHJlYWRvbmx5IGVsID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAgIHB1YmxpYyByZWFkb25seSBjb21tb25zID0gaW5qZWN0KENvbW1vbnNTZXJ2aWNlKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgbWFpbkxheW91dFNlcnZpY2UgPSBpbmplY3QoTWFpbkxheW91dENvbXBvbmVudFNlcnZpY2UpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY29uZmlnID0gaW5qZWN0KENPTU1PTlNfTEFZT1VUX0ZFQVRVUkVfQ09ORklHX0lULCB7b3B0aW9uYWw6IHRydWV9KTtcblxuICAgIHB1YmxpYyB0b3BiYXJVc2VyQ29tcG9uZW50ID0gc2lnbmFsPFR5cGU8YW55PiB8IHVuZGVmaW5lZD4oXG4gICAgICAgIHRoaXMuY29uZmlnPy5jb21wb25lbnRzPy50b3BiYXJVc2VyID09PSBmYWxzZSA/IHVuZGVmaW5lZCA6IHRoaXMuY29uZmlnPy5jb21wb25lbnRzPy50b3BiYXJVc2VyID8/IFRvcGJhclVzZXJDb21wb25lbnRcbiAgICApO1xuICAgIHB1YmxpYyBicmVhZGNydW1iQ29tcG9uZW50ID0gc2lnbmFsPFR5cGU8YW55PiB8IHVuZGVmaW5lZD4oXG4gICAgICAgIHRoaXMuY29uZmlnPy5jb21wb25lbnRzPy5icmVhZGNydW1iID09PSBmYWxzZSA/IHVuZGVmaW5lZCA6IHRoaXMuY29uZmlnPy5jb21wb25lbnRzPy5icmVhZGNydW1iID8/IEJyZWFkY3J1bWJDb21wb25lbnRcbiAgICApO1xuXG4gICAgcHVibGljIG9uTWVudUJ1dHRvbkNsaWNrKCkge1xuICAgICAgICB0aGlzLm1haW5MYXlvdXRTZXJ2aWNlLm9uTWVudVRvZ2dsZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBzd2l0Y2hMb2NhbGUobGFuZ3VhZ2U6IHN0cmluZykge1xuICAgICAgICB0aGlzLmNvbW1vbnMuc2V0QXBwTG9jYWxlKGxhbmd1YWdlKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibGF5b3V0LXRvcGJhclwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0b3BiYXItc3RhcnRcIj5cbiAgICAgICAgPGJ1dHRvbiAjbWVudWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ0b3BiYXItbWVudWJ1dHRvbiBwLWxpbmsgcC10cmlnZ2VyXCIgKGNsaWNrKT1cIm9uTWVudUJ1dHRvbkNsaWNrKClcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwicGkgcGktYmFyc1wiPjwvaT5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgQGlmIChicmVhZGNydW1iQ29tcG9uZW50KCkpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3BiYXItYnJlYWRjcnVtYlwiPlxuICAgICAgICAgICAgICAgIDxkaXYgW21uZ0NvbXBvbmVudF09XCJicmVhZGNydW1iQ29tcG9uZW50KClcIiBbYXR0YWNoVG9Ib3N0XT1cInRydWVcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImxheW91dC10b3BiYXItbWVudS1zZWN0aW9uXCI+XG4gICAgICAgIDxtbmctc2lkZWJhcj48L21uZy1zaWRlYmFyPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ0b3BiYXItZW5kXCI+XG4gICAgICAgIDx1bCBjbGFzcz1cInRvcGJhci1tZW51XCI+XG4gICAgICAgICAgICBAaWYgKGNvbW1vbnMuYXBwTG9jYWxlcygpLmxlbmd0aCA+IDEpIHtcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJwcm9maWxlLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJwaSBwaS1mdyBwaS1nbG9iZVwiPjwvaT5cbiAgICAgICAgICAgICAgICAgICAgPHAtZHJvcGRvd24gW25nTW9kZWxdPVwiY29tbW9ucy5hcHBMb2NhbGUoKVwiIFtvcHRpb25zXT1cImNvbW1vbnMuYXBwTG9jYWxlcygpXCIgKG9uQ2hhbmdlKT1cInN3aXRjaExvY2FsZSgkZXZlbnQudmFsdWUpXCI+PC9wLWRyb3Bkb3duPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKHRvcGJhclVzZXJDb21wb25lbnQoKSkge1xuICAgICAgICAgICAgICAgIDxsaSAjdXNlck1lbnVJdGVtIGNsYXNzPVwicHJvZmlsZS1pdGVtIHRvcGJhci1pdGVtIG1yLTNcIiBbbW5nQ29tcG9uZW50XT1cInRvcGJhclVzZXJDb21wb25lbnQoKVwiIFthdHRhY2hUb0hvc3RdPVwidHJ1ZVwiPjwvbGk+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/version.component.mjs

@@ -1,61 +1,87 @@
 import { AsyncPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, inject } from '@angular/core';
-import { BehaviorSubject, take } from 'rxjs';
+import { ChangeDetectionStrategy, Component, DestroyRef, computed, inject, input, signal } from '@angular/core';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { catchError, of, switchMap, take } from 'rxjs';
+import { map } from 'rxjs/operators';
 import { JsonPathPipe } from '@mediusinc/mng-commons/core';
 import { VersionService } from '../services/version.service';
 import * as i0 from "@angular/core";
 export class VersionComponent {
     constructor() {
         this.versionService = inject(VersionService);
+        this.destroyRef = inject(DestroyRef);
         this.jsonPathPipe = new JsonPathPipe();
-        this.loadingSubject = new BehaviorSubject(false);
-        this.loading$ = this.loadingSubject.asObservable();
-    }
-    ngOnInit() {
-        if (Array.isArray(this.initVersion)) {
-            this.versions = this.initVersion;
-        }
-        else if (typeof this.initVersion === 'string') {
-            this.displayVersion = this.initVersion;
-        }
-        else if (typeof this.initVersion !== 'undefined') {
-            if (this.initVersion['info'] || this.initVersion['urlPath']) {
-                const config = this.initVersion;
-                this.displayName = config.displayName;
-                if (config.urlPath) {
-                    this.loadingSubject.next(true);
-                    this.versionService
-                        .loadVersion(config.urlPath, config.urlBaseConfigKey)
-                        .pipe(take(1))
-                        .subscribe({
-                        next: res => {
-                            this.displayVersion = this.jsonPathPipe.transform(res, config.infoJsonPath ?? '$');
-                            this.loadingSubject.next(false);
-                        },
-                        error: () => {
-                            this.displayVersion = '';
-                            this.loadingSubject.next(false);
-                        }
-                    });
+        this.initVersion = input(undefined, { alias: 'version' });
+        this.isLoading = signal(false);
+        this.loadedVersion = signal(undefined);
+        this.displayVersion = computed(() => {
+            if (typeof this.initVersion() === 'string') {
+                return this.initVersion();
+            }
+            else if (typeof this.initVersion() !== 'undefined') {
+                if (this.initVersion()['info'] || this.initVersion()['urlPath']) {
+                    if (typeof this.loadedVersion() !== 'undefined') {
+                        return this.loadedVersion();
+                    }
+                    else if (this.initVersion()['info']) {
+                        const config = this.initVersion();
+                        return this.jsonPathPipe.transform(config.info, config.infoJsonPath ?? '$.raw');
+                    }
                 }
                 else {
-                    this.displayVersion = this.jsonPathPipe.transform(config.info, config.infoJsonPath ?? '$.raw');
+                    const info = this.initVersion();
+                    return this.jsonPathPipe.transform(info, '$.raw');
+                }
+            }
+            return;
+        });
+        this.versions = computed(() => {
+            if (Array.isArray(this.initVersion())) {
+                return this.initVersion();
+            }
+            return;
+        });
+        this.displayName = computed(() => {
+            if (typeof this.initVersion() !== 'undefined') {
+                if (this.initVersion()['info'] || this.initVersion()['urlPath']) {
+                    const config = this.initVersion();
+                    return config.displayName;
                 }
             }
-            else {
-                const info = this.initVersion;
-                this.displayVersion = this.jsonPathPipe.transform(info, '$.raw');
+            return;
+        });
+        toObservable(this.initVersion)
+            .pipe(catchError(() => of(undefined)), switchMap(version => {
+            if (typeof version !== 'undefined' && (version['info'] || version['urlPath'])) {
+                const config = version;
+                if (config.urlPath) {
+                    this.isLoading.set(true);
+                    return this.versionService.loadVersion(config.urlPath, config.urlBaseConfigKey).pipe(take(1), map(res => ({ res, config })));
+                }
+            }
+            return of({ res: undefined, config: undefined });
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: ({ res, config }) => {
+                if (typeof res !== 'undefined' && typeof config !== 'undefined') {
+                    this.loadedVersion.set(this.jsonPathPipe.transform(res, config.infoJsonPath ?? '$'));
+                }
+                else {
+                    this.loadedVersion.set(undefined);
+                }
+                this.isLoading.set(false);
+            },
+            error: () => {
+                this.loadedVersion.set('');
+                this.isLoading.set(false);
             }
-        }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: VersionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: VersionComponent, isStandalone: true, selector: "mng-version", inputs: { initVersion: ["version", "initVersion"] }, ngImport: i0, template: "@if (versions) {\n    @for (v of versions; track v; let last = $last) {\n        <mng-version [version]=\"v\"></mng-version>\n        @if (!last) {\n            <br />\n        }\n    }\n} @else {\n    @if (displayName) {\n        {{ displayName }}:\n    }\n    @if ((loading$ | async) === false) {\n        {{ displayVersion }}\n    }\n}\n", dependencies: [{ kind: "component", type: VersionComponent, selector: "mng-version", inputs: ["version"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: VersionComponent, isStandalone: true, selector: "mng-version", inputs: { initVersion: { classPropertyName: "initVersion", publicName: "version", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (versions()) {\n    @for (v of versions(); track v; let last = $last) {\n        <mng-version [version]=\"v\"></mng-version>\n        @if (!last) {\n            <br />\n        }\n    }\n} @else {\n    @if (displayName()) {{{ displayName() }}}\n    @if (displayName() && displayVersion()) {: }\n    @if (!isLoading()) {{{ displayVersion() }}}\n}\n", dependencies: [{ kind: "component", type: VersionComponent, selector: "mng-version", inputs: ["version"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: VersionComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-version', imports: [AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (versions) {\n    @for (v of versions; track v; let last = $last) {\n        <mng-version [version]=\"v\"></mng-version>\n        @if (!last) {\n            <br />\n        }\n    }\n} @else {\n    @if (displayName) {\n        {{ displayName }}:\n    }\n    @if ((loading$ | async) === false) {\n        {{ displayVersion }}\n    }\n}\n" }]
-        }], propDecorators: { initVersion: [{
-                type: Input,
-                args: ['version']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdmVyc2lvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdmVyc2lvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhGLE9BQU8sRUFBQyxlQUFlLEVBQUUsSUFBSSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBRTNDLE9BQU8sRUFBQyxZQUFZLEVBQWdELE1BQU0sNkJBQTZCLENBQUM7QUFFeEcsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDZCQUE2QixDQUFDOztBQVMzRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBVXFCLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU0zQyxtQkFBYyxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdDLGFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO0tBb0N4RDtJQWxDRyxRQUFRO1FBQ0osSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxDQUFDO2FBQU0sSUFBSSxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQzNDLENBQUM7YUFBTSxJQUFJLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUNqRCxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBc0IsQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBeUIsQ0FBQyxFQUFFLENBQUM7Z0JBQzFGLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxXQUE0QixDQUFDO2dCQUNqRCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7Z0JBRXRDLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNqQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDL0IsSUFBSSxDQUFDLGNBQWM7eUJBQ2QsV0FBVyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLGdCQUFnQixDQUFDO3lCQUNwRCxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUNiLFNBQVMsQ0FBQzt3QkFDUCxJQUFJLEVBQUUsR0FBRyxDQUFDLEVBQUU7NEJBQ1IsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLFlBQVksSUFBSSxHQUFHLENBQUMsQ0FBQzs0QkFDbkYsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQ3BDLENBQUM7d0JBQ0QsS0FBSyxFQUFFLEdBQUcsRUFBRTs0QkFDUixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQzs0QkFDekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7d0JBQ3BDLENBQUM7cUJBQ0osQ0FBQyxDQUFDO2dCQUNYLENBQUM7cUJBQU0sQ0FBQztvQkFDSixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLFlBQVksSUFBSSxPQUFPLENBQUMsQ0FBQztnQkFDbkcsQ0FBQztZQUNMLENBQUM7aUJBQU0sQ0FBQztnQkFDSixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBMEIsQ0FBQztnQkFDN0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDckUsQ0FBQztRQUNMLENBQUM7SUFDTCxDQUFDOzhHQTlDUSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiw0SENoQjdCLHNWQWVBLDRDRENhLGdCQUFnQix3RUFIZixTQUFTOzsyRkFHVixnQkFBZ0I7a0JBUDVCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGFBQWEsV0FFZCxDQUFDLFNBQVMsQ0FBQyxtQkFDSCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QixXQUFXO3NCQUFuQyxLQUFLO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FzeW5jUGlwZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgaW5qZWN0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtCZWhhdmlvclN1YmplY3QsIHRha2V9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge0pzb25QYXRoUGlwZSwgVmVyc2lvbkNvbmZpZywgVmVyc2lvbkNvbmZpZ1R5cGUsIFZlcnNpb25JbmZvfSBmcm9tICdAbWVkaXVzaW5jL21uZy1jb21tb25zL2NvcmUnO1xuXG5pbXBvcnQge1ZlcnNpb25TZXJ2aWNlfSBmcm9tICcuLi9zZXJ2aWNlcy92ZXJzaW9uLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnbW5nLXZlcnNpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi92ZXJzaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBpbXBvcnRzOiBbQXN5bmNQaXBlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBWZXJzaW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoJ3ZlcnNpb24nKSBwdWJsaWMgaW5pdFZlcnNpb24/OiBWZXJzaW9uQ29uZmlnVHlwZTtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgdmVyc2lvblNlcnZpY2UgPSBpbmplY3QoVmVyc2lvblNlcnZpY2UpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkganNvblBhdGhQaXBlID0gbmV3IEpzb25QYXRoUGlwZSgpO1xuXG4gICAgcHVibGljIGRpc3BsYXlOYW1lPzogc3RyaW5nO1xuICAgIHB1YmxpYyBkaXNwbGF5VmVyc2lvbj86IHN0cmluZztcbiAgICBwdWJsaWMgdmVyc2lvbnM/OiBBcnJheTxWZXJzaW9uQ29uZmlnPjtcblxuICAgIHByaXZhdGUgbG9hZGluZ1N1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcbiAgICBwdWJsaWMgbG9hZGluZyQgPSB0aGlzLmxvYWRpbmdTdWJqZWN0LmFzT2JzZXJ2YWJsZSgpO1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMuaW5pdFZlcnNpb24pKSB7XG4gICAgICAgICAgICB0aGlzLnZlcnNpb25zID0gdGhpcy5pbml0VmVyc2lvbjtcbiAgICAgICAgfSBlbHNlIGlmICh0eXBlb2YgdGhpcy5pbml0VmVyc2lvbiA9PT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgIHRoaXMuZGlzcGxheVZlcnNpb24gPSB0aGlzLmluaXRWZXJzaW9uO1xuICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiB0aGlzLmluaXRWZXJzaW9uICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgICAgaWYgKHRoaXMuaW5pdFZlcnNpb25bJ2luZm8nIGFzIGtleW9mIG9iamVjdF0gfHwgdGhpcy5pbml0VmVyc2lvblsndXJsUGF0aCcgYXMga2V5b2Ygb2JqZWN0XSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNvbmZpZyA9IHRoaXMuaW5pdFZlcnNpb24gYXMgVmVyc2lvbkNvbmZpZztcbiAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXlOYW1lID0gY29uZmlnLmRpc3BsYXlOYW1lO1xuXG4gICAgICAgICAgICAgICAgaWYgKGNvbmZpZy51cmxQYXRoKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZ1N1YmplY3QubmV4dCh0cnVlKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy52ZXJzaW9uU2VydmljZVxuICAgICAgICAgICAgICAgICAgICAgICAgLmxvYWRWZXJzaW9uKGNvbmZpZy51cmxQYXRoLCBjb25maWcudXJsQmFzZUNvbmZpZ0tleSlcbiAgICAgICAgICAgICAgICAgICAgICAgIC5waXBlKHRha2UoMSkpXG4gICAgICAgICAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXh0OiByZXMgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXlWZXJzaW9uID0gdGhpcy5qc29uUGF0aFBpcGUudHJhbnNmb3JtKHJlcywgY29uZmlnLmluZm9Kc29uUGF0aCA/PyAnJCcpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmdTdWJqZWN0Lm5leHQoZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZXJyb3I6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5kaXNwbGF5VmVyc2lvbiA9ICcnO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmdTdWJqZWN0Lm5leHQoZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGlzcGxheVZlcnNpb24gPSB0aGlzLmpzb25QYXRoUGlwZS50cmFuc2Zvcm0oY29uZmlnLmluZm8sIGNvbmZpZy5pbmZvSnNvblBhdGggPz8gJyQucmF3Jyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpbmZvID0gdGhpcy5pbml0VmVyc2lvbiBhcyBWZXJzaW9uSW5mbztcbiAgICAgICAgICAgICAgICB0aGlzLmRpc3BsYXlWZXJzaW9uID0gdGhpcy5qc29uUGF0aFBpcGUudHJhbnNmb3JtKGluZm8sICckLnJhdycpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiQGlmICh2ZXJzaW9ucykge1xuICAgIEBmb3IgKHYgb2YgdmVyc2lvbnM7IHRyYWNrIHY7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgICAgPG1uZy12ZXJzaW9uIFt2ZXJzaW9uXT1cInZcIj48L21uZy12ZXJzaW9uPlxuICAgICAgICBAaWYgKCFsYXN0KSB7XG4gICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgfVxuICAgIH1cbn0gQGVsc2Uge1xuICAgIEBpZiAoZGlzcGxheU5hbWUpIHtcbiAgICAgICAge3sgZGlzcGxheU5hbWUgfX06XG4gICAgfVxuICAgIEBpZiAoKGxvYWRpbmckIHwgYXN5bmMpID09PSBmYWxzZSkge1xuICAgICAgICB7eyBkaXNwbGF5VmVyc2lvbiB9fVxuICAgIH1cbn1cbiJdfQ==
+            args: [{ standalone: true, selector: 'mng-version', imports: [AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (versions()) {\n    @for (v of versions(); track v; let last = $last) {\n        <mng-version [version]=\"v\"></mng-version>\n        @if (!last) {\n            <br />\n        }\n    }\n} @else {\n    @if (displayName()) {{{ displayName() }}}\n    @if (displayName() && displayVersion()) {: }\n    @if (!isLoading()) {{{ displayVersion() }}}\n}\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdmVyc2lvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdmVyc2lvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBQyxrQkFBa0IsRUFBRSxZQUFZLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUU1RSxPQUFPLEVBQUMsVUFBVSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBQyxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVuQyxPQUFPLEVBQUMsWUFBWSxFQUFnRCxNQUFNLDZCQUE2QixDQUFDO0FBRXhHLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQzs7QUFTM0QsTUFBTSxPQUFPLGdCQUFnQjtJQThDekI7UUE3Q2lCLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVDLGdCQUFXLEdBQUcsS0FBSyxDQUFvQixTQUFTLEVBQUUsRUFBQyxLQUFLLEVBQUUsU0FBUyxFQUFDLENBQUMsQ0FBQztRQUV0RSxjQUFTLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ2xDLGtCQUFhLEdBQUcsTUFBTSxDQUFnQyxT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LFlBQ04sYUFBYSxXQUVkLENBQUMsU0FBUyxDQUFDLG1CQUNILHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FzeW5jUGlwZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGVzdHJveVJlZiwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIHNpZ25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3Rha2VVbnRpbERlc3Ryb3llZCwgdG9PYnNlcnZhYmxlfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbmltcG9ydCB7Y2F0Y2hFcnJvciwgb2YsIHN3aXRjaE1hcCwgdGFrZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge21hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge0pzb25QYXRoUGlwZSwgVmVyc2lvbkNvbmZpZywgVmVyc2lvbkNvbmZpZ1R5cGUsIFZlcnNpb25JbmZvfSBmcm9tICdAbWVkaXVzaW5jL21uZy1jb21tb25zL2NvcmUnO1xuXG5pbXBvcnQge1ZlcnNpb25TZXJ2aWNlfSBmcm9tICcuLi9zZXJ2aWNlcy92ZXJzaW9uLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnbW5nLXZlcnNpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi92ZXJzaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBpbXBvcnRzOiBbQXN5bmNQaXBlXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBWZXJzaW9uQ29tcG9uZW50IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IHZlcnNpb25TZXJ2aWNlID0gaW5qZWN0KFZlcnNpb25TZXJ2aWNlKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBqc29uUGF0aFBpcGUgPSBuZXcgSnNvblBhdGhQaXBlKCk7XG5cbiAgICBwdWJsaWMgaW5pdFZlcnNpb24gPSBpbnB1dDxWZXJzaW9uQ29uZmlnVHlwZT4odW5kZWZpbmVkLCB7YWxpYXM6ICd2ZXJzaW9uJ30pO1xuXG4gICAgcHVibGljIGlzTG9hZGluZyA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gICAgcHJpdmF0ZSBsb2FkZWRWZXJzaW9uID0gc2lnbmFsPFZlcnNpb25Db25maWdUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gICAgcHVibGljIGRpc3BsYXlWZXJzaW9uID0gY29tcHV0ZWQ8c3RyaW5nIHwgdW5kZWZpbmVkPigoKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5pbml0VmVyc2lvbigpID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaW5pdFZlcnNpb24oKTtcbiAgICAgICAgfSBlbHNlIGlmICh0eXBlb2YgdGhpcy5pbml0VmVyc2lvbigpICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgICAgaWYgKHRoaXMuaW5pdFZlcnNpb24oKSFbJ2luZm8nIGFzIGtleW9mIG9iamVjdF0gfHwgdGhpcy5pbml0VmVyc2lvbigpIVsndXJsUGF0aCcgYXMga2V5b2Ygb2JqZWN0XSkge1xuICAgICAgICAgICAgICAgIGlmICh0eXBlb2YgdGhpcy5sb2FkZWRWZXJzaW9uKCkgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmxvYWRlZFZlcnNpb24oKTtcbiAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKHRoaXMuaW5pdFZlcnNpb24oKSFbJ2luZm8nIGFzIGtleW9mIG9iamVjdF0pIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY29uZmlnID0gdGhpcy5pbml0VmVyc2lvbigpIGFzIFZlcnNpb25Db25maWc7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmpzb25QYXRoUGlwZS50cmFuc2Zvcm0oY29uZmlnLmluZm8sIGNvbmZpZy5pbmZvSnNvblBhdGggPz8gJyQucmF3Jyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpbmZvID0gdGhpcy5pbml0VmVyc2lvbigpIGFzIFZlcnNpb25JbmZvO1xuICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmpzb25QYXRoUGlwZS50cmFuc2Zvcm0oaW5mbywgJyQucmF3Jyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgIH0pO1xuXG4gICAgcHVibGljIHZlcnNpb25zID0gY29tcHV0ZWQ8QXJyYXk8VmVyc2lvbkNvbmZpZz4gfCB1bmRlZmluZWQ+KCgpID0+IHtcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodGhpcy5pbml0VmVyc2lvbigpKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuaW5pdFZlcnNpb24oKSBhcyBBcnJheTxWZXJzaW9uQ29uZmlnPjtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgfSk7XG5cbiAgICBwdWJsaWMgZGlzcGxheU5hbWUgPSBjb21wdXRlZDxzdHJpbmcgfCB1bmRlZmluZWQ+KCgpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiB0aGlzLmluaXRWZXJzaW9uKCkgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5pbml0VmVyc2lvbigpIVsnaW5mbycgYXMga2V5b2Ygb2JqZWN0XSB8fCB0aGlzLmluaXRWZXJzaW9uKCkhWyd1cmxQYXRoJyBhcyBrZXlvZiBvYmplY3RdKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29uZmlnID0gdGhpcy5pbml0VmVyc2lvbigpIGFzIFZlcnNpb25Db25maWc7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNvbmZpZy5kaXNwbGF5TmFtZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgfSk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdG9PYnNlcnZhYmxlKHRoaXMuaW5pdFZlcnNpb24pXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICBjYXRjaEVycm9yKCgpID0+IG9mKHVuZGVmaW5lZCkpLFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcCh2ZXJzaW9uID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHR5cGVvZiB2ZXJzaW9uICE9PSAndW5kZWZpbmVkJyAmJiAodmVyc2lvblsnaW5mbycgYXMga2V5b2Ygb2JqZWN0XSB8fCB2ZXJzaW9uWyd1cmxQYXRoJyBhcyBrZXlvZiBvYmplY3RdKSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY29uZmlnID0gdmVyc2lvbiBhcyBWZXJzaW9uQ29uZmlnO1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGNvbmZpZy51cmxQYXRoKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcuc2V0KHRydWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLnZlcnNpb25TZXJ2aWNlLmxvYWRWZXJzaW9uKGNvbmZpZy51cmxQYXRoLCBjb25maWcudXJsQmFzZUNvbmZpZ0tleSkucGlwZShcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFwKHJlcyA9PiAoe3JlcywgY29uZmlnfSkpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gb2Yoe3JlczogdW5kZWZpbmVkLCBjb25maWc6IHVuZGVmaW5lZH0pO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHtcbiAgICAgICAgICAgICAgICBuZXh0OiAoe3JlcywgY29uZmlnfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAodHlwZW9mIHJlcyAhPT0gJ3VuZGVmaW5lZCcgJiYgdHlwZW9mIGNvbmZpZyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZGVkVmVyc2lvbi5zZXQodGhpcy5qc29uUGF0aFBpcGUudHJhbnNmb3JtKHJlcywgY29uZmlnLmluZm9Kc29uUGF0aCA/PyAnJCcpKTtcbiAgICAgICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMubG9hZGVkVmVyc2lvbi5zZXQodW5kZWZpbmVkKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aGlzLmlzTG9hZGluZy5zZXQoZmFsc2UpO1xuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgZXJyb3I6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5sb2FkZWRWZXJzaW9uLnNldCgnJyk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaXNMb2FkaW5nLnNldChmYWxzZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiQGlmICh2ZXJzaW9ucygpKSB7XG4gICAgQGZvciAodiBvZiB2ZXJzaW9ucygpOyB0cmFjayB2OyBsZXQgbGFzdCA9ICRsYXN0KSB7XG4gICAgICAgIDxtbmctdmVyc2lvbiBbdmVyc2lvbl09XCJ2XCI+PC9tbmctdmVyc2lvbj5cbiAgICAgICAgQGlmICghbGFzdCkge1xuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgIH1cbiAgICB9XG59IEBlbHNlIHtcbiAgICBAaWYgKGRpc3BsYXlOYW1lKCkpIHt7eyBkaXNwbGF5TmFtZSgpIH19fVxuICAgIEBpZiAoZGlzcGxheU5hbWUoKSAmJiBkaXNwbGF5VmVyc2lvbigpKSB7OiB9XG4gICAgQGlmICghaXNMb2FkaW5nKCkpIHt7eyBkaXNwbGF5VmVyc2lvbigpIH19fVxufVxuIl19