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

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

@@ -1,4 +1,4 @@
-import { AsyncPipe, NgClass } from "@angular/common";
+import { AsyncPipe, NgClass } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -6,23 +6,23 @@ 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 { 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({
-    selector: "kc-root",
-    templateUrl: "./login-username.component.html",
+    selector: 'kc-root',
+    templateUrl: './login-username.component.html',
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
@@ -41,7 +41,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LoginUsernameComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "login-username.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'login-username.ftl' }>>(KC_CONTEXT);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
@@ -52,5 +52,5 @@ export class LoginUsernameComponent extends ComponentReference {
         !!this.kcContext?.realm?.password &&
         !!this.kcContext?.realm?.registrationAllowed &&
         !this.kcContext?.registrationDisabled;
-    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError("username");
+    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('username');
 }

package/src/login/pages/login-verify-email/login-verify-email.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, TemplateComponent, MsgStrPipe],
-    selector: "kc-root",
-    templateUrl: "login-verify-email.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-verify-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -32,7 +32,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class LoginVerifyEmailComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "login-verify-email.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'login-verify-email.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-x509-info/login-x509-info.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: [TemplateComponent, MsgStrPipe, KcClassDirective],
-    selector: "kc-root",
-    templateUrl: "login-x509-info.component.html",
+    selector: 'kc-root',
+    templateUrl: 'login-x509-info.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -31,7 +31,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LoginX509InfoComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "login-x509-info.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'login-x509-info.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/logout-confirm/logout-confirm.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: [MsgStrPipe, TemplateComponent, KcClassDirective],
-    selector: "kc-root",
-    templateUrl: "logout-confirm.component.html",
+    selector: 'kc-root',
+    templateUrl: 'logout-confirm.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -31,7 +31,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class LogoutConfirmComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "logout-confirm.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'logout-confirm.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/register/register.component.ts

@@ -1,4 +1,4 @@
-import { AsyncPipe, NgClass } from "@angular/common";
+import { AsyncPipe, NgClass } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -6,25 +6,25 @@ 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/kc-class.directive";
-import { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes/advanced-msg-str.pipe";
-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 { 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/kc-class.directive';
+import { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes/advanced-msg-str.pipe';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
-    selector: "kc-root",
-    templateUrl: "./register.component.html",
+    selector: 'kc-root',
+    templateUrl: './register.component.html',
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
@@ -45,7 +45,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class RegisterComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "register.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'register.ftl' }>>(KC_CONTEXT);
     displayRequiredFields = input(false);
     documentTitle = input<string>();
     bodyClassName = input<string>();
@@ -54,9 +54,9 @@ export class RegisterComponent extends ComponentReference {
     isFormSubmittable = signal(false);
     areTermsAccepted = signal(false);
     displayInfo: boolean = false;
-    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError("global");
+    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('global');
 
     onCallback() {
-        (document.getElementById("kc-register-form") as HTMLFormElement).submit();
+        (document.getElementById('kc-register-form') as HTMLFormElement).submit();
     }
 }

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

@@ -6,23 +6,23 @@ import {
     inject,
     input,
     ViewChild
-} 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: "saml-post-form.component.html",
+    selector: 'kc-root',
+    templateUrl: 'saml-post-form.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -32,7 +32,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class SamlPostFormComponent extends ComponentReference implements AfterViewInit {
-    kcContext = inject<Extract<KcContext, { pageId: "saml-post-form.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'saml-post-form.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
     displayRequiredFields = input(false);
@@ -40,7 +40,7 @@ export class SamlPostFormComponent extends ComponentReference implements AfterVi
     bodyClassName = input<string>();
     displayInfo: boolean = false;
     displayMessage: boolean = true;
-    @ViewChild("setHtmlFormElement")
+    @ViewChild('setHtmlFormElement')
     htmlFormElement!: HTMLFormElement;
 
     ngAfterViewInit(): void {
@@ -48,8 +48,8 @@ export class SamlPostFormComponent extends ComponentReference implements AfterVi
             return;
         }
 
-        if (this.kcContext.samlPost.url === "#") {
-            alert("In a real Keycloak the user would be redirected immediately");
+        if (this.kcContext.samlPost.url === '#') {
+            alert('In a real Keycloak the user would be redirected immediately');
             return;
         }
 

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

@@ -1,23 +1,23 @@
-import { NgClass } from "@angular/common";
+import { NgClass } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
     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 { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes";
-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 { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
@@ -28,8 +28,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         KcClassDirective,
         NgClass
     ],
-    selector: "kc-root",
-    templateUrl: "select-authenticator.component.html",
+    selector: 'kc-root',
+    templateUrl: 'select-authenticator.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -40,7 +40,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class SelectAuthenticatorComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "select-authenticator.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'select-authenticator.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/terms/terms.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: [MsgStrPipe, TemplateComponent, KcClassDirective],
-    selector: "kc-root",
-    templateUrl: "terms.component.html",
+    selector: 'kc-root',
+    templateUrl: 'terms.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -31,7 +31,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class TermsComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "terms.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'terms.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/update-email/update-email.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 { LogoutOtherSessionsComponent } from "@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component";
-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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions/logout-other-sessions.component';
+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,
@@ -29,8 +29,8 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
         UserProfileFormFieldsComponent,
         LogoutOtherSessionsComponent
     ],
-    selector: "kc-root",
-    templateUrl: "update-email.component.html",
+    selector: 'kc-root',
+    templateUrl: 'update-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -40,13 +40,13 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class UpdateEmailComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "update-email.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'update-email.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);
 }

package/src/login/pages/webauthn-authenticate/webauthn-authenticate.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 { 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 { 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 { 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 { 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 { 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,
@@ -31,8 +31,8 @@ import { LoginResourceInjectorService } from "@keycloakify/angular/login/service
         KcClassDirective,
         LogoutOtherSessionsComponent
     ],
-    selector: "kc-root",
-    templateUrl: "webauthn-authenticate.component.html",
+    selector: 'kc-root',
+    templateUrl: 'webauthn-authenticate.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         MsgStrPipe,
@@ -44,7 +44,7 @@ import { LoginResourceInjectorService } from "@keycloakify/angular/login/service
 })
 export class WebauthnAuthenticateComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "webauthn-authenticate.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'webauthn-authenticate.ftl' }>>(KC_CONTEXT);
     loginResourceInjectorService = inject(LoginResourceInjectorService);
     msgStr = inject(MsgStrPipe);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
@@ -55,7 +55,7 @@ export class WebauthnAuthenticateComponent extends ComponentReference {
     displayInfo: boolean = false;
     displayMessage: boolean = true;
 
-    authButtonId = "authenticateWebAuthnButton";
+    authButtonId = 'authenticateWebAuthnButton';
 
     constructor() {
         super();
@@ -69,8 +69,8 @@ export class WebauthnAuthenticateComponent extends ComponentReference {
         } = this.kcContext;
         const scripts: Script[] = [
             {
-                type: "module",
-                id: "WebAuthnAuthenticateScript",
+                type: 'module',
+                id: 'WebAuthnAuthenticateScript',
                 textContent: `
               import { authenticateByWebAuthn } from "${url.resourcesPath}/js/webauthnAuthenticate.js";
               const authButton = document.getElementById('${this.authButtonId}');
@@ -81,7 +81,7 @@ export class WebauthnAuthenticateComponent extends ComponentReference {
                       userVerification : '${userVerification}',
                       rpId : '${rpId}',
                       createTimeout : ${createTimeout},
-                      errmsg : ${JSON.stringify(this.msgStr.transform("webauthn-unsupported-browser-text"))}
+                      errmsg : ${JSON.stringify(this.msgStr.transform('webauthn-unsupported-browser-text'))}
                   };
                   authenticateByWebAuthn(input);
               });
@@ -99,7 +99,7 @@ export class WebauthnAuthenticateComponent extends ComponentReference {
         // 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;
     }