@keycloakify/angular 0.0.1-rc.17 → 0.0.1-rc.19

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-register.mjs","sources":["../../src/login/pages/register/register.component.ts","../../src/login/pages/register/register.component.html","../../src/login/pages/register/keycloakify-angular-login-pages-register.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\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';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: './register.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent, NgComponentOutlet],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => RegisterComponent)\n        }\n    ]\n})\nexport class RegisterComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'register.ftl' }>>(KC_LOGIN_CONTEXT);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    isFormSubmittable = signal(false);\n    areTermsAccepted = signal(false);\n    displayInfo: boolean = false;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('global');\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@let messageHeader = kcContext.messageHeader;\n@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let recaptchaRequired = kcContext.recaptchaRequired;\n@let recaptchaVisible = kcContext.recaptchaVisible;\n@let recaptchaSiteKey = kcContext.recaptchaSiteKey;\n@let recaptchaAction = kcContext.recaptchaAction;\n@let termsAcceptanceRequired = kcContext.termsAcceptanceRequired;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ messageHeader ?? i18n.advancedMsgStr('registerTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-register-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.registrationAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\n            @if (termsAcceptanceRequired) {\n                <div className=\"form-group\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        {{ i18n.msgStr('termsTitle') }}\n                        <div id=\"kc-registration-terms-text\">\n                            {{ i18n.msgStr('termsText') }}\n                        </div>\n                    </div>\n                </div>\n                <div className=\"form-group\">\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <input\n                            type=\"checkbox\"\n                            id=\"termsAccepted\"\n                            name=\"termsAccepted\"\n                            [kcClass]=\"'kcCheckboxInputClass'\"\n                            [checked]=\"areTermsAccepted()\"\n                            (change)=\"areTermsAccepted.set($any($event.target).checked)\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('termsAccepted')\"\n                        />\n                        <label\n                            for=\"termsAccepted\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('acceptTerms') }}\n                        </label>\n                    </div>\n                    @if (messagesPerField.existsError('termsAccepted')) {\n                        <div [kcClass]=\"'kcLabelWrapperClass'\">\n                            <span\n                                id=\"input-error-terms-accepted\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                aria-live=\"polite\"\n                                [innerHtml]=\"messagesPerField.get('termsAccepted') | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                </div>\n            }\n            @if (recaptchaRequired && (recaptchaVisible || recaptchaAction === undefined)) {\n                <div className=\"form-group\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        <div\n                            class=\"g-recaptcha\"\n                            data-size=\"compact\"\n                            [attr.data-sitekey]=\"recaptchaSiteKey\"\n                            [attr.data-action]=\"recaptchaAction\"\n                        ></div>\n                    </div>\n                </div>\n            }\n\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        <span>\n                            <a\n                                [href]=\"url.loginUrl\"\n                                [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                            ></a>\n                        </span>\n                    </div>\n                </div>\n                @if (recaptchaRequired && !recaptchaVisible && recaptchaAction !== undefined) {\n                    <div\n                        id=\"kc-form-buttons\"\n                        [kcClass]=\"'kcFormButtonsClass'\"\n                    >\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                            class=\"g-recaptcha\"\n                            [attr.data-sitekey]=\"recaptchaSiteKey\"\n                            [attr.data-callback]=\"onCallback\"\n                            [attr.data-action]=\"recaptchaAction\"\n                            type=\"submit\"\n                        >\n                            {{ i18n.msgStr('doRegister') }}\n                        </button>\n                    </div>\n                } @else {\n                    <div\n                        id=\"kc-form-buttons\"\n                        [kcClass]=\"'kcFormButtonsClass'\"\n                    >\n                        <input\n                            [disabled]=\"!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doRegister')\"\n                        />\n                    </div>\n                }\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-register.mjs","sources":["../../src/login/pages/register/register.component.ts","../../src/login/pages/register/register.component.html","../../src/login/pages/register/keycloakify-angular-login-pages-register.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\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 { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\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 { SubmitService } from '@keycloakify/angular/login/services/submit';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    selector: 'kc-register',\n    templateUrl: './register.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent, NgComponentOutlet],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => RegisterComponent)\n        }\n    ]\n})\nexport class RegisterComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'register.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('global');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isFormSubmittable = signal(false);\n    areTermsAccepted = signal(false);\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@let messageHeader = kcContext.messageHeader;\n@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let recaptchaRequired = kcContext.recaptchaRequired;\n@let recaptchaVisible = kcContext.recaptchaVisible;\n@let recaptchaSiteKey = kcContext.recaptchaSiteKey;\n@let recaptchaAction = kcContext.recaptchaAction;\n@let termsAcceptanceRequired = kcContext.termsAcceptanceRequired;\n\n<ng-template #headerNode>\n    {{ messageHeader ?? i18n.advancedMsgStr('registerTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.registrationAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    @if (termsAcceptanceRequired) {\n        <div className=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                {{ i18n.msgStr('termsTitle') }}\n                <div id=\"kc-registration-terms-text\">\n                    {{ i18n.msgStr('termsText') }}\n                </div>\n            </div>\n        </div>\n        <div className=\"form-group\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <input\n                    type=\"checkbox\"\n                    id=\"termsAccepted\"\n                    name=\"termsAccepted\"\n                    [kcClass]=\"'kcCheckboxInputClass'\"\n                    [checked]=\"areTermsAccepted()\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('termsAccepted')\"\n                    (change)=\"areTermsAccepted.set($any($event.target).checked)\"\n                />\n                <label\n                    for=\"termsAccepted\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('acceptTerms') }}\n                </label>\n            </div>\n            @if (messagesPerField.existsError('termsAccepted')) {\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <span\n                        id=\"input-error-terms-accepted\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHtml]=\"messagesPerField.get('termsAccepted') | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n        </div>\n    }\n    @if (recaptchaRequired && (recaptchaVisible || recaptchaAction === undefined)) {\n        <div className=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <div\n                    class=\"g-recaptcha\"\n                    data-size=\"compact\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-action]=\"recaptchaAction\"\n                ></div>\n            </div>\n        </div>\n    }\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        @if (recaptchaRequired && !recaptchaVisible && recaptchaAction !== undefined) {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <button\n                    class=\"g-recaptcha\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-callback]=\"onCallback\"\n                    [attr.data-action]=\"recaptchaAction\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </button>\n            </div>\n        } @else {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    [disabled]=\"!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doRegister')\"\n                />\n            </div>\n        }\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
@@ -14,42 +14,41 @@ class SamlPostFormComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
+        this.htmlFormElement = viewChild('setHtmlFormElement');
     }
     ngAfterViewInit() {
-        if (this.htmlFormElement === null) {
+        if (this.htmlFormElement() === null || this.htmlFormElement() === undefined) {
             return;
         }
         if (this.kcContext.samlPost.url === '#') {
             alert('In a real Keycloak the user would be redirected immediately');
             return;
         }
-        this.htmlFormElement.submit();
+        this.htmlFormElement().submit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SamlPostFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: SamlPostFormComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SamlPostFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SamlPostFormComponent, isStandalone: true, selector: "kc-saml-post-form", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SamlPostFormComponent)
             }
