import {
  AuthService
} from "./chunk-JUUBWZO2.js";
import "./chunk-IVJ6NEFT.js";
import "./chunk-FUVLWZHG.js";
import {
  AuthRefService
} from "./chunk-M3LFBN7N.js";
import "./chunk-N36JE2BE.js";
import "./chunk-DNHSR4U6.js";
import {
  CUSTOM_ELEMENTS_SCHEMA,
  CommonModule,
  Component,
  DefaultValueAccessor,
  FormsModule,
  LoaderComponent,
  NgControlStatus,
  NgModel,
  NgModule,
  PipesComponent,
  ReactiveFormsModule,
  Router,
  RouterModule,
  UiModule,
  ViewChild,
  provideHttpClient,
  setClassMetadata,
  withInterceptorsFromDi,
  ɵsetClassDebugInfo,
  ɵɵadvance,
  ɵɵclassProp,
  ɵɵconditional,
  ɵɵconditionalCreate,
  ɵɵdefineComponent,
  ɵɵdefineInjector,
  ɵɵdefineNgModule,
  ɵɵdirectiveInject,
  ɵɵelement,
  ɵɵelementEnd,
  ɵɵelementStart,
  ɵɵgetCurrentView,
  ɵɵlistener,
  ɵɵloadQuery,
  ɵɵnextContext,
  ɵɵproperty,
  ɵɵqueryRefresh,
  ɵɵresetView,
  ɵɵrestoreView,
  ɵɵtext,
  ɵɵtwoWayBindingSet,
  ɵɵtwoWayListener,
  ɵɵtwoWayProperty,
  ɵɵviewQuery
} from "./chunk-VAMMRICA.js";
import "./chunk-IT26RCSL.js";
import "./chunk-RVA4KI76.js";

