@keycloakify/angular 0.2.20 → 0.2.22

package/README.md

@@ -6,7 +6,7 @@
     <br>
     <br>
     <a href="https://github.com/keycloakify/keycloakify-angular/actions">
-      <img src="https://github.com/keycloakify/keycloakify/workflows/ci/badge.svg?branch=main">
+      <img src="https://github.com/keycloakify/keycloakify-angular/actions/workflows/ci.yaml/badge.svg">
     </a>
     <a href="https://www.npmjs.com/package/@keycloakify/angular">
       <img src="https://img.shields.io/npm/dm/@keycloakify/angular">

package/bin/671.index.js

@@ -996,37 +996,44 @@ async function command(params) {
             console.log(`${source/* default */.Ay.green('✓')} ${source/* default */.Ay.bold(`.${external_path_.sep}` + (0,external_path_.relative)(process.cwd(), destDirPath))} moved from the @keycloakify/angular to your project`);
         }
     }
-    edit_KcPage: {
+    edit_KcFiles: {
         if (pageIdOrComponent !== templateValue &&
             pageIdOrComponent !== userProfileFormFieldsValue) {
-            break edit_KcPage;
+            break edit_KcFiles;
         }
-        const kcAppTsFilePath = (0,external_path_.join)(buildContext.themeSrcDirPath, themeType, 'KcPage.ts');
-        const kcAppTsCode = external_fs_.readFileSync(kcAppTsFilePath).toString('utf8');
-        const modifiedKcAppTsCode = await (async () => {
-            const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
-                .split(external_path_.sep)
-                .join('/');
-            let sourceCode = kcAppTsCode.replace(`@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`, componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({
-                componentRelativeDirPath_posix: `./${componentRelativeDirPath_posix}`
-            }));
-            run_prettier: {
-                if (!(await (0,runPrettier/* getIsPrettierAvailable */.L)())) {
-                    break run_prettier;
+        const filesToProcess = ['KcPage.ts', 'KcPageStory.ts'];
+        for (let fileName of filesToProcess) {
+            const filePath = (0,external_path_.join)(buildContext.themeSrcDirPath, themeType, fileName);
+            if (!external_fs_.existsSync(filePath)) {
+                console.log(source/* default */.Ay.yellow(`${fileName} not found, skipping`));
+                continue;
+            }
+            const originalCode = external_fs_.readFileSync(filePath).toString('utf8');
+            const modifiedCode = await (async () => {
+                const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
+                    .split(external_path_.sep)
+                    .join('/');
+                let sourceCode = originalCode.replace(`@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`, componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({
+                    componentRelativeDirPath_posix: `./${componentRelativeDirPath_posix}`
+                }));
+                run_prettier: {
+                    if (!(await (0,runPrettier/* getIsPrettierAvailable */.L)())) {
+                        break run_prettier;
+                    }
+                    sourceCode = await (0,runPrettier/* runPrettier */.JS)({
+                        filePath,
+                        sourceCode
+                    });
                 }
-                sourceCode = await (0,runPrettier/* runPrettier */.JS)({
-                    filePath: kcAppTsFilePath,
-                    sourceCode
-                });
+                return sourceCode;
+            })();
+            if (modifiedCode === originalCode) {
+                console.log(source/* default */.Ay.red(`Unable to automatically update ${fileName}, please update it manually`));
+                continue;
             }
-            return sourceCode;
-        })();
-        if (modifiedKcAppTsCode === kcAppTsCode) {
-            console.log(source/* default */.Ay.red('Unable to automatically update KcPage.ts, please update it manually'));
-            return;
+            external_fs_.writeFileSync(filePath, Buffer.from(modifiedCode, 'utf8'));
+            console.log(`${source/* default */.Ay.green('✓')} ${source/* default */.Ay.bold(`.${external_path_.sep}${(0,external_path_.relative)(process.cwd(), filePath)}`)} Updated`);
         }
-        external_fs_.writeFileSync(kcAppTsFilePath, Buffer.from(modifiedKcAppTsCode, 'utf8'));
-        console.log(`${source/* default */.Ay.green('✓')} ${source/* default */.Ay.bold(`.${external_path_.sep}` + (0,external_path_.relative)(process.cwd(), kcAppTsFilePath))} Updated`);
         return;
     }
     const pageId = pageIdOrComponent;

package/fesm2022/keycloakify-angular-account-directives-kc-class.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ElementRef, isDevMode, ɵstringify as _stringify, Directive, Input } from '@angular/core';
+import { inject, Renderer2, ElementRef, isDevMode, ɵstringify as _stringify, Input, Directive } from '@angular/core';
 import { getKcClsx } from 'keycloakify/account/lib/kcClsx';
 import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';
 

package/fesm2022/keycloakify-angular-account-template.mjs

@@ -1,6 +1,6 @@
 import { AsyncPipe, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ChangeDetectorRef, input, viewChild, ViewContainerRef, effect, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Renderer2, ChangeDetectorRef, input, viewChild, ViewContainerRef, effect, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, output, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, input, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { getButtonToDisplayForMultivaluedAttributeField } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 

package/fesm2022/keycloakify-angular-login-components-field-errors.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, inject, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-group-label.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, input, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { AttributesDirective } from '@keycloakify/angular/lib/directives/attributes';

package/fesm2022/keycloakify-angular-login-components-input-field-by-type.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, inject, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, output, inject, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ToArrayPipe } from '@keycloakify/angular/lib/pipes/to-array';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-components-input-tag-selects.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, output, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, input, output, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-input-tag.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, output, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, input, output, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { AttributesDirective } from '@keycloakify/angular/lib/directives/attributes';
 import { InputTypePipe } from '@keycloakify/angular/lib/pipes/input-type';
 import { ToArrayPipe } from '@keycloakify/angular/lib/pipes/to-array';

package/fesm2022/keycloakify-angular-login-components-logout-other-sessions.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-password-wrapper.mjs

@@ -1,6 +1,6 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Renderer2, input, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-select-tag.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, output, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, input, output, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-textarea-tag.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, output, inject, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-components-user-profile-form-fields.mjs

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, forwardRef, Component, ChangeDetectionStrategy, ContentChild } from '@angular/core';
+import { inject, forwardRef, ContentChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';

package/fesm2022/keycloakify-angular-login-directives-kc-class.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ElementRef, isDevMode, ɵstringify as _stringify, Directive, Input } from '@angular/core';
+import { inject, Renderer2, ElementRef, isDevMode, ɵstringify as _stringify, Input, Directive } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
 

package/fesm2022/keycloakify-angular-login-pages-code.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-delete-account-confirm.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-delete-credential.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-error.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-frontchannel-logout.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-idp-review-user-profile.mjs

@@ -1,6 +1,6 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-info.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-config-totp.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-confirm-override.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-confirm.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-email.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/fesm2022/keycloakify-angular-login-pages-login-oauth-grant.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/fesm2022/keycloakify-angular-login-pages-login-oauth2-device-verify-user-code.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-login-otp.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-page-expired.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';

package/fesm2022/keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-login-password.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-input.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-reset-otp.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-login-reset-password.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-update-password.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-update-profile.mjs

@@ -1,6 +1,6 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-username.mjs

@@ -1,6 +1,6 @@
 import { NgClass, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

package/fesm2022/keycloakify-angular-login-pages-login-verify-email.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-login-x509-info.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-login.mjs

@@ -1,6 +1,6 @@
 import { NgClass, CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
@@ -19,7 +19,7 @@ class LoginComponent extends ComponentReference {
         this.classes = inject(LOGIN_CLASSES);
         this.displayRequiredFields = false;
         this.displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;
-        this.displayMessage = this.kcContext?.messagesPerField?.existsError('username', 'password');
+        this.displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');
         this.headerNode = viewChild('headerNode');
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');

package/fesm2022/keycloakify-angular-login-pages-login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    selector: 'kc-login',\n    templateUrl: 'login.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginComponent)\n        }\n    ]\n})\nexport class LoginComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage = this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    selector: 'kc-login',\n    templateUrl: 'login.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginComponent)\n        }\n    ]\n})\nexport class LoginComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-logout-confirm.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/fesm2022/keycloakify-angular-login-pages-register.mjs

