@keycloakify/angular 21.1.2 → 21.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-otp.mjs","sources":["../../src/login/pages/login-otp/login-otp.component.ts","../../src/login/pages/login-otp/login-otp.component.html","../../src/login/pages/login-otp/keycloakify-angular-login-pages-login-otp.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { 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    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-login-otp',\n    templateUrl: 'login-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOtpComponent)\n        }\n    ]\n})\nexport class LoginOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-otp.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('totp');\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 otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-otp-login-form\"\n    method=\"post\"\n    [kcClass]=\"['kcFormClass']\"\n    [action]=\"url.loginAction\"\n>\n    @if (otpLogin.userOtpCredentials.length > 1) {\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                    <ng-container>\n                        <input\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\n                            [id]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [value]=\"otpCredential.id\"\n                            [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                        />\n                        <label\n                            [for]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [tabIndex]=\"i\"\n                        >\n                            <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                    <i\n                                        aria-hidden=\"true\"\n                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                    ></i>\n                                </span>\n                                <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                            </span>\n                        </label>\n                    </ng-container>\n                }\n            </div>\n        </div>\n    }\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"otp\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('loginOtpOneTime') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                id=\"otp\"\n                name=\"otp\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n            />\n            @if (messagesPerField.existsError('totp')) {\n                <span\n                    id=\"input-error-otp-code\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"['kcInputErrorMessageClass']\"\n                    [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        ></div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-otp.mjs","sources":["../../src/login/pages/login-otp/login-otp.component.ts","../../src/login/pages/login-otp/login-otp.component.html","../../src/login/pages/login-otp/keycloakify-angular-login-pages-login-otp.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { 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    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-login-otp',\n    templateUrl: 'login-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOtpComponent)\n        }\n    ]\n})\nexport class LoginOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-otp.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('totp');\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 otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-otp-login-form\"\n    method=\"post\"\n    [kcClass]=\"['kcFormClass']\"\n    [action]=\"url.loginAction\"\n>\n    @if (otpLogin.userOtpCredentials.length > 1) {\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                    <ng-container>\n                        <input\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\n                            [id]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [value]=\"otpCredential.id\"\n                            [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                        />\n                        <label\n                            [for]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [tabIndex]=\"i\"\n                        >\n                            <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                    <i\n                                        aria-hidden=\"true\"\n                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                    ></i>\n                                </span>\n                                <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                            </span>\n                        </label>\n                    </ng-container>\n                }\n            </div>\n        </div>\n    }\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"otp\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('loginOtpOneTime') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                id=\"otp\"\n                name=\"otp\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n            />\n            @if (messagesPerField.existsError('totp')) {\n                <span\n                    id=\"input-error-otp-code\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"['kcInputErrorMessageClass']\"\n                    [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        ></div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-login-page-expired.mjs

@@ -20,15 +20,15 @@ class LoginPageExpiredComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : /* istanbul ignore next */ []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.8", type: LoginPageExpiredComponent, isStandalone: true, selector: "kc-login-page-expired", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.12", type: LoginPageExpiredComponent, isStandalone: true, selector: "kc-login-page-expired", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPageExpiredComponent)
             }
         ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-login-page-expired', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-page-expired.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-page-expired.mjs","sources":["../../src/login/pages/login-page-expired/login-page-expired.component.ts","../../src/login/pages/login-page-expired/login-page-expired.component.html","../../src/login/pages/login-page-expired/keycloakify-angular-login-pages-login-page-expired.ts"],"sourcesContent":["import { 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 type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    selector: 'kc-login-page-expired',\n    templateUrl: 'login-page-expired.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPageExpiredComponent)\n        }\n    ]\n})\nexport class LoginPageExpiredComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-page-expired.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-page-expired.mjs","sources":["../../src/login/pages/login-page-expired/login-page-expired.component.ts","../../src/login/pages/login-page-expired/login-page-expired.component.html","../../src/login/pages/login-page-expired/keycloakify-angular-login-pages-login-page-expired.ts"],"sourcesContent":["import { 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 type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    selector: 'kc-login-page-expired',\n    templateUrl: 'login-page-expired.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPageExpiredComponent)\n        }\n    ]\n})\nexport class LoginPageExpiredComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-page-expired.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs

@@ -69,15 +69,15 @@ class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {
         }
         return className;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginPasskeysConditionalAuthenticateComponent, isStandalone: true, selector: "kc-login-passkeys-conditional-authenticate", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LoginPasskeysConditionalAuthenticateComponent, isStandalone: true, selector: "kc-login-passkeys-conditional-authenticate", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)
             }
         ], 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 authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\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    }\n</ng-template>\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<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readonly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username webauthn\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [value]=\"login.username ?? ''\"\n                        />\n                        @if (messagesPerField.existsError('username')) {\n                            <span\n                                id=\"input-error-username\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                            >\n                                {{ messagesPerField.get('username') }}\n                            </span>\n                        }\n                    </div>\n                }\n            </form>\n            <div\n                id=\"kc-form-passkey-button\"\n                style=\"display: none\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    id=\"authButtonId\"\n                    type=\"button\"\n                    autofocus\n                    [value]=\"i18n.msgStr('passkey-doAuthenticate')\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                />\n            </div>\n        }\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: "21.2.8", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-passkeys-conditional-authenticate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs","sources":["../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts","../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.html","../../src/login/pages/login-passkeys-conditional-authenticate/keycloakify-angular-login-pages-login-passkeys-conditional-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 { 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    imports: [KcClassDirective],\n    selector: 'kc-login-passkeys-conditional-authenticate',\n    templateUrl: 'login-passkeys-conditional-authenticate.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)\n        }\n    ]\n})\nexport class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-passkeys-conditional-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 = true;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const {\n            url,\n            challenge,\n            rpId,\n            userVerification,\n            isUserIdentified,\n\n            createTimeout\n        } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'LoginRecoveryAuthnCodeConfig',\n                textContent: `\n                    import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n                    import { initAuthenticate } from \"${url.resourcesPath}/js/passkeysConditionalAuth.js\";\n\n                    const authButton = document.getElementById(\"${this.authButtonId}\");\n                    const input = {\n                        isUserIdentified : ${isUserIdentified},\n                        challenge : ${JSON.stringify(challenge)},\n                        userVerification : ${JSON.stringify(userVerification)},\n                        rpId : ${JSON.stringify(rpId)},\n                        createTimeout : ${createTimeout}\n                    };\n                    authButton.addEventListener(\"click\", () => {\n                        authenticateByWebAuthn({\n                            ...input,\n                            errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                        });\n                    });\n\n                    initAuthenticate({\n                        ...input,\n                        errmsg : ${JSON.stringify(this.i18n.msgStr('passkey-unsupported-browser-text'))}\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 authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\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    }\n</ng-template>\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<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readonly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username webauthn\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [value]=\"login.username ?? ''\"\n                        />\n                        @if (messagesPerField.existsError('username')) {\n                            <span\n                                id=\"input-error-username\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                            >\n                                {{ messagesPerField.get('username') }}\n                            </span>\n                        }\n                    </div>\n                }\n            </form>\n            <div\n                id=\"kc-form-passkey-button\"\n                style=\"display: none\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    id=\"authButtonId\"\n                    type=\"button\"\n                    autofocus\n                    [value]=\"i18n.msgStr('passkey-doAuthenticate')\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                />\n            </div>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs","sources":["../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts","../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.html","../../src/login/pages/login-passkeys-conditional-authenticate/keycloakify-angular-login-pages-login-passkeys-conditional-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 { 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    imports: [KcClassDirective],\n    selector: 'kc-login-passkeys-conditional-authenticate',\n    templateUrl: 'login-passkeys-conditional-authenticate.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)\n        }\n    ]\n})\nexport class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-passkeys-conditional-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 = true;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    authButtonId = 'authenticateWebAuthnButton';\n\n    constructor() {\n        super();\n        const {\n            url,\n            challenge,\n            rpId,\n            userVerification,\n            isUserIdentified,\n\n            createTimeout\n        } = this.kcContext;\n        const scripts: Script[] = [\n            {\n                type: 'module',\n                id: 'LoginRecoveryAuthnCodeConfig',\n                textContent: `\n                    import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n                    import { initAuthenticate } from \"${url.resourcesPath}/js/passkeysConditionalAuth.js\";\n\n                    const authButton = document.getElementById(\"${this.authButtonId}\");\n                    const input = {\n                        isUserIdentified : ${isUserIdentified},\n                        challenge : ${JSON.stringify(challenge)},\n                        userVerification : ${JSON.stringify(userVerification)},\n                        rpId : ${JSON.stringify(rpId)},\n                        createTimeout : ${createTimeout}\n                    };\n                    authButton.addEventListener(\"click\", () => {\n                        authenticateByWebAuthn({\n                            ...input,\n                            errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n                        });\n                    });\n\n                    initAuthenticate({\n                        ...input,\n                        errmsg : ${JSON.stringify(this.i18n.msgStr('passkey-unsupported-browser-text'))}\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 authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\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    }\n</ng-template>\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<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readonly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username webauthn\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [value]=\"login.username ?? ''\"\n                        />\n                        @if (messagesPerField.existsError('username')) {\n                            <span\n                                id=\"input-error-username\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                            >\n                                {{ messagesPerField.get('username') }}\n                            </span>\n                        }\n                    </div>\n                }\n            </form>\n            <div\n                id=\"kc-form-passkey-button\"\n                style=\"display: none\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    id=\"authButtonId\"\n                    type=\"button\"\n                    autofocus\n                    [value]=\"i18n.msgStr('passkey-doAuthenticate')\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                />\n            </div>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -25,15 +25,15 @@ class LoginPasswordComponent extends ComponentReference {
         this.authButtonId = 'authenticateWebAuthnButton';
         this.isLoginButtonDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isLoginButtonDisabled" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginPasswordComponent, isStandalone: true, selector: "kc-login-password", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LoginPasswordComponent, isStandalone: true, selector: "kc-login-password", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasswordComponent)
             }
         ], 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 messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        autocomplete=\"on\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginPasswordComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe], selector: 'kc-login-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-password.mjs","sources":["../../src/login/pages/login-password/login-password.component.ts","../../src/login/pages/login-password/login-password.component.html","../../src/login/pages/login-password/keycloakify-angular-login-pages-login-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\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    imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe],\n    selector: 'kc-login-password',\n    templateUrl: 'login-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPasswordComponent)\n        }\n    ]\n})\nexport class LoginPasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-password.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 = true;\n    displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    authButtonId = 'authenticateWebAuthnButton';\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        autocomplete=\"on\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-password.mjs","sources":["../../src/login/pages/login-password/login-password.component.ts","../../src/login/pages/login-password/login-password.component.html","../../src/login/pages/login-password/keycloakify-angular-login-pages-login-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\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    imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe],\n    selector: 'kc-login-password',\n    templateUrl: 'login-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginPasswordComponent)\n        }\n    ]\n})\nexport class LoginPasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-password.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 = true;\n    displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n    authButtonId = 'authenticateWebAuthnButton';\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        autocomplete=\"on\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs

@@ -145,15 +145,15 @@ class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference {
             }
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginRecoveryAuthnCodeConfigComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-config", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LoginRecoveryAuthnCodeConfigComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-config", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)
             }
         ], 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 recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('recovery-code-config-header') }}\n</ng-template>\n\n<div\n    class=\"pf-c-alert pf-m-warning pf-m-inline\"\n    aria-label=\"Warning alert\"\n    [kcClass]=\"'kcRecoveryCodesWarning'\"\n>\n    <div class=\"pf-c-alert__icon\">\n        <i\n            class=\"pficon-warning-triangle-o\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ i18n.msgStr('recovery-code-config-warning-title') }}\n    </h4>\n    <div class=\"pf-c-alert__description\">\n        <p>{{ i18n.msgStr('recovery-code-config-warning-message') }}</p>\n    </div>\n</div>\n\n<ol\n    [id]=\"olRecoveryCodesListId\"\n    [kcClass]=\"'kcRecoveryCodesList'\"\n>\n    @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n            <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n    }\n</ol>\n\n<!-- actions -->\n<div [kcClass]=\"'kcRecoveryCodesActions'\">\n    <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-print\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-print') }}\n    </button>\n    <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-save\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-download') }}\n    </button>\n    <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-blueprint\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-copy') }}\n    </button>\n</div>\n\n<!-- confirmation checkbox -->\n\n<div\n    class=\"checkbox\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n            type=\"checkbox\"\n            id=\"kcRecoveryCodesConfirmationCheck\"\n            name=\"kcRecoveryCodesConfirmationCheck\"\n            [kcClass]=\"'kcCheckInputClass'\"\n            [checked]=\"toggleRecoveryCodesConfirmation()\"\n            (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ i18n.msgStr('recovery-codes-confirmation-message') }}\n    </label>\n</div>\n\n<form\n    id=\"kc-recovery-codes-settings-form\"\n    method=\"post\"\n    [action]=\"kcContext.url.loginAction\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n    />\n    <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"i18n.msgStr('recovery-codes-label-default')\"\n    />\n\n    <kc-logout-other-sessions />\n\n    @if (isAppInitiatedAction) {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n            type=\"submit\"\n            id=\"cancelRecoveryAuthnCodesBtn\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('recovery-codes-action-cancel') }}\n        </button>\n    } @else {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n    }\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-login-recovery-authn-code-config', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs","sources":["../../src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.ts","../../src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.html","../../src/login/pages/login-recovery-authn-code-config/keycloakify-angular-login-pages-login-recovery-authn-code-config.ts"],"sourcesContent":["import { type AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, signal, 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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-login-recovery-authn-code-config',\n    templateUrl: 'login-recovery-authn-code-config.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)\n        }\n    ]\n})\nexport class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference implements AfterViewInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-config.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\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 = true;\n    displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    toggleRecoveryCodesConfirmation = signal(false);\n\n    olRecoveryCodesListId = 'kc-recovery-codes-list';\n\n    constructor() {\n        super();\n    }\n\n    ngAfterViewInit() {\n        this.loginResourceInjectorService.insertAdditionalScripts([\n            {\n                type: 'text/javascript',\n                id: `${this.olRecoveryCodesListId}-script`,\n                textContent: `\n                    /* copy recovery codes  */\n                    function copyRecoveryCodes() {\n                        var tmpTextarea = document.createElement(\"textarea\");\n                        var codes = document.querySelectorAll(\"#${this.olRecoveryCodesListId} li\");\n                        for (i = 0; i < codes.length; i++) {\n                            tmpTextarea.value = tmpTextarea.value + codes[i].innerText + \"\\\\n\";\n                        }\n                        document.body.appendChild(tmpTextarea);\n                        tmpTextarea.select();\n                        document.execCommand(\"copy\");\n                        document.body.removeChild(tmpTextarea);\n                    }\n\n                    var copyButton = document.getElementById(\"copyRecoveryCodes\");\n                    copyButton && copyButton.addEventListener(\"click\", function () {\n                        copyRecoveryCodes();\n                    });\n\n                    /* download recovery codes  */\n                    function formatCurrentDateTime() {\n                        var dt = new Date();\n                        var options = {\n                            month: 'long',\n                            day: 'numeric',\n                            year: 'numeric',\n                            hour: 'numeric',\n                            minute: 'numeric',\n                            timeZoneName: 'short'\n                        };\n\n                        return dt.toLocaleString('en-US', options);\n                    }\n\n                    function parseRecoveryCodeList() {\n                        var recoveryCodes = document.querySelectorAll(\"#${this.olRecoveryCodesListId} li\");\n                        var recoveryCodeList = \"\";\n\n                        for (var i = 0; i < recoveryCodes.length; i++) {\n                            var recoveryCodeLiElement = recoveryCodes[i].innerText;\n                            recoveryCodeList += recoveryCodeLiElement + \"\\\\r\\\\n\";\n                        }\n\n                        return recoveryCodeList;\n                    }\n\n                    function buildDownloadContent() {\n                        var recoveryCodeList = parseRecoveryCodeList();\n                        var dt = new Date();\n                        var options = {\n                            month: 'long',\n                            day: 'numeric',\n                            year: 'numeric',\n                            hour: 'numeric',\n                            minute: 'numeric',\n                            timeZoneName: 'short'\n                        };\n\n                        return fileBodyContent =\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-header'))} + \"\\\\n\\\\n\" +\n                            recoveryCodeList + \"\\\\n\" +\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-description'))} + \"\\\\n\\\\n\" +\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-date'))} + \" \" + formatCurrentDateTime();\n                    }\n\n                    function setUpDownloadLinkAndDownload(filename, text) {\n                        var el = document.createElement('a');\n                        el.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));\n                        el.setAttribute('download', filename);\n                        el.style.display = 'none';\n                        document.body.appendChild(el);\n                        el.click();\n                        document.body.removeChild(el);\n                    }\n\n                    function downloadRecoveryCodes() {\n                        setUpDownloadLinkAndDownload('kc-download-recovery-codes.txt', buildDownloadContent());\n                    }\n\n                    var downloadButton = document.getElementById(\"downloadRecoveryCodes\");\n                    downloadButton && downloadButton.addEventListener(\"click\", downloadRecoveryCodes);\n\n                    /* print recovery codes */\n                    function buildPrintContent() {\n                        var recoveryCodeListHTML = document.getElementById('${this.olRecoveryCodesListId}').innerHTML;\n                        var styles =\n                            \\`@page { size: auto;  margin-top: 0; }\n                            body { width: 480px; }\n                            div { list-style-type: none; font-family: monospace }\n                            p:first-of-type { margin-top: 48px }\\`;\n\n                        return printFileContent =\n                            \"<html><style>\" + styles + \"</style><body>\" +\n                            \"<title>kc-download-recovery-codes</title>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-header'))} + \"</p>\" +\n                            \"<div>\" + recoveryCodeListHTML + \"</div>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-description'))} + \"</p>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-date'))} + \" \" + formatCurrentDateTime() + \"</p>\" +\n                            \"</body></html>\";\n                    }\n\n                    function printRecoveryCodes() {\n                        var w = window.open();\n                        w.document.write(buildPrintContent());\n                        w.print();\n                        w.close();\n                    }\n\n                    var printButton = document.getElementById(\"printRecoveryCodes\");\n                    printButton && printButton.addEventListener(\"click\", printRecoveryCodes);\n                `\n            }\n        ]);\n    }\n}\n","@let recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('recovery-code-config-header') }}\n</ng-template>\n\n<div\n    class=\"pf-c-alert pf-m-warning pf-m-inline\"\n    aria-label=\"Warning alert\"\n    [kcClass]=\"'kcRecoveryCodesWarning'\"\n>\n    <div class=\"pf-c-alert__icon\">\n        <i\n            class=\"pficon-warning-triangle-o\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ i18n.msgStr('recovery-code-config-warning-title') }}\n    </h4>\n    <div class=\"pf-c-alert__description\">\n        <p>{{ i18n.msgStr('recovery-code-config-warning-message') }}</p>\n    </div>\n</div>\n\n<ol\n    [id]=\"olRecoveryCodesListId\"\n    [kcClass]=\"'kcRecoveryCodesList'\"\n>\n    @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n            <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n    }\n</ol>\n\n<!-- actions -->\n<div [kcClass]=\"'kcRecoveryCodesActions'\">\n    <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-print\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-print') }}\n    </button>\n    <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-save\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-download') }}\n    </button>\n    <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-blueprint\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-copy') }}\n    </button>\n</div>\n\n<!-- confirmation checkbox -->\n\n<div\n    class=\"checkbox\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n            type=\"checkbox\"\n            id=\"kcRecoveryCodesConfirmationCheck\"\n            name=\"kcRecoveryCodesConfirmationCheck\"\n            [kcClass]=\"'kcCheckInputClass'\"\n            [checked]=\"toggleRecoveryCodesConfirmation()\"\n            (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ i18n.msgStr('recovery-codes-confirmation-message') }}\n    </label>\n</div>\n\n<form\n    id=\"kc-recovery-codes-settings-form\"\n    method=\"post\"\n    [action]=\"kcContext.url.loginAction\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n    />\n    <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"i18n.msgStr('recovery-codes-label-default')\"\n    />\n\n    <kc-logout-other-sessions />\n\n    @if (isAppInitiatedAction) {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n            type=\"submit\"\n            id=\"cancelRecoveryAuthnCodesBtn\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('recovery-codes-action-cancel') }}\n        </button>\n    } @else {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n    }\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs","sources":["../../src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.ts","../../src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.html","../../src/login/pages/login-recovery-authn-code-config/keycloakify-angular-login-pages-login-recovery-authn-code-config.ts"],"sourcesContent":["import { type AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, signal, 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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, LogoutOtherSessionsComponent],\n    selector: 'kc-login-recovery-authn-code-config',\n    templateUrl: 'login-recovery-authn-code-config.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)\n        }\n    ]\n})\nexport class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference implements AfterViewInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-config.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\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 = true;\n    displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    toggleRecoveryCodesConfirmation = signal(false);\n\n    olRecoveryCodesListId = 'kc-recovery-codes-list';\n\n    constructor() {\n        super();\n    }\n\n    ngAfterViewInit() {\n        this.loginResourceInjectorService.insertAdditionalScripts([\n            {\n                type: 'text/javascript',\n                id: `${this.olRecoveryCodesListId}-script`,\n                textContent: `\n                    /* copy recovery codes  */\n                    function copyRecoveryCodes() {\n                        var tmpTextarea = document.createElement(\"textarea\");\n                        var codes = document.querySelectorAll(\"#${this.olRecoveryCodesListId} li\");\n                        for (i = 0; i < codes.length; i++) {\n                            tmpTextarea.value = tmpTextarea.value + codes[i].innerText + \"\\\\n\";\n                        }\n                        document.body.appendChild(tmpTextarea);\n                        tmpTextarea.select();\n                        document.execCommand(\"copy\");\n                        document.body.removeChild(tmpTextarea);\n                    }\n\n                    var copyButton = document.getElementById(\"copyRecoveryCodes\");\n                    copyButton && copyButton.addEventListener(\"click\", function () {\n                        copyRecoveryCodes();\n                    });\n\n                    /* download recovery codes  */\n                    function formatCurrentDateTime() {\n                        var dt = new Date();\n                        var options = {\n                            month: 'long',\n                            day: 'numeric',\n                            year: 'numeric',\n                            hour: 'numeric',\n                            minute: 'numeric',\n                            timeZoneName: 'short'\n                        };\n\n                        return dt.toLocaleString('en-US', options);\n                    }\n\n                    function parseRecoveryCodeList() {\n                        var recoveryCodes = document.querySelectorAll(\"#${this.olRecoveryCodesListId} li\");\n                        var recoveryCodeList = \"\";\n\n                        for (var i = 0; i < recoveryCodes.length; i++) {\n                            var recoveryCodeLiElement = recoveryCodes[i].innerText;\n                            recoveryCodeList += recoveryCodeLiElement + \"\\\\r\\\\n\";\n                        }\n\n                        return recoveryCodeList;\n                    }\n\n                    function buildDownloadContent() {\n                        var recoveryCodeList = parseRecoveryCodeList();\n                        var dt = new Date();\n                        var options = {\n                            month: 'long',\n                            day: 'numeric',\n                            year: 'numeric',\n                            hour: 'numeric',\n                            minute: 'numeric',\n                            timeZoneName: 'short'\n                        };\n\n                        return fileBodyContent =\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-header'))} + \"\\\\n\\\\n\" +\n                            recoveryCodeList + \"\\\\n\" +\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-description'))} + \"\\\\n\\\\n\" +\n                            ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-date'))} + \" \" + formatCurrentDateTime();\n                    }\n\n                    function setUpDownloadLinkAndDownload(filename, text) {\n                        var el = document.createElement('a');\n                        el.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));\n                        el.setAttribute('download', filename);\n                        el.style.display = 'none';\n                        document.body.appendChild(el);\n                        el.click();\n                        document.body.removeChild(el);\n                    }\n\n                    function downloadRecoveryCodes() {\n                        setUpDownloadLinkAndDownload('kc-download-recovery-codes.txt', buildDownloadContent());\n                    }\n\n                    var downloadButton = document.getElementById(\"downloadRecoveryCodes\");\n                    downloadButton && downloadButton.addEventListener(\"click\", downloadRecoveryCodes);\n\n                    /* print recovery codes */\n                    function buildPrintContent() {\n                        var recoveryCodeListHTML = document.getElementById('${this.olRecoveryCodesListId}').innerHTML;\n                        var styles =\n                            \\`@page { size: auto;  margin-top: 0; }\n                            body { width: 480px; }\n                            div { list-style-type: none; font-family: monospace }\n                            p:first-of-type { margin-top: 48px }\\`;\n\n                        return printFileContent =\n                            \"<html><style>\" + styles + \"</style><body>\" +\n                            \"<title>kc-download-recovery-codes</title>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-header'))} + \"</p>\" +\n                            \"<div>\" + recoveryCodeListHTML + \"</div>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-description'))} + \"</p>\" +\n                            \"<p>\" + ${JSON.stringify(this.i18n.msgStr('recovery-codes-download-file-date'))} + \" \" + formatCurrentDateTime() + \"</p>\" +\n                            \"</body></html>\";\n                    }\n\n                    function printRecoveryCodes() {\n                        var w = window.open();\n                        w.document.write(buildPrintContent());\n                        w.print();\n                        w.close();\n                    }\n\n                    var printButton = document.getElementById(\"printRecoveryCodes\");\n                    printButton && printButton.addEventListener(\"click\", printRecoveryCodes);\n                `\n            }\n        ]);\n    }\n}\n","@let recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('recovery-code-config-header') }}\n</ng-template>\n\n<div\n    class=\"pf-c-alert pf-m-warning pf-m-inline\"\n    aria-label=\"Warning alert\"\n    [kcClass]=\"'kcRecoveryCodesWarning'\"\n>\n    <div class=\"pf-c-alert__icon\">\n        <i\n            class=\"pficon-warning-triangle-o\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ i18n.msgStr('recovery-code-config-warning-title') }}\n    </h4>\n    <div class=\"pf-c-alert__description\">\n        <p>{{ i18n.msgStr('recovery-code-config-warning-message') }}</p>\n    </div>\n</div>\n\n<ol\n    [id]=\"olRecoveryCodesListId\"\n    [kcClass]=\"'kcRecoveryCodesList'\"\n>\n    @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n            <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n    }\n</ol>\n\n<!-- actions -->\n<div [kcClass]=\"'kcRecoveryCodesActions'\">\n    <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-print\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-print') }}\n    </button>\n    <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-save\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-download') }}\n    </button>\n    <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-blueprint\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-copy') }}\n    </button>\n</div>\n\n<!-- confirmation checkbox -->\n\n<div\n    class=\"checkbox\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n            type=\"checkbox\"\n            id=\"kcRecoveryCodesConfirmationCheck\"\n            name=\"kcRecoveryCodesConfirmationCheck\"\n            [kcClass]=\"'kcCheckInputClass'\"\n            [checked]=\"toggleRecoveryCodesConfirmation()\"\n            (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ i18n.msgStr('recovery-codes-confirmation-message') }}\n    </label>\n</div>\n\n<form\n    id=\"kc-recovery-codes-settings-form\"\n    method=\"post\"\n    [action]=\"kcContext.url.loginAction\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n    />\n    <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"i18n.msgStr('recovery-codes-label-default')\"\n    />\n\n    <kc-logout-other-sessions />\n\n    @if (isAppInitiatedAction) {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n            type=\"submit\"\n            id=\"cancelRecoveryAuthnCodesBtn\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('recovery-codes-action-cancel') }}\n        </button>\n    } @else {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n    }\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-input.mjs

@@ -22,15 +22,15 @@ class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : /* istanbul ignore next */ []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginRecoveryAuthnCodeInputComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-input", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LoginRecoveryAuthnCodeInputComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-input", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)
             }
         ], 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 recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<form\n    id=\"kc-recovery-code-login-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"recoveryCodeInput\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                tabIndex=\"1\"\n                id=\"recoveryCodeInput\"\n                name=\"recoveryCodeInput\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                [kcClass]=\"'kcInputClass'\"\n            />\n            @if (messagesPerField.existsError('recoveryCodeInput')) {\n                <span\n                    id=\"input-error\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsWrapperClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KcSanitizePipe], selector: 'kc-login-recovery-authn-code-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-recovery-authn-code-input.mjs","sources":["../../src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.ts","../../src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.html","../../src/login/pages/login-recovery-authn-code-input/keycloakify-angular-login-pages-login-recovery-authn-code-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { 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    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-login-recovery-authn-code-input',\n    templateUrl: 'login-recovery-authn-code-input.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)\n        }\n    ]\n})\nexport class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-input.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 = true;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('recoveryCodeInput');\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 recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<form\n    id=\"kc-recovery-code-login-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"recoveryCodeInput\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                tabIndex=\"1\"\n                id=\"recoveryCodeInput\"\n                name=\"recoveryCodeInput\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                [kcClass]=\"'kcInputClass'\"\n            />\n            @if (messagesPerField.existsError('recoveryCodeInput')) {\n                <span\n                    id=\"input-error\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsWrapperClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAwBM,MAAO,oCAAqC,SAAQ,kBAAkB,CAAA;AAZ5E,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAwE,gBAAgB,CAAC;AAC3G,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AAEtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAA,CAAA,qBAAqB,GAAG,KAAK;QAC7B,IAAA,CAAA,WAAW,GAAG,IAAI;QAClB,IAAA,CAAA,cAAc,GAAY,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,mBAAmB,CAAC;AAE1F,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,iFAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,+EAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,0FAAC;AACnF,IAAA;8GAjBY,oCAAoC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oCAAoC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,SAAA,EAPlC;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oCAAoC;AACrE;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,ECtBL,iwEAkEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrDc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjC,oCAAoC,EAAA,UAAA,EAAA,CAAA;kBAZhD,SAAS;8BACG,CAAC,gBAAgB,EAAE,cAAc,CAAC,EAAA,QAAA,EACjC,oCAAoC,EAAA,eAAA,EAE7B,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0CAA0C;AACrE;AACJ,qBAAA,EAAA,QAAA,EAAA,iwEAAA,EAAA;wEAgBgD,YAAY,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACd,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACC,qBAAqB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AExCnF;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-recovery-authn-code-input.mjs","sources":["../../src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.ts","../../src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.html","../../src/login/pages/login-recovery-authn-code-input/keycloakify-angular-login-pages-login-recovery-authn-code-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { 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    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-login-recovery-authn-code-input',\n    templateUrl: 'login-recovery-authn-code-input.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)\n        }\n    ]\n})\nexport class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-recovery-authn-code-input.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 = true;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('recoveryCodeInput');\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 recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<form\n    id=\"kc-recovery-code-login-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"recoveryCodeInput\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                tabIndex=\"1\"\n                id=\"recoveryCodeInput\"\n                name=\"recoveryCodeInput\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                [kcClass]=\"'kcInputClass'\"\n            />\n            @if (messagesPerField.existsError('recoveryCodeInput')) {\n                <span\n                    id=\"input-error\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsWrapperClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-login-reset-otp.mjs

@@ -21,15 +21,15 @@ class LoginResetOtpComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : /* istanbul ignore next */ []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginResetOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LoginResetOtpComponent, isStandalone: true, selector: "kc-login-reset-otp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginResetOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LoginResetOtpComponent, isStandalone: true, selector: "kc-login-reset-otp", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginResetOtpComponent)
             }
         ], 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 configuredOtpCredentials = kcContext.configuredOtpCredentials;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<form\n    id=\"kc-otp-reset-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcInputWrapperClass'\">\n        <div [kcClass]=\"'kcInfoAreaWrapperClass'\">\n            <p id=\"kc-otp-reset-form-description\">\n                {{ i18n.msgStr('otp-reset-description') }}\n            </p>\n            @for (otpCredential of configuredOtpCredentials.userOtpCredentials; track otpCredential; let i = $index) {\n                <input\n                    type=\"radio\"\n                    name=\"selectedCredentialId\"\n                    [id]=\"'kc-otp-credential-' + i\"\n                    [kcClass]=\"'kcLoginOTPListInputClass'\"\n                    [value]=\"otpCredential.id\"\n                    [defaultChecked]=\"otpCredential.id === configuredOtpCredentials.selectedCredentialId\"\n                />\n                <label\n                    for=\"kc-otp-credential-0\"\n                    [kcClass]=\"'kcLoginOTPListClass'\"\n                    [tabIndex]=\"i\"\n                >\n                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                            <i\n                                aria-hidden=\"true\"\n                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                            ></i>\n                        </span>\n                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                    </span>\n                </label>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        id=\"kc-otp-reset-form-submit\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LoginResetOtpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LoginResetOtpComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-reset-otp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {