@keycloakify/angular 20.0.2 → 20.1.0

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

@@ -20,9 +20,9 @@ class WebauthnRegisterComponent extends ComponentReference {
         this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
-        this.headerNode = viewChild('headerNode');
-        this.infoNode = viewChild('infoNode');
-        this.socialProvidersNode = viewChild('socialProvidersNode');
+        this.headerNode = viewChild('headerNode', ...(ngDevMode ? [{ debugName: "headerNode" }] : []));
+        this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
+        this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
         this.authButtonId = 'authenticateWebAuthnButton';
         const { url, challenge, userid, username, signatureAlgorithms, rpEntityName, rpId, attestationConveyancePreference, authenticatorAttachment, requireResidentKey, userVerificationRequirement, createTimeout, excludeCredentialIds } = this.kcContext;
         const scripts = [
@@ -57,15 +57,15 @@ class WebauthnRegisterComponent extends ComponentReference {
         ];
         this.loginResourceInjectorService.insertAdditionalScripts(scripts);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WebauthnRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: WebauthnRegisterComponent, isStandalone: true, selector: "kc-webauthn-register", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WebauthnRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: WebauthnRegisterComponent, isStandalone: true, selector: "kc-webauthn-register", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnRegisterComponent)
             }
         ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: WebauthnRegisterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WebauthnRegisterComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-register', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-webauthn-register.mjs","sources":["../../src/login/pages/webauthn-register/webauthn-register.component.ts","../../src/login/pages/webauthn-register/webauthn-register.component.html","../../src/login/pages/webauthn-register/keycloakify-angular-login-pages-webauthn-register.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\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 { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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: [KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-webauthn-register',\n    templateUrl: 'webauthn-register.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnRegisterComponent)\n        }\n    ]\n})\nexport class WebauthnRegisterComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-register.ftl' }>>(KC_LOGIN_CONTEXT);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\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\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const {\n            url,\n            challenge,\n            userid,\n            username,\n            signatureAlgorithms,\n            rpEntityName,\n            rpId,\n            attestationConveyancePreference,\n            authenticatorAttachment,\n            requireResidentKey,\n            userVerificationRequirement,\n            createTimeout,\n            excludeCredentialIds\n        } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'WebAuthnRegisterScript',\n                textContent: `\n              import { registerByWebAuthn } from \"${url.resourcesPath}/js/webauthnRegister.js\";\n              const registerButton = document.getElementById('${this.authButtonId}');\n              registerButton.addEventListener(\"click\", function() {\n                  const input = {\n                      challenge : '${challenge}',\n                      userid : '${userid}',\n                      username : '${username}',\n                      signatureAlgorithms : ${JSON.stringify(signatureAlgorithms)},\n                      rpEntityName : ${JSON.stringify(rpEntityName)},\n                      rpId : ${JSON.stringify(rpId)},\n                      attestationConveyancePreference : ${JSON.stringify(attestationConveyancePreference)},\n                      authenticatorAttachment : ${JSON.stringify(authenticatorAttachment)},\n                      requireResidentKey : ${JSON.stringify(requireResidentKey)},\n                      userVerificationRequirement : ${JSON.stringify(userVerificationRequirement)},\n                      createTimeout : ${createTimeout},\n                      excludeCredentialIds : ${JSON.stringify(excludeCredentialIds)},\n                      initLabel : ${JSON.stringify(this.i18n.msgStr('webauthn-registration-init-label'))},\n                      initLabelPrompt : ${JSON.stringify(this.i18n.msgStr('webauthn-registration-init-label-prompt'))},\n                      errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                  };\n                  registerByWebAuthn(input);\n              });\n          `\n            }\n        ];\n        this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n    }\n}\n","@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\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-webauthn-register.mjs","sources":["../../src/login/pages/webauthn-register/webauthn-register.component.ts","../../src/login/pages/webauthn-register/webauthn-register.component.html","../../src/login/pages/webauthn-register/keycloakify-angular-login-pages-webauthn-register.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\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 { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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: [KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-webauthn-register',\n    templateUrl: 'webauthn-register.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnRegisterComponent)\n        }\n    ]\n})\nexport class WebauthnRegisterComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-register.ftl' }>>(KC_LOGIN_CONTEXT);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\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\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const {\n            url,\n            challenge,\n            userid,\n            username,\n            signatureAlgorithms,\n            rpEntityName,\n            rpId,\n            attestationConveyancePreference,\n            authenticatorAttachment,\n            requireResidentKey,\n            userVerificationRequirement,\n            createTimeout,\n            excludeCredentialIds\n        } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'WebAuthnRegisterScript',\n                textContent: `\n              import { registerByWebAuthn } from \"${url.resourcesPath}/js/webauthnRegister.js\";\n              const registerButton = document.getElementById('${this.authButtonId}');\n              registerButton.addEventListener(\"click\", function() {\n                  const input = {\n                      challenge : '${challenge}',\n                      userid : '${userid}',\n                      username : '${username}',\n                      signatureAlgorithms : ${JSON.stringify(signatureAlgorithms)},\n                      rpEntityName : ${JSON.stringify(rpEntityName)},\n                      rpId : ${JSON.stringify(rpId)},\n                      attestationConveyancePreference : ${JSON.stringify(attestationConveyancePreference)},\n                      authenticatorAttachment : ${JSON.stringify(authenticatorAttachment)},\n                      requireResidentKey : ${JSON.stringify(requireResidentKey)},\n                      userVerificationRequirement : ${JSON.stringify(userVerificationRequirement)},\n                      createTimeout : ${createTimeout},\n                      excludeCredentialIds : ${JSON.stringify(excludeCredentialIds)},\n                      initLabel : ${JSON.stringify(this.i18n.msgStr('webauthn-registration-init-label'))},\n                      initLabelPrompt : ${JSON.stringify(this.i18n.msgStr('webauthn-registration-init-label-prompt'))},\n                      errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                  };\n                  registerByWebAuthn(input);\n              });\n          `\n            }\n        ];\n        this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n    }\n}\n","@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\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-services-i18n.mjs

