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

package/fesm2022/keycloakify-angular-login-pages-webauthn-authenticate.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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
@@ -19,11 +19,12 @@ class WebauthnAuthenticateComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
         this.authButtonId = 'authenticateWebAuthnButton';
         const { url, isUserIdentified, challenge, userVerification, rpId, createTimeout } = this.kcContext;
         const scripts = [
@@ -62,21 +63,21 @@ class WebauthnAuthenticateComponent extends ComponentReference {
         return className;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnAuthenticateComponent, 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnAuthenticateComponent, isStandalone: true, selector: "kc-webauthn-authenticate", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnAuthenticateComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\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('webauthn-login-title') }}\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 content>\n        <div\n            id=\"kc-form-webauthn\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            <form\n                id=\"webauth\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorData\"\n                    name=\"authenticatorData\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"signature\"\n                    name=\"signature\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"credentialId\"\n                    name=\"credentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"userHandle\"\n                    name=\"userHandle\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n            </form>\n\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                @if (authenticators) {\n                    <form\n                        id=\"authn_select\"\n                        [kcClass]=\"'kcFormClass'\"\n                    >\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                            <input\n                                type=\"hidden\"\n                                name=\"authn_use_chk\"\n                                [value]=\"authenticator.credentialId\"\n                            />\n                        }\n                        @if (shouldDisplayAuthenticators) {\n                            @if (authenticators.authenticators.length > 1) {\n                                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                                    {{ i18n.msgStr('webauthn-available-authenticators') }}\n                                </p>\n                            }\n                            <div [kcClass]=\"'kcFormOptionsClass'\">\n                                @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                                    <div\n                                        [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                                    >\n                                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                            <i\n                                                [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                                [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                            ></i>\n                                            <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                                <div\n                                                    [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                                    [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                                >\n                                                    {{ i18n.advancedMsgStr(authenticator.label) }}\n                                                </div>\n                                                @if (authenticator.transports.displayNameProperties?.length) {\n                                                    <div\n                                                        [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                        [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                                    >\n                                                        @for (\n                                                            displayNameProperty of authenticator.transports.displayNameProperties;\n                                                            track displayNameProperty;\n                                                            let last = $last\n                                                        ) {\n                                                            {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                            @if (!last) {\n                                                                <span>, </span>\n                                                            }\n                                                        }\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                        <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                            {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                        </span>\n                                                        <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </form>\n                }\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        type=\"button\"\n                        autofocus\n                        name=\"cancel-aia\"\n                        [id]=\"authButtonId\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-login-title') }}\n</ng-template>\n<ng-template #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-template>\n<div\n    id=\"kc-form-webauthn\"\n    [kcClass]=\"'kcFormClass'\"\n>\n    <form\n        id=\"webauth\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorData\"\n            name=\"authenticatorData\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"signature\"\n            name=\"signature\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"credentialId\"\n            name=\"credentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"userHandle\"\n            name=\"userHandle\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n    </form>\n\n    <div\n        class=\"no-bottom-margin\"\n        [kcClass]=\"'kcFormGroupClass'\"\n    >\n        @if (authenticators) {\n            <form\n                id=\"authn_select\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                    <input\n                        type=\"hidden\"\n                        name=\"authn_use_chk\"\n                        [value]=\"authenticator.credentialId\"\n                    />\n                }\n                @if (shouldDisplayAuthenticators) {\n                    @if (authenticators.authenticators.length > 1) {\n                        <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                            {{ i18n.msgStr('webauthn-available-authenticators') }}\n                        </p>\n                    }\n                    <div [kcClass]=\"'kcFormOptionsClass'\">\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                            >\n                                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                    <i\n                                        [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                        [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                    ></i>\n                                    <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                        <div\n                                            [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                            [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                        >\n                                            {{ i18n.advancedMsgStr(authenticator.label) }}\n                                        </div>\n                                        @if (authenticator.transports.displayNameProperties?.length) {\n                                            <div\n                                                [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                            >\n                                                @for (\n                                                    displayNameProperty of authenticator.transports.displayNameProperties;\n                                                    track displayNameProperty;\n                                                    let last = $last\n                                                ) {\n                                                    {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                    @if (!last) {\n                                                        <span>, </span>\n                                                    }\n                                                }\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                    {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                </span>\n                                                <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </form>\n        }\n\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"button\"\n                autofocus\n                name=\"cancel-aia\"\n                [id]=\"authButtonId\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n            />\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnAuthenticateComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-authenticate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => WebauthnAuthenticateComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\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('webauthn-login-title') }}\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 content>\n        <div\n            id=\"kc-form-webauthn\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            <form\n                id=\"webauth\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorData\"\n                    name=\"authenticatorData\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"signature\"\n                    name=\"signature\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"credentialId\"\n                    name=\"credentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"userHandle\"\n                    name=\"userHandle\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n            </form>\n\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                @if (authenticators) {\n                    <form\n                        id=\"authn_select\"\n                        [kcClass]=\"'kcFormClass'\"\n                    >\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                            <input\n                                type=\"hidden\"\n                                name=\"authn_use_chk\"\n                                [value]=\"authenticator.credentialId\"\n                            />\n                        }\n                        @if (shouldDisplayAuthenticators) {\n                            @if (authenticators.authenticators.length > 1) {\n                                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                                    {{ i18n.msgStr('webauthn-available-authenticators') }}\n                                </p>\n                            }\n                            <div [kcClass]=\"'kcFormOptionsClass'\">\n                                @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                                    <div\n                                        [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                                    >\n                                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                            <i\n                                                [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                                [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                            ></i>\n                                            <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                                <div\n                                                    [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                                    [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                                >\n                                                    {{ i18n.advancedMsgStr(authenticator.label) }}\n                                                </div>\n                                                @if (authenticator.transports.displayNameProperties?.length) {\n                                                    <div\n                                                        [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                        [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                                    >\n                                                        @for (\n                                                            displayNameProperty of authenticator.transports.displayNameProperties;\n                                                            track displayNameProperty;\n                                                            let last = $last\n                                                        ) {\n                                                            {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                            @if (!last) {\n                                                                <span>, </span>\n                                                            }\n                                                        }\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                        <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                            {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                        </span>\n                                                        <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </form>\n                }\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        type=\"button\"\n                        autofocus\n                        name=\"cancel-aia\"\n                        [id]=\"authButtonId\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-login-title') }}\n</ng-template>\n<ng-template #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-template>\n<div\n    id=\"kc-form-webauthn\"\n    [kcClass]=\"'kcFormClass'\"\n>\n    <form\n        id=\"webauth\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorData\"\n            name=\"authenticatorData\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"signature\"\n            name=\"signature\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"credentialId\"\n            name=\"credentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"userHandle\"\n            name=\"userHandle\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n    </form>\n\n    <div\n        class=\"no-bottom-margin\"\n        [kcClass]=\"'kcFormGroupClass'\"\n    >\n        @if (authenticators) {\n            <form\n                id=\"authn_select\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                    <input\n                        type=\"hidden\"\n                        name=\"authn_use_chk\"\n                        [value]=\"authenticator.credentialId\"\n                    />\n                }\n                @if (shouldDisplayAuthenticators) {\n                    @if (authenticators.authenticators.length > 1) {\n                        <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                            {{ i18n.msgStr('webauthn-available-authenticators') }}\n                        </p>\n                    }\n                    <div [kcClass]=\"'kcFormOptionsClass'\">\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                            >\n                                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                    <i\n                                        [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                        [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                    ></i>\n                                    <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                        <div\n                                            [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                            [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                        >\n                                            {{ i18n.advancedMsgStr(authenticator.label) }}\n                                        </div>\n                                        @if (authenticator.transports.displayNameProperties?.length) {\n                                            <div\n                                                [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                            >\n                                                @for (\n                                                    displayNameProperty of authenticator.transports.displayNameProperties;\n                                                    track displayNameProperty;\n                                                    let last = $last\n                                                ) {\n                                                    {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                    @if (!last) {\n                                                        <span>, </span>\n                                                    }\n                                                }\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                    {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                </span>\n                                                <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </form>\n        }\n\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"button\"\n                autofocus\n                name=\"cancel-aia\"\n                [id]=\"authButtonId\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n            />\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-webauthn-authenticate.mjs","sources":["../../src/login/pages/webauthn-authenticate/webauthn-authenticate.component.ts","../../src/login/pages/webauthn-authenticate/webauthn-authenticate.component.html","../../src/login/pages/webauthn-authenticate/keycloakify-angular-login-pages-webauthn-authenticate.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-root',\n    templateUrl: 'webauthn-authenticate.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnAuthenticateComponent)\n        }\n    ]\n})\nexport class WebauthnAuthenticateComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-authenticate.ftl' }>>(KC_LOGIN_CONTEXT);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = true;\n\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const { url, isUserIdentified, challenge, userVerification, rpId, createTimeout } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'WebAuthnAuthenticateScript',\n                textContent: `\n              import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n              const authButton = document.getElementById('${this.authButtonId}');\n              authButton.addEventListener(\"click\", function() {\n                  const input = {\n                      isUserIdentified : ${isUserIdentified},\n                      challenge : '${challenge}',\n                      userVerification : '${userVerification}',\n                      rpId : '${rpId}',\n                      createTimeout : ${createTimeout},\n                      errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                  };\n                  authenticateByWebAuthn(input);\n              });\n          `\n            }\n        ];\n        this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n    }\n\n    selectAuthListItemIconClass(iconClass: string) {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss ?? true,\n            classes: this.classes\n        }).kcClsx;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const className = kcClsx(iconClass as any);\n        if (className === iconClass) {\n            return kcClsx('kcWebAuthnDefaultIcon');\n        }\n        return className;\n    }\n}\n","@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\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('webauthn-login-title') }}\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 content>\n        <div\n            id=\"kc-form-webauthn\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            <form\n                id=\"webauth\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorData\"\n                    name=\"authenticatorData\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"signature\"\n                    name=\"signature\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"credentialId\"\n                    name=\"credentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"userHandle\"\n                    name=\"userHandle\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n            </form>\n\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                @if (authenticators) {\n                    <form\n                        id=\"authn_select\"\n                        [kcClass]=\"'kcFormClass'\"\n                    >\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                            <input\n                                type=\"hidden\"\n                                name=\"authn_use_chk\"\n                                [value]=\"authenticator.credentialId\"\n                            />\n                        }\n                        @if (shouldDisplayAuthenticators) {\n                            @if (authenticators.authenticators.length > 1) {\n                                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                                    {{ i18n.msgStr('webauthn-available-authenticators') }}\n                                </p>\n                            }\n                            <div [kcClass]=\"'kcFormOptionsClass'\">\n                                @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                                    <div\n                                        [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                                    >\n                                        <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                            <i\n                                                [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                                [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                            ></i>\n                                            <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                                <div\n                                                    [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                                    [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                                >\n                                                    {{ i18n.advancedMsgStr(authenticator.label) }}\n                                                </div>\n                                                @if (authenticator.transports.displayNameProperties?.length) {\n                                                    <div\n                                                        [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                        [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                                    >\n                                                        @for (\n                                                            displayNameProperty of authenticator.transports.displayNameProperties;\n                                                            track displayNameProperty;\n                                                            let last = $last\n                                                        ) {\n                                                            {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                            @if (!last) {\n                                                                <span>, </span>\n                                                            }\n                                                        }\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                        <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                            {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                        </span>\n                                                        <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                                    </div>\n                                                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                                }\n                                            </div>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </form>\n                }\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        type=\"button\"\n                        autofocus\n                        name=\"cancel-aia\"\n                        [id]=\"authButtonId\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n                    />\n                </div>\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-webauthn-authenticate.mjs","sources":["../../src/login/pages/webauthn-authenticate/webauthn-authenticate.component.ts","../../src/login/pages/webauthn-authenticate/webauthn-authenticate.component.html","../../src/login/pages/webauthn-authenticate/keycloakify-angular-login-pages-webauthn-authenticate.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { 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 { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-webauthn-authenticate',\n    templateUrl: 'webauthn-authenticate.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnAuthenticateComponent)\n        }\n    ]\n})\nexport class WebauthnAuthenticateComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-authenticate.ftl' }>>(KC_LOGIN_CONTEXT);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = true;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const { url, isUserIdentified, challenge, userVerification, rpId, createTimeout } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'WebAuthnAuthenticateScript',\n                textContent: `\n              import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n              const authButton = document.getElementById('${this.authButtonId}');\n              authButton.addEventListener(\"click\", function() {\n                  const input = {\n                      isUserIdentified : ${isUserIdentified},\n                      challenge : '${challenge}',\n                      userVerification : '${userVerification}',\n                      rpId : '${rpId}',\n                      createTimeout : ${createTimeout},\n                      errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                  };\n                  authenticateByWebAuthn(input);\n              });\n          `\n            }\n        ];\n        this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n    }\n\n    selectAuthListItemIconClass(iconClass: string) {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss ?? true,\n            classes: this.classes\n        }).kcClsx;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const className = kcClsx(iconClass as any);\n        if (className === iconClass) {\n            return kcClsx('kcWebAuthnDefaultIcon');\n        }\n        return className;\n    }\n}\n","@let url = kcContext.url;\n@let authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-login-title') }}\n</ng-template>\n<ng-template #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-template>\n<div\n    id=\"kc-form-webauthn\"\n    [kcClass]=\"'kcFormClass'\"\n>\n    <form\n        id=\"webauth\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorData\"\n            name=\"authenticatorData\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"signature\"\n            name=\"signature\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"credentialId\"\n            name=\"credentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"userHandle\"\n            name=\"userHandle\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n    </form>\n\n    <div\n        class=\"no-bottom-margin\"\n        [kcClass]=\"'kcFormGroupClass'\"\n    >\n        @if (authenticators) {\n            <form\n                id=\"authn_select\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                    <input\n                        type=\"hidden\"\n                        name=\"authn_use_chk\"\n                        [value]=\"authenticator.credentialId\"\n                    />\n                }\n                @if (shouldDisplayAuthenticators) {\n                    @if (authenticators.authenticators.length > 1) {\n                        <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                            {{ i18n.msgStr('webauthn-available-authenticators') }}\n                        </p>\n                    }\n                    <div [kcClass]=\"'kcFormOptionsClass'\">\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                            >\n                                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                    <i\n                                        [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                        [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                    ></i>\n                                    <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                        <div\n                                            [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                            [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                        >\n                                            {{ i18n.advancedMsgStr(authenticator.label) }}\n                                        </div>\n                                        @if (authenticator.transports.displayNameProperties?.length) {\n                                            <div\n                                                [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                            >\n                                                @for (\n                                                    displayNameProperty of authenticator.transports.displayNameProperties;\n                                                    track displayNameProperty;\n                                                    let last = $last\n                                                ) {\n                                                    {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                    @if (!last) {\n                                                        <span>, </span>\n                                                    }\n                                                }\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                    {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                </span>\n                                                <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </form>\n        }\n\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"button\"\n                autofocus\n                name=\"cancel-aia\"\n                [id]=\"authButtonId\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n            />\n        </div>\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-webauthn-error.mjs

@@ -1,12 +1,12 @@
 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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 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';
 
 class WebauthnErrorComponent extends ComponentReference {
@@ -16,11 +16,12 @@ class WebauthnErrorComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
     onClick() {
         // @ts-expect-error: Trusted Keycloak's code
@@ -31,21 +32,21 @@ class WebauthnErrorComponent extends ComponentReference {
         document.getElementById('kc-error-credential-form').submit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnErrorComponent, 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnErrorComponent, isStandalone: true, selector: "kc-webauthn-error", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnErrorComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\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('webauthn-error-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-error-credential-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"executionValue\"\n                name=\"authenticationExecution\"\n            />\n            <input\n                type=\"hidden\"\n                id=\"isSetRetry\"\n                name=\"isSetRetry\"\n            />\n        </form>\n        <input\n            tabIndex=\"4\"\n            type=\"button\"\n            name=\"try-again\"\n            id=\"kc-try-again\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doTryAgain')\"\n            (click)=\"onClick()\"\n        />\n        @if (isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </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 isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-error-title') }}\n</ng-template>\n<form\n    id=\"kc-error-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        type=\"hidden\"\n        id=\"executionValue\"\n        name=\"authenticationExecution\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"isSetRetry\"\n        name=\"isSetRetry\"\n    />\n</form>\n<input\n    tabIndex=\"4\"\n    type=\"button\"\n    name=\"try-again\"\n    id=\"kc-try-again\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [value]=\"i18n.msgStr('doTryAgain')\"\n    (click)=\"onClick()\"\n/>\n@if (isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnErrorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-error', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => WebauthnErrorComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\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('webauthn-error-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-error-credential-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"executionValue\"\n                name=\"authenticationExecution\"\n            />\n            <input\n                type=\"hidden\"\n                id=\"isSetRetry\"\n                name=\"isSetRetry\"\n            />\n        </form>\n        <input\n            tabIndex=\"4\"\n            type=\"button\"\n            name=\"try-again\"\n            id=\"kc-try-again\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doTryAgain')\"\n            (click)=\"onClick()\"\n        />\n        @if (isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </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('webauthn-error-title') }}\n</ng-template>\n<form\n    id=\"kc-error-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        type=\"hidden\"\n        id=\"executionValue\"\n        name=\"authenticationExecution\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"isSetRetry\"\n        name=\"isSetRetry\"\n    />\n</form>\n<input\n    tabIndex=\"4\"\n    type=\"button\"\n    name=\"try-again\"\n    id=\"kc-try-again\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [value]=\"i18n.msgStr('doTryAgain')\"\n    (click)=\"onClick()\"\n/>\n@if (isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-webauthn-error.mjs","sources":["../../src/login/pages/webauthn-error/webauthn-error.component.ts","../../src/login/pages/webauthn-error/webauthn-error.component.html","../../src/login/pages/webauthn-error/keycloakify-angular-login-pages-webauthn-error.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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-root',\n    templateUrl: 'webauthn-error.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnErrorComponent)\n        }\n    ]\n})\nexport class WebauthnErrorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-error.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = true;\n\n    onClick() {\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('isSetRetry').value = 'retry';\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('executionValue').value = '${execution}';\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('kc-error-credential-form').submit();\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\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('webauthn-error-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-error-credential-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"executionValue\"\n                name=\"authenticationExecution\"\n            />\n            <input\n                type=\"hidden\"\n                id=\"isSetRetry\"\n                name=\"isSetRetry\"\n            />\n        </form>\n        <input\n            tabIndex=\"4\"\n            type=\"button\"\n            name=\"try-again\"\n            id=\"kc-try-again\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doTryAgain')\"\n            (click)=\"onClick()\"\n        />\n        @if (isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </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-webauthn-error.mjs","sources":["../../src/login/pages/webauthn-error/webauthn-error.component.ts","../../src/login/pages/webauthn-error/webauthn-error.component.html","../../src/login/pages/webauthn-error/keycloakify-angular-login-pages-webauthn-error.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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-webauthn-error',\n    templateUrl: 'webauthn-error.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => WebauthnErrorComponent)\n        }\n    ]\n})\nexport class WebauthnErrorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'webauthn-error.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = true;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    onClick() {\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('isSetRetry').value = 'retry';\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('executionValue').value = '${execution}';\n        // @ts-expect-error: Trusted Keycloak's code\n        document.getElementById('kc-error-credential-form').submit();\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-error-title') }}\n</ng-template>\n<form\n    id=\"kc-error-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        type=\"hidden\"\n        id=\"executionValue\"\n        name=\"authenticationExecution\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"isSetRetry\"\n        name=\"isSetRetry\"\n    />\n</form>\n<input\n    tabIndex=\"4\"\n    type=\"button\"\n    name=\"try-again\"\n    id=\"kc-try-again\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [value]=\"i18n.msgStr('doTryAgain')\"\n    (click)=\"onClick()\"\n/>\n@if (isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-webauthn-register.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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
@@ -18,11 +18,12 @@ class WebauthnRegisterComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
         this.authButtonId = 'authenticateWebAuthnButton';
         const { url, challenge, userid, username, signatureAlgorithms, rpEntityName, rpId, attestationConveyancePreference, authenticatorAttachment, requireResidentKey, userVerificationRequirement, createTimeout, excludeCredentialIds } = this.kcContext;
         const scripts = [
@@ -58,21 +59,21 @@ class WebauthnRegisterComponent extends ComponentReference {
         this.loginResourceInjectorService.insertAdditionalScripts(scripts);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnRegisterComponent, 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnRegisterComponent, isStandalone: true, selector: "kc-webauthn-register", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnRegisterComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\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        <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n        {{ i18n.msgStr('webauthn-registration-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"register\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"attestationObject\"\n                    name=\"attestationObject\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"publicKeyCredentialId\"\n                    name=\"publicKeyCredentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorLabel\"\n                    name=\"authenticatorLabel\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"transports\"\n                    name=\"transports\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n                <kc-logout-other-sessions />\n            </div>\n        </form>\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [id]=\"authButtonId\"\n            [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n        />\n        @if (!isSetRetry && isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </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: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnRegisterComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-register', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => WebauthnRegisterComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\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        <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n        {{ i18n.msgStr('webauthn-registration-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"register\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"attestationObject\"\n                    name=\"attestationObject\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"publicKeyCredentialId\"\n                    name=\"publicKeyCredentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorLabel\"\n                    name=\"authenticatorLabel\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"transports\"\n                    name=\"transports\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n                <kc-logout-other-sessions />\n            </div>\n        </form>\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [id]=\"authButtonId\"\n            [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n        />\n        @if (!isSetRetry && isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n" }]
         }], ctorParameters: () => [] });
 
 /**

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

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

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

@@ -1,13 +1,23 @@
-import { OnInit, Renderer2 } from '@angular/core';
+import { OnInit, Renderer2, Signal, TemplateRef, Type } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import { KcContext } from '@keycloakify/angular/login/KcContext';
 import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
 import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { Observable } from 'rxjs';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import { KcContext } from '@keycloakify/angular/login/KcContext';
 import * as i0 from "@angular/core";
+export declare class DynamicPageInjectorComponent {
+    #private;
+    page: import("@angular/core").InputSignal<Type<unknown> | undefined>;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<unknown> | undefined>;
+    componentCreated: import("@angular/core").OutputEmitterRef<object>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPageInjectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPageInjectorComponent, "kc-dynamic-page-injector", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, { "componentCreated": "componentCreated"; }, never, never, true, never>;
+}
 export declare class TemplateComponent extends ComponentReference implements OnInit {
+    #private;
     i18n: I18n;
     renderer: Renderer2;
     meta: Meta;
@@ -16,16 +26,22 @@ export declare class TemplateComponent extends ComponentReference implements OnI
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
     loginResourceInjectorService: LoginResourceInjectorService;
-    displayInfo: import("@angular/core").InputSignal<boolean>;
-    displayMessage: import("@angular/core").InputSignal<boolean>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+    displayRequiredFields: boolean;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
     isReadyToRender$: Observable<boolean>;
+    page: import("@angular/core").InputSignal<Type<unknown> | undefined>;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<unknown> | undefined>;
+    headerNode: Signal<TemplateRef<HTMLElement>> | undefined;
+    infoNode: Signal<TemplateRef<HTMLElement>> | undefined;
+    socialProvidersNode: Signal<TemplateRef<HTMLElement>> | undefined;
     constructor();
     ngOnInit(): void;
     private applyKcIndexClasses;
     tryAnotherWay(): void;
+    onComponentCreated(compRef: object): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateComponent, "kc-login-template", never, { "displayInfo": { "alias": "displayInfo"; "required": false; "isSignal": true; }; "displayMessage": { "alias": "displayMessage"; "required": false; "isSignal": true; }; "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, ["[headerNode]", "[content]", "[socialProvidersNode]", "[infoNode]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateComponent, "kc-root", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,13 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class CodeComponent extends ComponentReference {
     kcContext: KcContext.Code;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
+    displayInfo: boolean;
+    displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<CodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "kc-root", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "kc-code", never, {}, {}, never, never, true, never>;
 }