-        ], viewQueries: [{ propertyName: "htmlFormElement", first: true, predicate: ["setHtmlFormElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@let samlPost = kcContext.samlPost;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('saml.post-form.title') }}\n    </ng-container>\n    <ng-container content>\n        <p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n        <form\n            name=\"saml-post-binding\"\n            method=\"post\"\n            [action]=\"samlPost.url\"\n            #setHtmlFormElement\n        >\n            @if (!!samlPost.SAMLRequest) {\n                <input\n                    type=\"hidden\"\n                    name=\"SAMLRequest\"\n                    [value]=\"samlPost.SAMLRequest\"\n                />\n            }\n            @if (!!samlPost.SAMLResponse) {\n                <input\n                    type=\"hidden\"\n                    name=\"SAMLResponse\"\n                    [value]=\"samlPost.SAMLResponse\"\n                />\n            }\n            @if (!!samlPost.relayState) {\n                <input\n                    type=\"hidden\"\n                    name=\"RelayState\"\n                    [value]=\"samlPost.relayState\"\n                />\n            }\n            <noscript>\n                <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n                <input\n                    type=\"submit\"\n                    [value]=\"i18n.msgStr('doContinue')\"\n                />\n            </noscript>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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 }, { propertyName: "htmlFormElement", first: true, predicate: ["setHtmlFormElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let samlPost = kcContext.samlPost;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('saml.post-form.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n<form\n    #setHtmlFormElement\n    name=\"saml-post-binding\"\n    method=\"post\"\n    [action]=\"samlPost.url\"\n>\n    @if (!!samlPost.SAMLRequest) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLRequest\"\n            [value]=\"samlPost.SAMLRequest\"\n        />\n    }\n    @if (!!samlPost.SAMLResponse) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLResponse\"\n            [value]=\"samlPost.SAMLResponse\"\n        />\n    }\n    @if (!!samlPost.relayState) {\n        <input\n            type=\"hidden\"\n            name=\"RelayState\"\n            [value]=\"samlPost.relayState\"\n        />\n    }\n    <noscript>\n        <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n        <input\n            type=\"submit\"\n            [value]=\"i18n.msgStr('doContinue')\"\n        />\n    </noscript>\n</form>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SamlPostFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SamlPostFormComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent], selector: 'kc-saml-post-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => SamlPostFormComponent)
                         }
-                    ], template: "@let samlPost = kcContext.samlPost;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('saml.post-form.title') }}\n    </ng-container>\n    <ng-container content>\n        <p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n        <form\n            name=\"saml-post-binding\"\n            method=\"post\"\n            [action]=\"samlPost.url\"\n            #setHtmlFormElement\n        >\n            @if (!!samlPost.SAMLRequest) {\n                <input\n                    type=\"hidden\"\n                    name=\"SAMLRequest\"\n                    [value]=\"samlPost.SAMLRequest\"\n                />\n            }\n            @if (!!samlPost.SAMLResponse) {\n                <input\n                    type=\"hidden\"\n                    name=\"SAMLResponse\"\n                    [value]=\"samlPost.SAMLResponse\"\n                />\n            }\n            @if (!!samlPost.relayState) {\n                <input\n                    type=\"hidden\"\n                    name=\"RelayState\"\n                    [value]=\"samlPost.relayState\"\n                />\n            }\n            <noscript>\n                <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n                <input\n                    type=\"submit\"\n                    [value]=\"i18n.msgStr('doContinue')\"\n                />\n            </noscript>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
-        }], propDecorators: { htmlFormElement: [{
-                type: ViewChild,
-                args: ['setHtmlFormElement']
-            }] } });
+                    ], template: "@let samlPost = kcContext.samlPost;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('saml.post-form.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n<form\n    #setHtmlFormElement\n    name=\"saml-post-binding\"\n    method=\"post\"\n    [action]=\"samlPost.url\"\n>\n    @if (!!samlPost.SAMLRequest) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLRequest\"\n            [value]=\"samlPost.SAMLRequest\"\n        />\n    }\n    @if (!!samlPost.SAMLResponse) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLResponse\"\n            [value]=\"samlPost.SAMLResponse\"\n        />\n    }\n    @if (!!samlPost.relayState) {\n        <input\n            type=\"hidden\"\n            name=\"RelayState\"\n            [value]=\"samlPost.relayState\"\n        />\n    }\n    <noscript>\n        <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n        <input\n            type=\"submit\"\n            [value]=\"i18n.msgStr('doContinue')\"\n        />\n    </noscript>\n</form>\n" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

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

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

