import { Component } from '@angular/core';
import { AbstractResetPasswordStep } from '../abstract-reset-password-step';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@aztrix/components/value-edit";
import * as i3 from "@aztrix/components/button";
import * as i4 from "@aztrix/components/login-value-form-error";
import * as i5 from "@aztrix/helpers";
export class ResetPasswordEmailStepComponent extends AbstractResetPasswordStep {
}
ResetPasswordEmailStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResetPasswordEmailStepComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ResetPasswordEmailStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ResetPasswordEmailStepComponent, selector: "ax-reset-password-email-step", usesInheritance: true, ngImport: i0, template: "<div class=\"value\">\n  <ax-value-edit\n    class=\"input\"\n    *ngIf=\"!showMobile\"\n    [form]=\"emailForm\"\n    [label]=\"'EMAIL' | propertyTypeLabel\"\n    type=\"EMAIL\"\n    name=\"login username\"\n    [errorsTemplate]=\"errorsTemplate\"\n    [autofocus]=\"true\"\n  ></ax-value-edit>\n  <ax-value-edit\n    class=\"input\"\n    *ngIf=\"showMobile\"\n    [form]=\"mobileForm\"\n    [label]=\"'PHONE' | propertyTypeLabel\"\n    type=\"PHONE\"\n    name=\"login username\"\n    [errorsTemplate]=\"errorsTemplate\"\n    [autofocus]=\"true\"\n  ></ax-value-edit>\n  <button class=\"link\" axButton type=\"button\" (click)=\"switchMobileOrEmail()\">\n    {{ 'login.use-' + (showMobile ? 'email' : 'mobile') | translate }}\n  </button>\n</div>\n\n<ax-button filled fullWidth class=\"action\" type=\"button\" color=\"accent\" (click)=\"_continue()\">\n  {{ 'modal.forgotPassword.button' | translate }}\n</ax-button>\n\n<ng-template #errorsTemplate>\n  <ax-login-value-form-error\n    *ngIf=\"emailForm.touched && !showMobile\"\n    [form]=\"emailForm\"\n    [propertyType]=\"'EMAIL'\"\n  ></ax-login-value-form-error>\n  <ax-login-value-form-error\n    *ngIf=\"mobileForm.touched && showMobile\"\n    [form]=\"mobileForm\"\n    [propertyType]=\"'MOBILE_PHONE'\"\n  ></ax-login-value-form-error>\n</ng-template>\n", styles: [".link{align-self:flex-end}\n", ":host{display:flex;flex-direction:column;gap:.5rem}.form{margin-bottom:20px;background-color:#fff;border-radius:15px;padding:1.5rem 1.5rem 0}.value{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:.5rem}.input{width:100%}.action{margin:1rem 1rem -20px}.action ::ng-deep .ax-button{font-size:1.2rem;text-transform:none;height:2.5rem}.back{margin:1rem auto -.5rem;width:auto}.back ::ng-deep .ax-button{font-size:small;height:2rem;width:auto;margin:0 auto}.back ::ng-deep .ax-button .icon{width:1rem;height:1rem}.verification ::ng-deep .verify{width:100%;display:block;position:relative;bottom:-20px}.verification ::ng-deep .verify .ax-button{font-size:1.2rem;text-transform:none;height:2.5rem;width:100%}.verification ::ng-deep .resend{height:0;position:relative;bottom:-30px}.verification ::ng-deep .error-message{height:0;position:relative;bottom:-30px;display:flex;text-align:center;flex-direction:column;gap:1rem}\n", ".link{text-transform:none;text-decoration:underline;height:1rem;line-height:1rem;padding:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ValueEditComponent, selector: "ax-value-edit", inputs: ["type", "numberConfig"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[axButton]", inputs: ["color", "labelHideMobile", "smallButton", "bigButton", "fullWidth", "filled", "outline", "icon-button", "hoverLabel", "hover", "lowercase", "disabled"] }, { kind: "component", type: i3.ButtonComponent, selector: "ax-button", inputs: ["routerUrl", "ariaLabel"] }, { kind: "component", type: i4.LoginValueFormErrorComponent, selector: "ax-login-value-form-error", inputs: ["form", "propertyType"] }, { kind: "pipe", type: i5.PropertyTypeLabelPipe, name: "propertyTypeLabel" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ResetPasswordEmailStepComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-reset-password-email-step', template: "<div class=\"value\">\n  <ax-value-edit\n    class=\"input\"\n    *ngIf=\"!showMobile\"\n    [form]=\"emailForm\"\n    [label]=\"'EMAIL' | propertyTypeLabel\"\n    type=\"EMAIL\"\n    name=\"login username\"\n    [errorsTemplate]=\"errorsTemplate\"\n    [autofocus]=\"true\"\n  ></ax-value-edit>\n  <ax-value-edit\n    class=\"input\"\n    *ngIf=\"showMobile\"\n    [form]=\"mobileForm\"\n    [label]=\"'PHONE' | propertyTypeLabel\"\n    type=\"PHONE\"\n    name=\"login username\"\n    [errorsTemplate]=\"errorsTemplate\"\n    [autofocus]=\"true\"\n  ></ax-value-edit>\n  <button class=\"link\" axButton type=\"button\" (click)=\"switchMobileOrEmail()\">\n    {{ 'login.use-' + (showMobile ? 'email' : 'mobile') | translate }}\n  </button>\n</div>\n\n<ax-button filled fullWidth class=\"action\" type=\"button\" color=\"accent\" (click)=\"_continue()\">\n  {{ 'modal.forgotPassword.button' | translate }}\n</ax-button>\n\n<ng-template #errorsTemplate>\n  <ax-login-value-form-error\n    *ngIf=\"emailForm.touched && !showMobile\"\n    [form]=\"emailForm\"\n    [propertyType]=\"'EMAIL'\"\n  ></ax-login-value-form-error>\n  <ax-login-value-form-error\n    *ngIf=\"mobileForm.touched && showMobile\"\n    [form]=\"mobileForm\"\n    [propertyType]=\"'MOBILE_PHONE'\"\n  ></ax-login-value-form-error>\n</ng-template>\n", styles: [".link{align-self:flex-end}\n", ":host{display:flex;flex-direction:column;gap:.5rem}.form{margin-bottom:20px;background-color:#fff;border-radius:15px;padding:1.5rem 1.5rem 0}.value{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:.5rem}.input{width:100%}.action{margin:1rem 1rem -20px}.action ::ng-deep .ax-button{font-size:1.2rem;text-transform:none;height:2.5rem}.back{margin:1rem auto -.5rem;width:auto}.back ::ng-deep .ax-button{font-size:small;height:2rem;width:auto;margin:0 auto}.back ::ng-deep .ax-button .icon{width:1rem;height:1rem}.verification ::ng-deep .verify{width:100%;display:block;position:relative;bottom:-20px}.verification ::ng-deep .verify .ax-button{font-size:1.2rem;text-transform:none;height:2.5rem;width:100%}.verification ::ng-deep .resend{height:0;position:relative;bottom:-30px}.verification ::ng-deep .error-message{height:0;position:relative;bottom:-30px;display:flex;text-align:center;flex-direction:column;gap:1rem}\n", ".link{text-transform:none;text-decoration:underline;height:1rem;line-height:1rem;padding:0}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzZXQtcGFzc3dvcmQtZW1haWwtc3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbG9naW4tb3ItcmVnaXN0ZXItZm9ybS9yZXNldC1wYXNzd29yZC1mb3JtL3Jlc2V0LXBhc3N3b3JkLWVtYWlsLXN0ZXAvcmVzZXQtcGFzc3dvcmQtZW1haWwtc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbG9naW4tb3ItcmVnaXN0ZXItZm9ybS9yZXNldC1wYXNzd29yZC1mb3JtL3Jlc2V0LXBhc3N3b3JkLWVtYWlsLXN0ZXAvcmVzZXQtcGFzc3dvcmQtZW1haWwtc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhDLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLGlDQUFpQyxDQUFDOzs7Ozs7O0FBTzFFLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSx5QkFBeUI7OzRIQUFqRSwrQkFBK0I7Z0hBQS9CLCtCQUErQiwyRkNUNUMsc3lDQTBDQTsyRkRqQ2EsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDhCQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtBYnN0cmFjdFJlc2V0UGFzc3dvcmRTdGVwfSBmcm9tICcuLi9hYnN0cmFjdC1yZXNldC1wYXNzd29yZC1zdGVwJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtcmVzZXQtcGFzc3dvcmQtZW1haWwtc3RlcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZXNldC1wYXNzd29yZC1lbWFpbC1zdGVwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmVzZXQtcGFzc3dvcmQtZW1haWwtc3RlcC5jb21wb25lbnQuc2NzcycsICcuLi8uLi9mb3JtLnNjc3MnLCAnLi4vLi4vbGluay5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJlc2V0UGFzc3dvcmRFbWFpbFN0ZXBDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFJlc2V0UGFzc3dvcmRTdGVwIHt9XG4iLCI8ZGl2IGNsYXNzPVwidmFsdWVcIj5cbiAgPGF4LXZhbHVlLWVkaXRcbiAgICBjbGFzcz1cImlucHV0XCJcbiAgICAqbmdJZj1cIiFzaG93TW9iaWxlXCJcbiAgICBbZm9ybV09XCJlbWFpbEZvcm1cIlxuICAgIFtsYWJlbF09XCInRU1BSUwnIHwgcHJvcGVydHlUeXBlTGFiZWxcIlxuICAgIHR5cGU9XCJFTUFJTFwiXG4gICAgbmFtZT1cImxvZ2luIHVzZXJuYW1lXCJcbiAgICBbZXJyb3JzVGVtcGxhdGVdPVwiZXJyb3JzVGVtcGxhdGVcIlxuICAgIFthdXRvZm9jdXNdPVwidHJ1ZVwiXG4gID48L2F4LXZhbHVlLWVkaXQ+XG4gIDxheC12YWx1ZS1lZGl0XG4gICAgY2xhc3M9XCJpbnB1dFwiXG4gICAgKm5nSWY9XCJzaG93TW9iaWxlXCJcbiAgICBbZm9ybV09XCJtb2JpbGVGb3JtXCJcbiAgICBbbGFiZWxdPVwiJ1BIT05FJyB8IHByb3BlcnR5VHlwZUxhYmVsXCJcbiAgICB0eXBlPVwiUEhPTkVcIlxuICAgIG5hbWU9XCJsb2dpbiB1c2VybmFtZVwiXG4gICAgW2Vycm9yc1RlbXBsYXRlXT1cImVycm9yc1RlbXBsYXRlXCJcbiAgICBbYXV0b2ZvY3VzXT1cInRydWVcIlxuICA+PC9heC12YWx1ZS1lZGl0PlxuICA8YnV0dG9uIGNsYXNzPVwibGlua1wiIGF4QnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwic3dpdGNoTW9iaWxlT3JFbWFpbCgpXCI+XG4gICAge3sgJ2xvZ2luLnVzZS0nICsgKHNob3dNb2JpbGUgPyAnZW1haWwnIDogJ21vYmlsZScpIHwgdHJhbnNsYXRlIH19XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG5cbjxheC1idXR0b24gZmlsbGVkIGZ1bGxXaWR0aCBjbGFzcz1cImFjdGlvblwiIHR5cGU9XCJidXR0b25cIiBjb2xvcj1cImFjY2VudFwiIChjbGljayk9XCJfY29udGludWUoKVwiPlxuICB7eyAnbW9kYWwuZm9yZ290UGFzc3dvcmQuYnV0dG9uJyB8IHRyYW5zbGF0ZSB9fVxuPC9heC1idXR0b24+XG5cbjxuZy10ZW1wbGF0ZSAjZXJyb3JzVGVtcGxhdGU+XG4gIDxheC1sb2dpbi12YWx1ZS1mb3JtLWVycm9yXG4gICAgKm5nSWY9XCJlbWFpbEZvcm0udG91Y2hlZCAmJiAhc2hvd01vYmlsZVwiXG4gICAgW2Zvcm1dPVwiZW1haWxGb3JtXCJcbiAgICBbcHJvcGVydHlUeXBlXT1cIidFTUFJTCdcIlxuICA+PC9heC1sb2dpbi12YWx1ZS1mb3JtLWVycm9yPlxuICA8YXgtbG9naW4tdmFsdWUtZm9ybS1lcnJvclxuICAgICpuZ0lmPVwibW9iaWxlRm9ybS50b3VjaGVkICYmIHNob3dNb2JpbGVcIlxuICAgIFtmb3JtXT1cIm1vYmlsZUZvcm1cIlxuICAgIFtwcm9wZXJ0eVR5cGVdPVwiJ01PQklMRV9QSE9ORSdcIlxuICA+PC9heC1sb2dpbi12YWx1ZS1mb3JtLWVycm9yPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==