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

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

@@ -1,15 +1,15 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, input, 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 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 LoginUpdateProfileComponent extends ComponentReference {
     #submitService;
@@ -20,33 +20,34 @@ class LoginUpdateProfileComponent extends ComponentReference {
         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.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
         this.isFormSubmittable = signal(false);
         this.userProfileFormFields = input();
         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: LoginUpdateProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginUpdateProfileComponent, 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: LoginUpdateProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginUpdateProfileComponent, isStandalone: true, selector: "kc-login-update-profile", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginUpdateProfileComponent)
             }
-        ], 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('loginProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-profile-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                <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                            formNoValidate\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"] }], 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('loginProfileTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-profile-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        <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                    formNoValidate\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUpdateProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginUpdateProfileComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet], selector: 'kc-login-update-profile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginUpdateProfileComponent)
                         }
-                    ], 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('loginProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-profile-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                <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                            formNoValidate\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('loginProfileTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-profile-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        <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                    formNoValidate\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-login-update-profile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-update-profile.mjs","sources":["../../src/login/pages/login-update-profile/login-update-profile.component.ts","../../src/login/pages/login-update-profile/login-update-profile.component.html","../../src/login/pages/login-update-profile/keycloakify-angular-login-pages-login-update-profile.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 { 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],\n    selector: 'kc-root',\n    templateUrl: 'login-update-profile.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUpdateProfileComponent)\n        }\n    ]\n})\nexport class LoginUpdateProfileComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'login-update-profile.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\n    isFormSubmittable = signal(false);\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\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('loginProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-update-profile-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                <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                            formNoValidate\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-login-update-profile.mjs","sources":["../../src/login/pages/login-update-profile/login-update-profile.component.ts","../../src/login/pages/login-update-profile/login-update-profile.component.html","../../src/login/pages/login-update-profile/keycloakify-angular-login-pages-login-update-profile.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 { 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    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet],\n    selector: 'kc-login-update-profile',\n    templateUrl: 'login-update-profile.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUpdateProfileComponent)\n        }\n    ]\n})\nexport class LoginUpdateProfileComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'login-update-profile.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 = true;\n    displayInfo = false;\n    displayMessage: boolean = 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    isFormSubmittable = 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}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginProfileTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-profile-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        <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                    formNoValidate\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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"}

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

