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

package/src/login/pages/delete-account-confirm/delete-account-confirm.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/delete-credential/delete-credential.component.html

@@ -11,23 +11,23 @@
 
         <form
             class="form-actions"
-            [action]="url.loginAction"
             method="post"
+            [action]="url.loginAction"
         >
             <input
-                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                 name="accept"
                 id="kc-accept"
                 type="submit"
+                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                 [value]="i18n.msgStr('doConfirmDelete')"
             />
 
             <input
-                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                 name="cancel-aia"
-                [value]="i18n.msgStr('doCancel')"
                 id="kc-decline"
                 type="submit"
+                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
+                [value]="i18n.msgStr('doCancel')"
             />
         </form>
         <div class="clearfix"></div>

package/src/login/pages/delete-credential/delete-credential.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/error/error.component.ts

@@ -4,11 +4,11 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { I18n } from '../../i18n';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

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

@@ -16,8 +16,8 @@
                 <li>
                     {{ client.name }}
                     <iframe
-                        [src]="'client.frontChannelLogoutUrl' | kcSanitize: 'resourceUrl'"
                         style="display: none"
+                        [src]="'client.frontChannelLogoutUrl' | kcSanitize: 'resourceUrl'"
                     ></iframe>
                 </li>
             }

package/src/login/pages/frontchannel-logout/frontchannel-logout.component.ts

@@ -4,11 +4,11 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { I18n } from '../../i18n';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/idp-review-user-profile/idp-review-user-profile.component.html

@@ -12,11 +12,11 @@
     <ng-container content>
         <form
             id="kc-idp-review-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"