// src/app/authentication/components/login/login.component.ts
var _c0 = ["componentElm"];
function LoginComponent_Conditional_8_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "label");
    \u0275\u0275text(1, "Sign In");
    \u0275\u0275elementEnd();
  }
}
function LoginComponent_Conditional_9_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "label");
    \u0275\u0275text(1, "Sign In With Company Account");
    \u0275\u0275elementEnd();
  }
}
function LoginComponent_Conditional_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r1 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "button", 10);
    \u0275\u0275listener("click", function LoginComponent_Conditional_10_Template_button_click_0_listener() {
      \u0275\u0275restoreView(_r1);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.alternateLogin());
    });
    \u0275\u0275elementStart(1, "label");
    \u0275\u0275text(2, "Sign In With Company E-Mail");
    \u0275\u0275elementEnd()();
  }
}
function LoginComponent_Conditional_11_Conditional_20_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "p", 17);
    \u0275\u0275text(1, " There was a problem signing you in. Please try again. ");
    \u0275\u0275elementEnd();
  }
}
function LoginComponent_Conditional_11_Template(rf, ctx) {
  if (rf & 1) {
    const _r3 = \u0275\u0275getCurrentView();
    \u0275\u0275elementStart(0, "div", 9)(1, "div", 5)(2, "div", 11)(3, "div", 12)(4, "label");
    \u0275\u0275text(5, "E-mail Address");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(6, "div", 13)(7, "input", 14);
    \u0275\u0275twoWayListener("ngModelChange", function LoginComponent_Conditional_11_Template_input_ngModelChange_7_listener($event) {
      \u0275\u0275restoreView(_r3);
      const ctx_r1 = \u0275\u0275nextContext();
      \u0275\u0275twoWayBindingSet(ctx_r1.emailAddress, $event) || (ctx_r1.emailAddress = $event);
      return \u0275\u0275resetView($event);
    });
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(8, "div", 12)(9, "label");
    \u0275\u0275text(10, "Password");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(11, "div", 13)(12, "input", 15);
    \u0275\u0275twoWayListener("ngModelChange", function LoginComponent_Conditional_11_Template_input_ngModelChange_12_listener($event) {
      \u0275\u0275restoreView(_r3);
      const ctx_r1 = \u0275\u0275nextContext();
      \u0275\u0275twoWayBindingSet(ctx_r1.password, $event) || (ctx_r1.password = $event);
      return \u0275\u0275resetView($event);
    });
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(13, "div", 6)(14, "button", 16);
    \u0275\u0275listener("click", function LoginComponent_Conditional_11_Template_button_click_14_listener() {
      \u0275\u0275restoreView(_r3);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.loginWithEmail());
    });
    \u0275\u0275elementStart(15, "label");
    \u0275\u0275text(16, "Sign In");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(17, "button", 10);
    \u0275\u0275listener("click", function LoginComponent_Conditional_11_Template_button_click_17_listener() {
      \u0275\u0275restoreView(_r3);
      const ctx_r1 = \u0275\u0275nextContext();
      return \u0275\u0275resetView(ctx_r1.showStandardLogin());
    });
    \u0275\u0275elementStart(18, "label");
    \u0275\u0275text(19, "Sign In With Company Account");
    \u0275\u0275elementEnd()()();
    \u0275\u0275conditionalCreate(20, LoginComponent_Conditional_11_Conditional_20_Template, 2, 0, "p", 17);
    \u0275\u0275elementEnd()();
  }
  if (rf & 2) {
    const ctx_r1 = \u0275\u0275nextContext();
    \u0275\u0275advance(7);
    \u0275\u0275twoWayProperty("ngModel", ctx_r1.emailAddress);
    \u0275\u0275advance(5);
    \u0275\u0275twoWayProperty("ngModel", ctx_r1.password);
    \u0275\u0275advance(2);
    \u0275\u0275property("disabled", !ctx_r1.canSignInWithEmail);
    \u0275\u0275advance(6);
    \u0275\u0275conditional(ctx_r1.signInFailure ? 20 : -1);
  }
}
var _LoginComponent = class _LoginComponent {
  constructor(authService, authRefService, router) {
    this.authService = authService;
    this.authRefService = authRefService;
    this.router = router;
    this.useEmail = false;
    this.signingInWithEmail = false;
    this.signInFailure = false;
    this.usingAlternateLogin = false;
  }
  loginWithMicrosoft() {
    this.authService.loginWithMicrosoft();
  }
  get canSignInWithEmail() {
    return this.emailAddress != null && this.password != null;
  }
  loginWithEmail() {
    if (!this.signingInWithEmail && this.emailAddress != null && this.password != null) {
      this.authSubscription = this.authRefService.authenticating.subscribe({
        next: (authenticating) => {
          if (authenticating) {
            this.authSubscription?.unsubscribe();
            this.authSubscription = this.authRefService.authenticated.subscribe({
              next: (authenticated) => {
                const authenticating2 = this.authRefService.authenticating.getValue();
                if (!authenticating2 && !authenticated) {
                  this.signingInWithEmail = false;
                  this.signInFailure = true;
                }
              }
            });
          }
        }
      });
      this.authService.loginWithEmail(this.emailAddress, this.password);
    }
  }
  get displayAlternateLogin() {
    return this.usingAlternateLogin;
  }
  get displayStandardLogin() {
    return !this.usingAlternateLogin;
  }
  alternateLogin() {
    this.usingAlternateLogin = true;
  }
  showStandardLogin() {
    this.usingAlternateLogin = false;
    this.emailAddress = "";
    this.password = "";
  }
  init() {
  }
  // #endregion
  ngOnInit() {
    this.init();
  }
  ngOnDestroy() {
    this.authSubscription?.unsubscribe();
  }
};
_LoginComponent.\u0275fac = function LoginComponent_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _LoginComponent)(\u0275\u0275directiveInject(AuthService), \u0275\u0275directiveInject(AuthRefService), \u0275\u0275directiveInject(Router));
};
_LoginComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _LoginComponent, selectors: [["login"]], viewQuery: function LoginComponent_Query(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275viewQuery(_c0, 5);
  }
  if (rf & 2) {
    let _t;
    \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.componentElm = _t.first);
  }
}, standalone: false, decls: 12, vars: 6, consts: [["id", "login"], [1, "primary"], [1, "logo"], ["src", "/assets/images/logo.svg"], [1, "content", "standard"], [1, "secondary"], [1, "controls"], [1, "control", 3, "click"], [1, "alternate-control"], [1, "content", "alternate"], [1, "alternate-control", 3, "click"], [1, "form"], [1, "input-wrap"], [1, "input"], ["type", "email", "placeholder", "Your e-mail address", 3, "ngModelChange", "ngModel"], ["type", "password", "placeholder", "Your password", 3, "ngModelChange", "ngModel"], [1, "control", 3, "click", "disabled"], [1, "message"]], template: function LoginComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "section", 0)(1, "div", 1)(2, "div", 2);
    \u0275\u0275element(3, "img", 3);
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "button", 7);
    \u0275\u0275listener("click", function LoginComponent_Template_button_click_7_listener() {
      return ctx.loginWithMicrosoft();
    });
    \u0275\u0275conditionalCreate(8, LoginComponent_Conditional_8_Template, 2, 0, "label");
    \u0275\u0275conditionalCreate(9, LoginComponent_Conditional_9_Template, 2, 0, "label");
    \u0275\u0275elementEnd();
    \u0275\u0275conditionalCreate(10, LoginComponent_Conditional_10_Template, 3, 0, "button", 8);
    \u0275\u0275elementEnd()()();
    \u0275\u0275conditionalCreate(11, LoginComponent_Conditional_11_Template, 21, 4, "div", 9);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275classProp("alternate", ctx.usingAlternateLogin);
    \u0275\u0275advance(8);
    \u0275\u0275conditional(!ctx.useEmail ? 8 : -1);
    \u0275\u0275advance();
    \u0275\u0275conditional(ctx.useEmail ? 9 : -1);
    \u0275\u0275advance();
    \u0275\u0275conditional(ctx.useEmail ? 10 : -1);
    \u0275\u0275advance();
    \u0275\u0275conditional(ctx.useEmail ? 11 : -1);
  }
}, dependencies: [DefaultValueAccessor, NgControlStatus, NgModel], styles: ["\n\n#login[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n#login[_ngcontent-%COMP%]    > .primary[_ngcontent-%COMP%]    > .logo[_ngcontent-%COMP%] {\n  width: 60%;\n  margin: 0 auto;\n}\n#login[_ngcontent-%COMP%]    > .primary[_ngcontent-%COMP%]    > .logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 100%;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%] {\n  position: absolute;\n  top: auto;\n  left: 0;\n  right: 0;\n  bottom: auto;\n  margin-top: 1vw;\n  opacity: 1;\n  -moz-transition: opacity 0.2s, transform 0.2s;\n  -o-transition: opacity 0.2s, transform 0.2s;\n  -webkit-transition: opacity 0.2s, transform 0.2s;\n  transition: opacity 0.2s, transform 0.2s;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%] {\n  margin-top: 1vw;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > p[_ngcontent-%COMP%] {\n  margin-top: 1vw;\n  color: var(--error);\n  text-align: center;\n  font-size: 1.4vw;\n  font-weight: var(--strong);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .form[_ngcontent-%COMP%]    > .input-wrap[_ngcontent-%COMP%] {\n  margin-top: 1vw;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .form[_ngcontent-%COMP%]    > .input-wrap[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%] {\n  font-size: 1.2vw;\n  color: var(--color3);\n  font-weight: var(--strong);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .form[_ngcontent-%COMP%]    > .input-wrap[_ngcontent-%COMP%]    > .input[_ngcontent-%COMP%] {\n  margin-top: 0.5vw;\n  border: 0.1vw var(--color2Alt2) solid;\n  border-radius: 1vw;\n  -moz-transition: border-color 0.2s linear;\n  -o-transition: border-color 0.2s linear;\n  -webkit-transition: border-color 0.2s linear;\n  transition: border-color 0.2s linear;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .form[_ngcontent-%COMP%]    > .input-wrap[_ngcontent-%COMP%]    > .input[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%] {\n  display: block;\n  width: 100%;\n  padding: 1vw 2vw;\n  font-size: 1.8vw;\n  color: var(--color3Alt4);\n  font-weight: var(--strong);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .form[_ngcontent-%COMP%]    > .input-wrap[_ngcontent-%COMP%]    > .input[_ngcontent-%COMP%]:focus-within {\n  border-color: var(--color3);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%] {\n  margin-top: 1vw;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .control[_ngcontent-%COMP%] {\n  display: block;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 0.5vw;\n  border: 0.1vw transparent solid;\n  background-color: var(--color2);\n  text-align: center;\n  padding: 1vw 2vw;\n  box-shadow: 0 0.1vw 0.2vw rgba(var(--black-raw), 0.11), 0 0.06vw 0.06vw rgba(var(--black-raw), 0.14);\n  -moz-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  -o-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  -webkit-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .control[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 1.4vw;\n  color: var(--color3);\n  font-weight: var(--strong);\n  opacity: 1;\n  -moz-transition: opacity 0.12s linear;\n  -o-transition: opacity 0.12s linear;\n  -webkit-transition: opacity 0.12s linear;\n  transition: opacity 0.12s linear;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .control[disabled][_ngcontent-%COMP%] {\n  box-shadow: none;\n  border-color: var(--color2Alt2);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .control[disabled][_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  opacity: 0.4;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .control[_ngcontent-%COMP%]:active {\n  background-color: var(--color2Alt1);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .alternate-control[_ngcontent-%COMP%] {\n  margin-top: 2vw;\n  display: inline-block;\n  cursor: pointer;\n  text-align: center;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .alternate-control[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 1vw;\n  color: var(--color1Alt3);\n  font-weight: var(--strong);\n  opacity: 1;\n  -moz-transition: opacity 0.12s linear;\n  -o-transition: opacity 0.12s linear;\n  -webkit-transition: opacity 0.12s linear;\n  transition: opacity 0.12s linear;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .alternate-control[disabled][_ngcontent-%COMP%] {\n  box-shadow: none;\n  border-color: var(--color2Alt2);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .alternate-control[disabled][_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  opacity: 0.4;\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]    > .alternate-control[_ngcontent-%COMP%]:active {\n  background-color: var(--color2Alt1);\n}\n#login[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]    > .secondary[_ngcontent-%COMP%]    > .controls[_ngcontent-%COMP%]:first-child {\n  margin-top: 0;\n}\n#login[_ngcontent-%COMP%]    > .content.alternate[_ngcontent-%COMP%] {\n  opacity: 0;\n  -moz-transform: scale(0.6);\n  -ms-transform: scale(0.6);\n  -o-transform: scale(0.6);\n  -webkit-transform: scale(0.6);\n  transform: scale(0.6);\n  pointer-events: none;\n}\n#login.alternate[_ngcontent-%COMP%]    > .content.standard[_ngcontent-%COMP%] {\n  opacity: 0;\n  -moz-transform: scale(0.6);\n  -ms-transform: scale(0.6);\n  -o-transform: scale(0.6);\n  -webkit-transform: scale(0.6);\n  transform: scale(0.6);\n  pointer-events: none;\n}\n#login.alternate[_ngcontent-%COMP%]    > .content.alternate[_ngcontent-%COMP%] {\n  -moz-transition: opacity 0.75s, transform 0.75s;\n  -o-transition: opacity 0.75s, transform 0.75s;\n  -webkit-transition: opacity 0.75s, transform 0.75s;\n  transition: opacity 0.75s, transform 0.75s;\n  opacity: 1;\n  -moz-transform: scale(1);\n  -ms-transform: scale(1);\n  -o-transform: scale(1);\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  pointer-events: initial;\n}\n/*# sourceMappingURL=login.component.css.map */"] });
var LoginComponent = _LoginComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(LoginComponent, [{
    type: Component,
    args: [{ standalone: false, selector: "login", template: '<section id="login" [class.alternate]="usingAlternateLogin">\n  <div class="primary">\n    <div class="logo">\n      <img src="/assets/images/logo.svg" />\n    </div>\n  </div>\n\n  <div class="content standard">\n    <div class="secondary">\n      <div class="controls">\n        <button class="control" (click)="loginWithMicrosoft()">\n          @if (!useEmail) {\n            <label>Sign In</label>\n          }\n          @if (useEmail) {\n            <label>Sign In With Company Account</label>\n          }\n        </button>\n        @if (useEmail) {\n          <button class="alternate-control" (click)="alternateLogin()">\n            <label>Sign In With Company E-Mail</label>\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n  @if (useEmail) {\n    <div class="content alternate">\n      <div class="secondary">\n        <div class="form">\n          <div class="input-wrap">\n            <label>E-mail Address</label>\n            <div class="input">\n              <input type="email" [(ngModel)]="emailAddress" placeholder="Your e-mail address" />\n            </div>\n          </div>\n          <div class="input-wrap">\n            <label>Password</label>\n            <div class="input">\n              <input type="password" [(ngModel)]="password" placeholder="Your password" />\n            </div>\n          </div>\n        </div>\n        <div class="controls">\n          <button class="control" [disabled]="!canSignInWithEmail" (click)="loginWithEmail()">\n            <label>Sign In</label>\n          </button>\n          <button class="alternate-control" (click)="showStandardLogin()">\n            <label>Sign In With Company Account</label>\n          </button>\n        </div>\n        @if (signInFailure) {\n          <p class="message">\n            There was a problem signing you in. Please try again.\n          </p>\n        }\n      </div>\n    </div>\n  }\n</section>', styles: ["/* src/app/authentication/components/login/login.component.scss */\n#login {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n#login > .primary > .logo {\n  width: 60%;\n  margin: 0 auto;\n}\n#login > .primary > .logo img {\n  width: 100%;\n}\n#login > .content {\n  position: absolute;\n  top: auto;\n  left: 0;\n  right: 0;\n  bottom: auto;\n  margin-top: 1vw;\n  opacity: 1;\n  -moz-transition: opacity 0.2s, transform 0.2s;\n  -o-transition: opacity 0.2s, transform 0.2s;\n  -webkit-transition: opacity 0.2s, transform 0.2s;\n  transition: opacity 0.2s, transform 0.2s;\n}\n#login > .content > .secondary {\n  margin-top: 1vw;\n}\n#login > .content > .secondary > p {\n  margin-top: 1vw;\n  color: var(--error);\n  text-align: center;\n  font-size: 1.4vw;\n  font-weight: var(--strong);\n}\n#login > .content > .secondary > .form > .input-wrap {\n  margin-top: 1vw;\n}\n#login > .content > .secondary > .form > .input-wrap > label {\n  font-size: 1.2vw;\n  color: var(--color3);\n  font-weight: var(--strong);\n}\n#login > .content > .secondary > .form > .input-wrap > .input {\n  margin-top: 0.5vw;\n  border: 0.1vw var(--color2Alt2) solid;\n  border-radius: 1vw;\n  -moz-transition: border-color 0.2s linear;\n  -o-transition: border-color 0.2s linear;\n  -webkit-transition: border-color 0.2s linear;\n  transition: border-color 0.2s linear;\n}\n#login > .content > .secondary > .form > .input-wrap > .input > input {\n  display: block;\n  width: 100%;\n  padding: 1vw 2vw;\n  font-size: 1.8vw;\n  color: var(--color3Alt4);\n  font-weight: var(--strong);\n}\n#login > .content > .secondary > .form > .input-wrap > .input:focus-within {\n  border-color: var(--color3);\n}\n#login > .content > .secondary > .controls {\n  margin-top: 1vw;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#login > .content > .secondary > .controls > .control {\n  display: block;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 0.5vw;\n  border: 0.1vw transparent solid;\n  background-color: var(--color2);\n  text-align: center;\n  padding: 1vw 2vw;\n  box-shadow: 0 0.1vw 0.2vw rgba(var(--black-raw), 0.11), 0 0.06vw 0.06vw rgba(var(--black-raw), 0.14);\n  -moz-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  -o-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  -webkit-transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n  transition:\n    border-color 0.1s,\n    box-shadow 0.1s,\n    background-color 0.1s;\n}\n#login > .content > .secondary > .controls > .control label {\n  font-size: 1.4vw;\n  color: var(--color3);\n  font-weight: var(--strong);\n  opacity: 1;\n  -moz-transition: opacity 0.12s linear;\n  -o-transition: opacity 0.12s linear;\n  -webkit-transition: opacity 0.12s linear;\n  transition: opacity 0.12s linear;\n}\n#login > .content > .secondary > .controls > .control[disabled] {\n  box-shadow: none;\n  border-color: var(--color2Alt2);\n}\n#login > .content > .secondary > .controls > .control[disabled] label {\n  opacity: 0.4;\n}\n#login > .content > .secondary > .controls > .control:active {\n  background-color: var(--color2Alt1);\n}\n#login > .content > .secondary > .controls > .alternate-control {\n  margin-top: 2vw;\n  display: inline-block;\n  cursor: pointer;\n  text-align: center;\n}\n#login > .content > .secondary > .controls > .alternate-control label {\n  font-size: 1vw;\n  color: var(--color1Alt3);\n  font-weight: var(--strong);\n  opacity: 1;\n  -moz-transition: opacity 0.12s linear;\n  -o-transition: opacity 0.12s linear;\n  -webkit-transition: opacity 0.12s linear;\n  transition: opacity 0.12s linear;\n}\n#login > .content > .secondary > .controls > .alternate-control[disabled] {\n  box-shadow: none;\n  border-color: var(--color2Alt2);\n}\n#login > .content > .secondary > .controls > .alternate-control[disabled] label {\n  opacity: 0.4;\n}\n#login > .content > .secondary > .controls > .alternate-control:active {\n  background-color: var(--color2Alt1);\n}\n#login > .content > .secondary > .controls:first-child {\n  margin-top: 0;\n}\n#login > .content.alternate {\n  opacity: 0;\n  -moz-transform: scale(0.6);\n  -ms-transform: scale(0.6);\n  -o-transform: scale(0.6);\n  -webkit-transform: scale(0.6);\n  transform: scale(0.6);\n  pointer-events: none;\n}\n#login.alternate > .content.standard {\n  opacity: 0;\n  -moz-transform: scale(0.6);\n  -ms-transform: scale(0.6);\n  -o-transform: scale(0.6);\n  -webkit-transform: scale(0.6);\n  transform: scale(0.6);\n  pointer-events: none;\n}\n#login.alternate > .content.alternate {\n  -moz-transition: opacity 0.75s, transform 0.75s;\n  -o-transition: opacity 0.75s, transform 0.75s;\n  -webkit-transition: opacity 0.75s, transform 0.75s;\n  transition: opacity 0.75s, transform 0.75s;\n  opacity: 1;\n  -moz-transform: scale(1);\n  -ms-transform: scale(1);\n  -o-transform: scale(1);\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  pointer-events: initial;\n}\n/*# sourceMappingURL=login.component.css.map */\n"] }]
  }], () => [{ type: AuthService }, { type: AuthRefService }, { type: Router }], { componentElm: [{
    type: ViewChild,
    args: ["componentElm"]
  }] });
})();
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(LoginComponent, { className: "LoginComponent" });
})();

