@keycloakify/angular 0.0.1-rc.17 → 0.0.1-rc.18

package/src/login/pages/login-reset-password/login-reset-password.component.html

@@ -23,9 +23,9 @@
     <ng-container content>
         <form
             id="kc-passwd-update-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <div [kcClass]="'kcLabelWrapperClass'">
@@ -48,8 +48,8 @@
                         type="text"
                         id="username"
                         name="username"
-                        [kcClass]="'kcInputClass'"
                         autoFocus
+                        [kcClass]="'kcInputClass'"
                         [attr.aria-invalid]="messagesPerField.existsError('username')"
                         [defaultValue]="auth.attemptedUsername ?? ''"
                     />
@@ -57,8 +57,8 @@
                     @if (messagesPerField.existsError('username')) {
                         <span
                             id="input-error-username"
-                            [kcClass]="'kcInputErrorMessageClass'"
                             aria-live="polite"
+                            [kcClass]="'kcInputErrorMessageClass'"
                             [innerHtml]="messagesPerField.get('username') | kcSanitize: 'html'"
                         ></span>
                     }
@@ -84,8 +84,8 @@
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
-                        [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                         type="submit"
+                        [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                         [value]="i18n.msgStr('doSubmit')"
                     />
                 </div>

package/src/login/pages/login-update-password/login-update-password.component.html

@@ -15,9 +15,9 @@
     <ng-container content>
         <form
             id="kc-passwd-update-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <div [kcClass]="'kcLabelWrapperClass'">
@@ -34,9 +34,9 @@
                             type="password"
                             id="password-new"
                             name="password-new"
-                            [kcClass]="'kcInputClass'"
                             autoFocus
                             autoComplete="new-password"
+                            [kcClass]="'kcInputClass'"
                             [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
                         />
                     </kc-password-wrapper>
@@ -44,8 +44,8 @@
                     @if (messagesPerField.existsError('password')) {
                         <span
                             id="input-error-password"
-                            [kcClass]="'kcInputErrorMessageClass'"
                             aria-live="polite"
+                            [kcClass]="'kcInputErrorMessageClass'"
                             [innerHtml]="messagesPerField.get('password') | kcSanitize: 'html'"
                         ></span>
                     }
@@ -67,44 +67,44 @@
                             type="password"
                             id="password-confirm"
                             name="password-confirm"
-                            [kcClass]="'kcInputClass'"
                             autoFocus
                             autoComplete="new-password"
+                            [kcClass]="'kcInputClass'"
                             [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
                         />
                     </kc-password-wrapper>
                     @if (messagesPerField.existsError('password-confirm')) {
                         <span
                             id="input-error-password-confirm"
-                            [kcClass]="'kcInputErrorMessageClass'"
                             aria-live="polite"
+                            [kcClass]="'kcInputErrorMessageClass'"
                             [innerHtml]="messagesPerField.get('password-confirm') | kcSanitize: 'html'"
                         ></span>
                     }
                 </div>
             </div>
             <div [kcClass]="'kcFormGroupClass'">
-                <kc-logout-other-sessions></kc-logout-other-sessions>
+                <kc-logout-other-sessions />
                 <div
                     id="kc-form-buttons"
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
+                        type="submit"
                         [kcClass]="{
                             kcButtonClass: true,
                             kcButtonPrimaryClass: true,
                             kcButtonBlockClass: !isAppInitiatedAction,
                             kcButtonLargeClass: true
                         }"
-                        type="submit"
                         [value]="i18n.msgStr('doSubmit')"
                     />
                     @if (isAppInitiatedAction) {
                         <button
-                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                             type="submit"
                             name="cancel-aia"
                             value="true"
+                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doCancel') }}
                         </button>

package/src/login/pages/login-update-profile/login-update-profile.component.html

@@ -13,11 +13,11 @@
     <ng-container content>
         <form
             id="kc-update-profile-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
-            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null"></ng-container>
+            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
             <div [kcClass]="'kcFormGroupClass'">
                 <div
                     id="kc-form-options"
@@ -30,6 +30,7 @@
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
+                        type="submit"
                         [disabled]="!isFormSubmittable()"
                         [kcClass]="{
                             kcButtonClass: true,
@@ -37,16 +38,15 @@
                             kcButtonBlockClass: !isAppInitiatedAction,
                             kcButtonLargeClass: true
                         }"
-                        type="submit"
                         [value]="i18n.msgStr('doSubmit')"
                     />
                     @if (isAppInitiatedAction) {
                         <button
-                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                             type="submit"
                             name="cancel-aia"
                             value="true"
                             formNoValidate
+                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doCancel') }}
                         </button>

package/src/login/pages/login-username/login-username.component.html

@@ -45,19 +45,19 @@
                     @for (provider of social?.providers; track provider.alias; let idx = $index) {
                         <li>
                             <a
+                                type="button"
                                 [id]="provider.alias"
                                 [kcClass]="{
                                     kcFormSocialAccountListButtonClass: true,
                                     kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3
                                 }"
-                                type="button"
                                 [href]="provider.loginUrl"
                             >
                                 @if (provider.iconClasses) {
                                     <i
+                                        aria-hidden="true"
                                         [ngClass]="provider.iconClasses"
                                         [kcClass]="'kcCommonLogoIdP'"
-                                        aria-hidden="true"
                                     ></i>
                                 }
                                 <span
@@ -80,9 +80,9 @@
                 @if (realm.password) {
                     <form
                         id="kc-form-login"
-                        (onSubmit)="isLoginButtonDisabled.set(true)"
-                        [action]="url?.loginAction"
                         method="post"
+                        [action]="url?.loginAction"
+                        (onSubmit)="isLoginButtonDisabled.set(true)"
                     >
                         @if (!usernameHidden) {
                             <div [kcClass]="'kcFormGroupClass'">
@@ -101,19 +101,19 @@
                                 <input
                                     tabindex="2"
                                     id="username"
-                                    [kcClass]="'kcInputClass'"
                                     name="username"
                                     type="text"
                                     autofocus
                                     autoComplete="off"
+                                    [kcClass]="'kcInputClass'"
                                     [defaultValue]="login?.username || ''"
                                     [attr.aria-invalid]="messagesPerField?.existsError('username')"
                                 />
                                 @if (messagesPerField?.existsError('username')) {
                                     <span
                                         id="input-error"
-                                        [kcClass]="'kcInputErrorMessageClass'"
                                         aria-live="polite"
+                                        [kcClass]="'kcInputErrorMessageClass'"
                                         [innerHTML]="messagesPerField.getFirstError('username') | kcSanitize: 'html'"
                                     >
                                     </span>
@@ -146,10 +146,10 @@
                         >
                             <input
                                 tabindex="4"
-                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                                 name="login"
                                 id="kc-login"
                                 type="submit"
+                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doLogIn')"
                             />
                         </div>

package/src/login/pages/login-x509-info/login-x509-info.component.html

@@ -13,9 +13,9 @@
     <ng-container content>
         <form
             id="kc-x509-login-info"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <div [kcClass]="'kcLabelWrapperClass'">
@@ -79,18 +79,18 @@
                 >
                     <div [kcClass]="'kcFormButtonsWrapperClass'">
                         <input
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             name="login"
                             id="kc-login"
                             type="submit"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             [value]="i18n.msgStr('doContinue')"
                         />
                         @if (x509.formData.isUserEnabled) {
                             <input
-                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                                 name="cancel"
                                 id="kc-cancel"
                                 type="submit"
+                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doIgnore')"
                             />
                         }

package/src/login/pages/logout-confirm/logout-confirm.component.html

@@ -20,8 +20,8 @@
             <p class="instruction">{{ i18n.msgStr('logoutConfirmHeader') }}</p>
             <form
                 class="form-actions"
-                [action]="url.logoutConfirmAction"
                 method="POST"
+                [action]="url.logoutConfirmAction"
             >
                 <input
                     type="hidden"
@@ -38,10 +38,10 @@
                     >
                         <input
                             tabIndex="4"
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                             name="confirmLogout"
                             id="kc-logout"
                             type="submit"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                             [value]="i18n.msgStr('doLogout')"
                         />
                     </div>

package/src/login/pages/register/register.component.html

@@ -20,11 +20,11 @@
     <ng-container content>
         <form
             id="kc-register-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.registrationAction"
-            method="post"
         >
-            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null"></ng-container>
+            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
             @if (termsAcceptanceRequired) {
                 <div className="form-group">
                     <div [kcClass]="'kcInputWrapperClass'">
@@ -42,8 +42,8 @@
                             name="termsAccepted"
                             [kcClass]="'kcCheckboxInputClass'"
                             [checked]="areTermsAccepted()"
-                            (change)="areTermsAccepted.set($any($event.target).checked)"
                             [attr.aria-invalid]="messagesPerField.existsError('termsAccepted')"
+                            (change)="areTermsAccepted.set($any($event.target).checked)"
                         />
                         <label
                             for="termsAccepted"
@@ -56,8 +56,8 @@
                         <div [kcClass]="'kcLabelWrapperClass'">
                             <span
                                 id="input-error-terms-accepted"
-                                [kcClass]="'kcInputErrorMessageClass'"
                                 aria-live="polite"
+                                [kcClass]="'kcInputErrorMessageClass'"
                                 [innerHtml]="messagesPerField.get('termsAccepted') | kcSanitize: 'html'"
                             ></span>
                         </div>
@@ -97,12 +97,12 @@
                         [kcClass]="'kcFormButtonsClass'"
                     >
                         <button
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                             class="g-recaptcha"
+                            type="submit"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                             [attr.data-sitekey]="recaptchaSiteKey"
                             [attr.data-callback]="onCallback"
                             [attr.data-action]="recaptchaAction"
-                            type="submit"
                         >
                             {{ i18n.msgStr('doRegister') }}
                         </button>
@@ -113,9 +113,9 @@
                         [kcClass]="'kcFormButtonsClass'"
                     >
                         <input
+                            type="submit"
                             [disabled]="!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())"
                             [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
-                            type="submit"
                             [value]="i18n.msgStr('doRegister')"
                         />
                     </div>

package/src/login/pages/saml-post-form/saml-post-form.component.html

@@ -12,10 +12,10 @@
     <ng-container content>
         <p>{{ i18n.msgStr('saml.post-form.message') }}</p>
         <form
+            #setHtmlFormElement
             name="saml-post-binding"
             method="post"
             [action]="samlPost.url"
-            #setHtmlFormElement
         >
             @if (!!samlPost.SAMLRequest) {
                 <input

package/src/login/pages/select-authenticator/select-authenticator.component.html

@@ -13,16 +13,16 @@
     <ng-container content>
         <form
             id="kc-select-credential-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <div [kcClass]="'kcSelectAuthListClass'">
                 @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {
                     <button
-                        [kcClass]="'kcSelectAuthListItemClass'"
                         type="submit"
                         name="authenticationExecution"
+                        [kcClass]="'kcSelectAuthListItemClass'"
                         [value]="authenticationSelection.authExecId"
                     >
                         <div [kcClass]="'kcSelectAuthListItemIconClass'">

package/src/login/pages/terms/terms.component.html

@@ -13,21 +13,21 @@
         <div id="kc-terms-text">{{ i18n.msgStr('termsText') }}</div>
         <form
             class="form-actions"
-            [action]="url.loginAction"
             method="POST"
+            [action]="url.loginAction"
         >
             <input
-                [kcClass]="['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                 name="accept"
                 id="kc-accept"
                 type="submit"
+                [kcClass]="['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                 [value]="i18n.msgStr('doAccept')"
             />
             <input
-                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                 name="cancel"
                 id="kc-decline"
                 type="submit"
+                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                 [value]="i18n.msgStr('doDecline')"
             />
         </form>

package/src/login/pages/update-email/update-email.component.html

@@ -13,11 +13,11 @@
     <ng-container content>
         <form
             id="kc-update-email-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
-            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null"></ng-container>
+            <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
             <div [kcClass]="'kcFormGroupClass'">
                 <div
                     id="kc-form-options"
@@ -25,12 +25,13 @@
                 >
                     <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
                 </div>
-                <kc-logout-other-sessions></kc-logout-other-sessions>
+                <kc-logout-other-sessions />
                 <div
                     id="kc-form-buttons"
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
+                        type="submit"
                         [disabled]="!isFormSubmittable()"
                         [kcClass]="{
                             kcButtonClass: true,
@@ -38,15 +39,14 @@
                             kcButtonBlockClass: isAppInitiatedAction,
                             kcButtonLargeClass: true
                         }"
-                        type="submit"
                         [value]="i18n.msgStr('doSubmit')"
                     />
                     @if (isAppInitiatedAction) {
                         <button
-                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                             type="submit"
                             name="cancel-aia"
                             value="true"
+                            [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doCancel') }}
                         </button>

package/src/login/pages/webauthn-authenticate/webauthn-authenticate.component.html

@@ -32,8 +32,8 @@
         >
             <form
                 id="webauth"
-                [action]="url.loginAction"
                 method="post"
+                [action]="url.loginAction"
             >
                 <input
                     type="hidden"
@@ -141,16 +141,15 @@
                 }
 
                 <div
-                    [kcClass]="'kcFormButtonsClass'"
                     id="kc-form-buttons"
+                    [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
-                        [id]="authButtonId"
                         type="button"
                         autofocus
-                        [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
-                        id="cancelWebAuthnAIA"
                         name="cancel-aia"
+                        [id]="authButtonId"
+                        [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                         [value]="i18n.msgStr('webauthn-doAuthenticate')"
                     />
                 </div>

package/src/login/pages/webauthn-error/webauthn-error.component.html

@@ -14,9 +14,9 @@
     <ng-container content>
         <form
             id="kc-error-credential-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <input
                 type="hidden"
@@ -31,26 +31,26 @@
         </form>
         <input
             tabIndex="4"
-            (click)="onClick()"
             type="button"
-            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
             name="try-again"
             id="kc-try-again"
+            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
             [value]="i18n.msgStr('doTryAgain')"
+            (click)="onClick()"
         />
         @if (isAppInitiatedAction) {
             <form
-                [action]="url.loginAction"
-                [kcClass]="'kcFormClass'"
                 id="kc-webauthn-settings-form"
                 method="post"
+                [action]="url.loginAction"
+                [kcClass]="'kcFormClass'"
             >
                 <button
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                     id="cancelWebAuthnAIA"
                     name="cancel-aia"
                     value="true"
+                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 >
                     {{ i18n.msgStr('doCancel') }}
                 </button>

package/src/login/pages/webauthn-register/webauthn-register.component.html

@@ -16,9 +16,9 @@
     <ng-container content>
         <form
             id="register"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.loginAction"
-            method="post"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <input
@@ -62,17 +62,17 @@
         />
         @if (!isSetRetry && isAppInitiatedAction) {
             <form
-                [action]="url.loginAction"
-                [kcClass]="'kcFormClass'"
                 id="kc-webauthn-settings-form"
                 method="post"
+                [action]="url.loginAction"
+                [kcClass]="'kcFormClass'"
             >
                 <button
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                     id="cancelWebAuthnAIA"
                     name="cancel-aia"
                     value="true"
+                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 >
                     {{ i18n.msgStr('doCancel') }}
                 </button>

package/src/login/providers/keycloakify-angular/keycloakify-angular.providers.ts

@@ -24,6 +24,7 @@ export const provideKeycloakifyAngularLogin = (config: KeycloakifyAngularLoginCo
     makeEnvironmentProviders([
         {
             provide: KC_LOGIN_CONTEXT,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             useValue: window.kcContext
         },

package/src/login/services/submit/submit.service.ts

@@ -3,7 +3,7 @@ import { Observable, BehaviorSubject } from 'rxjs';
 
 @Injectable({ providedIn: 'root' })
 export class SubmitService {
-    #submittableSubj: BehaviorSubject<boolean> = new BehaviorSubject(false);
+    #submittableSubj = new BehaviorSubject<boolean>(false);
     isSubmittable: Observable<boolean> = this.#submittableSubj.asObservable();
 
     setIsSubmittable(submittable: boolean) {

package/src/tsconfig.lib.json

@@ -1,12 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-    "extends": "../tsconfig.json",
-    "compilerOptions": {
-        "outDir": "../out-tsc/lib",
-        "declaration": true,
-        "declarationMap": true,
-        "inlineSources": true,
-        "types": []
-    },
-    "exclude": ["**/*.spec.ts"]
-}

package/src/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-    "extends": "./tsconfig.lib.json",
-    "compilerOptions": {
-        "declarationMap": false
-    },
-    "angularCompilerOptions": {
-        "compilationMode": "partial"
-    }
-}