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

package/src/login/components/input-tag-selects/input-tag-selects.component.ts

@@ -7,17 +7,17 @@ import {
     input,
     output,
     Signal
-} from "@angular/core";
-import { CLASSES, USE_DEFAULT_CSS } from "@keycloakify/angular/lib/public-api";
-import { Attribute } from "keycloakify/login/KcContext";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes/advanced-msg-str.pipe";
+} from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes/advanced-msg-str.pipe';
 import {
     FormAction,
     FormFieldError
-} from "@keycloakify/angular/login/services/user-profile-form.service";
+} from '@keycloakify/angular/login/services/user-profile-form.service';
 
 @Component({
     standalone: true,
@@ -29,8 +29,8 @@ import {
         `
     ],
     imports: [KcClassDirective, AdvancedMsgStrPipe],
-    selector: "kc-input-tag-selects",
-    templateUrl: "input-tag-selects.component.html",
+    selector: 'kc-input-tag-selects',
+    templateUrl: 'input-tag-selects.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -48,7 +48,7 @@ export class InputTagSelectsComponent extends ComponentReference {
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
 
     context: Signal<{
-        inputType: "radio" | "checkbox";
+        inputType: 'radio' | 'checkbox';
         classDiv: ClassKey;
         classInput: ClassKey;
         classLabel: ClassKey;
@@ -57,19 +57,19 @@ export class InputTagSelectsComponent extends ComponentReference {
         if (attribute) {
             const { inputType } = attribute.annotations;
             switch (inputType) {
-                case "select-radiobuttons":
+                case 'select-radiobuttons':
                     return {
-                        inputType: "radio",
-                        classDiv: "kcInputClassRadio",
-                        classInput: "kcInputClassRadioInput",
-                        classLabel: "kcInputClassRadioLabel"
+                        inputType: 'radio',
+                        classDiv: 'kcInputClassRadio',
+                        classInput: 'kcInputClassRadioInput',
+                        classLabel: 'kcInputClassRadioLabel'
                     };
-                case "multiselect-checkboxes":
+                case 'multiselect-checkboxes':
                     return {
-                        inputType: "checkbox",
-                        classDiv: "kcInputClassCheckbox",
-                        classInput: "kcInputClassCheckboxInput",
-                        classLabel: "kcInputClassCheckboxLabel"
+                        inputType: 'checkbox',
+                        classDiv: 'kcInputClassCheckbox',
+                        classInput: 'kcInputClassCheckboxInput',
+                        classLabel: 'kcInputClassCheckboxLabel'
                     };
             }
         }
@@ -120,8 +120,8 @@ export class InputTagSelectsComponent extends ComponentReference {
         const valueOrValues = this.valueOrValues();
         const isChecked = (event.target as HTMLInputElement).checked;
         this.dispatchFormAction.emit({
-            action: "update",
-            name: this.attribute()?.name ?? "",
+            action: 'update',
+            name: this.attribute()?.name ?? '',
             valueOrValues: (() => {
                 if (valueOrValues instanceof Array) {
                     const newValues = [...valueOrValues];
@@ -135,15 +135,15 @@ export class InputTagSelectsComponent extends ComponentReference {
                     return newValues;
                 }
 
-                return (event.target as HTMLInputElement)?.checked ? option : "";
+                return (event.target as HTMLInputElement)?.checked ? option : '';
             })()
         });
     }
 
     onBlur() {
         this.dispatchFormAction.emit({
-            action: "focus lost",
-            name: this.attribute()?.name ?? "",
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
             fieldIndex: undefined
         });
     }

package/src/login/components/logout-other-sessions/logout-other-sessions.component.ts

@@ -1,12 +1,12 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject } from "@angular/core";
-import { CLASSES, USE_DEFAULT_CSS } from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
-    selector: "kc-logout-other-sessions",
+    selector: 'kc-logout-other-sessions',
     styles: [
         `
             :host {
@@ -17,7 +17,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     standalone: true,
     imports: [KcClassDirective, MsgStrPipe],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    templateUrl: "./logout-other-sessions.component.html",
+    templateUrl: './logout-other-sessions.component.html',
     providers: [
         {
             provide: ComponentReference,

package/src/login/components/password-wrapper/password-wrapper.component.ts

@@ -1,4 +1,4 @@
-import { AsyncPipe } from "@angular/common";
+import { AsyncPipe } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -8,15 +8,15 @@ import {
     Renderer2,
     signal,
     WritableSignal
-} from "@angular/core";
-import { CLASSES, USE_DEFAULT_CSS } from "@keycloakify/angular/lib/public-api";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
+} from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
-    selector: "kc-password-wrapper",
+    selector: 'kc-password-wrapper',
     styles: [
         `
             :host {
@@ -27,7 +27,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [KcClassDirective, AsyncPipe, MsgStrPipe],
-    templateUrl: "./password-wrapper.component.html",
+    templateUrl: './password-wrapper.component.html',
     providers: [
         {
             provide: ComponentReference,
@@ -53,8 +53,8 @@ export class PasswordWrapperComponent extends ComponentReference {
         if (input) {
             this.renderer.setProperty(
                 input,
-                "type",
-                this.isPasswordRevealed() ? "text" : "password"
+                'type',
+                this.isPasswordRevealed() ? 'text' : 'password'
             );
         }
     }

package/src/login/components/select-tag/select-tag.component.ts

@@ -6,18 +6,18 @@ import {
     inject,
     input,
     output
-} from "@angular/core";
-import { CLASSES, USE_DEFAULT_CSS } from "@keycloakify/angular/lib/public-api";
-import { Attribute } from "keycloakify/login/KcContext";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes/advanced-msg-str.pipe";
-import { ToNumberPipe } from "@keycloakify/angular/login/pipes/to-number.pipe";
+} from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes/advanced-msg-str.pipe';
+import { ToNumberPipe } from '@keycloakify/angular/login/pipes/to-number.pipe';
 import {
     FormAction,
     FormFieldError
-} from "@keycloakify/angular/login/services/user-profile-form.service";
+} from '@keycloakify/angular/login/services/user-profile-form.service';
 
 @Component({
     standalone: true,
@@ -29,8 +29,8 @@ import {
         `
     ],
     imports: [KcClassDirective, ToNumberPipe, AdvancedMsgStrPipe],
-    selector: "kc-select-tag",
-    templateUrl: "select-tag.component.html",
+    selector: 'kc-select-tag',
+    templateUrl: 'select-tag.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -48,7 +48,7 @@ export class SelectTagComponent extends ComponentReference {
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
 
     isMultiple = computed(() => {
-        return this.attribute()?.annotations?.inputType === "multiselect";
+        return this.attribute()?.annotations?.inputType === 'multiselect';
     });
 
     options = computed(() => {
@@ -85,8 +85,8 @@ export class SelectTagComponent extends ComponentReference {
 
     onChange(event: Event) {
         this.dispatchFormAction.emit({
-            action: "update",
-            name: this.attribute()?.name ?? "",
+            action: 'update',
+            name: this.attribute()?.name ?? '',
             valueOrValues: (() => {
                 if (this.isMultiple()) {
                     return Array.from(
@@ -101,8 +101,8 @@ export class SelectTagComponent extends ComponentReference {
 
     onBlur() {
         this.dispatchFormAction.emit({
-            action: "focus lost",
-            name: this.attribute()?.name ?? "",
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
             fieldIndex: undefined
         });
     }

package/src/login/components/textarea-tag/textarea-tag.component.ts

@@ -5,17 +5,17 @@ import {
     inject,
     input,
     output
-} from "@angular/core";
-import { CLASSES, USE_DEFAULT_CSS } from "@keycloakify/angular/lib/public-api";
-import { Attribute } from "keycloakify/login/KcContext";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { ToNumberPipe } from "@keycloakify/angular/login/pipes/to-number.pipe";
+} from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { ToNumberPipe } from '@keycloakify/angular/login/pipes/to-number.pipe';
 import {
     FormAction,
     FormFieldError
-} from "@keycloakify/angular/login/services/user-profile-form.service";
+} from '@keycloakify/angular/login/services/user-profile-form.service';
 
 @Component({
     standalone: true,
@@ -27,8 +27,8 @@ import {
         `
     ],
     imports: [KcClassDirective, ToNumberPipe],
-    selector: "kc-textarea-tag",
-    templateUrl: "textarea-tag.component.html",
+    selector: 'kc-textarea-tag',
+    templateUrl: 'textarea-tag.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -47,16 +47,16 @@ export class TextareaTagComponent extends ComponentReference {
 
     onChange(event: Event) {
         this.dispatchFormAction.emit({
-            action: "update",
-            name: this.attribute()?.name ?? "",
+            action: 'update',
+            name: this.attribute()?.name ?? '',
             valueOrValues: (event.target as HTMLTextAreaElement).value
         });
     }
 
     onBlur() {
         this.dispatchFormAction.emit({
-            action: "focus lost",
-            name: this.attribute()?.name ?? "",
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
             fieldIndex: undefined
         });
     }

package/src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts

@@ -1,4 +1,4 @@
-import { NgTemplateOutlet } from "@angular/common";
+import { NgTemplateOutlet } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -8,25 +8,25 @@ import {
     inject,
     output,
     TemplateRef
-} from "@angular/core";
+} from '@angular/core';
 import {
     DO_MAKE_USER_CONFIRM_PASSWORD,
     KC_CONTEXT,
     CLASSES,
     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 { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { AdvancedMsgStrPipe } from "@keycloakify/angular/login/pipes/advanced-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 { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { AdvancedMsgStrPipe } from '@keycloakify/angular/login/pipes/advanced-msg-str.pipe';
 import {
     FormAction,
     UserProfileFormService
-} from "@keycloakify/angular/login/services/user-profile-form.service";
-import { FieldErrorsComponent } from "@keycloakify/angular/login/components/field-errors/field-errors.component";
-import { GroupLabelComponent } from "@keycloakify/angular/login/components/group-label/group-label.component";
-import { InputFieldByTypeComponent } from "@keycloakify/angular/login/components/input-field-by-type/input-field-by-type.component";
+} from '@keycloakify/angular/login/services/user-profile-form.service';
+import { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors/field-errors.component';
+import { GroupLabelComponent } from '@keycloakify/angular/login/components/group-label/group-label.component';
+import { InputFieldByTypeComponent } from '@keycloakify/angular/login/components/input-field-by-type/input-field-by-type.component';
 
 @Component({
     standalone: true,
@@ -45,8 +45,8 @@ import { InputFieldByTypeComponent } from "@keycloakify/angular/login/components
         NgTemplateOutlet,
         AdvancedMsgStrPipe
     ],
-    selector: "kc-user-profile-form-fields",
-    templateUrl: "user-profile-form-fields.component.html",
+    selector: 'kc-user-profile-form-fields',
+    templateUrl: 'user-profile-form-fields.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         UserProfileFormService,
@@ -67,8 +67,8 @@ export class UserProfileFormFieldsComponent extends ComponentReference {
 
     formState = this.userProfileFormService.formState;
 
-    @ContentChild("beforField") beforeField: TemplateRef<unknown> | undefined;
-    @ContentChild("afterField") afterField: TemplateRef<unknown> | undefined;
+    @ContentChild('beforField') beforeField: TemplateRef<unknown> | undefined;
+    @ContentChild('afterField') afterField: TemplateRef<unknown> | undefined;
 
     constructor() {
         super();

package/src/login/containers/template.component.ts

@@ -1,4 +1,4 @@
-import { AsyncPipe, NgTemplateOutlet } from "@angular/common";
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import {
     ChangeDetectionStrategy,
     Component,
@@ -7,27 +7,27 @@ import {
     input,
     OnInit,
     Renderer2
-} from "@angular/core";
-import { Meta, Title } from "@angular/platform-browser";
+} from '@angular/core';
+import { Meta, Title } from '@angular/platform-browser';
 import {
     CLASSES,
     I18N,
     KC_CONTEXT,
     USE_DEFAULT_CSS
-} from "@keycloakify/angular/lib/public-api";
-import type { I18n } from "@keycloakify/angular/login/i18n";
-import { KcContext } from "keycloakify/login/KcContext/KcContext";
-import { ClassKey, getKcClsx } from "keycloakify/login/lib/kcClsx";
-import { Observable } from "rxjs";
-import { ComponentReference } from "@keycloakify/angular/login/classes/component-reference.class";
-import { KcClassDirective } from "@keycloakify/angular/login/directives/kc-class.directive";
-import { KcSanitizePipe } from "@keycloakify/angular/login/pipes";
-import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
-import { LoginResourceInjectorService } from "@keycloakify/angular/login/services/login-resource-injector.service";
+} from '@keycloakify/angular/lib/public-api';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import { KcContext } from 'keycloakify/login/KcContext/KcContext';
+import { ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
+import { Observable } from 'rxjs';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
+import { KcSanitizePipe } from '@keycloakify/angular/login/pipes';
+import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
+import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector.service';
 
 @Component({
-    selector: "kc-login-template",
-    templateUrl: "./template.component.html",
+    selector: 'kc-login-template',
+    templateUrl: './template.component.html',
     standalone: true,
     imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, MsgStrPipe],
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -60,7 +60,7 @@ export class TemplateComponent extends ComponentReference implements OnInit {
         super();
         this.title.setTitle(
             this.documentTitle() ??
-                this.i18n.msgStr("loginTitle", this.kcContext.realm.displayName)
+                this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName)
         );
         this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(
             this.doUseDefaultCss
@@ -76,8 +76,8 @@ export class TemplateComponent extends ComponentReference implements OnInit {
             doUseDefaultCss: this.doUseDefaultCss,
             classes: this.classes
         }).kcClsx;
-        const kcBodyClass = this.bodyClassName() ?? kcClsx("kcBodyClass");
-        const kcHtmlClass = kcClsx("kcHtmlClass");
+        const kcBodyClass = this.bodyClassName() ?? kcClsx('kcBodyClass');
+        const kcHtmlClass = kcClsx('kcHtmlClass');
         const kcBodyClasses = kcBodyClass.split(/\s+/);
         const kcHtmlClasses = kcHtmlClass.split(/\s+/);
         kcBodyClasses.forEach(klass => {
@@ -89,6 +89,6 @@ export class TemplateComponent extends ComponentReference implements OnInit {
     }
 
     tryAnotherWay() {
-        document.forms["kc-select-try-another-way-form" as never].submit();
+        document.forms['kc-select-try-another-way-form' as never].submit();
     }
 }

package/src/login/directives/attributes.directive.ts

@@ -1,6 +1,6 @@
-import { Directive, effect, ElementRef, inject, input, Renderer2 } from "@angular/core";
+import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core';
 
-@Directive({ selector: "[kcAttributes]", standalone: true })
+@Directive({ selector: '[kcAttributes]', standalone: true })
 export class AttributesDirective {
     kcAttributes = input<Record<string, string>>();
     readonly #el = inject<ElementRef<HTMLElement>>(ElementRef);

package/src/login/directives/index.ts

@@ -1,2 +1,2 @@
-export * from "./attributes.directive";
-export * from "./kc-class.directive";
+export * from './attributes.directive';
+export * from './kc-class.directive';

package/src/login/directives/kc-class.directive.ts

@@ -9,10 +9,10 @@ import {
     isDevMode,
     Renderer2,
     ɵstringify as stringify
-} from "@angular/core";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { getKcClsx } from "keycloakify/login/lib/kcClsx";
-import { ComponentReference } from "../classes/component-reference.class";
+} from '@angular/core';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '../classes/component-reference.class';
 
 interface CssClassState {
     // PERF: could use a bit mask to represent state as all fields are boolean flags
@@ -35,7 +35,7 @@ type NgClassSupportedTypes =
     | null
     | undefined;
 
-@Directive({ selector: "[kcClass]", standalone: true })
+@Directive({ selector: '[kcClass]', standalone: true })
 export class KcClassDirective implements DoCheck {
     private initialClasses: string[] = [];
     private rawClass: NgClassSupportedTypes;
@@ -46,22 +46,22 @@ export class KcClassDirective implements DoCheck {
     readonly #el = inject(ElementRef);
     readonly #host = inject(ComponentReference);
     // eslint-disable-next-line @angular-eslint/no-input-rename
-    @Input("class")
+    @Input('class')
     set klass(value: string) {
         this.initialClasses = value != null ? value.trim().split(/\s+/) : [];
     }
 
     // eslint-disable-next-line @angular-eslint/no-input-rename
-    @Input("ngClass")
+    @Input('ngClass')
     set ngClass(value: string | NgClassSupportedTypes) {
-        this.rawClass = typeof value === "string" ? value.trim().split(/\s+/) : value;
+        this.rawClass = typeof value === 'string' ? value.trim().split(/\s+/) : value;
     }
 
     // eslint-disable-next-line @angular-eslint/no-input-rename
-    @Input("kcClass")
+    @Input('kcClass')
     set kcClass(value: ClassKey | KcClassSupportedTypes) {
         this.rawKcClass =
-            typeof value === "string" ? (value.trim().split(/\s+/) as ClassKey[]) : value;
+            typeof value === 'string' ? (value.trim().split(/\s+/) as ClassKey[]) : value;
     }
 
     ngDoCheck(): void {
@@ -146,7 +146,7 @@ export class KcClassDirective implements DoCheck {
 
     private _toggleClass(klass: string, enabled: boolean): void {
         if (isDevMode()) {
-            if (typeof klass !== "string") {
+            if (typeof klass !== 'string') {
                 throw new Error(
                     `NgClass can only toggle CSS classes expressed as strings, got ${stringify(klass)}`
                 );

package/src/login/i18n.ts

@@ -1,4 +1,4 @@
-import type { GenericI18n_noJsx } from "keycloakify/login/i18n/noJsx/GenericI18n_noJsx";
-import { MessageKey as MessageKey_defaultSet } from "keycloakify/login/i18n/messages_defaultSet/types";
+import type { GenericI18n_noJsx } from 'keycloakify/login/i18n/noJsx/GenericI18n_noJsx';
+import { MessageKey as MessageKey_defaultSet } from 'keycloakify/login/i18n/messages_defaultSet/types';
 /** INTERNAL: DO NOT IMPORT THIS */
 export type I18n = GenericI18n_noJsx<MessageKey_defaultSet, string>;

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

@@ -1,21 +1,21 @@
-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 { 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 { 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 { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
 
 @Component({
     standalone: true,
     imports: [MsgStrPipe, TemplateComponent, KcClassDirective],
-    selector: "kc-root",
-    templateUrl: "code.component.html",
+    selector: 'kc-root',
+    templateUrl: 'code.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -25,7 +25,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
     ]
 })
 export class CodeComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: "code.ftl" }>>(KC_CONTEXT);
+    kcContext = inject<Extract<KcContext, { pageId: 'code.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
 }

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

@@ -1,21 +1,21 @@
-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 { 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: "delete-account-confirm.component.html",
+    selector: 'kc-root',
+    templateUrl: 'delete-account-confirm.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {
@@ -26,7 +26,7 @@ import { MsgStrPipe } from "@keycloakify/angular/login/pipes/msg-str.pipe";
 })
 export class DeleteAccountConfirmComponent extends ComponentReference {
     kcContext =
-        inject<Extract<KcContext, { pageId: "delete-account-confirm.ftl" }>>(KC_CONTEXT);
+        inject<Extract<KcContext, { pageId: 'delete-account-confirm.ftl' }>>(KC_CONTEXT);
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
     override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
 }