import * as i0 from '@angular/core';
import { ViewEncapsulation, Component } from '@angular/core';
import * as i2 from '@acorex/components/button';
import { AXButtonModule } from '@acorex/components/button';
import { AXDecoratorModule } from '@acorex/components/decorators';
import * as i1 from '@acorex/components/form';
import { AXFormModule } from '@acorex/components/form';
import * as i7 from '@acorex/components/label';
import { AXLabelModule } from '@acorex/components/label';
import * as i5 from '@acorex/components/password-box';
import { AXPasswordBoxModule } from '@acorex/components/password-box';
import { AXTextBoxModule } from '@acorex/components/text-box';
import * as i5$1 from '@acorex/core/translation';
import { AXTranslationModule } from '@acorex/core/translation';
import * as i1$1 from '@angular/common';
import { CommonModule } from '@angular/common';

class AXPAuthTwoFactorCodeComponent {
    ngOnInit() { }
    ngOnDestroy() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPAuthTwoFactorCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPAuthTwoFactorCodeComponent, isStandalone: true, selector: "axp-auth-two-factor-code", ngImport: i0, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ '@auth:twofactor.title' | translate | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ '@auth:twofactor.hint' | translate | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ '@auth:twofactor.textBoxHint' | translate | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"'@general:actions.submit.title' | translate | async\" color=\"primary\">\n        </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i1.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i1.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i7.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i5.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i5$1.AXTranslatorDirective, selector: "[translate]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPAuthTwoFactorCodeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'axp-auth-two-factor-code', imports: [
                        CommonModule,
                        AXFormModule,
                        AXButtonModule,
                        AXDecoratorModule,
                        AXFormModule,
                        AXTextBoxModule,
                        AXLabelModule,
                        AXPasswordBoxModule,
                        AXTranslationModule,
                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container *translate=\"let t\">\n  <div class=\"ax-text-center ax-mb-8\">\n    <h1 class=\"ax-font-bold ax-text-xl ax-mb-2\">\n      {{ '@auth:twofactor.title' | translate | async }}\n    </h1>\n    <p class=\"ax-text-base ax-text-neutral-600 ax-mb-4\">\n      {{ '@auth:twofactor.hint' | translate | async }}\n    </p>\n    <p class=\"ax-text-base ax-font-medium\">**** *** 3320</p>\n  </div>\n  <div class=\"ax-w-80 lg:ax-w-96\">\n    <ax-form>\n      <div class=\"ax-flex ax-flex-col ax-gap-6\">\n        <ax-form-field>\n          <ax-label class=\"ax-text-start\">{{ '@auth:twofactor.textBoxHint' | translate | async }}</ax-label>\n          <ax-password-box></ax-password-box>\n        </ax-form-field>\n        <ax-button class=\"ax-w-full\" [text]=\"'@general:actions.submit.title' | translate | async\" color=\"primary\">\n        </ax-button>\n      </div>\n    </ax-form>\n  </div>\n</ng-container>\n" }]
        }] });

export { AXPAuthTwoFactorCodeComponent };
//# sourceMappingURL=acorex-modules-auth-two-factor-code.component-CUjr-gcS.mjs.map
