@keycloakify/angular 0.0.1-rc.23 → 0.0.1-rc.25

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

@@ -28,7 +28,7 @@ class SelectAuthenticatorComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SelectAuthenticatorComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n<ng-container content>\n    <form\n        id=\"kc-select-credential-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcSelectAuthListClass'\">\n            @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                <button\n                    type=\"submit\"\n                    name=\"authenticationExecution\"\n                    [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    [value]=\"authenticationSelection.authExecId\"\n                >\n                    <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                        <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                        <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                        </div>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                    <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                        <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                    </div>\n                </button>\n            }\n        </div></form\n></ng-container>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n\n<form\n    id=\"kc-select-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcSelectAuthListClass'\">\n        @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n            <button\n                type=\"submit\"\n                name=\"authenticationExecution\"\n                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                [value]=\"authenticationSelection.authExecId\"\n            >\n                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                    <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                    <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                    </div>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                    <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                </div>\n            </button>\n        }\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectAuthenticatorComponent, decorators: [{
             type: Component,
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => SelectAuthenticatorComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n<ng-container content>\n    <form\n        id=\"kc-select-credential-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcSelectAuthListClass'\">\n            @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n                <button\n                    type=\"submit\"\n                    name=\"authenticationExecution\"\n                    [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    [value]=\"authenticationSelection.authExecId\"\n                >\n                    <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                        <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                        <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                        </div>\n                        <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                            {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                        </div>\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                    <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                        <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                    </div>\n                </button>\n            }\n        </div></form\n></ng-container>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n\n<form\n    id=\"kc-select-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcSelectAuthListClass'\">\n        @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n            <button\n                type=\"submit\"\n                name=\"authenticationExecution\"\n                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                [value]=\"authenticationSelection.authExecId\"\n            >\n                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                    <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                    <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                    </div>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                    <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                </div>\n            </button>\n        }\n    </div>\n</form>\n" }]
         }] });
 
 /**

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

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

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

@@ -1,10 +1,9 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, viewChild, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
-import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
@@ -23,27 +22,28 @@ class UpdateEmailComponent extends ComponentReference {
         this.headerNode = viewChild('headerNode');
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
+        this.userProfileFormFields = input();
         this.isFormSubmittable = signal(false);
         this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {
             this.isFormSubmittable.set(submittable);
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UpdateEmailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: UpdateEmailComponent, isStandalone: true, selector: "kc-update-email", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: UpdateEmailComponent, isStandalone: true, selector: "kc-update-email", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => UpdateEmailComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <kc-user-profile-form-fields />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }, { kind: "component", type: UserProfileFormFieldsComponent, selector: "kc-user-profile-form-fields", outputs: ["onIsFormSubmittable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UpdateEmailComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent, UserProfileFormFieldsComponent], selector: 'kc-update-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent], selector: 'kc-update-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => UpdateEmailComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <kc-user-profile-form-fields />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n" }]
         }], ctorParameters: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-update-email.mjs","sources":["../../src/login/pages/update-email/update-email.component.ts","../../src/login/pages/update-email/update-email.component.html","../../src/login/pages/update-email/keycloakify-angular-login-pages-update-email.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent, UserProfileFormFieldsComponent],\n    selector: 'kc-update-email',\n    templateUrl: 'update-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UpdateEmailComponent)\n        }\n    ]\n})\nexport class UpdateEmailComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'update-email.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = true;\n    displayInfo = false;\n    displayMessage = this.kcContext.messagesPerField.exists('global');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isFormSubmittable = signal(false);\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <kc-user-profile-form-fields />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-update-email.mjs","sources":["../../src/login/pages/update-email/update-email.component.ts","../../src/login/pages/update-email/update-email.component.html","../../src/login/pages/update-email/keycloakify-angular-login-pages-update-email.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, type TemplateRef, Type, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent],\n    selector: 'kc-update-email',\n    templateUrl: 'update-email.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UpdateEmailComponent)\n        }\n    ]\n})\nexport class UpdateEmailComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'update-email.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = true;\n    displayInfo = false;\n    displayMessage = this.kcContext.messagesPerField.exists('global');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n    isFormSubmittable = signal(false);\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n}\n","@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AACxD,IAAA,cAAc,CAAyB;AAkBvC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;AAnBZ,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAqD,gBAAgB,CAAC,CAAC;AACzF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;QAKhC,IAAqB,CAAA,qBAAA,GAAG,IAAI,CAAC;QAC7B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAElE,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;QAElF,IAAqB,CAAA,qBAAA,GAAG,KAAK,EAAwC,CAAC;AACtE,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAI9B,QAAA,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,WAAW,IAAG;AACjF,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AAC5C,SAAC,CAAC,CAAC;KACN;8GAxBQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAPlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACtD,aAAA;AACJ,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBL,0lDAiDA,EDlCc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,oPAAE,4BAA4B,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWlE,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,4BAA4B,CAAC,EAAA,QAAA,EAClE,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACtD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,0lDAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}

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

@@ -67,7 +67,7 @@ class WebauthnAuthenticateComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnAuthenticateComponent)
             }
-        ], 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 }); }
+        ], 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    @let url = kcContext.url;\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,
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => WebauthnAuthenticateComponent)
                         }
-                    ], 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" }]
+                    ], 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    @let url = kcContext.url;\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, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [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":";;;;;;;;;;;;AA2BM,MAAO,6BAA8B,SAAQ,kBAAkB,CAAA;AAqBjE,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;AArBZ,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA8D,gBAAgB,CAAC,CAAC;AAClG,QAAA,IAAA,CAAA,4BAA4B,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;QAElF,IAAY,CAAA,YAAA,GAAG,4BAA4B,CAAC;AAIxC,QAAA,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;AACnG,QAAA,MAAM,OAAO,GAAa;AACtB,YAAA;AACI,gBAAA,IAAI,EAAE,QAAQ;AACd,gBAAA,EAAE,EAAE,4BAA4B;AAChC,gBAAA,WAAW,EAAE,CAAA;AAC2B,sDAAA,EAAA,GAAG,CAAC,aAAa,CAAA;AACb,0DAAA,EAAA,IAAI,CAAC,YAAY,CAAA;;;2CAGlC,gBAAgB,CAAA;qCACtB,SAAS,CAAA;4CACF,gBAAgB,CAAA;gCAC5B,IAAI,CAAA;wCACI,aAAa,CAAA;iCACpB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,mCAAmC,CAAC,CAAC,CAAA;;;;AAI3F,UAAA,CAAA;AACE,aAAA;SACJ,CAAC;AACF,QAAA,IAAI,CAAC,4BAA4B,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;KACtE;AAED,IAAA,2BAA2B,CAAC,SAAiB,EAAA;QACzC,MAAM,MAAM,GAAG,SAAS,CAAC;AACrB,YAAA,eAAe,EAAE,IAAI,CAAC,eAAe,IAAI,IAAI;YAC7C,OAAO,EAAE,IAAI,CAAC,OAAO;SACxB,CAAC,CAAC,MAAM,CAAC;;AAEV,QAAA,MAAM,SAAS,GAAG,MAAM,CAAC,SAAgB,CAAC,CAAC;AAC3C,QAAA,IAAI,SAAS,KAAK,SAAS,EAAE;AACzB,YAAA,OAAO,MAAM,CAAC,uBAAuB,CAAC,CAAC;SAC1C;AACD,QAAA,OAAO,SAAS,CAAC;KACpB;8GA3DQ,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAP3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B,CAAC;AAC/D,aAAA;SACJ,ECzBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ktMAqJA,4CDrIc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAbzC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,4BAA4B,CAAC,EAC/C,QAAA,EAAA,0BAA0B,EAEnB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mCAAmC,CAAC;AAC/D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,ktMAAA,EAAA,CAAA;;;AEzBL;;AAEG;;;;"}
+{"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, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [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    @let url = kcContext.url;\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-providers-keycloakify-angular.mjs

@@ -10,9 +10,7 @@ import { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens
 const provideKeycloakifyAngular = (config) => makeEnvironmentProviders([
     {
         provide: KC_LOGIN_CONTEXT,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        useValue: window.kcContext
+        useValue: config.kcContext
     },
     {
         provide: DO_MAKE_USER_CONFIRM_PASSWORD,

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-providers-keycloakify-angular.mjs","sources":["../../src/login/providers/keycloakify-angular/keycloakify-angular.providers.ts","../../src/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { I18nService } from '@keycloakify/angular/login/services/i18n';\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 { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';\nimport { type KcContextLike } from 'keycloakify/login/i18n/noJsx';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\nexport type KeycloakifyAngularLoginConfig = {\n    doMakeUserConfirmPassword?: boolean;\n    doUseDefaultCss?: boolean;\n    classes?: { [key in ClassKey]?: string };\n    getI18n: (params: { kcContext: KcContextLike }) => {\n        i18n: unknown;\n        prI18n_currentLanguage: Promise<unknown> | undefined;\n    };\n};\n\nexport const provideKeycloakifyAngular = (config: KeycloakifyAngularLoginConfig) =>\n    makeEnvironmentProviders([\n        {\n            provide: KC_LOGIN_CONTEXT,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            useValue: window.kcContext\n        },\n        {\n            provide: DO_MAKE_USER_CONFIRM_PASSWORD,\n            useValue: config?.doMakeUserConfirmPassword ?? true\n        },\n        {\n            provide: LOCALE_ID,\n            useFactory: (document: Document) => {\n                return document.documentElement.lang ?? 'en';\n            },\n            deps: [DOCUMENT]\n        },\n        {\n            provide: APP_INITIALIZER,\n            multi: true,\n            useFactory: (i18nService: I18nService, kcContext: KcContext) => async () => {\n                const getI18n = config.getI18n;\n\n                const { i18n, prI18n_currentLanguage } = getI18n({\n                    kcContext\n                });\n                let i18nPromise = new Promise<typeof i18n>(resolve => resolve(i18n));\n                if (prI18n_currentLanguage) {\n                    i18nPromise = prI18n_currentLanguage;\n                }\n                return i18nPromise.then(i18n => {\n                    i18nService.i18n = i18n;\n                    return true;\n                });\n            },\n            deps: [I18nService, KC_LOGIN_CONTEXT]\n        },\n        {\n            provide: LOGIN_I18N,\n            useFactory: (i18nService: I18nService) => i18nService.i18n,\n            deps: [I18nService]\n        },\n        { provide: USE_DEFAULT_CSS, useValue: config?.doUseDefaultCss ?? true },\n        { provide: LOGIN_CLASSES, useValue: config?.classes ?? {} }\n    ]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAsBa,MAAA,yBAAyB,GAAG,CAAC,MAAqC,KAC3E,wBAAwB,CAAC;AACrB,IAAA;AACI,QAAA,OAAO,EAAE,gBAAgB;;;QAGzB,QAAQ,EAAE,MAAM,CAAC,SAAS;AAC7B,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,6BAA6B;AACtC,QAAA,QAAQ,EAAE,MAAM,EAAE,yBAAyB,IAAI,IAAI;AACtD,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,UAAU,EAAE,CAAC,QAAkB,KAAI;AAC/B,YAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,IAAI,CAAC;SAChD;QACD,IAAI,EAAE,CAAC,QAAQ,CAAC;AACnB,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,CAAC,WAAwB,EAAE,SAAoB,KAAK,YAAW;AACvE,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAE/B,YAAA,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC;gBAC7C,SAAS;AACZ,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,WAAW,GAAG,IAAI,OAAO,CAAc,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,IAAI,sBAAsB,EAAE;gBACxB,WAAW,GAAG,sBAAsB,CAAC;aACxC;AACD,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAG;AAC3B,gBAAA,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,gBAAA,OAAO,IAAI,CAAC;AAChB,aAAC,CAAC,CAAC;SACN;AACD,QAAA,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxC,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,CAAC,WAAwB,KAAK,WAAW,CAAC,IAAI;QAC1D,IAAI,EAAE,CAAC,WAAW,CAAC;AACtB,KAAA;IACD,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,IAAI,IAAI,EAAE;IACvE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE;AAC9D,CAAA;;ACpEL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-providers-keycloakify-angular.mjs","sources":["../../src/login/providers/keycloakify-angular/keycloakify-angular.providers.ts","../../src/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { I18nService } from '@keycloakify/angular/login/services/i18n';\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 { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';\nimport { type KcContextLike } from 'keycloakify/login/i18n/noJsx';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\nexport type KeycloakifyAngularLoginConfig = {\n    doMakeUserConfirmPassword?: boolean;\n    doUseDefaultCss?: boolean;\n    classes?: { [key in ClassKey]?: string };\n    kcContext: KcContext;\n    getI18n: (params: { kcContext: KcContextLike }) => {\n        i18n: unknown;\n        prI18n_currentLanguage: Promise<unknown> | undefined;\n    };\n};\n\nexport const provideKeycloakifyAngular = (config: KeycloakifyAngularLoginConfig) =>\n    makeEnvironmentProviders([\n        {\n            provide: KC_LOGIN_CONTEXT,\n            useValue: config.kcContext\n        },\n        {\n            provide: DO_MAKE_USER_CONFIRM_PASSWORD,\n            useValue: config?.doMakeUserConfirmPassword ?? true\n        },\n        {\n            provide: LOCALE_ID,\n            useFactory: (document: Document) => {\n                return document.documentElement.lang ?? 'en';\n            },\n            deps: [DOCUMENT]\n        },\n        {\n            provide: APP_INITIALIZER,\n            multi: true,\n            useFactory: (i18nService: I18nService, kcContext: KcContext) => async () => {\n                const getI18n = config.getI18n;\n\n                const { i18n, prI18n_currentLanguage } = getI18n({\n                    kcContext\n                });\n                let i18nPromise = new Promise<typeof i18n>(resolve => resolve(i18n));\n                if (prI18n_currentLanguage) {\n                    i18nPromise = prI18n_currentLanguage;\n                }\n                return i18nPromise.then(i18n => {\n                    i18nService.i18n = i18n;\n                    return true;\n                });\n            },\n            deps: [I18nService, KC_LOGIN_CONTEXT]\n        },\n        {\n            provide: LOGIN_I18N,\n            useFactory: (i18nService: I18nService) => i18nService.i18n,\n            deps: [I18nService]\n        },\n        { provide: USE_DEFAULT_CSS, useValue: config?.doUseDefaultCss ?? true },\n        { provide: LOGIN_CLASSES, useValue: config?.classes ?? {} }\n    ]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAuBa,MAAA,yBAAyB,GAAG,CAAC,MAAqC,KAC3E,wBAAwB,CAAC;AACrB,IAAA;AACI,QAAA,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,MAAM,CAAC,SAAS;AAC7B,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,6BAA6B;AACtC,QAAA,QAAQ,EAAE,MAAM,EAAE,yBAAyB,IAAI,IAAI;AACtD,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,UAAU,EAAE,CAAC,QAAkB,KAAI;AAC/B,YAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,IAAI,CAAC;SAChD;QACD,IAAI,EAAE,CAAC,QAAQ,CAAC;AACnB,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,CAAC,WAAwB,EAAE,SAAoB,KAAK,YAAW;AACvE,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAE/B,YAAA,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC;gBAC7C,SAAS;AACZ,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,WAAW,GAAG,IAAI,OAAO,CAAc,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,IAAI,sBAAsB,EAAE;gBACxB,WAAW,GAAG,sBAAsB,CAAC;aACxC;AACD,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAG;AAC3B,gBAAA,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,gBAAA,OAAO,IAAI,CAAC;AAChB,aAAC,CAAC,CAAC;SACN;AACD,QAAA,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxC,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,CAAC,WAAwB,KAAK,WAAW,CAAC,IAAI;QAC1D,IAAI,EAAE,CAAC,WAAW,CAAC;AACtB,KAAA;IACD,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,IAAI,IAAI,EAAE;IACvE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE;AAC9D,CAAA;;ACnEL;;AAEG;;;;"}

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

@@ -10,10 +10,11 @@ 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; }; }, { "componentCreated": "componentCreated"; }, never, never, true, 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;
@@ -32,6 +33,7 @@ export declare class TemplateComponent extends ComponentReference implements OnI
     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;
@@ -41,5 +43,5 @@ export declare class TemplateComponent extends ComponentReference implements OnI
     tryAnotherWay(): void;
     onComponentCreated(compRef: object): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateComponent, "kc-root", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; }, {}, never, never, 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/login.d.ts

@@ -9,5 +9,6 @@ export type KcPage = {
     classes: {
         [key in ClassKey]?: string;
     };
+    UserProfileFormFieldsComponent: Type<unknown>;
     doMakeUserConfirmPassword: boolean;
 };

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

@@ -1,5 +1,6 @@
-import { type TemplateRef } from '@angular/core';
+import { type TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import type { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
@@ -18,9 +19,10 @@ export declare class IdpReviewUserProfileComponent extends ComponentReference {
     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;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
     constructor();
     onCallback(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdpReviewUserProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IdpReviewUserProfileComponent, "kc-idp-review-user-profile", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdpReviewUserProfileComponent, "kc-idp-review-user-profile", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-update-profile/login-update-profile.component.d.ts

@@ -1,5 +1,6 @@
-import { type TemplateRef } from '@angular/core';
+import { type TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
@@ -19,7 +20,8 @@ export declare class LoginUpdateProfileComponent extends ComponentReference {
     infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginUpdateProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdateProfileComponent, "kc-login-update-profile", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdateProfileComponent, "kc-login-update-profile", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,6 @@
-import { type TemplateRef } from '@angular/core';
+import { type TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
@@ -20,8 +21,9 @@ export declare class RegisterComponent extends ComponentReference {
     socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
     areTermsAccepted: import("@angular/core").WritableSignal<boolean>;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     constructor();
     onCallback(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegisterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RegisterComponent, "kc-register", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RegisterComponent, "kc-register", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/update-email/update-email.component.d.ts

@@ -1,5 +1,6 @@
-import { type TemplateRef } from '@angular/core';
+import { type TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import * as i0 from "@angular/core";
@@ -15,8 +16,9 @@ export declare class UpdateEmailComponent extends ComponentReference {
     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;
+    userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdateEmailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UpdateEmailComponent, "kc-update-email", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpdateEmailComponent, "kc-update-email", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/providers/keycloakify-angular/keycloakify-angular.providers.d.ts

@@ -1,3 +1,4 @@
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { type KcContextLike } from 'keycloakify/login/i18n/noJsx';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 export type KeycloakifyAngularLoginConfig = {
@@ -6,6 +7,7 @@ export type KeycloakifyAngularLoginConfig = {
     classes?: {
         [key in ClassKey]?: string;
     };
+    kcContext: KcContext;
     getI18n: (params: {
         kcContext: KcContextLike;
     }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloakify/angular",
-  "version": "0.0.1-rc.23",
+  "version": "0.0.1-rc.25",
   "peerDependencies": {
     "keycloakify": "^11.3.2",
     "@angular/core": "^18.0.0",

package/src/account/providers/keycloakify-angular/keycloakify-angular.providers.ts

@@ -12,6 +12,7 @@ import type { KcContext } from '@keycloakify/angular/account/KcContext';
 export type KeycloakifyAngularAccountConfig = {
     doUseDefaultCss?: boolean;
     classes?: { [key in ClassKey]?: string };
+    kcContext: KcContext;
     getI18n: (params: { kcContext: KcContextLike }) => {
         i18n: unknown;
         prI18n_currentLanguage: Promise<unknown> | undefined;
@@ -22,9 +23,7 @@ export const provideKeycloakifyAngular = (config: KeycloakifyAngularAccountConfi
     makeEnvironmentProviders([
         {
             provide: KC_ACCOUNT_CONTEXT,
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            useValue: window.kcContext
+            useValue: config.kcContext
         },
         {
             provide: LOCALE_ID,