@@ -3,10 +3,10 @@ import { Injectable } from '@angular/core';
 
 /** INTERNAL: DO NOT IMPORT THIS */
 class I18nService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/keycloakify-angular-login-services-login-resource-injector.mjs

@@ -48,20 +48,22 @@ class LoginResourceInjectorService {
             {
                 type: 'module',
                 id: 'authenticationSession',
-                textContent: `
-        import { checkCookiesAndSetTimer } from "${this.kcContext.url.resourcesPath}/js/authChecker.js";
-          
-        checkCookiesAndSetTimer(
-            "${this.kcContext.url.ssoLoginInOtherTabsUrl}"
-        );`
+                textContent: [
+                    `import { startSessionPolling, checkAuthSession } from "${this.kcContext.url.resourcesPath}/js/authChecker.js";`,
+                    ``,
+                    `startSessionPolling("${this.kcContext.url.ssoLoginInOtherTabsUrl}");`,
+                    this.kcContext.authenticationSession === undefined
+                        ? ''
+                        : `checkAuthSession("${this.kcContext.authenticationSession.authSessionIdHash}");`
+                ].join('\n')
             }
         ];
         this.insertAdditionalScripts(scripts);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: LoginResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: LoginResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoginResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoginResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: LoginResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoginResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/keycloakify-angular-login-services-login-resource-injector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-services-login-resource-injector.mjs","sources":["../../src/login/services/login-resource-injector/login-resource-injector.service.ts","../../src/login/services/login-resource-injector/keycloakify-angular-login-services-login-resource-injector.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { ResourceInjectorService } from '@keycloakify/angular/lib/services/resource-injector';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { catchError, forkJoin, of, switchMap } from 'rxjs';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class LoginResourceInjectorService {\n    private kcContext: KcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    private resourceInjectorService: ResourceInjectorService = inject(\n        ResourceInjectorService\n    );\n\n    injectResource(doUseDefaultCss = true) {\n        if (!doUseDefaultCss) {\n            this.injectScripts();\n            return of(true);\n        }\n        //reversed order of stylesheets to accomodate prepending to head\n        const stylesheets = [\n            `${this.kcContext.url.resourcesPath}/css/login.css`,\n            `${this.kcContext.url.resourcesCommonPath}/lib/pficon/pficon.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly-additions.min.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly.min.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/@patternfly/patternfly/patternfly.min.css`\n        ];\n\n        return forkJoin(\n            stylesheets.map(url => this.resourceInjectorService.createLink(url))\n        ).pipe(\n            switchMap(() => {\n                this.injectScripts();\n                return of(true);\n            }),\n            catchError(error => {\n                console.error('Error loading styles:', error);\n                return of(false);\n            })\n        );\n    }\n\n    insertAdditionalScripts(scripts: Script[]) {\n        scripts.map(script => this.resourceInjectorService.createScript(script));\n    }\n\n    private injectScripts() {\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`,\n                src: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`\n            },\n            ...(this.kcContext.scripts ?? []).map(script => ({\n                type: 'text/javascript',\n                src: script,\n                id: script\n            })),\n            {\n                type: 'module',\n                id: 'authenticationSession',\n                textContent: `\n        import { checkCookiesAndSetTimer } from \"${this.kcContext.url.resourcesPath}/js/authChecker.js\";\n          \n        checkCookiesAndSetTimer(\n            \"${this.kcContext.url.ssoLoginInOtherTabsUrl}\"\n        );`\n            }\n        ];\n        this.insertAdditionalScripts(scripts);\n    }\n}\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-services-login-resource-injector.mjs","sources":["../../src/login/services/login-resource-injector/login-resource-injector.service.ts","../../src/login/services/login-resource-injector/keycloakify-angular-login-services-login-resource-injector.ts"],"sourcesContent":["import { inject, Injectable } from '@angular/core';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { ResourceInjectorService } from '@keycloakify/angular/lib/services/resource-injector';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { catchError, forkJoin, of, switchMap } from 'rxjs';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class LoginResourceInjectorService {\n    private kcContext: KcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    private resourceInjectorService: ResourceInjectorService = inject(\n        ResourceInjectorService\n    );\n\n    injectResource(doUseDefaultCss = true) {\n        if (!doUseDefaultCss) {\n            this.injectScripts();\n            return of(true);\n        }\n        //reversed order of stylesheets to accomodate prepending to head\n        const stylesheets = [\n            `${this.kcContext.url.resourcesPath}/css/login.css`,\n            `${this.kcContext.url.resourcesCommonPath}/lib/pficon/pficon.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly-additions.min.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly.min.css`,\n            `${this.kcContext.url.resourcesCommonPath}/node_modules/@patternfly/patternfly/patternfly.min.css`\n        ];\n\n        return forkJoin(\n            stylesheets.map(url => this.resourceInjectorService.createLink(url))\n        ).pipe(\n            switchMap(() => {\n                this.injectScripts();\n                return of(true);\n            }),\n            catchError(error => {\n                console.error('Error loading styles:', error);\n                return of(false);\n            })\n        );\n    }\n\n    insertAdditionalScripts(scripts: Script[]) {\n        scripts.map(script => this.resourceInjectorService.createScript(script));\n    }\n\n    private injectScripts() {\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`,\n                src: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`\n            },\n            ...(this.kcContext.scripts ?? []).map(script => ({\n                type: 'text/javascript',\n                src: script,\n                id: script\n            })),\n            {\n                type: 'module',\n                id: 'authenticationSession',\n                textContent: [\n                    `import { startSessionPolling, checkAuthSession } from \"${this.kcContext.url.resourcesPath}/js/authChecker.js\";`,\n                    ``,\n                    `startSessionPolling(\"${this.kcContext.url.ssoLoginInOtherTabsUrl}\");`,\n                    this.kcContext.authenticationSession === undefined\n                        ? ''\n                        : `checkAuthSession(\"${this.kcContext.authenticationSession.authSessionIdHash}\");`\n                ].join('\\n')\n            }\n        ];\n        this.insertAdditionalScripts(scripts);\n    }\n}\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-services-user-profile-form.mjs

@@ -62,10 +62,10 @@ class UserProfileFormService {
         if (this.#unsubscribe)
             this.#unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: UserProfileFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: UserProfileFormService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UserProfileFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UserProfileFormService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: UserProfileFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UserProfileFormService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });

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

@@ -1,4 +1,4 @@
-import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 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';
@@ -29,9 +29,9 @@ class TemplateComponent extends ComponentReference {
         this.displayInfo = false;
         this.displayMessage = true;
         this.displayRequiredFields = false;
-        this.page = input();
-        this.pageRef = viewChild('pageRef', { read: ViewContainerRef });
-        this.userProfileFormFields = input();
+        this.page = input(...(ngDevMode ? [undefined, { debugName: "page" }] : []));
+        this.pageRef = viewChild('pageRef', ...(ngDevMode ? [{ debugName: "pageRef", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
+        this.userProfileFormFields = input(...(ngDevMode ? [undefined, { debugName: "userProfileFormFields" }] : []));
         this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);
         this.#effectRef = effect(() => {
             const page = this.page();
@@ -44,7 +44,7 @@ class TemplateComponent extends ComponentReference {
                 compRef.setInput('userProfileFormFields', userProfileFormFields);
             }
             this.onComponentCreated(compRef.instance);
-        }, { manualCleanup: true });
+        }, ...(ngDevMode ? [{ debugName: "#effectRef", manualCleanup: true }] : [{ manualCleanup: true }]));
     }
     applyKcIndexClasses() {
         const kcClsx = getKcClsx({
@@ -63,7 +63,7 @@ class TemplateComponent extends ComponentReference {
         });
     }
     tryAnotherWay() {
-        document.forms['kc-select-try-another-way-form'].submit();
+        document.forms['kc-select-try-another-way-form'].requestSubmit();
     }
     onComponentCreated(compRef) {
         if ('displayInfo' in compRef) {
@@ -85,34 +85,34 @@ class TemplateComponent extends ComponentReference {
             this.headerNode = computed(() => {
                 const headerNode = compRef.headerNode();
                 return headerNode;
-            });
+            }, ...(ngDevMode ? [{ debugName: "headerNode" }] : []));
         }
         if ('infoNode' in compRef && compRef.infoNode) {
             this.infoNode = computed(() => {
                 const infoNode = compRef.infoNode();
                 return infoNode;
-            });
+            }, ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         }
         if ('socialProvidersNode' in compRef && compRef.socialProvidersNode) {
             this.socialProvidersNode = computed(() => {
                 const socialProvidersNode = compRef.socialProvidersNode();
                 return socialProvidersNode;
-            });
+            }, ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
         }
         this.title.setTitle(this.documentTitle ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));
         this.applyKcIndexClasses();
         this.#cdr.markForCheck();
         this.#effectRef.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TemplateComponent)
             }