@@ -1,6 +1,6 @@
 import { NgComponentOutlet, AsyncPipe, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, input, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';

package/fesm2022/keycloakify-angular-login-pages-saml-post-form.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
@@ -29,7 +29,7 @@ class SamlPostFormComponent extends ComponentReference {
             alert('In a real Keycloak the user would be redirected immediately');
             return;
         }
-        this.htmlFormElement().submit();
+        this.htmlFormElement().nativeElement.submit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: SamlPostFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: SamlPostFormComponent, isStandalone: true, selector: "kc-saml-post-form", providers: [

package/fesm2022/keycloakify-angular-login-pages-saml-post-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-saml-post-form.mjs","sources":["../../src/login/pages/saml-post-form/saml-post-form.component.ts","../../src/login/pages/saml-post-form/saml-post-form.component.html","../../src/login/pages/saml-post-form/keycloakify-angular-login-pages-saml-post-form.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [],\n    selector: 'kc-saml-post-form',\n    templateUrl: 'saml-post-form.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SamlPostFormComponent)\n        }\n    ]\n})\nexport class SamlPostFormComponent extends ComponentReference implements AfterViewInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'saml-post-form.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = true;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    htmlFormElement = viewChild<HTMLFormElement>('setHtmlFormElement');\n\n    ngAfterViewInit(): void {\n        if (this.htmlFormElement() === null || this.htmlFormElement() === undefined) {\n            return;\n        }\n\n        if (this.kcContext.samlPost.url === '#') {\n            alert('In a real Keycloak the user would be redirected immediately');\n            return;\n        }\n\n        this.htmlFormElement()!.submit();\n    }\n}\n","@let samlPost = kcContext.samlPost;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('saml.post-form.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n<form\n    #setHtmlFormElement\n    name=\"saml-post-binding\"\n    method=\"post\"\n    [action]=\"samlPost.url\"\n>\n    @if (!!samlPost.SAMLRequest) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLRequest\"\n            [value]=\"samlPost.SAMLRequest\"\n        />\n    }\n    @if (!!samlPost.SAMLResponse) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLResponse\"\n            [value]=\"samlPost.SAMLResponse\"\n        />\n    }\n    @if (!!samlPost.relayState) {\n        <input\n            type=\"hidden\"\n            name=\"RelayState\"\n            [value]=\"samlPost.relayState\"\n        />\n    }\n    <noscript>\n        <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n        <input\n            type=\"submit\"\n            [value]=\"i18n.msgStr('doContinue')\"\n        />\n    </noscript>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-saml-post-form.mjs","sources":["../../src/login/pages/saml-post-form/saml-post-form.component.ts","../../src/login/pages/saml-post-form/saml-post-form.component.html","../../src/login/pages/saml-post-form/keycloakify-angular-login-pages-saml-post-form.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [],\n    selector: 'kc-saml-post-form',\n    templateUrl: 'saml-post-form.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SamlPostFormComponent)\n        }\n    ]\n})\nexport class SamlPostFormComponent extends ComponentReference implements AfterViewInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'saml-post-form.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = true;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    htmlFormElement = viewChild<ElementRef<HTMLFormElement>>('setHtmlFormElement');\n\n    ngAfterViewInit(): void {\n        if (this.htmlFormElement() === null || this.htmlFormElement() === undefined) {\n            return;\n        }\n\n        if (this.kcContext.samlPost.url === '#') {\n            alert('In a real Keycloak the user would be redirected immediately');\n            return;\n        }\n\n        this.htmlFormElement()!.nativeElement.submit();\n    }\n}\n","@let samlPost = kcContext.samlPost;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('saml.post-form.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n<form\n    #setHtmlFormElement\n    name=\"saml-post-binding\"\n    method=\"post\"\n    [action]=\"samlPost.url\"\n>\n    @if (!!samlPost.SAMLRequest) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLRequest\"\n            [value]=\"samlPost.SAMLRequest\"\n        />\n    }\n    @if (!!samlPost.SAMLResponse) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLResponse\"\n            [value]=\"samlPost.SAMLResponse\"\n        />\n    }\n    @if (!!samlPost.relayState) {\n        <input\n            type=\"hidden\"\n            name=\"RelayState\"\n            [value]=\"samlPost.relayState\"\n        />\n    }\n    <noscript>\n        <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n        <input\n            type=\"submit\"\n            [value]=\"i18n.msgStr('doContinue')\"\n        />\n    </noscript>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-select-authenticator.mjs