// src/app/authentication/components/layout/layout.component.ts
var _c02 = ["componentElm"];
function LayoutComponent_Conditional_2_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "aside", 3);
    \u0275\u0275element(1, "loader", 4);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275classProp("closing", ctx_r0.closingLoader);
    \u0275\u0275advance();
    \u0275\u0275property("fill", true);
  }
}
function LayoutComponent_Conditional_3_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 2);
    \u0275\u0275element(1, "login");
    \u0275\u0275elementEnd();
  }
}
var _LayoutComponent = class _LayoutComponent {
  constructor(authRefService, router) {
    this.authRefService = authRefService;
    this.router = router;
    this.emailEnabled = false;
    this.initialized = false;
    this.closingLoader = false;
  }
  watchAuth() {
    this.authSubscription = this.authRefService.authenticated.subscribe({
      next: (authenticated) => {
        if (authenticated) {
          this.router.navigate(["/"]);
        }
      }
    });
  }
  initAuth() {
    this.setInitialized(true, 0);
    this.watchAuth();
  }
  destroyAuth() {
    this.authSubscription?.unsubscribe();
  }
  setInitialized(initialized, delayInMs = 1e3) {
    if (initialized) {
      this.closingLoader = true;
      setTimeout(() => {
        this.initialized = initialized;
      }, delayInMs);
    } else {
      this.closingLoader = false;
      this.initialized = initialized;
    }
  }
  // #endregion
  ngOnInit() {
    this.initAuth();
  }
  ngOnDestroy() {
    this.destroyAuth();
  }
};
_LayoutComponent.\u0275fac = function LayoutComponent_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _LayoutComponent)(\u0275\u0275directiveInject(AuthRefService), \u0275\u0275directiveInject(Router));
};
_LayoutComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _LayoutComponent, selectors: [["ng-component"]], viewQuery: function LayoutComponent_Query(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275viewQuery(_c02, 5);
  }
  if (rf & 2) {
    let _t;
    \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.componentElm = _t.first);
  }
}, standalone: false, decls: 4, vars: 2, consts: [["id", "authenticationLayout"], ["id", "loader", 3, "closing"], [1, "content"], ["id", "loader"], [3, "fill"]], template: function LayoutComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "section", 0);
    \u0275\u0275element(1, "pipes");
    \u0275\u0275conditionalCreate(2, LayoutComponent_Conditional_2_Template, 2, 3, "aside", 1);
    \u0275\u0275conditionalCreate(3, LayoutComponent_Conditional_3_Template, 2, 0, "div", 2);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    \u0275\u0275advance(2);
    \u0275\u0275conditional(!ctx.initialized ? 2 : -1);
    \u0275\u0275advance();
    \u0275\u0275conditional(ctx.initialized ? 3 : -1);
  }
}, dependencies: [LoaderComponent, PipesComponent, LoginComponent], styles: ["\n\n@-webkit-keyframes _ngcontent-%COMP%_loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@-moz-keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@-o-keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@keyframes _ngcontent-%COMP%_loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n#authenticationLayout[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n#authenticationLayout[_ngcontent-%COMP%]    > .content[_ngcontent-%COMP%]     #login {\n  position: fixed;\n  left: 50%;\n  -moz-transform: translate3d(-50%, 0, 0);\n  -ms-transform: translate3d(-50%, 0, 0);\n  -o-transform: translate3d(-50%, 0, 0);\n  -webkit-transform: translate3d(-50%, 0, 0);\n  transform: translate3d(-50%, 0, 0);\n  top: 20%;\n  z-index: 3;\n  width: 40%;\n  opacity: 0;\n  padding: 1.5vw;\n  -moz-animation-name: loginLoadIn;\n  -ms-animation-name: loginLoadIn;\n  -o-animation-name: loginLoadIn;\n  -webkit-animation-name: _ngcontent-%COMP%_loginLoadIn;\n  animation-name: _ngcontent-%COMP%_loginLoadIn;\n  -moz-animation-iteration-count: 1;\n  -ms-animation-iteration-count: 1;\n  -o-animation-iteration-count: 1;\n  -webkit-animation-iteration-count: 1;\n  animation-iteration-count: 1;\n  -moz-animation-timing-function: var(--easeInOutQuad);\n  -ms-animation-timing-function: var(--easeInOutQuad);\n  -o-animation-timing-function: var(--easeInOutQuad);\n  -webkit-animation-timing-function: var(--easeInOutQuad);\n  animation-timing-function: var(--easeInOutQuad);\n  -moz-animation-duration: 0.5s;\n  -ms-animation-duration: 0.5s;\n  -o-animation-duration: 0.5s;\n  -webkit-animation-duration: 0.5s;\n  animation-duration: 0.5s;\n  -moz-animation-direction: normal;\n  -ms-animation-direction: normal;\n  -o-animation-direction: normal;\n  -webkit-animation-direction: normal;\n  animation-direction: normal;\n  -moz-animation-delay: 0s;\n  -ms-animation-delay: 0s;\n  -o-animation-delay: 0s;\n  -webkit-animation-delay: 0s;\n  animation-delay: 0s;\n  -moz-animation-fill-mode: forwards;\n  -ms-animation-fill-mode: forwards;\n  -o-animation-fill-mode: forwards;\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n}\n#authenticationLayout[_ngcontent-%COMP%]   #loader[_ngcontent-%COMP%] {\n  opacity: 1;\n  -moz-transition: opacity 1s linear;\n  -o-transition: opacity 1s linear;\n  -webkit-transition: opacity 1s linear;\n  transition: opacity 1s linear;\n}\n#authenticationLayout[_ngcontent-%COMP%]   #loader[_ngcontent-%COMP%]    > loader[_ngcontent-%COMP%] {\n  display: block;\n  position: fixed;\n  left: 50%;\n  -moz-transform: translate3d(-50%, 0, 0);\n  -ms-transform: translate3d(-50%, 0, 0);\n  -o-transform: translate3d(-50%, 0, 0);\n  -webkit-transform: translate3d(-50%, 0, 0);\n  transform: translate3d(-50%, 0, 0);\n  bottom: 2300%;\n  width: 16vw;\n  height: 16vw;\n  --fillSpeed: 2s;\n}\n#authenticationLayout[_ngcontent-%COMP%]   #loader.closing[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n/*# sourceMappingURL=layout.component.css.map */"] });
var LayoutComponent = _LayoutComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(LayoutComponent, [{
    type: Component,
    args: [{ standalone: false, template: '<section id="authenticationLayout" >\n  <pipes></pipes>\n\n  @if (!initialized) {\n    <aside id="loader" [class.closing]="closingLoader">\n      <loader [fill]="true"></loader>\n    </aside>\n  }\n\n  @if (initialized) {\n    <div class="content">\n      <login></login>\n    </div>\n  }\n</section>', styles: ["/* src/app/authentication/components/layout/layout.component.scss */\n@-webkit-keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@-moz-keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@-o-keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n@keyframes loginLoadIn {\n  0% {\n    opacity: 0;\n    -webkit-filter: blur(5px);\n    -moz-filter: blur(5px);\n    -o-filter: blur(5px);\n    -ms-filter: blur(5px);\n    filter: blur(5px);\n  }\n  100% {\n    opacity: 1;\n    -webkit-filter: blur(0);\n    -moz-filter: blur(0);\n    -o-filter: blur(0);\n    -ms-filter: blur(0);\n    filter: blur(0);\n  }\n}\n#authenticationLayout {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n#authenticationLayout > .content ::ng-deep #login {\n  position: fixed;\n  left: 50%;\n  -moz-transform: translate3d(-50%, 0, 0);\n  -ms-transform: translate3d(-50%, 0, 0);\n  -o-transform: translate3d(-50%, 0, 0);\n  -webkit-transform: translate3d(-50%, 0, 0);\n  transform: translate3d(-50%, 0, 0);\n  top: 20%;\n  z-index: 3;\n  width: 40%;\n  opacity: 0;\n  padding: 1.5vw;\n  -moz-animation-name: loginLoadIn;\n  -ms-animation-name: loginLoadIn;\n  -o-animation-name: loginLoadIn;\n  -webkit-animation-name: loginLoadIn;\n  animation-name: loginLoadIn;\n  -moz-animation-iteration-count: 1;\n  -ms-animation-iteration-count: 1;\n  -o-animation-iteration-count: 1;\n  -webkit-animation-iteration-count: 1;\n  animation-iteration-count: 1;\n  -moz-animation-timing-function: var(--easeInOutQuad);\n  -ms-animation-timing-function: var(--easeInOutQuad);\n  -o-animation-timing-function: var(--easeInOutQuad);\n  -webkit-animation-timing-function: var(--easeInOutQuad);\n  animation-timing-function: var(--easeInOutQuad);\n  -moz-animation-duration: 0.5s;\n  -ms-animation-duration: 0.5s;\n  -o-animation-duration: 0.5s;\n  -webkit-animation-duration: 0.5s;\n  animation-duration: 0.5s;\n  -moz-animation-direction: normal;\n  -ms-animation-direction: normal;\n  -o-animation-direction: normal;\n  -webkit-animation-direction: normal;\n  animation-direction: normal;\n  -moz-animation-delay: 0s;\n  -ms-animation-delay: 0s;\n  -o-animation-delay: 0s;\n  -webkit-animation-delay: 0s;\n  animation-delay: 0s;\n  -moz-animation-fill-mode: forwards;\n  -ms-animation-fill-mode: forwards;\n  -o-animation-fill-mode: forwards;\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n}\n#authenticationLayout #loader {\n  opacity: 1;\n  -moz-transition: opacity 1s linear;\n  -o-transition: opacity 1s linear;\n  -webkit-transition: opacity 1s linear;\n  transition: opacity 1s linear;\n}\n#authenticationLayout #loader > loader {\n  display: block;\n  position: fixed;\n  left: 50%;\n  -moz-transform: translate3d(-50%, 0, 0);\n  -ms-transform: translate3d(-50%, 0, 0);\n  -o-transform: translate3d(-50%, 0, 0);\n  -webkit-transform: translate3d(-50%, 0, 0);\n  transform: translate3d(-50%, 0, 0);\n  bottom: 2300%;\n  width: 16vw;\n  height: 16vw;\n  --fillSpeed: 2s;\n}\n#authenticationLayout #loader.closing {\n  opacity: 0;\n}\n/*# sourceMappingURL=layout.component.css.map */\n"] }]
  }], () => [{ type: AuthRefService }, { type: Router }], { componentElm: [{
    type: ViewChild,
    args: ["componentElm"]
  }] });
})();
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(LayoutComponent, { className: "LayoutComponent" });
})();