-        ], viewQueries: [{ propertyName: "pageRef", first: true, predicate: ["pageRef"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    <ng-template #pageRef></ng-template>\n\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "pageRef", first: true, predicate: ["pageRef"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    <ng-template #pageRef></ng-template>\n\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: TemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-root', imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-template.mjs","sources":["../../src/login/template/template.component.ts","../../src/login/template/template.component.html","../../src/login/template/keycloakify-angular-login-template.ts"],"sourcesContent":["import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    computed,\n    effect,\n    EffectRef,\n    forwardRef,\n    inject,\n    input,\n    Renderer2,\n    type Signal,\n    type TemplateRef,\n    type Type,\n    viewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\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 { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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, getKcClsx } from 'keycloakify/login/lib/kcClsx';\nimport type { Observable } from 'rxjs';\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: 'template.component.html',\n    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    #effectRef: EffectRef;\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\n\n    displayInfo = false;\n    displayMessage = true;\n    displayRequiredFields = false;\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n    pageRef = viewChild('pageRef', { read: ViewContainerRef });\n\n    userProfileFormFields = input<Type<unknown>>();\n    headerNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    infoNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    socialProvidersNode: Signal<TemplateRef<HTMLElement>> | undefined;\n\n    constructor() {\n        super();\n\n        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);\n        this.#effectRef = effect(\n            () => {\n                const page = this.page();\n                const pageRef = this.pageRef();\n                if (!page || !pageRef) return;\n\n                const userProfileFormFields = this.userProfileFormFields();\n\n                const compRef = pageRef.createComponent(page);\n                if ('userProfileFormFields' in (compRef.instance as object) && userProfileFormFields) {\n                    compRef.setInput('userProfileFormFields', userProfileFormFields);\n                }\n                this.onComponentCreated(compRef.instance as object);\n            },\n            { manualCleanup: true }\n        );\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = this.bodyClassName ?? kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    tryAnotherWay() {\n        document.forms['kc-select-try-another-way-form' as never].submit();\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('displayInfo' in compRef) {\n            this.displayInfo = !!compRef.displayInfo as boolean;\n        }\n        if ('displayMessage' in compRef) {\n            this.displayMessage = !!compRef.displayMessage as boolean;\n        }\n        if ('displayRequiredFields' in compRef) {\n            this.displayRequiredFields = !!compRef.displayRequiredFields as boolean;\n        }\n        if ('documentTitle' in compRef && compRef.documentTitle) {\n            this.documentTitle = compRef.documentTitle as string;\n        }\n        if ('bodyClassName' in compRef && compRef.bodyClassName) {\n            this.bodyClassName = compRef.bodyClassName as string;\n        }\n        if ('headerNode' in compRef && compRef.headerNode) {\n            this.headerNode = computed(() => {\n                const headerNode = (compRef.headerNode as Signal<TemplateRef<HTMLElement>>)();\n                return headerNode;\n            });\n        }\n        if ('infoNode' in compRef && compRef.infoNode) {\n            this.infoNode = computed(() => {\n                const infoNode = (compRef.infoNode as Signal<TemplateRef<HTMLElement>>)();\n                return infoNode;\n            });\n        }\n        if ('socialProvidersNode' in compRef && compRef.socialProvidersNode) {\n            this.socialProvidersNode = computed(() => {\n                const socialProvidersNode = (compRef.socialProvidersNode as Signal<TemplateRef<HTMLElement>>)();\n                return socialProvidersNode;\n            });\n        }\n        this.title.setTitle(this.documentTitle ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));\n        this.applyKcIndexClasses();\n        this.#cdr.markForCheck();\n        this.#effectRef.destroy();\n    }\n}\n","@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    <ng-template #pageRef></ng-template>\n\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\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-template.mjs","sources":["../../src/login/template/template.component.ts","../../src/login/template/template.component.html","../../src/login/template/keycloakify-angular-login-template.ts"],"sourcesContent":["import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    computed,\n    effect,\n    EffectRef,\n    forwardRef,\n    inject,\n    input,\n    Renderer2,\n    type Signal,\n    type TemplateRef,\n    type Type,\n    viewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\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 { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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, getKcClsx } from 'keycloakify/login/lib/kcClsx';\nimport type { Observable } from 'rxjs';\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: 'template.component.html',\n    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    #effectRef: EffectRef;\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\n\n    displayInfo = false;\n    displayMessage = true;\n    displayRequiredFields = false;\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n    pageRef = viewChild('pageRef', { read: ViewContainerRef });\n\n    userProfileFormFields = input<Type<unknown>>();\n    headerNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    infoNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    socialProvidersNode: Signal<TemplateRef<HTMLElement>> | undefined;\n\n    constructor() {\n        super();\n\n        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);\n        this.#effectRef = effect(\n            () => {\n                const page = this.page();\n                const pageRef = this.pageRef();\n                if (!page || !pageRef) return;\n\n                const userProfileFormFields = this.userProfileFormFields();\n\n                const compRef = pageRef.createComponent(page);\n                if ('userProfileFormFields' in (compRef.instance as object) && userProfileFormFields) {\n                    compRef.setInput('userProfileFormFields', userProfileFormFields);\n                }\n                this.onComponentCreated(compRef.instance as object);\n            },\n            { manualCleanup: true }\n        );\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = this.bodyClassName ?? kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    tryAnotherWay() {\n        document.forms['kc-select-try-another-way-form' as never].requestSubmit();\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('displayInfo' in compRef) {\n            this.displayInfo = !!compRef.displayInfo as boolean;\n        }\n        if ('displayMessage' in compRef) {\n            this.displayMessage = !!compRef.displayMessage as boolean;\n        }\n        if ('displayRequiredFields' in compRef) {\n            this.displayRequiredFields = !!compRef.displayRequiredFields as boolean;\n        }\n        if ('documentTitle' in compRef && compRef.documentTitle) {\n            this.documentTitle = compRef.documentTitle as string;\n        }\n        if ('bodyClassName' in compRef && compRef.bodyClassName) {\n            this.bodyClassName = compRef.bodyClassName as string;\n        }\n        if ('headerNode' in compRef && compRef.headerNode) {\n            this.headerNode = computed(() => {\n                const headerNode = (compRef.headerNode as Signal<TemplateRef<HTMLElement>>)();\n                return headerNode;\n            });\n        }\n        if ('infoNode' in compRef && compRef.infoNode) {\n            this.infoNode = computed(() => {\n                const infoNode = (compRef.infoNode as Signal<TemplateRef<HTMLElement>>)();\n                return infoNode;\n            });\n        }\n        if ('socialProvidersNode' in compRef && compRef.socialProvidersNode) {\n            this.socialProvidersNode = computed(() => {\n                const socialProvidersNode = (compRef.socialProvidersNode as Signal<TemplateRef<HTMLElement>>)();\n                return socialProvidersNode;\n            });\n        }\n        this.title.setTitle(this.documentTitle ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));\n        this.applyKcIndexClasses();\n        this.#cdr.markForCheck();\n        this.#effectRef.destroy();\n    }\n}\n","@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    <ng-template #pageRef></ng-template>\n\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@keycloakify/angular",
   "type": "module",
-  "version": "20.0.2",
+  "version": "20.1.0",
   "peerDependencies": {
-    "keycloakify": "^11.8.0",
+    "keycloakify": "^11.9.0",
     "@angular/core": "^20.0.0",
     "@angular/common": "^20.0.0",
     "@angular/platform-browser": "^20.0.0"
@@ -214,10 +214,6 @@
       "types": "./login/directives/kc-class/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-directives-kc-class.mjs"
     },
-    "./login/providers/keycloakify-angular": {
-      "types": "./login/providers/keycloakify-angular/index.d.ts",
-      "default": "./fesm2022/keycloakify-angular-login-providers-keycloakify-angular.mjs"
-    },
     "./login/pages/code": {
       "types": "./login/pages/code/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-pages-code.mjs"
@@ -330,14 +326,14 @@
       "types": "./login/pages/logout-confirm/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-pages-logout-confirm.mjs"
     },
-    "./login/pages/saml-post-form": {
-      "types": "./login/pages/saml-post-form/index.d.ts",
-      "default": "./fesm2022/keycloakify-angular-login-pages-saml-post-form.mjs"
-    },
     "./login/pages/register": {
       "types": "./login/pages/register/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-pages-register.mjs"
     },
+    "./login/pages/saml-post-form": {
+      "types": "./login/pages/saml-post-form/index.d.ts",
+      "default": "./fesm2022/keycloakify-angular-login-pages-saml-post-form.mjs"
+    },
     "./login/pages/select-authenticator": {
       "types": "./login/pages/select-authenticator/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-pages-select-authenticator.mjs"
@@ -362,6 +358,10 @@
       "types": "./login/pages/webauthn-register/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-pages-webauthn-register.mjs"
     },
+    "./login/providers/keycloakify-angular": {
+      "types": "./login/providers/keycloakify-angular/index.d.ts",
+      "default": "./fesm2022/keycloakify-angular-login-providers-keycloakify-angular.mjs"
+    },
     "./login/services/i18n": {
       "types": "./login/services/i18n/index.d.ts",
       "default": "./fesm2022/keycloakify-angular-login-services-i18n.mjs"

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

@@ -48,6 +48,6 @@ export class IdpReviewUserProfileComponent extends ComponentReference {
     isFormSubmittable = toSignal(this.#userProfileFormService.formState$.pipe(map(s => s.isFormSubmittable)), { initialValue: false });
 
     onCallback() {
-        (document.getElementById('kc-register-form') as HTMLFormElement).submit();
+        (document.getElementById('kc-register-form') as HTMLFormElement).requestSubmit();
     }
 }

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

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

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

@@ -40,7 +40,7 @@ export class RegisterComponent extends ComponentReference {
 
     displayRequiredFields = false;
     displayInfo = false;
-    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('global');
+    displayMessage = !this.kcContext?.messagesPerField?.existsError('global');
 
     headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');
     infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');
@@ -51,6 +51,6 @@ export class RegisterComponent extends ComponentReference {
     userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();
 
     onCallback() {
-        (document.getElementById('kc-register-form') as HTMLFormElement).submit();
+        (document.getElementById('kc-register-form') as HTMLFormElement).requestSubmit();
     }
 }

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

@@ -49,6 +49,6 @@ export class SamlPostFormComponent extends ComponentReference implements AfterVi
             return;
         }
 
-        this.htmlFormElement()!.nativeElement.submit();
+        this.htmlFormElement()!.nativeElement.requestSubmit();
     }
 }

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

@@ -46,6 +46,6 @@ export class WebauthnErrorComponent extends ComponentReference {
         // @ts-expect-error: Trusted Keycloak's code
         document.getElementById('executionValue').value = '${execution}';
         // @ts-expect-error: Trusted Keycloak's code
-        document.getElementById('kc-error-credential-form').submit();
+        document.getElementById('kc-error-credential-form').requestSubmit();
     }
 }

package/src/login/services/login-resource-injector/login-resource-injector.service.ts

@@ -61,12 +61,14 @@ export class LoginResourceInjectorService {
             {
                 type: 'module',
                 id: 'authenticationSession',
-                textContent: `
-        import { checkCookiesAndSetTimer } from "${this.kcContext.url.resourcesPath}/js/authChecker.js";
-          
-        checkCookiesAndSetTimer(
-            "${this.kcContext.url.ssoLoginInOtherTabsUrl}"
-        );`
+                textContent: [
+                    `import { startSessionPolling, checkAuthSession } from "${this.kcContext.url.resourcesPath}/js/authChecker.js";`,
+                    ``,
+                    `startSessionPolling("${this.kcContext.url.ssoLoginInOtherTabsUrl}");`,
+                    this.kcContext.authenticationSession === undefined
+                        ? ''
+                        : `checkAuthSession("${this.kcContext.authenticationSession.authSessionIdHash}");`
+                ].join('\n')
             }
         ];
         this.insertAdditionalScripts(scripts);

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

@@ -110,7 +110,7 @@ export class TemplateComponent extends ComponentReference {
     }
 
     tryAnotherWay() {
-        document.forms['kc-select-try-another-way-form' as never].submit();
+        document.forms['kc-select-try-another-way-form' as never].requestSubmit();
     }
 
     onComponentCreated(compRef: object) {