@@ -1,6 +1,6 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-terms.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

package/fesm2022/keycloakify-angular-login-pages-update-email.mjs

@@ -1,6 +1,6 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

package/fesm2022/keycloakify-angular-login-pages-webauthn-authenticate.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

package/fesm2022/keycloakify-angular-login-pages-webauthn-error.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

package/fesm2022/keycloakify-angular-login-pages-webauthn-register.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

package/fesm2022/keycloakify-angular-login-template.mjs

@@ -1,6 +1,6 @@
 import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ChangeDetectorRef, input, viewChild, ViewContainerRef, effect, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, Renderer2, ChangeDetectorRef, input, viewChild, ViewContainerRef, effect, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, type TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef, type TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
@@ -17,7 +17,7 @@ export declare class SamlPostFormComponent extends ComponentReference implements
     headerNode: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined>;
     infoNode: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined>;
     socialProvidersNode: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined>;
-    htmlFormElement: import("@angular/core").Signal<HTMLFormElement | undefined>;
+    htmlFormElement: import("@angular/core").Signal<ElementRef<HTMLFormElement> | undefined>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SamlPostFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SamlPostFormComponent, "kc-saml-post-form", never, {}, {}, never, never, true, never>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@keycloakify/angular",
   "type": "module",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "peerDependencies": {
     "keycloakify": "^11.8.0",
     "@angular/core": "^19.0.0",

package/src/bin/eject-page.ts

@@ -300,65 +300,69 @@ export async function command(params: { buildContext: BuildContext }) {
         }
     }
 
