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

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, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, KcSanitizePipe],\n    selector: 'kc-root',\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    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('recoveryCodeInput');\n}\n","@let url = kcContext.url;\n@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('auth-recovery-code-header') }}\n    </ng-container>\n\n    <ng-container content>\n        <form\n            id=\"kc-recovery-code-login-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\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                        [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\n                    />\n                    @if (messagesPerField.existsError('recoveryCodeInput')) {\n                        <span\n                            id=\"input-error\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\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                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-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, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, 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<ng-container content>\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</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
@@ -15,28 +15,29 @@ class LoginResetOtpComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
-        this.displayInfo = false;
+        this.displayRequiredFields = false;
+        this.displayInfo = true;
         this.displayMessage = this.kcContext.messagesPerField.existsError('totp');
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginResetOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginResetOtpComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginResetOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginResetOtpComponent, isStandalone: true, selector: "kc-login-reset-otp", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginResetOtpComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let configuredOtpCredentials = kcContext.configuredOtpCredentials;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-reset-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\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                            id=\"kc-otp-credential-{{ i }}\"\n                            [kcClass]=\"'kcLoginOTPListInputClass'\"\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\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                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                        aria-hidden=\"true\"\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                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doSubmit')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let configuredOtpCredentials = kcContext.configuredOtpCredentials;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container content>\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</ng-container>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginResetOtpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginResetOtpComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent], selector: 'kc-login-reset-otp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginResetOtpComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let configuredOtpCredentials = kcContext.configuredOtpCredentials;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-reset-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\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                            id=\"kc-otp-credential-{{ i }}\"\n                            [kcClass]=\"'kcLoginOTPListInputClass'\"\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\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                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                        aria-hidden=\"true\"\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                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doSubmit')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let configuredOtpCredentials = kcContext.configuredOtpCredentials;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container content>\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</ng-container>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-reset-otp.mjs","sources":["../../src/login/pages/login-reset-otp/login-reset-otp.component.ts","../../src/login/pages/login-reset-otp/login-reset-otp.component.html","../../src/login/pages/login-reset-otp/keycloakify-angular-login-pages-login-reset-otp.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent],\n    selector: 'kc-root',\n    templateUrl: 'login-reset-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginResetOtpComponent)\n        }\n    ]\n})\nexport class LoginResetOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-reset-otp.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('totp');\n}\n","@let url = kcContext.url;\n@let configuredOtpCredentials = kcContext.configuredOtpCredentials;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-reset-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\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                            id=\"kc-otp-credential-{{ i }}\"\n                            [kcClass]=\"'kcLoginOTPListInputClass'\"\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\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                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                        aria-hidden=\"true\"\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                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doSubmit')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-reset-otp.mjs","sources":["../../src/login/pages/login-reset-otp/login-reset-otp.component.ts","../../src/login/pages/login-reset-otp/login-reset-otp.component.html","../../src/login/pages/login-reset-otp/keycloakify-angular-login-pages-login-reset-otp.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent],\n    selector: 'kc-login-reset-otp',\n    templateUrl: 'login-reset-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginResetOtpComponent)\n        }\n    ]\n})\nexport class LoginResetOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-reset-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 = true;\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 configuredOtpCredentials = kcContext.configuredOtpCredentials;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container content>\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</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,sBAAuB,SAAQ,kBAAkB,CAAA;AAb9D,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAwD,gBAAgB,CAAC,CAAC;AAC5F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;QACnB,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAE9E,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAjBY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB,CAAC;AACxD,aAAA;SACJ,ECvBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,unFA4DA,4CD9Cc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACpC,QAAA,EAAA,oBAAoB,EAEb,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,4BAA4B,CAAC;AACxD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,unFAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -16,28 +16,29 @@ class LoginResetPasswordComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = this.kcContext.messagesPerField.existsError('username');
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginResetPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginResetPasswordComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginResetPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginResetPasswordComponent, isStandalone: true, selector: "kc-login-reset-password", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginResetPasswordComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('emailForgotTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        @if (realm.duplicateEmailsAllowed) {\n            {{ i18n.msgStr('emailInstructionUsername') }}\n        } @else {\n            {{ i18n.msgStr('emailInstruction') }}\n        }\n    </ng-container>\n\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        @if (realm.loginWithEmailAllowed) {\n                            {{ i18n.msgStr('username') }}\n                        } @else if (!realm.registrationEmailAsUsername) {\n                            {{ i18n.msgStr('usernameOrEmail') }}\n                        } @else {\n                            {{ i18n.msgStr('email') }}\n                        }\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        type=\"text\"\n                        id=\"username\"\n                        name=\"username\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\n                        [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                        [defaultValue]=\"auth.attemptedUsername ?? ''\"\n                    />\n\n                    @if (messagesPerField.existsError('username')) {\n                        <span\n                            id=\"input-error-username\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        <span>\n                            <a\n                                [href]=\"url.loginUrl\"\n                                [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                            ></a>\n                        </span>\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailForgotTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @if (realm.duplicateEmailsAllowed) {\n        {{ i18n.msgStr('emailInstructionUsername') }}\n    } @else {\n        {{ i18n.msgStr('emailInstruction') }}\n    }\n</ng-template>\n\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                @if (realm.loginWithEmailAllowed) {\n                    {{ i18n.msgStr('username') }}\n                } @else if (!realm.registrationEmailAsUsername) {\n                    {{ i18n.msgStr('usernameOrEmail') }}\n                } @else {\n                    {{ i18n.msgStr('email') }}\n                }\n            </label>\n        </div>\n\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                type=\"text\"\n                id=\"username\"\n                name=\"username\"\n                autoFocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                [defaultValue]=\"auth.attemptedUsername ?? ''\"\n            />\n\n            @if (messagesPerField.existsError('username')) {\n                <span\n                    id=\"input-error-username\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doSubmit')\"\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: "18.2.6", ngImport: i0, type: LoginResetPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginResetPasswordComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, KcSanitizePipe], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, KcSanitizePipe], selector: 'kc-login-reset-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginResetPasswordComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('emailForgotTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        @if (realm.duplicateEmailsAllowed) {\n            {{ i18n.msgStr('emailInstructionUsername') }}\n        } @else {\n            {{ i18n.msgStr('emailInstruction') }}\n        }\n    </ng-container>\n\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        @if (realm.loginWithEmailAllowed) {\n                            {{ i18n.msgStr('username') }}\n                        } @else if (!realm.registrationEmailAsUsername) {\n                            {{ i18n.msgStr('usernameOrEmail') }}\n                        } @else {\n                            {{ i18n.msgStr('email') }}\n                        }\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        type=\"text\"\n                        id=\"username\"\n                        name=\"username\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\n                        [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                        [defaultValue]=\"auth.attemptedUsername ?? ''\"\n                    />\n\n                    @if (messagesPerField.existsError('username')) {\n                        <span\n                            id=\"input-error-username\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        <span>\n                            <a\n                                [href]=\"url.loginUrl\"\n                                [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                            ></a>\n                        </span>\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailForgotTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @if (realm.duplicateEmailsAllowed) {\n        {{ i18n.msgStr('emailInstructionUsername') }}\n    } @else {\n        {{ i18n.msgStr('emailInstruction') }}\n    }\n</ng-template>\n\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                @if (realm.loginWithEmailAllowed) {\n                    {{ i18n.msgStr('username') }}\n                } @else if (!realm.registrationEmailAsUsername) {\n                    {{ i18n.msgStr('usernameOrEmail') }}\n                } @else {\n                    {{ i18n.msgStr('email') }}\n                }\n            </label>\n        </div>\n\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                type=\"text\"\n                id=\"username\"\n                name=\"username\"\n                autoFocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                [defaultValue]=\"auth.attemptedUsername ?? ''\"\n            />\n\n            @if (messagesPerField.existsError('username')) {\n                <span\n                    id=\"input-error-username\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n        </div>\n    </div>\n</form>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-reset-password.mjs","sources":["../../src/login/pages/login-reset-password/login-reset-password.component.ts","../../src/login/pages/login-reset-password/login-reset-password.component.html","../../src/login/pages/login-reset-password/keycloakify-angular-login-pages-login-reset-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'login-reset-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginResetPasswordComponent)\n        }\n    ]\n})\nexport class LoginResetPasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-reset-password.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('username');\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('emailForgotTitle') }}\n    </ng-container>\n    <ng-container infoNode>\n        @if (realm.duplicateEmailsAllowed) {\n            {{ i18n.msgStr('emailInstructionUsername') }}\n        } @else {\n            {{ i18n.msgStr('emailInstruction') }}\n        }\n    </ng-container>\n\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        @if (realm.loginWithEmailAllowed) {\n                            {{ i18n.msgStr('username') }}\n                        } @else if (!realm.registrationEmailAsUsername) {\n                            {{ i18n.msgStr('usernameOrEmail') }}\n                        } @else {\n                            {{ i18n.msgStr('email') }}\n                        }\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        type=\"text\"\n                        id=\"username\"\n                        name=\"username\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\n                        [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                        [defaultValue]=\"auth.attemptedUsername ?? ''\"\n                    />\n\n                    @if (messagesPerField.existsError('username')) {\n                        <span\n                            id=\"input-error-username\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        <span>\n                            <a\n                                [href]=\"url.loginUrl\"\n                                [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                            ></a>\n                        </span>\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-reset-password.mjs","sources":["../../src/login/pages/login-reset-password/login-reset-password.component.ts","../../src/login/pages/login-reset-password/login-reset-password.component.html","../../src/login/pages/login-reset-password/keycloakify-angular-login-pages-login-reset-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, KcSanitizePipe],\n    selector: 'kc-login-reset-password',\n    templateUrl: 'login-reset-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginResetPasswordComponent)\n        }\n    ]\n})\nexport class LoginResetPasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-reset-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 = false;\n    displayMessage: boolean = this.kcContext.messagesPerField.existsError('username');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n@let auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailForgotTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @if (realm.duplicateEmailsAllowed) {\n        {{ i18n.msgStr('emailInstructionUsername') }}\n    } @else {\n        {{ i18n.msgStr('emailInstruction') }}\n    }\n</ng-template>\n\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                @if (realm.loginWithEmailAllowed) {\n                    {{ i18n.msgStr('username') }}\n                } @else if (!realm.registrationEmailAsUsername) {\n                    {{ i18n.msgStr('usernameOrEmail') }}\n                } @else {\n                    {{ i18n.msgStr('email') }}\n                }\n            </label>\n        </div>\n\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                type=\"text\"\n                id=\"username\"\n                name=\"username\"\n                autoFocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                [defaultValue]=\"auth.attemptedUsername ?? ''\"\n            />\n\n            @if (messagesPerField.existsError('username')) {\n                <span\n                    id=\"input-error-username\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('username') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -18,28 +18,29 @@ class LoginUpdatePasswordComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = !this.kcContext.messagesPerField.existsError('password', 'password-confirm');
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUpdatePasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginUpdatePasswordComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginUpdatePasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginUpdatePasswordComponent, isStandalone: true, selector: "kc-login-update-password", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginUpdatePasswordComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updatePasswordTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordNew') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-new\">\n                        <input\n                            type=\"password\"\n                            id=\"password-new\"\n                            name=\"password-new\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n\n                    @if (messagesPerField.existsError('password')) {\n                        <span\n                            id=\"input-error-password\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-confirm\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordConfirm') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-confirm\">\n                        <input\n                            type=\"password\"\n                            id=\"password-confirm\"\n                            name=\"password-confirm\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (messagesPerField.existsError('password-confirm')) {\n                        <span\n                            id=\"input-error-password-confirm\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: !isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updatePasswordTitle') }}\n</ng-template>\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-new\">\n                <input\n                    type=\"password\"\n                    id=\"password-new\"\n                    name=\"password-new\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\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.get('password') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-confirm\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-confirm\">\n                <input\n                    type=\"password\"\n                    id=\"password-confirm\"\n                    name=\"password-confirm\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                />\n            </kc-password-wrapper>\n            @if (messagesPerField.existsError('password-confirm')) {\n                <span\n                    id=\"input-error-password-confirm\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: !isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUpdatePasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginUpdatePasswordComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-login-update-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginUpdatePasswordComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updatePasswordTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordNew') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-new\">\n                        <input\n                            type=\"password\"\n                            id=\"password-new\"\n                            name=\"password-new\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n\n                    @if (messagesPerField.existsError('password')) {\n                        <span\n                            id=\"input-error-password\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-confirm\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordConfirm') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-confirm\">\n                        <input\n                            type=\"password\"\n                            id=\"password-confirm\"\n                            name=\"password-confirm\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (messagesPerField.existsError('password-confirm')) {\n                        <span\n                            id=\"input-error-password-confirm\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: !isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updatePasswordTitle') }}\n</ng-template>\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-new\">\n                <input\n                    type=\"password\"\n                    id=\"password-new\"\n                    name=\"password-new\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\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.get('password') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-confirm\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-confirm\">\n                <input\n                    type=\"password\"\n                    id=\"password-confirm\"\n                    name=\"password-confirm\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                />\n            </kc-password-wrapper>\n            @if (messagesPerField.existsError('password-confirm')) {\n                <span\n                    id=\"input-error-password-confirm\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: !isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-update-password.mjs","sources":["../../src/login/pages/login-update-password/login-update-password.component.ts","../../src/login/pages/login-update-password/login-update-password.component.html","../../src/login/pages/login-update-password/keycloakify-angular-login-pages-login-update-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent],\n    selector: 'kc-root',\n    templateUrl: 'login-update-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUpdatePasswordComponent)\n        }\n    ]\n})\nexport class LoginUpdatePasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-update-password.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo = false;\n    displayMessage = !this.kcContext.messagesPerField.existsError('password', 'password-confirm');\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('updatePasswordTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-passwd-update-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-new\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordNew') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-new\">\n                        <input\n                            type=\"password\"\n                            id=\"password-new\"\n                            name=\"password-new\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n\n                    @if (messagesPerField.existsError('password')) {\n                        <span\n                            id=\"input-error-password\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"password-confirm\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('passwordConfirm') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <kc-password-wrapper passwordInputId=\"password-confirm\">\n                        <input\n                            type=\"password\"\n                            id=\"password-confirm\"\n                            name=\"password-confirm\"\n                            [kcClass]=\"'kcInputClass'\"\n                            autoFocus\n                            autoComplete=\"new-password\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (messagesPerField.existsError('password-confirm')) {\n                        <span\n                            id=\"input-error-password-confirm\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\n                            [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <kc-logout-other-sessions></kc-logout-other-sessions>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"{\n                            kcButtonClass: true,\n                            kcButtonPrimaryClass: true,\n                            kcButtonBlockClass: !isAppInitiatedAction,\n                            kcButtonLargeClass: true\n                        }\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                    />\n                    @if (isAppInitiatedAction) {\n                        <button\n                            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            name=\"cancel-aia\"\n                            value=\"true\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    }\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-update-password.mjs","sources":["../../src/login/pages/login-update-password/login-update-password.component.ts","../../src/login/pages/login-update-password/login-update-password.component.html","../../src/login/pages/login-update-password/keycloakify-angular-login-pages-login-update-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, 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 { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent],\n    selector: 'kc-login-update-password',\n    templateUrl: 'login-update-password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUpdatePasswordComponent)\n        }\n    ]\n})\nexport class LoginUpdatePasswordComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-update-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 = false;\n    displayMessage = !this.kcContext.messagesPerField.existsError('password', 'password-confirm');\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 messagesPerField = kcContext.messagesPerField;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updatePasswordTitle') }}\n</ng-template>\n<form\n    id=\"kc-passwd-update-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-new\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-new\">\n                <input\n                    type=\"password\"\n                    id=\"password-new\"\n                    name=\"password-new\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\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.get('password') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"password-confirm\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <kc-password-wrapper passwordInputId=\"password-confirm\">\n                <input\n                    type=\"password\"\n                    id=\"password-confirm\"\n                    name=\"password-confirm\"\n                    autoFocus\n                    autoComplete=\"new-password\"\n                    [kcClass]=\"'kcInputClass'\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('password', 'password-confirm')\"\n                />\n            </kc-password-wrapper>\n            @if (messagesPerField.existsError('password-confirm')) {\n                <span\n                    id=\"input-error-password-confirm\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHtml]=\"messagesPerField.get('password-confirm') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: !isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\n                    type=\"submit\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            }\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}