@@ -1,11 +1,11 @@
 import { NgClass, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -14,32 +14,33 @@ class LoginUsernameComponent extends ComponentReference {
     constructor() {
         super(...arguments);
         this.kcContext = inject(KC_LOGIN_CONTEXT);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.isLoginButtonDisabled = signal(false);
+        this.displayRequiredFields = false;
         this.displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;
         this.displayMessage = !this.kcContext?.messagesPerField?.existsError('username');
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
+        this.isLoginButtonDisabled = signal(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginUsernameComponent, 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: LoginUsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginUsernameComponent, isStandalone: true, selector: "kc-login-username", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginUsernameComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\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        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container infoNode>\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"6\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </ng-container>\n    <ng-container socialProvidersNode>\n        @if (!!realm?.password && !!social?.providers?.length) {\n            <div\n                id=\"kc-social-providers\"\n                [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n            >\n                <hr />\n                <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n                <ul\n                    [kcClass]=\"{\n                        kcFormSocialAccountListClass: true,\n                        kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                    }\"\n                >\n                    @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                        <li>\n                            <a\n                                [id]=\"provider.alias\"\n                                [kcClass]=\"{\n                                    kcFormSocialAccountListButtonClass: true,\n                                    kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                                }\"\n                                type=\"button\"\n                                [href]=\"provider.loginUrl\"\n                            >\n                                @if (provider.iconClasses) {\n                                    <i\n                                        [ngClass]=\"provider.iconClasses\"\n                                        [kcClass]=\"'kcCommonLogoIdP'\"\n                                        aria-hidden=\"true\"\n                                    ></i>\n                                }\n                                <span\n                                    [ngClass]=\"{\n                                        'kc-social-icon-text': provider.iconClasses\n                                    }\"\n                                    [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                    [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                                ></span>\n                            </a>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-form\">\n            <div id=\"kc-form-wrapper\">\n                @if (realm.password) {\n                    <form\n                        id=\"kc-form-login\"\n                        (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n                        [action]=\"url?.loginAction\"\n                        method=\"post\"\n                    >\n                        @if (!usernameHidden) {\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <label\n                                    for=\"username\"\n                                    [kcClass]=\"'kcLabelClass'\"\n                                >\n                                    @if (!realm?.loginWithEmailAllowed) {\n                                        {{ i18n.msgStr('username') }}\n                                    } @else if (!realm?.registrationEmailAsUsername) {\n                                        {{ i18n.msgStr('usernameOrEmail') }}\n                                    } @else {\n                                        {{ i18n.msgStr('email') }}\n                                    }\n                                </label>\n                                <input\n                                    tabindex=\"2\"\n                                    id=\"username\"\n                                    [kcClass]=\"'kcInputClass'\"\n                                    name=\"username\"\n                                    type=\"text\"\n                                    autofocus\n                                    autoComplete=\"off\"\n                                    [defaultValue]=\"login?.username || ''\"\n                                    [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                                />\n                                @if (messagesPerField?.existsError('username')) {\n                                    <span\n                                        id=\"input-error\"\n                                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                                        aria-live=\"polite\"\n                                        [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                                    >\n                                    </span>\n                                }\n                                <!---->\n                            </div>\n                        }\n\n                        <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                            <div id=\"kc-form-options\">\n                                @if (realm.rememberMe && !usernameHidden) {\n                                    <div class=\"checkbox\">\n                                        <label>\n                                            <input\n                                                tabindex=\"5\"\n                                                id=\"rememberMe\"\n                                                name=\"rememberMe\"\n                                                type=\"checkbox\"\n                                                [defaultChecked]=\"!!login?.rememberMe\"\n                                            />\n                                            {{ i18n.msgStr('rememberMe') }}\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        <div\n                            id=\"kc-form-buttons\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <input\n                                tabindex=\"4\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                name=\"login\"\n                                id=\"kc-login\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doLogIn')\"\n                            />\n                        </div>\n                    </form>\n                }\n            </div>\n        </div>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 }], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container infoNode>\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-container>\n<ng-template #socialProvidersNode>\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                        <!---->\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUsernameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginUsernameComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kc-root', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent], providers: [
+            args: [{ selector: 'kc-login-username', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent], providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginUsernameComponent)
                         }
-                    ], template: "@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\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        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container infoNode>\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"6\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </ng-container>\n    <ng-container socialProvidersNode>\n        @if (!!realm?.password && !!social?.providers?.length) {\n            <div\n                id=\"kc-social-providers\"\n                [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n            >\n                <hr />\n                <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n                <ul\n                    [kcClass]=\"{\n                        kcFormSocialAccountListClass: true,\n                        kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                    }\"\n                >\n                    @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                        <li>\n                            <a\n                                [id]=\"provider.alias\"\n                                [kcClass]=\"{\n                                    kcFormSocialAccountListButtonClass: true,\n                                    kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                                }\"\n                                type=\"button\"\n                                [href]=\"provider.loginUrl\"\n                            >\n                                @if (provider.iconClasses) {\n                                    <i\n                                        [ngClass]=\"provider.iconClasses\"\n                                        [kcClass]=\"'kcCommonLogoIdP'\"\n                                        aria-hidden=\"true\"\n                                    ></i>\n                                }\n                                <span\n                                    [ngClass]=\"{\n                                        'kc-social-icon-text': provider.iconClasses\n                                    }\"\n                                    [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                    [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                                ></span>\n                            </a>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-form\">\n            <div id=\"kc-form-wrapper\">\n                @if (realm.password) {\n                    <form\n                        id=\"kc-form-login\"\n                        (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n                        [action]=\"url?.loginAction\"\n                        method=\"post\"\n                    >\n                        @if (!usernameHidden) {\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <label\n                                    for=\"username\"\n                                    [kcClass]=\"'kcLabelClass'\"\n                                >\n                                    @if (!realm?.loginWithEmailAllowed) {\n                                        {{ i18n.msgStr('username') }}\n                                    } @else if (!realm?.registrationEmailAsUsername) {\n                                        {{ i18n.msgStr('usernameOrEmail') }}\n                                    } @else {\n                                        {{ i18n.msgStr('email') }}\n                                    }\n                                </label>\n                                <input\n                                    tabindex=\"2\"\n                                    id=\"username\"\n                                    [kcClass]=\"'kcInputClass'\"\n                                    name=\"username\"\n                                    type=\"text\"\n                                    autofocus\n                                    autoComplete=\"off\"\n                                    [defaultValue]=\"login?.username || ''\"\n                                    [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                                />\n                                @if (messagesPerField?.existsError('username')) {\n                                    <span\n                                        id=\"input-error\"\n                                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                                        aria-live=\"polite\"\n                                        [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                                    >\n                                    </span>\n                                }\n                                <!---->\n                            </div>\n                        }\n\n                        <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                            <div id=\"kc-form-options\">\n                                @if (realm.rememberMe && !usernameHidden) {\n                                    <div class=\"checkbox\">\n                                        <label>\n                                            <input\n                                                tabindex=\"5\"\n                                                id=\"rememberMe\"\n                                                name=\"rememberMe\"\n                                                type=\"checkbox\"\n                                                [defaultChecked]=\"!!login?.rememberMe\"\n                                            />\n                                            {{ i18n.msgStr('rememberMe') }}\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        <div\n                            id=\"kc-form-buttons\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <input\n                                tabindex=\"4\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                name=\"login\"\n                                id=\"kc-login\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doLogIn')\"\n                            />\n                        </div>\n                    </form>\n                }\n            </div>\n        </div>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container infoNode>\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-container>\n<ng-template #socialProvidersNode>\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                        <!---->\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-username.mjs","sources":["../../src/login/pages/login-username/login-username.component.ts","../../src/login/pages/login-username/login-username.component.html","../../src/login/pages/login-username/keycloakify-angular-login-pages-login-username.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal } 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 { 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';\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: './login-username.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUsernameComponent)\n        }\n    ]\n})\nexport class LoginUsernameComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-username.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    isLoginButtonDisabled = signal(false);\n    displayInfo: boolean = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('username');\n}\n","@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\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        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container infoNode>\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"6\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </ng-container>\n    <ng-container socialProvidersNode>\n        @if (!!realm?.password && !!social?.providers?.length) {\n            <div\n                id=\"kc-social-providers\"\n                [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n            >\n                <hr />\n                <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n                <ul\n                    [kcClass]=\"{\n                        kcFormSocialAccountListClass: true,\n                        kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                    }\"\n                >\n                    @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                        <li>\n                            <a\n                                [id]=\"provider.alias\"\n                                [kcClass]=\"{\n                                    kcFormSocialAccountListButtonClass: true,\n                                    kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                                }\"\n                                type=\"button\"\n                                [href]=\"provider.loginUrl\"\n                            >\n                                @if (provider.iconClasses) {\n                                    <i\n                                        [ngClass]=\"provider.iconClasses\"\n                                        [kcClass]=\"'kcCommonLogoIdP'\"\n                                        aria-hidden=\"true\"\n                                    ></i>\n                                }\n                                <span\n                                    [ngClass]=\"{\n                                        'kc-social-icon-text': provider.iconClasses\n                                    }\"\n                                    [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                    [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                                ></span>\n                            </a>\n                        </li>\n                    }\n                </ul>\n            </div>\n        }\n    </ng-container>\n    <ng-container content>\n        <div id=\"kc-form\">\n            <div id=\"kc-form-wrapper\">\n                @if (realm.password) {\n                    <form\n                        id=\"kc-form-login\"\n                        (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n                        [action]=\"url?.loginAction\"\n                        method=\"post\"\n                    >\n                        @if (!usernameHidden) {\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <label\n                                    for=\"username\"\n                                    [kcClass]=\"'kcLabelClass'\"\n                                >\n                                    @if (!realm?.loginWithEmailAllowed) {\n                                        {{ i18n.msgStr('username') }}\n                                    } @else if (!realm?.registrationEmailAsUsername) {\n                                        {{ i18n.msgStr('usernameOrEmail') }}\n                                    } @else {\n                                        {{ i18n.msgStr('email') }}\n                                    }\n                                </label>\n                                <input\n                                    tabindex=\"2\"\n                                    id=\"username\"\n                                    [kcClass]=\"'kcInputClass'\"\n                                    name=\"username\"\n                                    type=\"text\"\n                                    autofocus\n                                    autoComplete=\"off\"\n                                    [defaultValue]=\"login?.username || ''\"\n                                    [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                                />\n                                @if (messagesPerField?.existsError('username')) {\n                                    <span\n                                        id=\"input-error\"\n                                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                                        aria-live=\"polite\"\n                                        [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                                    >\n                                    </span>\n                                }\n                                <!---->\n                            </div>\n                        }\n\n                        <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                            <div id=\"kc-form-options\">\n                                @if (realm.rememberMe && !usernameHidden) {\n                                    <div class=\"checkbox\">\n                                        <label>\n                                            <input\n                                                tabindex=\"5\"\n                                                id=\"rememberMe\"\n                                                name=\"rememberMe\"\n                                                type=\"checkbox\"\n                                                [defaultChecked]=\"!!login?.rememberMe\"\n                                            />\n                                            {{ i18n.msgStr('rememberMe') }}\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                        <div\n                            id=\"kc-form-buttons\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <input\n                                tabindex=\"4\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                name=\"login\"\n                                id=\"kc-login\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doLogIn')\"\n                            />\n                        </div>\n                    </form>\n                }\n            </div>\n        </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-login-username.mjs","sources":["../../src/login/pages/login-username/login-username.component.ts","../../src/login/pages/login-username/login-username.component.html","../../src/login/pages/login-username/keycloakify-angular-login-pages-login-username.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { 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    selector: 'kc-login-username',\n    templateUrl: './login-username.component.html',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUsernameComponent)\n        }\n    ]\n})\nexport class LoginUsernameComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-username.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\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo: boolean = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('username');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let social = kcContext.social;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container infoNode>\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-container>\n<ng-template #socialProvidersNode>\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                        <!---->\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\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-login-verify-email.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 LoginVerifyEmailComponent 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 = true;
         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: LoginVerifyEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: LoginVerifyEmailComponent, 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: LoginVerifyEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: LoginVerifyEmailComponent, isStandalone: true, selector: "kc-login-verify-email", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginVerifyEmailComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let user = kcContext.user;\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('emailVerifyTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction2') }}\n            <br />\n            <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n            &nbsp;\n            {{ i18n.msgStr('emailVerifyInstruction3') }}\n        </p>\n    </ng-container>\n    <ng-container content>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n        </p></ng-container\n    >\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 }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let user = kcContext.user;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailVerifyTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    <p class=\"instruction\">\n        {{ i18n.msgStr('emailVerifyInstruction2') }}\n        <br />\n        <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n        &nbsp;\n        {{ i18n.msgStr('emailVerifyInstruction3') }}\n    </p>\n</ng-template>\n\n<p class=\"instruction\">\n    {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginVerifyEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginVerifyEmailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent], selector: 'kc-login-verify-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginVerifyEmailComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let user = kcContext.user;\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('emailVerifyTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction2') }}\n            <br />\n            <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n            &nbsp;\n            {{ i18n.msgStr('emailVerifyInstruction3') }}\n        </p>\n    </ng-container>\n    <ng-container content>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n        </p></ng-container\n    >\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let user = kcContext.user;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailVerifyTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    <p class=\"instruction\">\n        {{ i18n.msgStr('emailVerifyInstruction2') }}\n        <br />\n        <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n        &nbsp;\n        {{ i18n.msgStr('emailVerifyInstruction3') }}\n    </p>\n</ng-template>\n\n<p class=\"instruction\">\n    {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n</p>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-verify-email.mjs","sources":["../../src/login/pages/login-verify-email/login-verify-email.component.ts","../../src/login/pages/login-verify-email/login-verify-email.component.html","../../src/login/pages/login-verify-email/keycloakify-angular-login-pages-login-verify-email.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: [KcClassDirective, TemplateComponent],\n    selector: 'kc-root',\n    templateUrl: 'login-verify-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginVerifyEmailComponent)\n        }\n    ]\n})\nexport class LoginVerifyEmailComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-verify-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(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = true;\n    displayMessage: boolean = true;\n}\n","@let url = kcContext.url;\n@let user = kcContext.user;\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('emailVerifyTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction2') }}\n            <br />\n            <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n            &nbsp;\n            {{ i18n.msgStr('emailVerifyInstruction3') }}\n        </p>\n    </ng-container>\n    <ng-container content>\n        <p class=\"instruction\">\n            {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n        </p></ng-container\n    >\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,yBAA0B,SAAQ,kBAAkB,CAAA;AAbjE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA2D,gBAAgB,CAAC,CAAC;AAC/F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;AAC5E,QAAA,IAAA,CAAA,qBAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,IAAa,CAAA,aAAA,GAAG,KAAK,EAAU,CAAC;QAChC,IAAa,CAAA,aAAA,GAAG,KAAK,EAAU,CAAC;QAChC,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;QAC5B,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC;AAClC,KAAA;8GAVY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC;AAC3D,aAAA;SACJ,ECvBL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+5BA2BA,4CDbgC,iBAAiB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWpC,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACpC,QAAA,EAAA,SAAS,EAEF,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,+BAA+B,CAAC;AAC3D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+5BAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-verify-email.mjs","sources":["../../src/login/pages/login-verify-email/login-verify-email.component.ts","../../src/login/pages/login-verify-email/login-verify-email.component.html","../../src/login/pages/login-verify-email/keycloakify-angular-login-pages-login-verify-email.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: [KcClassDirective, TemplateComponent],\n    selector: 'kc-login-verify-email',\n    templateUrl: 'login-verify-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginVerifyEmailComponent)\n        }\n    ]\n})\nexport class LoginVerifyEmailComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-verify-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\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = true;\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 user = kcContext.user;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailVerifyTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    <p class=\"instruction\">\n        {{ i18n.msgStr('emailVerifyInstruction2') }}\n        <br />\n        <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n        &nbsp;\n        {{ i18n.msgStr('emailVerifyInstruction3') }}\n    </p>\n</ng-template>\n\n<p class=\"instruction\">\n    {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,yBAA0B,SAAQ,kBAAkB,CAAA;AAbjE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA2D,gBAAgB,CAAC,CAAC;AAC/F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,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,IAAI,CAAC;QACnB,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;8GAhBY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC;AAC3D,aAAA;AACJ,SAAA,EAAA,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,ECvBL,oiBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDMa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACpC,QAAA,EAAA,uBAAuB,EAEhB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,+BAA+B,CAAC;AAC3D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,oiBAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-pages-login-x509-info.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 LoginX509InfoComponent 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: LoginX509InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginX509InfoComponent, 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: LoginX509InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginX509InfoComponent, isStandalone: true, selector: "kc-login-x509-info", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginX509InfoComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let x509 = kcContext.x509;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-x509-login-info\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"certificate_subjectDN\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('clientCertificate') }}\n                    </label>\n                </div>\n                @if (x509.formData.subjectDN) {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"certificate_subjectDN\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ x509.formData.subjectDN }}\n                        </label>\n                    </div>\n                } @else {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"certificate_subjectDN\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('noCertificate') }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                @if (x509.formData.isUserEnabled) {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('doX509Login') }}\n                        </label>\n                    </div>\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ x509.formData.username }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"login\"\n                            id=\"kc-login\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doContinue')\"\n                        />\n                        @if (x509.formData.isUserEnabled) {\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                name=\"cancel\"\n                                id=\"kc-cancel\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doIgnore')\"\n                            />\n                        }\n                    </div>\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"] }], 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 x509 = kcContext.x509;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-x509-login-info\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"certificate_subjectDN\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('clientCertificate') }}\n            </label>\n        </div>\n        @if (x509.formData.subjectDN) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.subjectDN }}\n                </label>\n            </div>\n        } @else {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('noCertificate') }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        @if (x509.formData.isUserEnabled) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    for=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('doX509Login') }}\n                </label>\n            </div>\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.username }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                <input\n                    name=\"login\"\n                    id=\"kc-login\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doContinue')\"\n                />\n                @if (x509.formData.isUserEnabled) {\n                    <input\n                        name=\"cancel\"\n                        id=\"kc-cancel\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doIgnore')\"\n                    />\n                }\n            </div>\n        </div>\n    </div>\n</form>\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: LoginX509InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginX509InfoComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-login-x509-info', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginX509InfoComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let x509 = kcContext.x509;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-x509-login-info\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"certificate_subjectDN\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('clientCertificate') }}\n                    </label>\n                </div>\n                @if (x509.formData.subjectDN) {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"certificate_subjectDN\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ x509.formData.subjectDN }}\n                        </label>\n                    </div>\n                } @else {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"certificate_subjectDN\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('noCertificate') }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                @if (x509.formData.isUserEnabled) {\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('doX509Login') }}\n                        </label>\n                    </div>\n                    <div [kcClass]=\"'kcLabelWrapperClass'\">\n                        <label\n                            id=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ x509.formData.username }}\n                        </label>\n                    </div>\n                }\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"login\"\n                            id=\"kc-login\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doContinue')\"\n                        />\n                        @if (x509.formData.isUserEnabled) {\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                name=\"cancel\"\n                                id=\"kc-cancel\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doIgnore')\"\n                            />\n                        }\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let x509 = kcContext.x509;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-x509-login-info\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"certificate_subjectDN\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('clientCertificate') }}\n            </label>\n        </div>\n        @if (x509.formData.subjectDN) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.subjectDN }}\n                </label>\n            </div>\n        } @else {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('noCertificate') }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        @if (x509.formData.isUserEnabled) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    for=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('doX509Login') }}\n                </label>\n            </div>\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.username }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                <input\n                    name=\"login\"\n                    id=\"kc-login\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doContinue')\"\n                />\n                @if (x509.formData.isUserEnabled) {\n                    <input\n                        name=\"cancel\"\n                        id=\"kc-cancel\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doIgnore')\"\n                    />\n                }\n            </div>\n        </div>\n    </div>\n</form>\n" }]
         }] });
 
 /**