@@ -29,8 +29,8 @@
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
-                        [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                         type="submit"
+                        [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                         [value]="i18n.msgStr('doSubmit')"
                         [disabled]="!isFormSubmittable()"
                     />

package/src/login/pages/idp-review-user-profile/idp-review-user-profile.component.ts

@@ -10,8 +10,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 
 @Component({

package/src/login/pages/info/info.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

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

@@ -48,19 +48,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
@@ -84,9 +84,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'">
@@ -105,18 +105,18 @@
                                 <input
                                     tabindex="2"
                                     id="username"
-                                    [kcClass]="'kcInputClass'"
                                     name="username"
                                     type="text"
                                     autofocus
+                                    [kcClass]="'kcInputClass'"
                                     [defaultValue]="login?.username || ''"
                                     [attr.aria-invalid]="messagesPerField?.existsError('username', 'password')"
                                 />
                                 @if (messagesPerField?.existsError('username', 'password')) {
                                     <span
                                         id="input-error"
-                                        [kcClass]="'kcInputErrorMessageClass'"
                                         aria-live="polite"
+                                        [kcClass]="'kcInputErrorMessageClass'"
                                         [innerHTML]="messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'"
                                     >
                                     </span>
@@ -136,18 +136,18 @@
                                 <input
                                     tabindex="3"
                                     id="password"
-                                    [kcClass]="'kcInputClass'"
                                     name="password"
                                     type="password"
                                     autocomplete="off"
+                                    [kcClass]="'kcInputClass'"
                                     [attr.aria-invalid]="messagesPerField.existsError('username', 'password')"
                                 />
                             </kc-password-wrapper>
                             @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {
                                 <span
                                     id="input-error"
-                                    [kcClass]="'kcInputErrorMessageClass'"
                                     aria-live="polite"
+                                    [kcClass]="'kcInputErrorMessageClass'"
                                     [innerHTML]="messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'"
                                 >
                                 </span>
@@ -196,10 +196,10 @@
                             />
                             <input
                                 tabindex="7"
-                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                                 name="login"
                                 id="kc-login"
                                 type="submit"
+                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doLogIn')"
                                 [disabled]="isLoginButtonDisabled()"
                             />

package/src/login/pages/login/login.component.ts

@@ -10,8 +10,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     selector: 'kc-root',

package/src/login/pages/login-config-totp/login-config-totp.component.html

@@ -31,8 +31,8 @@
                     </p>
                     <p>
                         <a
-                            [href]="totp.qrUrl"
                             id="mode-barcode"
+                            [href]="totp.qrUrl"
                         >
                             {{ i18n.msgStr('loginTotpScanBarcode') }}
                         </a>
@@ -69,14 +69,14 @@
                     <p>{{ i18n.msgStr('loginTotpStep2') }}</p>
                     <img
                         id="kc-totp-secret-qr-code"
-                        [src]="'data:image/png;base64, ' + totp.totpSecretQrCode"
                         alt="Figure: Barcode"
+                        [src]="'data:image/png;base64, ' + totp.totpSecretQrCode"
                     />
                     <br />
                     <p>
                         <a
-                            [href]="totp.manualUrl"
                             id="mode-manual"
+                            [href]="totp.manualUrl"
                         >
                             {{ i18n.msgStr('loginTotpUnableToScan') }}
                         </a>
@@ -89,10 +89,10 @@
             </li>
         </ol>
         <form
-            [action]="url.loginAction"
-            [kcClass]="'kcFormClass'"
             id="kc-totp-settings-form"
             method="post"
+            [action]="url.loginAction"
+            [kcClass]="'kcFormClass'"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <div [kcClass]="'kcInputWrapperClass'">
@@ -116,8 +116,8 @@
                     @if (messagesPerField.existsError('totp')) {
                         <span
                             id="input-error-otp-code"
-                            [kcClass]="'kcInputErrorMessageClass'"
                             aria-live="polite"
+                            [kcClass]="'kcInputErrorMessageClass'"
                             [innerHTML]="messagesPerField.get('totp') | kcSanitize: 'html'"
                         ></span>
                     }
@@ -160,8 +160,8 @@
                     @if (messagesPerField.existsError('userLabel')) {
                         <span
                             id="input-error-otp-label"
-                            [kcClass]="'kcInputErrorMessageClass'"
                             aria-live="polite"
+                            [kcClass]="'kcInputErrorMessageClass'"
                             [innerHTML]="messagesPerField.get('userLabel') | kcSanitize: 'html'"
                         ></span>
                     }
@@ -174,15 +174,15 @@
             @if (isAppInitiatedAction) {
                 <input
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                     id="saveTOTPBtn"
+                    [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                     [value]="i18n.msgStr('doSubmit')"
                 />
                 <button
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass', 'kcButtonLargeClass']"
                     id="cancelTOTPBtn"
                     name="cancel-aia"
+                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass', 'kcButtonLargeClass']"
                     [value]="true"
                 >
                     {{ i18n.msgStr('doCancel') }}
@@ -190,8 +190,8 @@
             } @else {
                 <input
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                     id="saveTOTPBtn"
+                    [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                     [value]="i18n.msgStr('doSubmit')"
                 />
             }

package/src/login/pages/login-config-totp/login-config-totp.component.ts

@@ -9,8 +9,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-idp-link-confirm/login-idp-link-confirm.component.html

@@ -13,25 +13,25 @@
     <ng-container content>
         <form
             id="kc-register-form"
-            [action]="url.loginAction"
             method="post"
+            [action]="url.loginAction"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <button
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                     name="submitAction"
                     id="updateProfile"
                     value="updateProfile"
+                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 >
                     {{ i18n.msgStr('confirmLinkIdpReviewProfile') }}
                 </button>
                 <button
                     type="submit"
-                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                     name="submitAction"
                     id="linkAccount"
                     value="linkAccount"
+                    [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 >
                     {{ i18n.msgStr('confirmLinkIdpContinue', idpAlias) }}
                 </button>

package/src/login/pages/login-idp-link-confirm/login-idp-link-confirm.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.html

@@ -14,8 +14,8 @@
     <ng-container content>
         <form
             id="kc-register-form"
-            [action]="url.loginAction"
             method="post"
+            [action]="url.loginAction"
         >
             {{ i18n.msgStr('pageExpiredMsg1') }}
             <a
@@ -28,10 +28,10 @@
             <br />
             <button
                 type="submit"
-                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 name="submitAction"
                 id="confirmOverride"
                 value="confirmOverride"
+                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
             >
                 {{ i18n.msgStr('confirmOverrideIdpContinue', idpDisplayName) }}
             </button>

package/src/login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.ts

@@ -4,11 +4,11 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { I18n } from '../../i18n';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-idp-link-email/login-idp-link-email.component.ts

@@ -4,11 +4,11 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { I18n } from '../../i18n';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-oauth-grant/login-oauth-grant.component.html

@@ -11,8 +11,8 @@
     <ng-container headerNode>
         @if (client.attributes['logoUri']) {
             <img
-                [src]="client.attributes['logoUri']"
                 alt=""
+                [src]="client.attributes['logoUri']"
             />
         }
         <p>
@@ -49,8 +49,8 @@
                     @if (client.attributes['policyUri']) {
                         {{ i18n.msgStr('oauthGrantReview') }}
                         <a
-                            [href]="client.attributes['policyUri']"
                             target="_blank"
+                            [href]="client.attributes['policyUri']"
                         >
                             {{ i18n.msgStr('oauthGrantPolicy') }}
                         </a>
@@ -59,8 +59,8 @@
             }
             <form
                 class="form-actions"
-                [action]="url.oauthAction"
                 method="post"
+                [action]="url.oauthAction"
             >
                 <input
                     type="hidden"
@@ -75,13 +75,13 @@
                     <div id="kc-form-buttons">
                         <div [kcClass]="'kcFormButtonsWrapperClass'">
                             <input
-                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                                 type="submit"
+                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doYes')"
                             />
                             <input
-                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                                 type="submit"
+                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doNo')"
                             />
                         </div>

package/src/login/pages/login-oauth-grant/login-oauth-grant.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.html

@@ -12,9 +12,9 @@
     <ng-container content>
         <form
             id="kc-user-verify-device-user-code-form"
+            method="post"
             [kcClass]="'kcFormClass'"
             [action]="url.oauth2DeviceVerificationAction"
-            method="post"
         >
             <div [kcClass]="'kcFormGroupClass'">
                 <div [kcClass]="'kcLabelWrapperClass'">
@@ -32,8 +32,8 @@
                         name="device_user_code"
                         autoComplete="off"
                         type="text"
-                        [kcClass]="'kcInputClass'"
                         autofocus
+                        [kcClass]="'kcInputClass'"
                     />
                 </div>
             </div>
@@ -51,8 +51,8 @@
                 >
                     <div [kcClass]="'kcFormButtonsWrapperClass'">
                         <input
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             type="submit"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             [value]="i18n.msgStr('doSubmit')"
                         />
                     </div>

package/src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.ts

@@ -7,8 +7,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

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

@@ -14,9 +14,9 @@
     <ng-container content>
         <form
             id="kc-otp-login-form"
+            method="post"
             [kcClass]="['kcFormClass']"
             [action]="url.loginAction"
-            method="post"
         >
             @if (otpLogin.userOtpCredentials.length > 1) {
                 <div [kcClass]="'kcFormGroupClass'">
@@ -24,10 +24,10 @@
                         @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {
                             <ng-container>
                                 <input
-                                    [id]="'kc-otp-credential-' + i"
-                                    [kcClass]="'kcLoginOTPListClass'"
                                     type="radio"
                                     name="selectedCredentialId"
+                                    [id]="'kc-otp-credential-' + i"
+                                    [kcClass]="'kcLoginOTPListClass'"
                                     [value]="otpCredential.id"
                                     [checked]="otpCredential.id === otpLogin.selectedCredentialId"
                                 />
@@ -39,8 +39,8 @@
                                     <span [kcClass]="'kcLoginOTPListItemHeaderClass'">
                                         <span [kcClass]="'kcLoginOTPListItemIconBodyClass'">
                                             <i
-                                                [kcClass]="'kcLoginOTPListItemIconClass'"
                                                 aria-hidden="true"
+                                                [kcClass]="'kcLoginOTPListItemIconClass'"
                                             ></i>
                                         </span>
                                         <span [kcClass]="'kcLoginOTPListItemTitleClass'">{{ otpCredential.userLabel }}</span>
@@ -66,15 +66,15 @@
                         name="otp"
                         autoComplete="off"
                         type="text"
-                        [kcClass]="'kcInputClass'"
                         autoFocus
+                        [kcClass]="'kcInputClass'"
                         [attr.aria-invalid]="messagesPerField.existsError('totp')"
                     />
                     @if (messagesPerField.existsError('totp')) {
                         <span
                             id="input-error-otp-code"
-                            [kcClass]="['kcInputErrorMessageClass']"
                             aria-live="polite"
+                            [kcClass]="['kcInputErrorMessageClass']"
                             [innerHTML]="messagesPerField.get('totp') | kcSanitize: 'html'"
                         ></span>
                     }
@@ -90,10 +90,10 @@
                     [kcClass]="'kcFormButtonsClass'"
                 >
                     <input
-                        [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-otp/login-otp.component.ts

@@ -8,8 +8,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/login/pages/login-page-expired/login-page-expired.component.ts

@@ -6,8 +6,8 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,