import { Component } from '@angular/core';
import { map } from 'rxjs';
import { AppStateService } from '@onecx/angular-integration-interface';
import * as i0 from "@angular/core";
import * as i1 from "@onecx/angular-integration-interface";
import * as i2 from "@angular/common";
export class MfeDebugComponent {
    constructor(appStateService) {
        this.appStateService = appStateService;
        this.isMFE$ = this.appStateService.currentMfe$.pipe(map((mfe) => !!mfe));
        this.mfeInfo$ = this.appStateService.currentMfe$.asObservable();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MfeDebugComponent, deps: [{ token: i1.AppStateService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MfeDebugComponent, selector: "ocx-mfe-debug", ngImport: i0, template: "<div>\n  <div class=\"font-medium text-3xl mb-3\">Microfrontend info</div>\n\n  <ul class=\"list-none p-0 m-0\">\n    <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n      <div class=\"text-500 w-6 md:w-2 font-medium\">Running as Microfrontend?</div>\n      <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{isMFE$ | async}}</div>\n    </li>\n\n    <ng-container *ngIf=\"mfeInfo$\">\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Shell Name</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.shellName}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Base href</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.baseHref}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Base url</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.remoteBaseUrl}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Mount path</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.mountPath}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Remote info</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.remote}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Remote Version</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.version}}</div>\n      </li>\n    </ng-container>\n  </ul>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MfeDebugComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ocx-mfe-debug', template: "<div>\n  <div class=\"font-medium text-3xl mb-3\">Microfrontend info</div>\n\n  <ul class=\"list-none p-0 m-0\">\n    <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n      <div class=\"text-500 w-6 md:w-2 font-medium\">Running as Microfrontend?</div>\n      <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{isMFE$ | async}}</div>\n    </li>\n\n    <ng-container *ngIf=\"mfeInfo$\">\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Shell Name</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.shellName}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Base href</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.baseHref}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Base url</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.remoteBaseUrl}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Mount path</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.mountPath}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Remote info</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.remote}}</div>\n      </li>\n      <li class=\"flex align-items-center py-3 px-2 border-top-1 surface-border flex-wrap\">\n        <div class=\"text-500 w-6 md:w-2 font-medium\">Remote Version</div>\n        <div class=\"text-900 w-full md:w-8 md:flex-order-0 flex-order-1\">{{(mfeInfo$ | async)?.version}}</div>\n      </li>\n    </ng-container>\n  </ul>\n</div>\n" }]
        }], ctorParameters: () => [{ type: i1.AppStateService }] });
//# sourceMappingURL=data:application/json;base64, 