Improve SSO Config validation (#1332)

* Break form controls up into reusable components

* Add proper form styling, validation, inline error messages, etc

* Move control options into class instead of template

* Add accessibility

src/app/oss.module.ts

@@ -61,12 +61,14 @@ import { CalloutComponent } from "jslib-angular/components/callout.component";
 import { ExportScopeCalloutComponent } from "jslib-angular/components/export-scope-callout.component";
 import { IconComponent } from "jslib-angular/components/icon.component";
 import { VerifyMasterPasswordComponent } from "jslib-angular/components/verify-master-password.component";
+import { A11yInvalidDirective } from "jslib-angular/directives/a11y-invalid.directive";
 import { A11yTitleDirective } from "jslib-angular/directives/a11y-title.directive";
 import { ApiActionDirective } from "jslib-angular/directives/api-action.directive";
 import { AutofocusDirective } from "jslib-angular/directives/autofocus.directive";
 import { BlurClickDirective } from "jslib-angular/directives/blur-click.directive";
 import { BoxRowDirective } from "jslib-angular/directives/box-row.directive";
 import { FallbackSrcDirective } from "jslib-angular/directives/fallback-src.directive";
+import { InputStripSpacesDirective } from "jslib-angular/directives/input-strip-spaces.directive";
 import { InputVerbatimDirective } from "jslib-angular/directives/input-verbatim.directive";
 import { SelectCopyDirective } from "jslib-angular/directives/select-copy.directive";
 import { StopClickDirective } from "jslib-angular/directives/stop-click.directive";
@@ -293,17 +295,18 @@ registerLocaleData(localeZhTw, "zh-TW");
   ],
   declarations: [
     A11yTitleDirective,
+    A11yInvalidDirective,
     AcceptEmergencyComponent,
-    AccessComponent,
     AcceptOrganizationComponent,
+    AccessComponent,
     AccountComponent,
-    SetPasswordComponent,
     AddCreditComponent,
     AddEditComponent,
     AddEditCustomFieldsComponent,
+    AddEditCustomFieldsComponent,
     AdjustPaymentComponent,
-    AdjustSubscription,
     AdjustStorageComponent,
+    AdjustSubscription,
     ApiActionDirective,
     ApiKeyComponent,
     AttachmentsComponent,
@@ -329,6 +332,7 @@ registerLocaleData(localeZhTw, "zh-TW");
     DeauthorizeSessionsComponent,
     DeleteAccountComponent,
     DeleteOrganizationComponent,
+    DisableSendPolicyComponent,
     DomainRulesComponent,
     DownloadLicenseComponent,
     EmergencyAccessAddEditComponent,
@@ -352,22 +356,26 @@ registerLocaleData(localeZhTw, "zh-TW");
     IconComponent,
     ImportComponent,
     InactiveTwoFactorReportComponent,
+    InputStripSpacesDirective,
     InputVerbatimDirective,
     LinkSsoComponent,
     LockComponent,
     LoginComponent,
+    MasterPasswordPolicyComponent,
     NavbarComponent,
     NestedCheckboxComponent,
     OptionsComponent,
     OrgAccountComponent,
     OrgAddEditComponent,
     OrganizationBillingComponent,
+    OrganizationLayoutComponent,
     OrganizationPlansComponent,
+    OrganizationsComponent,
     OrganizationSubscriptionComponent,
     OrgAttachmentsComponent,
-    OrgBulkStatusComponent,
     OrgBulkConfirmComponent,
     OrgBulkRemoveComponent,
+    OrgBulkStatusComponent,
     OrgCiphersComponent,
     OrgCollectionAddEditComponent,
     OrgCollectionsComponent,
@@ -376,49 +384,56 @@ registerLocaleData(localeZhTw, "zh-TW");
     OrgEventsComponent,
     OrgExportComponent,
     OrgExposedPasswordsReportComponent,
-    OrgImportComponent,
-    OrgInactiveTwoFactorReportComponent,
     OrgGroupAddEditComponent,
     OrgGroupingsComponent,
     OrgGroupsComponent,
+    OrgImportComponent,
+    OrgInactiveTwoFactorReportComponent,
     OrgManageCollectionsComponent,
     OrgManageComponent,
     OrgPeopleComponent,
-    OrgPolicyEditComponent,
     OrgPoliciesComponent,
+    OrgPolicyEditComponent,
     OrgResetPasswordComponent,
     OrgReusedPasswordsReportComponent,
     OrgSettingComponent,
     OrgToolsComponent,
     OrgTwoFactorSetupComponent,
+    OrgUnsecuredWebsitesReportComponent,
     OrgUserAddEditComponent,
     OrgUserConfirmComponent,
     OrgUserGroupsComponent,
-    OrganizationsComponent,
-    OrganizationLayoutComponent,
-    OrgUnsecuredWebsitesReportComponent,
     OrgVaultComponent,
     OrgWeakPasswordsReportComponent,
     PasswordGeneratorComponent,
     PasswordGeneratorHistoryComponent,
-    PasswordStrengthComponent,
+    PasswordGeneratorPolicyComponent,
     PasswordRepromptComponent,
+    PasswordStrengthComponent,
     PaymentComponent,
+    PersonalOwnershipPolicyComponent,
     PremiumComponent,
     ProfileComponent,
+    ProvidersComponent,
     PurgeVaultComponent,
     RecoverDeleteComponent,
     RecoverTwoFactorComponent,
     RegisterComponent,
+    RemovePasswordComponent,
+    RequireSsoPolicyComponent,
+    ResetPasswordPolicyComponent,
     ReusedPasswordsReportComponent,
     SearchCiphersPipe,
     SearchPipe,
     SelectCopyDirective,
     SendAddEditComponent,
-    SendEffluxDatesComponent,
     SendComponent,
+    SendEffluxDatesComponent,
+    SendOptionsPolicyComponent,
+    SetPasswordComponent,
     SettingsComponent,
     ShareComponent,
+    SingleOrgPolicyComponent,
     SponsoredFamiliesComponent,
     SponsoringOrgRowComponent,
     SsoComponent,
@@ -427,6 +442,7 @@ registerLocaleData(localeZhTw, "zh-TW");
     TaxInfoComponent,
     ToolsComponent,
     TrueFalseValueDirective,
+    TwoFactorAuthenticationPolicyComponent,
     TwoFactorAuthenticatorComponent,
     TwoFactorComponent,
     TwoFactorDuoComponent,
@@ -444,41 +460,31 @@ registerLocaleData(localeZhTw, "zh-TW");
     UpdatePasswordComponent,
     UserBillingComponent,
     UserLayoutComponent,
-    UserSubscriptionComponent,
     UserNamePipe,
+    UserSubscriptionComponent,
     VaultComponent,
+    VaultTimeoutInputComponent,
     VerifyEmailComponent,
     VerifyEmailTokenComponent,
+    VerifyMasterPasswordComponent,
     VerifyRecoverDeleteComponent,
     WeakPasswordsReportComponent,
-    ProvidersComponent,
-    TwoFactorAuthenticationPolicyComponent,
-    MasterPasswordPolicyComponent,
-    SingleOrgPolicyComponent,
-    PasswordGeneratorPolicyComponent,
-    RequireSsoPolicyComponent,
-    PersonalOwnershipPolicyComponent,
-    DisableSendPolicyComponent,
-    SendOptionsPolicyComponent,
-    ResetPasswordPolicyComponent,
-    VaultTimeoutInputComponent,
-    AddEditCustomFieldsComponent,
-    VerifyMasterPasswordComponent,
-    RemovePasswordComponent,
   ],
   exports: [
     A11yTitleDirective,
+    A11yInvalidDirective,
+    ApiActionDirective,
     AvatarComponent,
     CalloutComponent,
-    ApiActionDirective,
+    FooterComponent,
+    I18nPipe,
+    InputStripSpacesDirective,
+    NavbarComponent,
+    OrganizationPlansComponent,
+    SearchPipe,
     StopClickDirective,
     StopPropDirective,
-    I18nPipe,
-    SearchPipe,
     UserNamePipe,
-    NavbarComponent,
-    FooterComponent,
-    OrganizationPlansComponent,
   ],
   providers: [DatePipe, SearchPipe, UserNamePipe],
   bootstrap: [],