-    edit_KcPage: {
+    edit_KcFiles: {
         if (
             pageIdOrComponent !== templateValue &&
             pageIdOrComponent !== userProfileFormFieldsValue
         ) {
-            break edit_KcPage;
+            break edit_KcFiles;
         }
 
-        const kcAppTsFilePath = pathJoin(
-            buildContext.themeSrcDirPath,
-            themeType,
-            'KcPage.ts'
-        );
+        const filesToProcess = ['KcPage.ts', 'KcPageStory.ts'];
 
-        const kcAppTsCode = fs.readFileSync(kcAppTsFilePath).toString('utf8');
+        for (let fileName of filesToProcess) {
+            const filePath = pathJoin(buildContext.themeSrcDirPath, themeType, fileName);
 
-        const modifiedKcAppTsCode = await (async () => {
-            const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
-                .split(pathSep)
-                .join('/');
+            if (!fs.existsSync(filePath)) {
+                console.log(chalk.yellow(`${fileName} not found, skipping`));
+                continue;
+            }
 
-            let sourceCode = kcAppTsCode.replace(
-                `@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`,
-                componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({
-                    componentRelativeDirPath_posix: `./${componentRelativeDirPath_posix}`
-                })
-            );
+            const originalCode = fs.readFileSync(filePath).toString('utf8');
+
+            const modifiedCode = await (async () => {
+                const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
+                    .split(pathSep)
+                    .join('/');
+
+                let sourceCode = originalCode.replace(
+                    `@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`,
+                    componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({
+                        componentRelativeDirPath_posix: `./${componentRelativeDirPath_posix}`
+                    })
+                );
 
-            run_prettier: {
-                if (!(await getIsPrettierAvailable())) {
-                    break run_prettier;
+                run_prettier: {
+                    if (!(await getIsPrettierAvailable())) {
+                        break run_prettier;
+                    }
+
+                    sourceCode = await runPrettier({
+                        filePath,
+                        sourceCode
+                    });
                 }
 
-                sourceCode = await runPrettier({
-                    filePath: kcAppTsFilePath,
-                    sourceCode
-                });
+                return sourceCode;
+            })();
+
+            if (modifiedCode === originalCode) {
+                console.log(
+                    chalk.red(
+                        `Unable to automatically update ${fileName}, please update it manually`
+                    )
+                );
+                continue;
             }
 
-            return sourceCode;
-        })();
+            fs.writeFileSync(filePath, Buffer.from(modifiedCode, 'utf8'));
 
-        if (modifiedKcAppTsCode === kcAppTsCode) {
             console.log(
-                chalk.red(
-                    'Unable to automatically update KcPage.ts, please update it manually'
-                )
+                `${chalk.green('✓')} ${chalk.bold(
+                    `.${pathSep}${pathRelative(process.cwd(), filePath)}`
+                )} Updated`
             );
-            return;
         }
-
-        fs.writeFileSync(kcAppTsFilePath, Buffer.from(modifiedKcAppTsCode, 'utf8'));
-
-        console.log(
-            `${chalk.green('✓')} ${chalk.bold(
-                `.${pathSep}` + pathRelative(process.cwd(), kcAppTsFilePath)
-            )} Updated`
-        );
-
         return;
     }
 

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

@@ -36,7 +36,7 @@ export class LoginComponent extends ComponentReference {
 
     displayRequiredFields = false;
     displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;
-    displayMessage = this.kcContext?.messagesPerField?.existsError('username', 'password');
+    displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');
 
     headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');
     infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import type { I18n } from '@keycloakify/angular/login/i18n';
@@ -37,7 +37,7 @@ export class SamlPostFormComponent extends ComponentReference implements AfterVi
     headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');
     infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');
     socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');
-    htmlFormElement = viewChild<HTMLFormElement>('setHtmlFormElement');
+    htmlFormElement = viewChild<ElementRef<HTMLFormElement>>('setHtmlFormElement');
 
     ngAfterViewInit(): void {
         if (this.htmlFormElement() === null || this.htmlFormElement() === undefined) {
@@ -49,6 +49,6 @@ export class SamlPostFormComponent extends ComponentReference implements AfterVi
             return;
         }
 
-        this.htmlFormElement()!.submit();
+        this.htmlFormElement()!.nativeElement.submit();
     }
 }