@keycloakify/angular 0.0.1-rc.0 → 0.0.1-rc.2

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

@@ -4,25 +4,25 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes/kc-sanitize.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [TemplateComponent, KcClassDirective, MsgStrPipe, KcSanitizePipe],
-    selector: "kc-root",
-    templateUrl: "login-otp.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-otp.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -32,12 +32,12 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LoginOtpComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "login-otp.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'login-otp.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
     displayInfo: boolean = false;
-    displayMessage: boolean = this.kcContext.messagesPerField.existsError("totp");
+    displayMessage: boolean = this.kcContext.messagesPerField.existsError('totp');
 }

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

@@ -4,23 +4,23 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [TemplateComponent, MsgStrPipe],
-    selector: "kc-root",
-    templateUrl: "login-page-expired.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-page-expired.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -31,7 +31,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginPageExpiredComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-page-expired.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'login-page-expired.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);

package/src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts

@@ -1,25 +1,25 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject } from "@angular/core";
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { Script } from "@keycloakify/angular/lib/models";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { getKcClsx } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes/advanced-msg-str.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
-import { LoginResourceInjectorService } from "@keycloakify/angular/login/services";
+} from '@keycloakify/angular/lib/public-api';
+import { Script } from '@keycloakify/angular/lib/models';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes/advanced-msg-str.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
+import { LoginResourceInjectorService } from '@keycloakify/angular/login/services';
 
 @Component({
     standalone: true,
     imports: [TemplateComponent, MsgStrPipe, KcClassDirective, AdvancedMsgStrPipe],
-    selector: "kc-root",
-    templateUrl: "login-passkeys-conditional-authenticate.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-passkeys-conditional-authenticate.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         MsgStrPipe,
@@ -32,7 +32,7 @@ import { LoginResourceInjectorService } from "@keycloakify/angular/login/service
 export class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {
     kcContext =
         inject<
-            Extract<KcContext, { pageId: "login-passkeys-conditional-authenticate.ftl" }>
+            Extract<KcContext, { pageId: 'login-passkeys-conditional-authenticate.ftl' }>
         >(KC_CONTEXT);
     loginResourceInjectorService = inject(LoginResourceInjectorService);
     msgStr = inject(MsgStrPipe);
@@ -40,7 +40,7 @@ export class LoginPasskeysConditionalAuthenticateComponent extends ComponentRefe
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayInfo: boolean = true;
 
-    authButtonId = "authenticateWebAuthnButton";
+    authButtonId = 'authenticateWebAuthnButton';
 
     constructor() {
         super();
@@ -55,8 +55,8 @@ export class LoginPasskeysConditionalAuthenticateComponent extends ComponentRefe
         } = this.kcContext;
         const scripts: Script[] = [
             {
-                type: "module",
-                id: "LoginRecoveryAuthnCodeConfig",
+                type: 'module',
+                id: 'LoginRecoveryAuthnCodeConfig',
                 textContent: `
                     import { authenticateByWebAuthn } from "${url.resourcesPath}/js/webauthnAuthenticate.js";
                     import { initAuthenticate } from "${url.resourcesPath}/js/passkeysConditionalAuth.js";
@@ -72,13 +72,13 @@ export class LoginPasskeysConditionalAuthenticateComponent extends ComponentRefe
                     authButton.addEventListener("click", () => {
                         authenticateByWebAuthn({
                             ...input,
-                            errmsg : ${JSON.stringify(this.msgStr.transform("webauthn-unsupported-browser-text"))}
+                            errmsg : ${JSON.stringify(this.msgStr.transform('webauthn-unsupported-browser-text'))}
                         });
                     });
 
                     initAuthenticate({
                         ...input,
-                        errmsg : ${JSON.stringify(this.msgStr.transform("passkey-unsupported-browser-text"))}
+                        errmsg : ${JSON.stringify(this.msgStr.transform('passkey-unsupported-browser-text'))}
                     });
           `
             }
@@ -94,7 +94,7 @@ export class LoginPasskeysConditionalAuthenticateComponent extends ComponentRefe
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const className = kcClsx(iconClass as any);
         if (className === iconClass) {
-            return kcClsx("kcWebAuthnDefaultIcon");
+            return kcClsx('kcWebAuthnDefaultIcon');
         }
         return className;
     }

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

@@ -5,20 +5,20 @@ import {
     inject,
     input,
     signal
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { PasswordWrapperComponent } from "@keycloakify/angular/login/components/password-wrapper/password-wrapper.component";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes/kc-sanitize.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper/password-wrapper.component';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
@@ -29,8 +29,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         PasswordWrapperComponent,
         KcSanitizePipe
     ],
-    selector: "kc-root",
-    templateUrl: "login-password.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-password.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -40,14 +40,14 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LoginPasswordComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "login-password.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'login-password.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
     displayInfo = false;
-    displayMessage = this.kcContext.messagesPerField.existsError("password");
+    displayMessage = this.kcContext.messagesPerField.existsError('password');
 
     isLoginButtonDisabled = signal(false);
 }

package/src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.ts

@@ -5,19 +5,19 @@ import {
     inject,
     input,
     signal
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { LogoutOtherSessionsComponent } from "@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
@@ -27,8 +27,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         KcClassDirective,
         LogoutOtherSessionsComponent
     ],
-    selector: "kc-root",
-    templateUrl: "login-recovery-authn-code-config.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-recovery-authn-code-config.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -39,7 +39,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-recovery-authn-code-config.ftl" }>>(
+        inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-config.ftl' }>>(
             KC_CONTEXT
         );
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
@@ -51,5 +51,5 @@ export class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference {
     displayMessage: boolean = false;
     toggleRecoveryCodesConfirmation = signal(false);
 
-    olRecoveryCodesListId = "kc-recovery-codes-list";
+    olRecoveryCodesListId = 'kc-recovery-codes-list';
 }

package/src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.ts

@@ -4,25 +4,25 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes/kc-sanitize.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe],
-    selector: "kc-root",
-    templateUrl: "login-recovery-authn-code-input.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-recovery-authn-code-input.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -33,7 +33,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-recovery-authn-code-input.ftl" }>>(
+        inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-input.ftl' }>>(
             KC_CONTEXT
         );
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
@@ -43,5 +43,5 @@ export class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
     bodyClassName = input<string>();
     displayInfo: boolean = false;
     displayMessage: boolean =