// src/app/authentication/components/validation/validation.component.ts
var _c03 = ["componentElm"];
var _ValidationComponent = class _ValidationComponent {
  constructor() {
  }
  // #endregion
  ngOnInit() {
  }
  ngOnDestroy() {
  }
};
_ValidationComponent.\u0275fac = function ValidationComponent_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _ValidationComponent)();
};
_ValidationComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ValidationComponent, selectors: [["validation"]], viewQuery: function ValidationComponent_Query(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275viewQuery(_c03, 5);
  }
  if (rf & 2) {
    let _t;
    \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.componentElm = _t.first);
  }
}, standalone: false, decls: 3, vars: 0, consts: [["id", "validation"], [1, "loader"], [1, "wave"]], template: function ValidationComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "section", 0)(1, "div", 1);
    \u0275\u0275element(2, "div", 2);
    \u0275\u0275elementEnd()();
  }
}, styles: ['\n\n@-webkit-keyframes _ngcontent-%COMP%_waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@-moz-keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@-o-keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@keyframes _ngcontent-%COMP%_waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n#validation[_ngcontent-%COMP%] {\n  padding: 4vw;\n}\n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%] {\n  position: relative;\n  width: 150px;\n  height: 150px;\n  margin: 0 auto;\n  background: #ccc;\n  border: 5px solid #fff;\n  border-radius: 50%;\n  overflow: hidden;\n}\n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%]   .wave[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background: #4973ff;\n  border-radius: 50%;\n  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);\n}\n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%]   .wave[_ngcontent-%COMP%]:before, \n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%]   .wave[_ngcontent-%COMP%]:after {\n  content: "";\n  position: absolute;\n  width: 200%;\n  height: 200%;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -75%);\n  background: #000;\n}\n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%]   .wave[_ngcontent-%COMP%]:before {\n  border-radius: 45%;\n  background: rgb(255, 255, 255);\n  animation: _ngcontent-%COMP%_waveAnimate 5s linear infinite;\n}\n#validation[_ngcontent-%COMP%]    > .loader[_ngcontent-%COMP%]   .wave[_ngcontent-%COMP%]:after {\n  border-radius: 40%;\n  background: rgba(255, 255, 255, 0.5);\n  animation: _ngcontent-%COMP%_waveAnimate 10s linear infinite;\n}\n/*# sourceMappingURL=validation.component.css.map */'] });
var ValidationComponent = _ValidationComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ValidationComponent, [{
    type: Component,
    args: [{ standalone: false, selector: "validation", template: '<section id="validation">\n  <div class="loader">\n    <div class="wave"></div>\n  </div>\n</section>', styles: ['/* src/app/authentication/components/validation/validation.component.scss */\n@-webkit-keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@-moz-keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@-o-keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n@keyframes waveAnimate {\n  0% {\n    transform: translate(-50%, -75%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -75%) rotate(360deg);\n  }\n}\n#validation {\n  padding: 4vw;\n}\n#validation > .loader {\n  position: relative;\n  width: 150px;\n  height: 150px;\n  margin: 0 auto;\n  background: #ccc;\n  border: 5px solid #fff;\n  border-radius: 50%;\n  overflow: hidden;\n}\n#validation > .loader .wave {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background: #4973ff;\n  border-radius: 50%;\n  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);\n}\n#validation > .loader .wave:before,\n#validation > .loader .wave:after {\n  content: "";\n  position: absolute;\n  width: 200%;\n  height: 200%;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, -75%);\n  background: #000;\n}\n#validation > .loader .wave:before {\n  border-radius: 45%;\n  background: rgb(255, 255, 255);\n  animation: waveAnimate 5s linear infinite;\n}\n#validation > .loader .wave:after {\n  border-radius: 40%;\n  background: rgba(255, 255, 255, 0.5);\n  animation: waveAnimate 10s linear infinite;\n}\n/*# sourceMappingURL=validation.component.css.map */\n'] }]
  }], () => [], { componentElm: [{
    type: ViewChild,
    args: ["componentElm"]
  }] });
})();
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ValidationComponent, { className: "ValidationComponent" });
})();

