{"__symbolic":"module","version":4,"metadata":{"TsLoginFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@terminus/ui/checkbox","name":"TsCheckboxModule","line":22,"character":4},{"__symbolic":"reference","module":"@terminus/ui/input","name":"TsInputModule","line":23,"character":4},{"__symbolic":"reference","module":"@terminus/ui/link","name":"TsLinkModule","line":24,"character":4},{"__symbolic":"reference","module":"@terminus/ui/spacing","name":"TsSpacingModule","line":25,"character":4}],"providers":[{"__symbolic":"reference","module":"@terminus/ui/validators","name":"TsValidatorsService","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"TsLoginFormComponent"}],"declarations":[{"__symbolic":"reference","name":"TsLoginFormComponent"}]}]}],"members":{}},"TsLoginFormResponse":{"__symbolic":"interface"},"TsLoginFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":57,"character":1},"arguments":[{"selector":"ts-login-form","host":{"class":"ts-login-form"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":63,"character":17},"member":"None"},"exportAs":"tsLoginForm","template":"<form\n  class=\"c-login-form qa-login-form\"\n  [formGroup]=\"loginForm\"\n  fxLayout=\"column\"\n  (keydown.enter)=\"loginForm?.valid && submission.emit(loginForm?.value)\"\n>\n\n  <ts-input\n    label=\"Email\"\n    name=\"email\"\n    type=\"email\"\n    [formControl]=\"emailControl\"\n    [isRequired]=\"true\"\n    [spellcheck]=\"false\"\n    [autocapitalize]=\"false\"\n    autocomplete=\"email\"\n    tabindex=\"-1\"\n    tabIndex=\"1\"\n  ></ts-input>\n\n  <ts-input\n    label=\"Password\"\n    name=\"password\"\n    type=\"password\"\n    [formControl]=\"passwordControl\"\n    [isRequired]=\"true\"\n    autocomplete=\"current-password\"\n    [autocapitalize]=\"false\"\n    [spellcheck]=\"false\"\n    tabindex=\"-1\"\n    tabIndex=\"2\"\n  ></ts-input>\n\n  <ts-checkbox\n    [formControl]=\"rememberMeControl\"\n    tabindex=\"-1\"\n    tabIndex=\"3\"\n    tsVerticalSpacing\n  >\n    Remember me\n  </ts-checkbox>\n\n  <ts-link\n    [destination]=\"forgotPasswordLink\"\n    tsVerticalSpacing\n    tabindex=\"-1\"\n    tabIndex=\"5\"\n  >{{ forgotPasswordText }}</ts-link>\n\n  <div fxLayout=\"row\" fxFlexAlign=\"end\">\n    <ts-button\n      actionName=\"Submit\"\n      buttonType=\"submit\"\n      [showProgress]=\"inProgress || isRedirecting\"\n      [isDisabled]=\"!loginForm?.valid\"\n      (clicked)=\"submission.emit(loginForm?.value)\"\n      tabindex=\"-1\"\n      tabIndex=\"4\"\n    >\n      {{ loginCTA }}\n    </ts-button>\n  </div>\n\n</form>\n","styles":[".ts-login-form{display:block;width:100%}.ts-login-form :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-login-form h1,.ts-login-form h2,.ts-login-form h3,.ts-login-form h4,.ts-login-form h5,.ts-login-form p{margin:unset}"]}]}],"members":{"inputComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":96,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/input","name":"TsInputComponent","line":96,"character":16}]}]}],"checkbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":3},"arguments":[{"__symbolic":"reference","module":"@terminus/ui/checkbox","name":"TsCheckboxComponent","line":102,"character":13},{"static":true}]}]}],"forgotPasswordLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"forgotPasswordText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"inProgress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"isRedirecting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"loginCTA":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"triggerFormReset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"submission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":146,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":151,"character":25},{"__symbolic":"reference","module":"@terminus/ui/validators","name":"TsValidatorsService","line":152,"character":31}]}],"ngOnChanges":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}]}}},"origins":{"TsLoginFormModule":"./login-form.module","TsLoginFormResponse":"./login-form.component","TsLoginFormComponent":"./login-form.component"},"importAs":"@terminus/ui/login-form"}