-        this.kcContext.messagesPerField.existsError("recoveryCodeInput");
+        this.kcContext.messagesPerField.existsError('recoveryCodeInput');
 }

package/src/login/pages/login-reset-otp/login-reset-otp.component.ts

@@ -4,24 +4,24 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [KcClassDirective, MsgStrPipe, TemplateComponent],
-    selector: "kc-root",
-    templateUrl: "login-reset-otp.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-reset-otp.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -31,12 +31,12 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LoginResetOtpComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "login-reset-otp.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'login-reset-otp.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
     displayInfo: boolean = false;
-    displayMessage: boolean = this.kcContext.messagesPerField.existsError("totp");
+    displayMessage: boolean = this.kcContext.messagesPerField.existsError('totp');
 }

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

@@ -4,25 +4,25 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes/kc-sanitize.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe],
-    selector: "kc-root",
-    templateUrl: "login-reset-password.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-reset-password.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -33,12 +33,12 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginResetPasswordComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-reset-password.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'login-reset-password.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
     displayInfo: boolean = false;
-    displayMessage: boolean = this.kcContext.messagesPerField.existsError("username");
+    displayMessage: boolean = this.kcContext.messagesPerField.existsError('username');
 }

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

@@ -4,21 +4,21 @@ import {
     forwardRef,
     inject,
     input
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { LogoutOtherSessionsComponent } from "@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component";
-import { PasswordWrapperComponent } from "@keycloakify/angular/login/components/password-wrapper/password-wrapper.component";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes/kc-sanitize.pipe";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component';
+import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper/password-wrapper.component';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
@@ -30,8 +30,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         KcSanitizePipe,
         LogoutOtherSessionsComponent
     ],
-    selector: "kc-root",
-    templateUrl: "login-update-password.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-update-password.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -42,7 +42,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginUpdatePasswordComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-update-password.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'login-update-password.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
@@ -50,7 +50,7 @@ export class LoginUpdatePasswordComponent extends ComponentReference {
     bodyClassName = input<string>();
     displayInfo = false;
     displayMessage = !this.kcContext.messagesPerField.existsError(
-        "password",
-        "password-confirm"
+        'password',
+        'password-confirm'
     );
 }

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

@@ -5,19 +5,19 @@ import {
     inject,
     input,
     signal
-} from "@angular/core";
+} from '@angular/core';
 import {
     CLASSES,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { UserProfileFormFieldsComponent } from "@keycloakify/angular/login/components/user-profile-form-fields/user-profile-form-fields.component";
-import { TemplateComponent } from "@keycloakify/angular/login/containers/template.component";
-import { KcClassDirective } from "@keycloakify/angular/login/directives";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields/user-profile-form-fields.component';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
+import { KcClassDirective } from '@keycloakify/angular/login/directives';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
@@ -27,8 +27,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         MsgStrPipe,
         UserProfileFormFieldsComponent
     ],
-    selector: "kc-root",
-    templateUrl: "login-update-profile.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-update-profile.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -39,14 +39,14 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginUpdateProfileComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-update-profile.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'login-update-profile.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(true);
     documentTitle = input<string>();
     bodyClassName = input<string>();
     displayInfo: boolean = false;
-    displayMessage: boolean = this.kcContext.messagesPerField.exists("global");
+    displayMessage: boolean = this.kcContext.messagesPerField.exists('global');
 
     isFormSubmittable = signal(false);
 }