// src/app/authentication/authentication-routing.module.ts
var routes = [
  {
    path: "",
    component: LayoutComponent
  }
];
var _AuthenticationRoutingModule = class _AuthenticationRoutingModule {
};
_AuthenticationRoutingModule.\u0275fac = function AuthenticationRoutingModule_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _AuthenticationRoutingModule)();
};
_AuthenticationRoutingModule.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({ type: _AuthenticationRoutingModule });
_AuthenticationRoutingModule.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({ imports: [RouterModule.forChild(routes), RouterModule] });
var AuthenticationRoutingModule = _AuthenticationRoutingModule;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AuthenticationRoutingModule, [{
    type: NgModule,
    args: [{
      imports: [RouterModule.forChild(routes)],
      exports: [RouterModule]
    }]
  }], null, null);
})();

// src/app/authentication/authentication.module.ts
var _AuthenticationModule = class _AuthenticationModule {
};
_AuthenticationModule.\u0275fac = function AuthenticationModule_Factory(__ngFactoryType__) {
  return new (__ngFactoryType__ || _AuthenticationModule)();
};
_AuthenticationModule.\u0275mod = /* @__PURE__ */ \u0275\u0275defineNgModule({ type: _AuthenticationModule });
_AuthenticationModule.\u0275inj = /* @__PURE__ */ \u0275\u0275defineInjector({ providers: [
  provideHttpClient(withInterceptorsFromDi())
], imports: [
  CommonModule,
  ReactiveFormsModule,
  FormsModule,
  UiModule,
  AuthenticationRoutingModule
] });
var AuthenticationModule = _AuthenticationModule;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AuthenticationModule, [{
    type: NgModule,
    args: [{
      declarations: [
        LayoutComponent,
        LoginComponent,
        ValidationComponent
      ],
      schemas: [
        CUSTOM_ELEMENTS_SCHEMA
      ],
      imports: [
        CommonModule,
        ReactiveFormsModule,
        FormsModule,
        UiModule,
        AuthenticationRoutingModule
      ],
      providers: [
        provideHttpClient(withInterceptorsFromDi())
      ]
    }]
  }], null, null);
})();
export {
  AuthenticationModule
};
//# sourceMappingURL=chunk-WVWBPV2D.js.map
