import { Component, Inject, Input } from '@angular/core';
import { BACKEND_URL } from '@aztrix/environment';
import { BehaviorSubject } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@aztrix/icons";
import * as i3 from "@aztrix/components/button";
import * as i4 from "../legal-footer/legal-footer.component";
import * as i5 from "@aztrix/helpers";
import * as i6 from "rxjs";
export class AztrixInfoModalComponent {
    constructor(backendUrl$) {
        this.backendUrl$ = backendUrl$;
        this.legal = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AztrixInfoModalComponent, deps: [{ token: BACKEND_URL }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AztrixInfoModalComponent, selector: "ax-aztrix-info-modal", inputs: { legal: "legal" }, ngImport: i0, template: "<div class=\"logo\">\n  <ax-icon class=\"icon\" name=\"custom:aztrixlogo\"></ax-icon>\n</div>\n<h1 class=\"dialog-title\">{{ 'aztrix.info' | translate }}</h1>\n<div class=\"dialog-content\">\n  <p>\n    {{ 'aztrix.explanation' | translate }}\n  </p>\n</div>\n<div class=\"button-wrapper\">\n  <a axButton filled color=\"primary\" class=\"button\" [href]=\"backendUrl$ | async\" target=\"_blank\">\n    {{ 'label.moreInfo' | translate }}\n    <ax-icon class=\"icon\" name=\"open-in-new\"></ax-icon\n  ></a>\n</div>\n<ax-legal-footer class=\"legal\" *ngIf=\"legal\" color=\"primary\"></ax-legal-footer>\n", styles: [":host{position:relative;display:block;padding:0 24px;margin-top:-24px}:host ::ng-deep ax-legal-footer .text{text-align:center}:host ::ng-deep .button.ax-button .icon{margin-right:-.25rem;margin-left:.25rem}.dialog-title{font-size:1.5rem;color:#555;text-align:center}.dialog-content{text-align:center;color:#555}.dialog-content p{margin:1.5rem 0}.button-wrapper{width:100%;display:flex;justify-content:center;margin:2rem 0 1.5rem}.logo{text-align:center;margin-bottom:1.5rem;height:34px;margin-top:1.5rem}.logo .icon{width:34px;height:34px;color:var(--primary-color-500)}.link:link,.link:visited,.link:hover,.link:active{color:#fff}.link .icon{vertical-align:middle;width:20px;height:20px;margin-left:.25rem}.legal{margin:2rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ax-icon", inputs: ["name", "inline"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[axButton]", inputs: ["color", "labelHideMobile", "smallButton", "bigButton", "fullWidth", "filled", "outline", "icon-button", "hoverLabel", "hover", "lowercase", "disabled"] }, { kind: "component", type: i4.LegalFooterComponent, selector: "ax-legal-footer", inputs: ["color", "legalText"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AztrixInfoModalComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-aztrix-info-modal', template: "<div class=\"logo\">\n  <ax-icon class=\"icon\" name=\"custom:aztrixlogo\"></ax-icon>\n</div>\n<h1 class=\"dialog-title\">{{ 'aztrix.info' | translate }}</h1>\n<div class=\"dialog-content\">\n  <p>\n    {{ 'aztrix.explanation' | translate }}\n  </p>\n</div>\n<div class=\"button-wrapper\">\n  <a axButton filled color=\"primary\" class=\"button\" [href]=\"backendUrl$ | async\" target=\"_blank\">\n    {{ 'label.moreInfo' | translate }}\n    <ax-icon class=\"icon\" name=\"open-in-new\"></ax-icon\n  ></a>\n</div>\n<ax-legal-footer class=\"legal\" *ngIf=\"legal\" color=\"primary\"></ax-legal-footer>\n", styles: [":host{position:relative;display:block;padding:0 24px;margin-top:-24px}:host ::ng-deep ax-legal-footer .text{text-align:center}:host ::ng-deep .button.ax-button .icon{margin-right:-.25rem;margin-left:.25rem}.dialog-title{font-size:1.5rem;color:#555;text-align:center}.dialog-content{text-align:center;color:#555}.dialog-content p{margin:1.5rem 0}.button-wrapper{width:100%;display:flex;justify-content:center;margin:2rem 0 1.5rem}.logo{text-align:center;margin-bottom:1.5rem;height:34px;margin-top:1.5rem}.logo .icon{width:34px;height:34px;color:var(--primary-color-500)}.link:link,.link:visited,.link:hover,.link:active{color:#fff}.link .icon{vertical-align:middle;width:20px;height:20px;margin-left:.25rem}.legal{margin:2rem 0}\n"] }]
        }], ctorParameters: () => [{ type: i6.BehaviorSubject, decorators: [{
                    type: Inject,
                    args: [BACKEND_URL]
                }] }], propDecorators: { legal: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXp0cml4LWluZm8tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3Bvd2VyZWQtYnktYXp0cml4L2F6dHJpeC1pbmZvLW1vZGFsL2F6dHJpeC1pbmZvLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wb3dlcmVkLWJ5LWF6dHJpeC9henRyaXgtaW5mby1tb2RhbC9henRyaXgtaW5mby1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ2hELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7O0FBT3JDLE1BQU0sT0FBTyx3QkFBd0I7SUFHbkMsWUFBd0MsV0FBb0M7UUFBcEMsZ0JBQVcsR0FBWCxXQUFXLENBQXlCO1FBRm5FLFVBQUssR0FBRyxJQUFJLENBQUM7SUFFeUQsQ0FBQzsrR0FIckUsd0JBQXdCLGtCQUdmLFdBQVc7bUdBSHBCLHdCQUF3Qix3RkNUckMsNGxCQWdCQTs7NEZEUGEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjs7MEJBT25CLE1BQU07MkJBQUMsV0FBVzt5Q0FGdEIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCQUNLRU5EX1VSTH0gZnJvbSAnQGF6dHJpeC9lbnZpcm9ubWVudCc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWF6dHJpeC1pbmZvLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6IGBhenRyaXgtaW5mby1tb2RhbC5jb21wb25lbnQuaHRtbGAsXG4gIHN0eWxlVXJsczogWydhenRyaXgtaW5mby1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBenRyaXhJbmZvTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBsZWdhbCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChCQUNLRU5EX1VSTCkgcHVibGljIGJhY2tlbmRVcmwkOiBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPikge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJsb2dvXCI+XG4gIDxheC1pY29uIGNsYXNzPVwiaWNvblwiIG5hbWU9XCJjdXN0b206YXp0cml4bG9nb1wiPjwvYXgtaWNvbj5cbjwvZGl2PlxuPGgxIGNsYXNzPVwiZGlhbG9nLXRpdGxlXCI+e3sgJ2F6dHJpeC5pbmZvJyB8IHRyYW5zbGF0ZSB9fTwvaDE+XG48ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbnRlbnRcIj5cbiAgPHA+XG4gICAge3sgJ2F6dHJpeC5leHBsYW5hdGlvbicgfCB0cmFuc2xhdGUgfX1cbiAgPC9wPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiYnV0dG9uLXdyYXBwZXJcIj5cbiAgPGEgYXhCdXR0b24gZmlsbGVkIGNvbG9yPVwicHJpbWFyeVwiIGNsYXNzPVwiYnV0dG9uXCIgW2hyZWZdPVwiYmFja2VuZFVybCQgfCBhc3luY1wiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgIHt7ICdsYWJlbC5tb3JlSW5mbycgfCB0cmFuc2xhdGUgfX1cbiAgICA8YXgtaWNvbiBjbGFzcz1cImljb25cIiBuYW1lPVwib3Blbi1pbi1uZXdcIj48L2F4LWljb25cbiAgPjwvYT5cbjwvZGl2PlxuPGF4LWxlZ2FsLWZvb3RlciBjbGFzcz1cImxlZ2FsXCIgKm5nSWY9XCJsZWdhbFwiIGNvbG9yPVwicHJpbWFyeVwiPjwvYXgtbGVnYWwtZm9vdGVyPlxuIl19