@@ -1,6 +1,6 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
@@ -16,28 +16,29 @@ class SelectAuthenticatorComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
-        this.displayMessage = false;
+        this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectAuthenticatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: SelectAuthenticatorComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectAuthenticatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SelectAuthenticatorComponent, isStandalone: true, selector: "kc-select-authenticator", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SelectAuthenticatorComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginChooseAuthenticator') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-select-credential-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcSelectAuthListClass'\">\n                @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                    <button\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                        type=\"submit\"\n                        name=\"authenticationExecution\"\n                        [value]=\"authenticationSelection.authExecId\"\n                    >\n                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                            <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                            </div>\n                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                            </div>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                        <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                            <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                        </div>\n                    </button>\n                }\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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 auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n<ng-container content>\n    <form\n        id=\"kc-select-credential-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcSelectAuthListClass'\">\n            @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                <button\n                    type=\"submit\"\n                    name=\"authenticationExecution\"\n                    [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    [value]=\"authenticationSelection.authExecId\"\n                >\n                    <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                        <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                        <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                        </div>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                    <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                        <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                    </div>\n                </button>\n            }\n        </div></form\n></ng-container>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SelectAuthenticatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectAuthenticatorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgClass], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgClass], selector: 'kc-select-authenticator', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => SelectAuthenticatorComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginChooseAuthenticator') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-select-credential-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcSelectAuthListClass'\">\n                @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                    <button\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                        type=\"submit\"\n                        name=\"authenticationExecution\"\n                        [value]=\"authenticationSelection.authExecId\"\n                    >\n                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                            <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                            </div>\n                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                            </div>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                        <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                            <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                        </div>\n                    </button>\n                }\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n<ng-container content>\n    <form\n        id=\"kc-select-credential-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcSelectAuthListClass'\">\n            @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                <button\n                    type=\"submit\"\n                    name=\"authenticationExecution\"\n                    [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    [value]=\"authenticationSelection.authExecId\"\n                >\n                    <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                        <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                        <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                        </div>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                    <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                        <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                    </div>\n                </button>\n            }\n        </div></form\n></ng-container>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-select-authenticator.mjs","sources":["../../src/login/pages/select-authenticator/select-authenticator.component.ts","../../src/login/pages/select-authenticator/select-authenticator.component.html","../../src/login/pages/select-authenticator/keycloakify-angular-login-pages-select-authenticator.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\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';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgClass],\n    selector: 'kc-root',\n    templateUrl: 'select-authenticator.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SelectAuthenticatorComponent)\n        }\n    ]\n})\nexport class SelectAuthenticatorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'select-authenticator.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n}\n","@let url = kcContext.url;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginChooseAuthenticator') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-select-credential-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcSelectAuthListClass'\">\n                @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                    <button\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                        type=\"submit\"\n                        name=\"authenticationExecution\"\n                        [value]=\"authenticationSelection.authExecId\"\n                    >\n                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                            <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                            </div>\n                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                            </div>\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                        <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                            <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                        </div>\n                    </button>\n                }\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-select-authenticator.mjs","sources":["../../src/login/pages/select-authenticator/select-authenticator.component.ts","../../src/login/pages/select-authenticator/select-authenticator.component.html","../../src/login/pages/select-authenticator/keycloakify-angular-login-pages-select-authenticator.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgClass],\n    selector: 'kc-select-authenticator',\n    templateUrl: 'select-authenticator.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SelectAuthenticatorComponent)\n        }\n    ]\n})\nexport class SelectAuthenticatorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'select-authenticator.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = true;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n<ng-container content>\n    <form\n        id=\"kc-select-credential-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcSelectAuthListClass'\">\n            @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                <button\n                    type=\"submit\"\n                    name=\"authenticationExecution\"\n                    [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    [value]=\"authenticationSelection.authExecId\"\n                >\n                    <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                        <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                        <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                        </div>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                    <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                        <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                    </div>\n                </button>\n            }\n        </div></form\n></ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BM,MAAO,4BAA6B,SAAQ,kBAAkB,CAAA;AAbpE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA6D,gBAAgB,CAAC,CAAC;AACjG,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAjBY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAP1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA4B,CAAC;AAC9D,aAAA;SACJ,ECxBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,k1DAwCA,4CDzBiC,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWpC,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAbxC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAA,QAAA,EAC7C,yBAAyB,EAAA,eAAA,EAElB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kCAAkC,CAAC;AAC9D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,k1DAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
@@ -15,28 +15,29 @@ class TermsComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = false;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: TermsComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: TermsComponent, isStandalone: true, selector: "kc-terms", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TermsComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('termsTitle') }}\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n        <form\n            class=\"form-actions\"\n            [action]=\"url.loginAction\"\n            method=\"POST\"\n        >\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                name=\"accept\"\n                id=\"kc-accept\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doAccept')\"\n            />\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                name=\"cancel\"\n                id=\"kc-decline\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doDecline')\"\n            />\n        </form>\n        <div className=\"clearfix\"></div>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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\n<ng-template #headerNode>\n    {{ i18n.msgStr('termsTitle') }}\n</ng-template>\n<div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n<form\n    class=\"form-actions\"\n    method=\"POST\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        name=\"accept\"\n        id=\"kc-accept\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doAccept')\"\n    />\n    <input\n        name=\"cancel\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doDecline')\"\n    />\n</form>\n<div className=\"clearfix\"></div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TermsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TermsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-terms', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => TermsComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('termsTitle') }}\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n        <form\n            class=\"form-actions\"\n            [action]=\"url.loginAction\"\n            method=\"POST\"\n        >\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                name=\"accept\"\n                id=\"kc-accept\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doAccept')\"\n            />\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                name=\"cancel\"\n                id=\"kc-decline\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doDecline')\"\n            />\n        </form>\n        <div className=\"clearfix\"></div>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('termsTitle') }}\n</ng-template>\n<div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n<form\n    class=\"form-actions\"\n    method=\"POST\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        name=\"accept\"\n        id=\"kc-accept\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doAccept')\"\n    />\n    <input\n        name=\"cancel\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doDecline')\"\n    />\n</form>\n<div className=\"clearfix\"></div>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-terms.mjs","sources":["../../src/login/pages/terms/terms.component.ts","../../src/login/pages/terms/terms.component.html","../../src/login/pages/terms/keycloakify-angular-login-pages-terms.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\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';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective],\n    selector: 'kc-root',\n    templateUrl: 'terms.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TermsComponent)\n        }\n    ]\n})\nexport class TermsComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'terms.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n}\n","@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('termsTitle') }}\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n        <form\n            class=\"form-actions\"\n            [action]=\"url.loginAction\"\n            method=\"POST\"\n        >\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                name=\"accept\"\n                id=\"kc-accept\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doAccept')\"\n            />\n            <input\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                name=\"cancel\"\n                id=\"kc-decline\"\n                type=\"submit\"\n                [value]=\"i18n.msgStr('doDecline')\"\n            />\n        </form>\n        <div className=\"clearfix\"></div>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-terms.mjs","sources":["../../src/login/pages/terms/terms.component.ts","../../src/login/pages/terms/terms.component.html","../../src/login/pages/terms/keycloakify-angular-login-pages-terms.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective],\n    selector: 'kc-terms',\n    templateUrl: 'terms.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TermsComponent)\n        }\n    ]\n})\nexport class TermsComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'terms.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('termsTitle') }}\n</ng-template>\n<div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\n<form\n    class=\"form-actions\"\n    method=\"POST\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        name=\"accept\"\n        id=\"kc-accept\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonClass', 'kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doAccept')\"\n    />\n    <input\n        name=\"cancel\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doDecline')\"\n    />\n</form>\n<div className=\"clearfix\"></div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,cAAe,SAAQ,kBAAkB,CAAA;AAbtD,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA8C,gBAAgB,CAAC,CAAC;AAClF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAjBY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAPZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,cAAc,CAAC;AAChD,aAAA;SACJ,ECvBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qyBA2BA,4CDbiC,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWpC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACpC,QAAA,EAAA,UAAU,EAEH,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,oBAAoB,CAAC;AAChD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,qyBAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -1,16 +1,14 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
-import { SubmitService } from '@keycloakify/angular/login/services/submit';
 
 class UpdateEmailComponent extends ComponentReference {
     #submitService;
@@ -19,35 +17,34 @@ class UpdateEmailComponent extends ComponentReference {
         this.#submitService = inject(SubmitService);
         this.kcContext = inject(KC_LOGIN_CONTEXT);
         this.i18n = inject(LOGIN_I18N);
-        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
-        this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(true);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = true;
         this.displayInfo = false;
         this.displayMessage = this.kcContext.messagesPerField.exists('global');
-        this.isFormSubmittable = signal(false);
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
         this.userProfileFormFields = input();
+        this.isFormSubmittable = signal(false);
         this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {
             this.isFormSubmittable.set(submittable);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UpdateEmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: UpdateEmailComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", 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: "18.2.7", ngImport: i0, type: UpdateEmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: UpdateEmailComponent, isStandalone: true, selector: "kc-update-email", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => UpdateEmailComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updateEmailTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-email-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [disabled]=\"!isFormSubmittable()\"\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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 isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UpdateEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UpdateEmailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent], selector: 'kc-update-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => UpdateEmailComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updateEmailTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-email-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [disabled]=\"!isFormSubmittable()\"\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-update-email.mjs","sources":["../../src/login/pages/update-email/update-email.component.ts","../../src/login/pages/update-email/update-email.component.html","../../src/login/pages/update-email/keycloakify-angular-login-pages-update-email.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\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 { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\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';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent],\n    selector: 'kc-root',\n    templateUrl: 'update-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UpdateEmailComponent)\n        }\n    ]\n})\nexport class UpdateEmailComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'update-email.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(true);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.exists('global');\n    isFormSubmittable = signal(false);\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updateEmailTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-email-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [disabled]=\"!isFormSubmittable()\"\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-update-email.mjs","sources":["../../src/login/pages/update-email/update-email.component.ts","../../src/login/pages/update-email/update-email.component.html","../../src/login/pages/update-email/keycloakify-angular-login-pages-update-email.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\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 { SubmitService } from '@keycloakify/angular/login/services/submit';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent],\n    selector: 'kc-update-email',\n    templateUrl: 'update-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UpdateEmailComponent)\n        }\n    ]\n})\nexport class UpdateEmailComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'update-email.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = true;\n    displayInfo = false;\n    displayMessage = this.kcContext.messagesPerField.exists('global');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n    isFormSubmittable = signal(false);\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}