@keycloakify/angular 0.0.1-rc.0 → 0.0.1-rc.2

package/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.mjs

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { LogoutOtherSessionsComponent } from '../../../login/components/logout-other-sessions/logout-other-sessions.component';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = false;
+        this.toggleRecoveryCodesConfirmation = signal(false);
+        this.olRecoveryCodesListId = 'kc-recovery-codes-list';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginRecoveryAuthnCodeConfigComponent, 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: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n  [displayInfo]=\"displayInfo\"\n  [bodyClassName]=\"bodyClassName()\"\n  [displayMessage]=\"displayMessage\"\n  [displayRequiredFields]=\"displayRequiredFields()\"\n  [documentTitle]=\"documentTitle()\"\n>\n  <ng-container headerNode>\n    {{ 'recovery-code-config-header' | msgStr }}\n  </ng-container>\n\n  <ng-container content>\n    <div\n      [kcClass]=\"'kcRecoveryCodesWarning'\"\n      class=\"pf-c-alert pf-m-warning pf-m-inline\"\n      aria-label=\"Warning alert\"\n    >\n      <div class=\"pf-c-alert__icon\">\n        <i\n          class=\"pficon-warning-triangle-o\"\n          aria-hidden=\"true\"\n        ></i>\n      </div>\n      <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ 'recovery-code-config-warning-title' | msgStr }}\n      </h4>\n      <div class=\"pf-c-alert__description\">\n        <p>{{ 'recovery-code-config-warning-message' | msgStr }}</p>\n      </div>\n    </div>\n\n    <ol\n      [id]=\"olRecoveryCodesListId\"\n      [kcClass]=\"'kcRecoveryCodesList'\"\n    >\n      @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n          <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n      }\n    </ol>\n\n    <!-- actions -->\n    <div [kcClass]=\"'kcRecoveryCodesActions'\">\n      <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-print\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-print' | msgStr }}\n      </button>\n      <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-save\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-download' | msgStr }}\n      </button>\n      <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-blueprint\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-copy' | msgStr }}\n      </button>\n    </div>\n\n    <!-- confirmation checkbox -->\n\n    <div\n      [kcClass]=\"'kcFormOptionsClass'\"\n      class=\"checkbox\"\n    >\n      <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n          [kcClass]=\"'kcCheckInputClass'\"\n          type=\"checkbox\"\n          id=\"kcRecoveryCodesConfirmationCheck\"\n          name=\"kcRecoveryCodesConfirmationCheck\"\n          [checked]=\"toggleRecoveryCodesConfirmation()\"\n          (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ 'recovery-codes-confirmation-message' | msgStr }}\n      </label>\n    </div>\n\n    <form\n      [action]=\"kcContext.url.loginAction\"\n      [kcClass]=\"'kcFormGroupClass'\"\n      id=\"kc-recovery-codes-settings-form\"\n      method=\"post\"\n    >\n      <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n      />\n      <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n      />\n      <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"'recovery-codes-label-default' | msgStr\"\n      />\n\n      <kc-logout-other-sessions></kc-logout-other-sessions>\n\n      @if (isAppInitiatedAction) {\n        <input\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n          id=\"saveRecoveryAuthnCodesBtn\"\n          [value]=\"'recovery-codes-action-complete' | msgStr\"\n          [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n          id=\"cancelRecoveryAuthnCodesBtn\"\n          name=\"cancel-aia\"\n          value=\"true\"\n        >\n          {{ 'recovery-codes-action-cancel' | msgStr }}\n        </button>\n      } @else {\n        <input\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n          id=\"saveRecoveryAuthnCodesBtn\"\n          [value]=\"'recovery-codes-action-complete' | msgStr\"\n          [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n      }\n    </form>\n  </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "pipe", type: MsgStrPipe, name: "msgStr" }, { kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        MsgStrPipe,
+                        TemplateComponent,
+                        KcClassDirective,
+                        LogoutOtherSessionsComponent
+                    ], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)
+                        }
+                    ], template: "@let recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n  [displayInfo]=\"displayInfo\"\n  [bodyClassName]=\"bodyClassName()\"\n  [displayMessage]=\"displayMessage\"\n  [displayRequiredFields]=\"displayRequiredFields()\"\n  [documentTitle]=\"documentTitle()\"\n>\n  <ng-container headerNode>\n    {{ 'recovery-code-config-header' | msgStr }}\n  </ng-container>\n\n  <ng-container content>\n    <div\n      [kcClass]=\"'kcRecoveryCodesWarning'\"\n      class=\"pf-c-alert pf-m-warning pf-m-inline\"\n      aria-label=\"Warning alert\"\n    >\n      <div class=\"pf-c-alert__icon\">\n        <i\n          class=\"pficon-warning-triangle-o\"\n          aria-hidden=\"true\"\n        ></i>\n      </div>\n      <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ 'recovery-code-config-warning-title' | msgStr }}\n      </h4>\n      <div class=\"pf-c-alert__description\">\n        <p>{{ 'recovery-code-config-warning-message' | msgStr }}</p>\n      </div>\n    </div>\n\n    <ol\n      [id]=\"olRecoveryCodesListId\"\n      [kcClass]=\"'kcRecoveryCodesList'\"\n    >\n      @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n          <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n      }\n    </ol>\n\n    <!-- actions -->\n    <div [kcClass]=\"'kcRecoveryCodesActions'\">\n      <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-print\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-print' | msgStr }}\n      </button>\n      <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-save\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-download' | msgStr }}\n      </button>\n      <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n      >\n        <i\n          class=\"pficon-blueprint\"\n          aria-hidden=\"true\"\n        ></i>\n        {{ 'recovery-codes-copy' | msgStr }}\n      </button>\n    </div>\n\n    <!-- confirmation checkbox -->\n\n    <div\n      [kcClass]=\"'kcFormOptionsClass'\"\n      class=\"checkbox\"\n    >\n      <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n          [kcClass]=\"'kcCheckInputClass'\"\n          type=\"checkbox\"\n          id=\"kcRecoveryCodesConfirmationCheck\"\n          name=\"kcRecoveryCodesConfirmationCheck\"\n          [checked]=\"toggleRecoveryCodesConfirmation()\"\n          (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ 'recovery-codes-confirmation-message' | msgStr }}\n      </label>\n    </div>\n\n    <form\n      [action]=\"kcContext.url.loginAction\"\n      [kcClass]=\"'kcFormGroupClass'\"\n      id=\"kc-recovery-codes-settings-form\"\n      method=\"post\"\n    >\n      <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n      />\n      <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n      />\n      <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"'recovery-codes-label-default' | msgStr\"\n      />\n\n      <kc-logout-other-sessions></kc-logout-other-sessions>\n\n      @if (isAppInitiatedAction) {\n        <input\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n          id=\"saveRecoveryAuthnCodesBtn\"\n          [value]=\"'recovery-codes-action-complete' | msgStr\"\n          [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n          id=\"cancelRecoveryAuthnCodesBtn\"\n          name=\"cancel-aia\"\n          value=\"true\"\n        >\n          {{ 'recovery-codes-action-cancel' | msgStr }}\n        </button>\n      } @else {\n        <input\n          type=\"submit\"\n          [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n          id=\"saveRecoveryAuthnCodesBtn\"\n          [value]=\"'recovery-codes-action-complete' | msgStr\"\n          [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n      }\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1jb25maWcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1jb25maWcvbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1jb25maWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1jb25maWcvbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1jb25maWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxPQUFPLEVBQ1AsVUFBVSxFQUNWLGVBQWUsRUFDbEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUc3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2RkFBNkYsQ0FBQztBQUMzSSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBb0IzRSxNQUFNLE9BQU8scUNBQXNDLFNBQVEsa0JBQWtCO0lBbEI3RTs7UUFtQkksY0FBUyxHQUNMLE1BQU0sQ0FDRixVQUFVLENBQ2IsQ0FBQztRQUNHLG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLE9BQU8sQ0FBQyxDQUFDO1FBQ3RFLDBCQUFxQixHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsb0NBQStCLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRWhELDBCQUFxQixHQUFHLHdCQUF3QixDQUFDO0tBQ3BEOzhHQWZZLHFDQUFxQztrR0FBckMscUNBQXFDLDBnQkFQbkM7WUFDUDtnQkFDSSxPQUFPLEVBQUUsa0JBQWtCO2dCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFDQUFxQyxDQUFDO2FBQ3ZFO1NBQ0osaURDckNMLHN3SkEySkEsdUNEbklRLFVBQVUsK0NBQ1YsaUJBQWlCLG9LQUNqQixnQkFBZ0IsK0ZBQ2hCLDRCQUE0Qjs7MkZBWXZCLHFDQUFxQztrQkFsQmpELFNBQVM7aUNBQ00sSUFBSSxXQUNQO3dCQUNMLFVBQVU7d0JBQ1YsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLDRCQUE0QjtxQkFDL0IsWUFDUyxTQUFTLG1CQUVGLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0NBQXNDLENBQUM7eUJBQ3ZFO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgZm9yd2FyZFJlZixcbiAgICBpbmplY3QsXG4gICAgaW5wdXQsXG4gICAgc2lnbmFsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDTEFTU0VTLFxuICAgIEtDX0NPTlRFWFQsXG4gICAgVVNFX0RFRkFVTFRfQ1NTXG59IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xpYi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBLY0NvbnRleHQgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9LY0NvbnRleHQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlLmNsYXNzJztcbmltcG9ydCB7IExvZ291dE90aGVyU2Vzc2lvbnNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2xvZ291dC1vdGhlci1zZXNzaW9ucy9sb2dvdXQtb3RoZXItc2Vzc2lvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IFRlbXBsYXRlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29udGFpbmVycy90ZW1wbGF0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgTXNnU3RyUGlwZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3BpcGVzL21zZy1zdHIucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBNc2dTdHJQaXBlLFxuICAgICAgICBUZW1wbGF0ZUNvbXBvbmVudCxcbiAgICAgICAgS2NDbGFzc0RpcmVjdGl2ZSxcbiAgICAgICAgTG9nb3V0T3RoZXJTZXNzaW9uc0NvbXBvbmVudFxuICAgIF0sXG4gICAgc2VsZWN0b3I6ICdrYy1yb290JyxcbiAgICB0ZW1wbGF0ZVVybDogJ2xvZ2luLXJlY292ZXJ5LWF1dGhuLWNvZGUtY29uZmlnLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTG9naW5SZWNvdmVyeUF1dGhuQ29kZUNvbmZpZ0NvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5SZWNvdmVyeUF1dGhuQ29kZUNvbmZpZ0NvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAga2NDb250ZXh0ID1cbiAgICAgICAgaW5qZWN0PEV4dHJhY3Q8S2NDb250ZXh0LCB7IHBhZ2VJZDogJ2xvZ2luLXJlY292ZXJ5LWF1dGhuLWNvZGUtY29uZmlnLmZ0bCcgfT4+KFxuICAgICAgICAgICAgS0NfQ09OVEVYVFxuICAgICAgICApO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihDTEFTU0VTKTtcbiAgICBkaXNwbGF5UmVxdWlyZWRGaWVsZHMgPSBpbnB1dChmYWxzZSk7XG4gICAgZG9jdW1lbnRUaXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBib2R5Q2xhc3NOYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIGRpc3BsYXlJbmZvOiBib29sZWFuID0gZmFsc2U7XG4gICAgZGlzcGxheU1lc3NhZ2U6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICB0b2dnbGVSZWNvdmVyeUNvZGVzQ29uZmlybWF0aW9uID0gc2lnbmFsKGZhbHNlKTtcblxuICAgIG9sUmVjb3ZlcnlDb2Rlc0xpc3RJZCA9ICdrYy1yZWNvdmVyeS1jb2Rlcy1saXN0Jztcbn1cbiIsIkBsZXQgcmVjb3ZlcnlBdXRobkNvZGVzQ29uZmlnQmVhbiA9IGtjQ29udGV4dC5yZWNvdmVyeUF1dGhuQ29kZXNDb25maWdCZWFuO1xuQGxldCBpc0FwcEluaXRpYXRlZEFjdGlvbiA9IGtjQ29udGV4dC5pc0FwcEluaXRpYXRlZEFjdGlvbjtcbjxrYy1sb2dpbi10ZW1wbGF0ZVxuICBbZGlzcGxheUluZm9dPVwiZGlzcGxheUluZm9cIlxuICBbYm9keUNsYXNzTmFtZV09XCJib2R5Q2xhc3NOYW1lKClcIlxuICBbZGlzcGxheU1lc3NhZ2VdPVwiZGlzcGxheU1lc3NhZ2VcIlxuICBbZGlzcGxheVJlcXVpcmVkRmllbGRzXT1cImRpc3BsYXlSZXF1aXJlZEZpZWxkcygpXCJcbiAgW2RvY3VtZW50VGl0bGVdPVwiZG9jdW1lbnRUaXRsZSgpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciBoZWFkZXJOb2RlPlxuICAgIHt7ICdyZWNvdmVyeS1jb2RlLWNvbmZpZy1oZWFkZXInIHwgbXNnU3RyIH19XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgY29udGVudD5cbiAgICA8ZGl2XG4gICAgICBba2NDbGFzc109XCIna2NSZWNvdmVyeUNvZGVzV2FybmluZydcIlxuICAgICAgY2xhc3M9XCJwZi1jLWFsZXJ0IHBmLW0td2FybmluZyBwZi1tLWlubGluZVwiXG4gICAgICBhcmlhLWxhYmVsPVwiV2FybmluZyBhbGVydFwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInBmLWMtYWxlcnRfX2ljb25cIj5cbiAgICAgICAgPGlcbiAgICAgICAgICBjbGFzcz1cInBmaWNvbi13YXJuaW5nLXRyaWFuZ2xlLW9cIlxuICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgID48L2k+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxoNCBjbGFzcz1cInBmLWMtYWxlcnRfX3RpdGxlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicGYtc2NyZWVuLXJlYWRlclwiPldhcm5pbmcgYWxlcnQ6PC9zcGFuPlxuICAgICAgICB7eyAncmVjb3ZlcnktY29kZS1jb25maWctd2FybmluZy10aXRsZScgfCBtc2dTdHIgfX1cbiAgICAgIDwvaDQ+XG4gICAgICA8ZGl2IGNsYXNzPVwicGYtYy1hbGVydF9fZGVzY3JpcHRpb25cIj5cbiAgICAgICAgPHA+e3sgJ3JlY292ZXJ5LWNvZGUtY29uZmlnLXdhcm5pbmctbWVzc2FnZScgfCBtc2dTdHIgfX08L3A+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxvbFxuICAgICAgW2lkXT1cIm9sUmVjb3ZlcnlDb2Rlc0xpc3RJZFwiXG4gICAgICBba2NDbGFzc109XCIna2NSZWNvdmVyeUNvZGVzTGlzdCdcIlxuICAgID5cbiAgICAgIEBmb3IgKGNvZGUgb2YgcmVjb3ZlcnlBdXRobkNvZGVzQ29uZmlnQmVhbi5nZW5lcmF0ZWRSZWNvdmVyeUF1dGhuQ29kZXNMaXN0OyB0cmFjayBjb2RlOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICA8bGk+XG4gICAgICAgICAgPHNwYW4+e3sgaSArIDEgfX06PC9zcGFuPiB7eyBjb2RlLnNsaWNlKDAsIDQpIH19LXt7IGNvZGUuc2xpY2UoNCwgOCkgfX0te3sgY29kZS5zbGljZSg4KSB9fVxuICAgICAgICA8L2xpPlxuICAgICAgfVxuICAgIDwvb2w+XG5cbiAgICA8IS0tIGFjdGlvbnMgLS0+XG4gICAgPGRpdiBba2NDbGFzc109XCIna2NSZWNvdmVyeUNvZGVzQWN0aW9ucydcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgaWQ9XCJwcmludFJlY292ZXJ5Q29kZXNcIlxuICAgICAgICBjbGFzcz1cInBmLWMtYnV0dG9uIHBmLW0tbGlua1wiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8aVxuICAgICAgICAgIGNsYXNzPVwicGZpY29uLXByaW50XCJcbiAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+PC9pPlxuICAgICAgICB7eyAncmVjb3ZlcnktY29kZXMtcHJpbnQnIHwgbXNnU3RyIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgaWQ9XCJkb3dubG9hZFJlY292ZXJ5Q29kZXNcIlxuICAgICAgICBjbGFzcz1cInBmLWMtYnV0dG9uIHBmLW0tbGlua1wiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8aVxuICAgICAgICAgIGNsYXNzPVwicGZpY29uLXNhdmVcIlxuICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgID48L2k+XG4gICAgICAgIHt7ICdyZWNvdmVyeS1jb2Rlcy1kb3dubG9hZCcgfCBtc2dTdHIgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBpZD1cImNvcHlSZWNvdmVyeUNvZGVzXCJcbiAgICAgICAgY2xhc3M9XCJwZi1jLWJ1dHRvbiBwZi1tLWxpbmtcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgID5cbiAgICAgICAgPGlcbiAgICAgICAgICBjbGFzcz1cInBmaWNvbi1ibHVlcHJpbnRcIlxuICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgID48L2k+XG4gICAgICAgIHt7ICdyZWNvdmVyeS1jb2Rlcy1jb3B5JyB8IG1zZ1N0ciB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8IS0tIGNvbmZpcm1hdGlvbiBjaGVja2JveCAtLT5cblxuICAgIDxkaXZcbiAgICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1PcHRpb25zQ2xhc3MnXCJcbiAgICAgIGNsYXNzPVwiY2hlY2tib3hcIlxuICAgID5cbiAgICAgIDxsYWJlbCBmb3I9XCJrY1JlY292ZXJ5Q29kZXNDb25maXJtYXRpb25DaGVja1wiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBba2NDbGFzc109XCIna2NDaGVja0lucHV0Q2xhc3MnXCJcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIGlkPVwia2NSZWNvdmVyeUNvZGVzQ29uZmlybWF0aW9uQ2hlY2tcIlxuICAgICAgICAgIG5hbWU9XCJrY1JlY292ZXJ5Q29kZXNDb25maXJtYXRpb25DaGVja1wiXG4gICAgICAgICAgW2NoZWNrZWRdPVwidG9nZ2xlUmVjb3ZlcnlDb2Rlc0NvbmZpcm1hdGlvbigpXCJcbiAgICAgICAgICAoY2hhbmdlKT1cInRvZ2dsZVJlY292ZXJ5Q29kZXNDb25maXJtYXRpb24uc2V0KCRhbnkoJGV2ZW50LnRhcmdldCkuY2hlY2tlZClcIlxuICAgICAgICAvPlxuICAgICAgICB7eyAncmVjb3ZlcnktY29kZXMtY29uZmlybWF0aW9uLW1lc3NhZ2UnIHwgbXNnU3RyIH19XG4gICAgICA8L2xhYmVsPlxuICAgIDwvZGl2PlxuXG4gICAgPGZvcm1cbiAgICAgIFthY3Rpb25dPVwia2NDb250ZXh0LnVybC5sb2dpbkFjdGlvblwiXG4gICAgICBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIlxuICAgICAgaWQ9XCJrYy1yZWNvdmVyeS1jb2Rlcy1zZXR0aW5ncy1mb3JtXCJcbiAgICAgIG1ldGhvZD1cInBvc3RcIlxuICAgID5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwiaGlkZGVuXCJcbiAgICAgICAgbmFtZT1cImdlbmVyYXRlZFJlY292ZXJ5QXV0aG5Db2Rlc1wiXG4gICAgICAgIFt2YWx1ZV09XCJyZWNvdmVyeUF1dGhuQ29kZXNDb25maWdCZWFuLmdlbmVyYXRlZFJlY292ZXJ5QXV0aG5Db2Rlc0FzU3RyaW5nXCJcbiAgICAgIC8+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgIG5hbWU9XCJnZW5lcmF0ZWRBdFwiXG4gICAgICAgIFt2YWx1ZV09XCJyZWNvdmVyeUF1dGhuQ29kZXNDb25maWdCZWFuLmdlbmVyYXRlZEF0XCJcbiAgICAgIC8+XG4gICAgICA8aW5wdXRcbiAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgIGlkPVwidXNlckxhYmVsXCJcbiAgICAgICAgbmFtZT1cInVzZXJMYWJlbFwiXG4gICAgICAgIFt2YWx1ZV09XCIncmVjb3ZlcnktY29kZXMtbGFiZWwtZGVmYXVsdCcgfCBtc2dTdHJcIlxuICAgICAgLz5cblxuICAgICAgPGtjLWxvZ291dC1vdGhlci1zZXNzaW9ucz48L2tjLWxvZ291dC1vdGhlci1zZXNzaW9ucz5cblxuICAgICAgQGlmIChpc0FwcEluaXRpYXRlZEFjdGlvbikge1xuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICBba2NDbGFzc109XCJbJ2tjQnV0dG9uQ2xhc3MnLCAna2NCdXR0b25QcmltYXJ5Q2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgIGlkPVwic2F2ZVJlY292ZXJ5QXV0aG5Db2Rlc0J0blwiXG4gICAgICAgICAgW3ZhbHVlXT1cIidyZWNvdmVyeS1jb2Rlcy1hY3Rpb24tY29tcGxldGUnIHwgbXNnU3RyXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiIXRvZ2dsZVJlY292ZXJ5Q29kZXNDb25maXJtYXRpb24oKVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICBba2NDbGFzc109XCJbJ2tjQnV0dG9uQ2xhc3MnLCAna2NCdXR0b25EZWZhdWx0Q2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgIGlkPVwiY2FuY2VsUmVjb3ZlcnlBdXRobkNvZGVzQnRuXCJcbiAgICAgICAgICBuYW1lPVwiY2FuY2VsLWFpYVwiXG4gICAgICAgICAgdmFsdWU9XCJ0cnVlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7ICdyZWNvdmVyeS1jb2Rlcy1hY3Rpb24tY2FuY2VsJyB8IG1zZ1N0ciB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICBba2NDbGFzc109XCJbJ2tjQnV0dG9uQ2xhc3MnLCAna2NCdXR0b25QcmltYXJ5Q2xhc3MnLCAna2NCdXR0b25CbG9ja0NsYXNzJywgJ2tjQnV0dG9uTGFyZ2VDbGFzcyddXCJcbiAgICAgICAgICBpZD1cInNhdmVSZWNvdmVyeUF1dGhuQ29kZXNCdG5cIlxuICAgICAgICAgIFt2YWx1ZV09XCIncmVjb3ZlcnktY29kZXMtYWN0aW9uLWNvbXBsZXRlJyB8IG1zZ1N0clwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIiF0b2dnbGVSZWNvdmVyeUNvZGVzQ29uZmlybWF0aW9uKClcIlxuICAgICAgICAvPlxuICAgICAgfVxuICAgIDwvZm9ybT5cbiAgPC9uZy1jb250YWluZXI+XG48L2tjLWxvZ2luLXRlbXBsYXRlPlxuIl19

package/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.d.ts

@@ -1,6 +1,7 @@
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import * as i0 from "@angular/core";
 export declare class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
     kcContext: KcContext.LoginRecoveryAuthnCodeInput;
     doUseDefaultCss: boolean;
@@ -10,4 +11,6 @@ export declare class LoginRecoveryAuthnCodeInputComponent extends ComponentRefer
     bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     displayInfo: boolean;
     displayMessage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginRecoveryAuthnCodeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginRecoveryAuthnCodeInputComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.mjs

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { KcSanitizePipe } from '../../../login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = this.kcContext.messagesPerField.existsError('recoveryCodeInput');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginRecoveryAuthnCodeInputComponent, 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: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@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    {{ 'auth-recovery-code-header' | msgStr }}\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            {{ 'auth-recovery-code-prompt' | msgStr: 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]=\"'doLogIn' | msgStr\"\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: "pipe", type: MsgStrPipe, name: "msgStr" }, { 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: LoginRecoveryAuthnCodeInputComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)
+                        }
+                    ], template: "@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    {{ 'auth-recovery-code-header' | msgStr }}\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            {{ 'auth-recovery-code-prompt' | msgStr: 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]=\"'doLogIn' | msgStr\"\n          />\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9wYWdlcy9sb2dpbi1yZWNvdmVyeS1hdXRobi1jb2RlLWlucHV0L2xvZ2luLXJlY292ZXJ5LWF1dGhuLWNvZGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1pbnB1dC9sb2dpbi1yZWNvdmVyeS1hdXRobi1jb2RlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxPQUFPLEVBQ1AsVUFBVSxFQUNWLGVBQWUsRUFDbEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUc3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDbkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtDQUErQyxDQUFDOztBQWUzRSxNQUFNLE9BQU8sb0NBQXFDLFNBQVEsa0JBQWtCO0lBYjVFOztRQWNJLGNBQVMsR0FDTCxNQUFNLENBQ0YsVUFBVSxDQUNiLENBQUM7UUFDRyxvQkFBZSxHQUFHLE1BQU0sQ0FBVSxlQUFlLENBQUMsQ0FBQztRQUNuRCxZQUFPLEdBQUcsTUFBTSxDQUFvQyxPQUFPLENBQUMsQ0FBQztRQUN0RSwwQkFBcUIsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLG1CQUFjLEdBQ1YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsQ0FBQztLQUN4RTs4R0FiWSxvQ0FBb0M7a0dBQXBDLG9DQUFvQywwZ0JBUGxDO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGtCQUFrQjtnQkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQzthQUN0RTtTQUNKLGlEQy9CTCxpOEVBNEVBLDRDRHREYyxpQkFBaUIsK0pBQUUsVUFBVSwrQ0FBRSxnQkFBZ0IsMEZBQUUsY0FBYzs7MkZBV2hFLG9DQUFvQztrQkFiaEQsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxDQUFDLFlBQ2hFLFNBQVMsbUJBRUYsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQ0FBcUMsQ0FBQzt5QkFDdEU7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBmb3J3YXJkUmVmLFxuICAgIGluamVjdCxcbiAgICBpbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ0xBU1NFUyxcbiAgICBLQ19DT05URVhULFxuICAgIFVTRV9ERUZBVUxUX0NTU1xufSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgS2NDb250ZXh0IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENvbXBvbmVudFJlZmVyZW5jZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS5jbGFzcyc7XG5pbXBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbnRhaW5lcnMvdGVtcGxhdGUuY29tcG9uZW50JztcbmltcG9ydCB7IEtjQ2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEtjU2FuaXRpemVQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMva2Mtc2FuaXRpemUucGlwZSc7XG5pbXBvcnQgeyBNc2dTdHJQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMvbXNnLXN0ci5waXBlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbVGVtcGxhdGVDb21wb25lbnQsIE1zZ1N0clBpcGUsIEtjQ2xhc3NEaXJlY3RpdmUsIEtjU2FuaXRpemVQaXBlXSxcbiAgICBzZWxlY3RvcjogJ2tjLXJvb3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IExvZ2luUmVjb3ZlcnlBdXRobkNvZGVJbnB1dENvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5SZWNvdmVyeUF1dGhuQ29kZUlucHV0Q29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50UmVmZXJlbmNlIHtcbiAgICBrY0NvbnRleHQgPVxuICAgICAgICBpbmplY3Q8RXh0cmFjdDxLY0NvbnRleHQsIHsgcGFnZUlkOiAnbG9naW4tcmVjb3ZlcnktYXV0aG4tY29kZS1pbnB1dC5mdGwnIH0+PihcbiAgICAgICAgICAgIEtDX0NPTlRFWFRcbiAgICAgICAgKTtcbiAgICBvdmVycmlkZSBkb1VzZURlZmF1bHRDc3MgPSBpbmplY3Q8Ym9vbGVhbj4oVVNFX0RFRkFVTFRfQ1NTKTtcbiAgICBvdmVycmlkZSBjbGFzc2VzID0gaW5qZWN0PFBhcnRpYWw8UmVjb3JkPENsYXNzS2V5LCBzdHJpbmc+Pj4oQ0xBU1NFUyk7XG4gICAgZGlzcGxheVJlcXVpcmVkRmllbGRzID0gaW5wdXQoZmFsc2UpO1xuICAgIGRvY3VtZW50VGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgYm9keUNsYXNzTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBkaXNwbGF5SW5mbzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGRpc3BsYXlNZXNzYWdlOiBib29sZWFuID1cbiAgICAgICAgdGhpcy5rY0NvbnRleHQubWVzc2FnZXNQZXJGaWVsZC5leGlzdHNFcnJvcigncmVjb3ZlcnlDb2RlSW5wdXQnKTtcbn1cbiIsIkBsZXQgdXJsID0ga2NDb250ZXh0LnVybDtcbkBsZXQgcmVjb3ZlcnlBdXRobkNvZGVzSW5wdXRCZWFuID0ga2NDb250ZXh0LnJlY292ZXJ5QXV0aG5Db2Rlc0lucHV0QmVhbjtcbkBsZXQgbWVzc2FnZXNQZXJGaWVsZCA9IGtjQ29udGV4dC5tZXNzYWdlc1BlckZpZWxkO1xuXG48a2MtbG9naW4tdGVtcGxhdGVcbiAgW2Rpc3BsYXlJbmZvXT1cImRpc3BsYXlJbmZvXCJcbiAgW2JvZHlDbGFzc05hbWVdPVwiYm9keUNsYXNzTmFtZSgpXCJcbiAgW2Rpc3BsYXlNZXNzYWdlXT1cImRpc3BsYXlNZXNzYWdlXCJcbiAgW2Rpc3BsYXlSZXF1aXJlZEZpZWxkc109XCJkaXNwbGF5UmVxdWlyZWRGaWVsZHMoKVwiXG4gIFtkb2N1bWVudFRpdGxlXT1cImRvY3VtZW50VGl0bGUoKVwiXG4+XG4gIDxuZy1jb250YWluZXIgaGVhZGVyTm9kZT5cbiAgICB7eyAnYXV0aC1yZWNvdmVyeS1jb2RlLWhlYWRlcicgfCBtc2dTdHIgfX1cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciBjb250ZW50PlxuICAgIDxmb3JtXG4gICAgICBpZD1cImtjLXJlY292ZXJ5LWNvZGUtbG9naW4tZm9ybVwiXG4gICAgICBba2NDbGFzc109XCIna2NGb3JtQ2xhc3MnXCJcbiAgICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbiAgICAgIG1ldGhvZD1cInBvc3RcIlxuICAgID5cbiAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjTGFiZWxXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICBmb3I9XCJyZWNvdmVyeUNvZGVJbnB1dFwiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NMYWJlbENsYXNzJ1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgJ2F1dGgtcmVjb3ZlcnktY29kZS1wcm9tcHQnIHwgbXNnU3RyOiByZWNvdmVyeUF1dGhuQ29kZXNJbnB1dEJlYW4uY29kZU51bWJlci50b1N0cmluZygpIH19XG4gICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB0YWJJbmRleD1cIjFcIlxuICAgICAgICAgICAgaWQ9XCJyZWNvdmVyeUNvZGVJbnB1dFwiXG4gICAgICAgICAgICBuYW1lPVwicmVjb3ZlcnlDb2RlSW5wdXRcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cIm1lc3NhZ2VzUGVyRmllbGQuZXhpc3RzRXJyb3IoJ3JlY292ZXJ5Q29kZUlucHV0JylcIlxuICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0lucHV0Q2xhc3MnXCJcbiAgICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgIC8+XG4gICAgICAgICAgQGlmIChtZXNzYWdlc1BlckZpZWxkLmV4aXN0c0Vycm9yKCdyZWNvdmVyeUNvZGVJbnB1dCcpKSB7XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBpZD1cImlucHV0LWVycm9yXCJcbiAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRFcnJvck1lc3NhZ2VDbGFzcydcIlxuICAgICAgICAgICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIm1lc3NhZ2VzUGVyRmllbGQuZ2V0KCdyZWNvdmVyeUNvZGVJbnB1dCcpIHwga2NTYW5pdGl6ZTogJ2h0bWwnXCJcbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgaWQ9XCJrYy1mb3JtLW9wdGlvbnNcIlxuICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1PcHRpb25zV3JhcHBlckNsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1PcHRpb25zV3JhcHBlckNsYXNzJ1wiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPVwia2MtZm9ybS1idXR0b25zXCJcbiAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQnV0dG9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvblByaW1hcnlDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgbmFtZT1cImxvZ2luXCJcbiAgICAgICAgICAgIGlkPVwia2MtbG9naW5cIlxuICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwiJ2RvTG9nSW4nIHwgbXNnU3RyXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZm9ybT5cbiAgPC9uZy1jb250YWluZXI+XG48L2tjLWxvZ2luLXRlbXBsYXRlPlxuIl19

package/login/pages/login-reset-otp/login-reset-otp.component.d.ts

@@ -1,6 +1,7 @@
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import * as i0 from "@angular/core";
 export declare class LoginResetOtpComponent extends ComponentReference {
     kcContext: KcContext.LoginResetOtp;
     doUseDefaultCss: boolean;
@@ -10,4 +11,6 @@ export declare class LoginResetOtpComponent extends ComponentReference {
     bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     displayInfo: boolean;
     displayMessage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginResetOtpComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginResetOtpComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-reset-otp/login-reset-otp.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginResetOtpComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = this.kcContext.messagesPerField.existsError('totp');
+    }
+    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: [
+            {
+                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    {{ 'doLogIn' | msgStr }}\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\">{{ 'otp-reset-description' | msgStr }}</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]=\"'doSubmit' | msgStr\"\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: "pipe", type: MsgStrPipe, name: "msgStr" }, { kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginResetOtpComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective, MsgStrPipe, TemplateComponent], selector: 'kc-root', 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    {{ 'doLogIn' | msgStr }}\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\">{{ 'otp-reset-description' | msgStr }}</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]=\"'doSubmit' | msgStr\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tcmVzZXQtb3RwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3BhZ2VzL2xvZ2luLXJlc2V0LW90cC9sb2dpbi1yZXNldC1vdHAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVzZXQtb3RwL2xvZ2luLXJlc2V0LW90cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gsT0FBTyxFQUNQLFVBQVUsRUFDVixlQUFlLEVBQ2xCLE1BQU0scUNBQXFDLENBQUM7QUFHN0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDbEcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDN0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtDQUErQyxDQUFDOztBQWUzRSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsa0JBQWtCO0lBYjlEOztRQWNJLGNBQVMsR0FBRyxNQUFNLENBQXdELFVBQVUsQ0FBQyxDQUFDO1FBQzdFLG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLE9BQU8sQ0FBQyxDQUFDO1FBQ3RFLDBCQUFxQixHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsbUJBQWMsR0FBWSxJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUNqRjs4R0FUWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwwZ0JBUHBCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGtCQUFrQjtnQkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQzthQUN4RDtTQUNKLGlEQzlCTCwyNkVBaUVBLDRDRDVDYyxnQkFBZ0IsMEZBQUUsVUFBVSwrQ0FBRSxpQkFBaUI7OzJGQVdoRCxzQkFBc0I7a0JBYmxDLFNBQVM7aUNBQ00sSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixDQUFDLFlBQ2hELFNBQVMsbUJBRUYsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx1QkFBdUIsQ0FBQzt5QkFDeEQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBmb3J3YXJkUmVmLFxuICAgIGluamVjdCxcbiAgICBpbnB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ0xBU1NFUyxcbiAgICBLQ19DT05URVhULFxuICAgIFVTRV9ERUZBVUxUX0NTU1xufSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgS2NDb250ZXh0IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENvbXBvbmVudFJlZmVyZW5jZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS5jbGFzcyc7XG5pbXBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbnRhaW5lcnMvdGVtcGxhdGUuY29tcG9uZW50JztcbmltcG9ydCB7IEtjQ2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IE1zZ1N0clBpcGUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9waXBlcy9tc2ctc3RyLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtLY0NsYXNzRGlyZWN0aXZlLCBNc2dTdHJQaXBlLCBUZW1wbGF0ZUNvbXBvbmVudF0sXG4gICAgc2VsZWN0b3I6ICdrYy1yb290JyxcbiAgICB0ZW1wbGF0ZVVybDogJ2xvZ2luLXJlc2V0LW90cC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IExvZ2luUmVzZXRPdHBDb21wb25lbnQpXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luUmVzZXRPdHBDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRSZWZlcmVuY2Uge1xuICAgIGtjQ29udGV4dCA9IGluamVjdDxFeHRyYWN0PEtjQ29udGV4dCwgeyBwYWdlSWQ6ICdsb2dpbi1yZXNldC1vdHAuZnRsJyB9Pj4oS0NfQ09OVEVYVCk7XG4gICAgb3ZlcnJpZGUgZG9Vc2VEZWZhdWx0Q3NzID0gaW5qZWN0PGJvb2xlYW4+KFVTRV9ERUZBVUxUX0NTUyk7XG4gICAgb3ZlcnJpZGUgY2xhc3NlcyA9IGluamVjdDxQYXJ0aWFsPFJlY29yZDxDbGFzc0tleSwgc3RyaW5nPj4+KENMQVNTRVMpO1xuICAgIGRpc3BsYXlSZXF1aXJlZEZpZWxkcyA9IGlucHV0KGZhbHNlKTtcbiAgICBkb2N1bWVudFRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIGJvZHlDbGFzc05hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgZGlzcGxheUluZm86IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBkaXNwbGF5TWVzc2FnZTogYm9vbGVhbiA9IHRoaXMua2NDb250ZXh0Lm1lc3NhZ2VzUGVyRmllbGQuZXhpc3RzRXJyb3IoJ3RvdHAnKTtcbn1cbiIsIkBsZXQgdXJsID0ga2NDb250ZXh0LnVybDtcbkBsZXQgY29uZmlndXJlZE90cENyZWRlbnRpYWxzID0ga2NDb250ZXh0LmNvbmZpZ3VyZWRPdHBDcmVkZW50aWFscztcbjxrYy1sb2dpbi10ZW1wbGF0ZVxuICBbZGlzcGxheUluZm9dPVwiZGlzcGxheUluZm9cIlxuICBbYm9keUNsYXNzTmFtZV09XCJib2R5Q2xhc3NOYW1lKClcIlxuICBbZGlzcGxheU1lc3NhZ2VdPVwiZGlzcGxheU1lc3NhZ2VcIlxuICBbZGlzcGxheVJlcXVpcmVkRmllbGRzXT1cImRpc3BsYXlSZXF1aXJlZEZpZWxkcygpXCJcbiAgW2RvY3VtZW50VGl0bGVdPVwiZG9jdW1lbnRUaXRsZSgpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciBoZWFkZXJOb2RlPlxuICAgIHt7ICdkb0xvZ0luJyB8IG1zZ1N0ciB9fVxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciBjb250ZW50PlxuICAgIDxmb3JtXG4gICAgICBpZD1cImtjLW90cC1yZXNldC1mb3JtXCJcbiAgICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1DbGFzcydcIlxuICAgICAgW2FjdGlvbl09XCJ1cmwubG9naW5BY3Rpb25cIlxuICAgICAgbWV0aG9kPVwicG9zdFwiXG4gICAgPlxuICAgICAgPGRpdiBba2NDbGFzc109XCIna2NJbnB1dFdyYXBwZXJDbGFzcydcIj5cbiAgICAgICAgPGRpdiBba2NDbGFzc109XCIna2NJbmZvQXJlYVdyYXBwZXJDbGFzcydcIj5cbiAgICAgICAgICA8cCBpZD1cImtjLW90cC1yZXNldC1mb3JtLWRlc2NyaXB0aW9uXCI+e3sgJ290cC1yZXNldC1kZXNjcmlwdGlvbicgfCBtc2dTdHIgfX08L3A+XG4gICAgICAgICAgQGZvciAob3RwQ3JlZGVudGlhbCBvZiBjb25maWd1cmVkT3RwQ3JlZGVudGlhbHMudXNlck90cENyZWRlbnRpYWxzOyB0cmFjayBvdHBDcmVkZW50aWFsOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgIGlkPVwia2Mtb3RwLWNyZWRlbnRpYWwte3sgaSB9fVwiXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvZ2luT1RQTGlzdElucHV0Q2xhc3MnXCJcbiAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgbmFtZT1cInNlbGVjdGVkQ3JlZGVudGlhbElkXCJcbiAgICAgICAgICAgICAgW3ZhbHVlXT1cIm90cENyZWRlbnRpYWwuaWRcIlxuICAgICAgICAgICAgICBbZGVmYXVsdENoZWNrZWRdPVwib3RwQ3JlZGVudGlhbC5pZCA9PT0gY29uZmlndXJlZE90cENyZWRlbnRpYWxzLnNlbGVjdGVkQ3JlZGVudGlhbElkXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgZm9yPVwia2Mtb3RwLWNyZWRlbnRpYWwtMFwiXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvZ2luT1RQTGlzdENsYXNzJ1wiXG4gICAgICAgICAgICAgIFt0YWJJbmRleF09XCJpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHNwYW4gW2tjQ2xhc3NdPVwiJ2tjTG9naW5PVFBMaXN0SXRlbUhlYWRlckNsYXNzJ1wiPlxuICAgICAgICAgICAgICAgIDxzcGFuIFtrY0NsYXNzXT1cIidrY0xvZ2luT1RQTGlzdEl0ZW1JY29uQm9keUNsYXNzJ1wiPlxuICAgICAgICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjTG9naW5PVFBMaXN0SXRlbUljb25DbGFzcydcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPHNwYW4gW2tjQ2xhc3NdPVwiJ2tjTG9naW5PVFBMaXN0SXRlbVRpdGxlQ2xhc3MnXCI+e3sgb3RwQ3JlZGVudGlhbC51c2VyTGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGlkPVwia2MtZm9ybS1idXR0b25zXCJcbiAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjRm9ybUJ1dHRvbnNDbGFzcydcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBpZD1cImtjLW90cC1yZXNldC1mb3JtLXN1Ym1pdFwiXG4gICAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiWydrY0J1dHRvbkNsYXNzJywgJ2tjQnV0dG9uUHJpbWFyeUNsYXNzJywgJ2tjQnV0dG9uQmxvY2tDbGFzcycsICdrY0J1dHRvbkxhcmdlQ2xhc3MnXVwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cIidkb1N1Ym1pdCcgfCBtc2dTdHJcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9mb3JtPlxuICA8L25nLWNvbnRhaW5lcj5cbjwva2MtbG9naW4tdGVtcGxhdGU+XG4iXX0=

package/login/pages/login-reset-password/login-reset-password.component.d.ts

@@ -1,6 +1,7 @@
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import * as i0 from "@angular/core";
 export declare class LoginResetPasswordComponent extends ComponentReference {
     kcContext: KcContext.LoginResetPassword;
     doUseDefaultCss: boolean;
@@ -10,4 +11,6 @@ export declare class LoginResetPasswordComponent extends ComponentReference {
     bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     displayInfo: boolean;
     displayMessage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginResetPasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginResetPasswordComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-reset-password/login-reset-password.component.mjs

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { KcSanitizePipe } from '../../../login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginResetPasswordComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = this.kcContext.messagesPerField.existsError('username');
+    }
+    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: [
+            {
+                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    {{ 'emailForgotTitle' | msgStr }}\n  </ng-container>\n  <ng-container infoNode>\n    @if (realm.duplicateEmailsAllowed) {\n      {{ 'emailInstructionUsername' | msgStr }}\n    } @else {\n      {{ 'emailInstruction' | msgStr }}\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              {{ 'username' | msgStr }}\n            } @else if (!realm.registrationEmailAsUsername) {\n              {{ 'usernameOrEmail' | msgStr }}\n            } @else {\n              {{ 'email' | msgStr }}\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]=\"'backToLogin' | msgStr | 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]=\"'doSubmit' | msgStr\"\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: "pipe", type: MsgStrPipe, name: "msgStr" }, { 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: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe], selector: 'kc-root', 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    {{ 'emailForgotTitle' | msgStr }}\n  </ng-container>\n  <ng-container infoNode>\n    @if (realm.duplicateEmailsAllowed) {\n      {{ 'emailInstructionUsername' | msgStr }}\n    } @else {\n      {{ 'emailInstruction' | msgStr }}\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              {{ 'username' | msgStr }}\n            } @else if (!realm.registrationEmailAsUsername) {\n              {{ 'usernameOrEmail' | msgStr }}\n            } @else {\n              {{ 'email' | msgStr }}\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]=\"'backToLogin' | msgStr | 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]=\"'doSubmit' | msgStr\"\n          />\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVzZXQtcGFzc3dvcmQvbG9naW4tcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tcmVzZXQtcGFzc3dvcmQvbG9naW4tcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILE9BQU8sRUFDUCxVQUFVLEVBQ1YsZUFBZSxFQUNsQixNQUFNLHFDQUFxQyxDQUFDO0FBRzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBZTNFLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxrQkFBa0I7SUFibkU7O1FBY0ksY0FBUyxHQUNMLE1BQU0sQ0FBNkQsVUFBVSxDQUFDLENBQUM7UUFDMUUsb0JBQWUsR0FBRyxNQUFNLENBQVUsZUFBZSxDQUFDLENBQUM7UUFDbkQsWUFBTyxHQUFHLE1BQU0sQ0FBb0MsT0FBTyxDQUFDLENBQUM7UUFDdEUsMEJBQXFCLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixtQkFBYyxHQUFZLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBQ3JGOzhHQVZZLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDBnQkFQekI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsa0JBQWtCO2dCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDJCQUEyQixDQUFDO2FBQzdEO1NBQ0osaURDL0JMLHc1RkErRkEsNENEekVjLGlCQUFpQiwrSkFBRSxVQUFVLCtDQUFFLGdCQUFnQiwwRkFBRSxjQUFjOzsyRkFXaEUsMkJBQTJCO2tCQWJ2QyxTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLGlCQUFpQixFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLENBQUMsWUFDaEUsU0FBUyxtQkFFRix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDO3lCQUM3RDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGZvcndhcmRSZWYsXG4gICAgaW5qZWN0LFxuICAgIGlucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDTEFTU0VTLFxuICAgIEtDX0NPTlRFWFQsXG4gICAgVVNFX0RFRkFVTFRfQ1NTXG59IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xpYi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBLY0NvbnRleHQgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9LY0NvbnRleHQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlLmNsYXNzJztcbmltcG9ydCB7IFRlbXBsYXRlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29udGFpbmVycy90ZW1wbGF0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgS2NTYW5pdGl6ZVBpcGUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9waXBlcy9rYy1zYW5pdGl6ZS5waXBlJztcbmltcG9ydCB7IE1zZ1N0clBpcGUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9waXBlcy9tc2ctc3RyLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtUZW1wbGF0ZUNvbXBvbmVudCwgTXNnU3RyUGlwZSwgS2NDbGFzc0RpcmVjdGl2ZSwgS2NTYW5pdGl6ZVBpcGVdLFxuICAgIHNlbGVjdG9yOiAna2Mtcm9vdCcsXG4gICAgdGVtcGxhdGVVcmw6ICdsb2dpbi1yZXNldC1wYXNzd29yZC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IExvZ2luUmVzZXRQYXNzd29yZENvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5SZXNldFBhc3N3b3JkQ29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50UmVmZXJlbmNlIHtcbiAgICBrY0NvbnRleHQgPVxuICAgICAgICBpbmplY3Q8RXh0cmFjdDxLY0NvbnRleHQsIHsgcGFnZUlkOiAnbG9naW4tcmVzZXQtcGFzc3dvcmQuZnRsJyB9Pj4oS0NfQ09OVEVYVCk7XG4gICAgb3ZlcnJpZGUgZG9Vc2VEZWZhdWx0Q3NzID0gaW5qZWN0PGJvb2xlYW4+KFVTRV9ERUZBVUxUX0NTUyk7XG4gICAgb3ZlcnJpZGUgY2xhc3NlcyA9IGluamVjdDxQYXJ0aWFsPFJlY29yZDxDbGFzc0tleSwgc3RyaW5nPj4+KENMQVNTRVMpO1xuICAgIGRpc3BsYXlSZXF1aXJlZEZpZWxkcyA9IGlucHV0KGZhbHNlKTtcbiAgICBkb2N1bWVudFRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIGJvZHlDbGFzc05hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgZGlzcGxheUluZm86IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBkaXNwbGF5TWVzc2FnZTogYm9vbGVhbiA9IHRoaXMua2NDb250ZXh0Lm1lc3NhZ2VzUGVyRmllbGQuZXhpc3RzRXJyb3IoJ3VzZXJuYW1lJyk7XG59XG4iLCJAbGV0IHVybCA9IGtjQ29udGV4dC51cmw7XG5AbGV0IG1lc3NhZ2VzUGVyRmllbGQgPSBrY0NvbnRleHQubWVzc2FnZXNQZXJGaWVsZDtcbkBsZXQgcmVhbG0gPSBrY0NvbnRleHQucmVhbG07XG5AbGV0IGF1dGggPSBrY0NvbnRleHQuYXV0aDtcbjxrYy1sb2dpbi10ZW1wbGF0ZVxuICBbZGlzcGxheUluZm9dPVwiZGlzcGxheUluZm9cIlxuICBbYm9keUNsYXNzTmFtZV09XCJib2R5Q2xhc3NOYW1lKClcIlxuICBbZGlzcGxheU1lc3NhZ2VdPVwiZGlzcGxheU1lc3NhZ2VcIlxuICBbZGlzcGxheVJlcXVpcmVkRmllbGRzXT1cImRpc3BsYXlSZXF1aXJlZEZpZWxkcygpXCJcbiAgW2RvY3VtZW50VGl0bGVdPVwiZG9jdW1lbnRUaXRsZSgpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciBoZWFkZXJOb2RlPlxuICAgIHt7ICdlbWFpbEZvcmdvdFRpdGxlJyB8IG1zZ1N0ciB9fVxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciBpbmZvTm9kZT5cbiAgICBAaWYgKHJlYWxtLmR1cGxpY2F0ZUVtYWlsc0FsbG93ZWQpIHtcbiAgICAgIHt7ICdlbWFpbEluc3RydWN0aW9uVXNlcm5hbWUnIHwgbXNnU3RyIH19XG4gICAgfSBAZWxzZSB7XG4gICAgICB7eyAnZW1haWxJbnN0cnVjdGlvbicgfCBtc2dTdHIgfX1cbiAgICB9XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgY29udGVudD5cbiAgICA8Zm9ybVxuICAgICAgaWQ9XCJrYy1wYXNzd2QtdXBkYXRlLWZvcm1cIlxuICAgICAgW2tjQ2xhc3NdPVwiJ2tjRm9ybUNsYXNzJ1wiXG4gICAgICBbYWN0aW9uXT1cInVybC5sb2dpbkFjdGlvblwiXG4gICAgICBtZXRob2Q9XCJwb3N0XCJcbiAgICA+XG4gICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0xhYmVsV3JhcHBlckNsYXNzJ1wiPlxuICAgICAgICAgIDxsYWJlbFxuICAgICAgICAgICAgZm9yPVwicGFzc3dvcmQtbmV3XCJcbiAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xhYmVsQ2xhc3MnXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBAaWYgKHJlYWxtLmxvZ2luV2l0aEVtYWlsQWxsb3dlZCkge1xuICAgICAgICAgICAgICB7eyAndXNlcm5hbWUnIHwgbXNnU3RyIH19XG4gICAgICAgICAgICB9IEBlbHNlIGlmICghcmVhbG0ucmVnaXN0cmF0aW9uRW1haWxBc1VzZXJuYW1lKSB7XG4gICAgICAgICAgICAgIHt7ICd1c2VybmFtZU9yRW1haWwnIHwgbXNnU3RyIH19XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAge3sgJ2VtYWlsJyB8IG1zZ1N0ciB9fVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgICBpZD1cInVzZXJuYW1lXCJcbiAgICAgICAgICAgIG5hbWU9XCJ1c2VybmFtZVwiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NJbnB1dENsYXNzJ1wiXG4gICAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICAgIFthdHRyLmFyaWEtaW52YWxpZF09XCJtZXNzYWdlc1BlckZpZWxkLmV4aXN0c0Vycm9yKCd1c2VybmFtZScpXCJcbiAgICAgICAgICAgIFtkZWZhdWx0VmFsdWVdPVwiYXV0aC5hdHRlbXB0ZWRVc2VybmFtZSA/PyAnJ1wiXG4gICAgICAgICAgLz5cblxuICAgICAgICAgIEBpZiAobWVzc2FnZXNQZXJGaWVsZC5leGlzdHNFcnJvcigndXNlcm5hbWUnKSkge1xuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgaWQ9XCJpbnB1dC1lcnJvci11c2VybmFtZVwiXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0lucHV0RXJyb3JNZXNzYWdlQ2xhc3MnXCJcbiAgICAgICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJtZXNzYWdlc1BlckZpZWxkLmdldCgndXNlcm5hbWUnKSB8IGtjU2FuaXRpemU6ICdodG1sJ1wiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBba2NDbGFzc109XCJbJ2tjRm9ybUdyb3VwQ2xhc3MnLCAna2NGb3JtU2V0dGluZ0NsYXNzJ11cIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPVwia2MtZm9ybS1vcHRpb25zXCJcbiAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtT3B0aW9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1PcHRpb25zV3JhcHBlckNsYXNzJ1wiPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgW2hyZWZdPVwidXJsLmxvZ2luVXJsXCJcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIidiYWNrVG9Mb2dpbicgfCBtc2dTdHIgfCBrY1Nhbml0aXplOiAnaHRtbCdcIlxuICAgICAgICAgICAgICA+PC9hPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPVwia2MtZm9ybS1idXR0b25zXCJcbiAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQnV0dG9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvblByaW1hcnlDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwiJ2RvU3VibWl0JyB8IG1zZ1N0clwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Zvcm0+XG4gIDwvbmctY29udGFpbmVyPlxuPC9rYy1sb2dpbi10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -1,6 +1,7 @@
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import * as i0 from "@angular/core";
 export declare class LoginUpdatePasswordComponent extends ComponentReference {
     kcContext: KcContext.LoginUpdatePassword;
     doUseDefaultCss: boolean;
@@ -10,4 +11,6 @@ export declare class LoginUpdatePasswordComponent extends ComponentReference {
     bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     displayInfo: boolean;
     displayMessage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginUpdatePasswordComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdatePasswordComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-update-password/login-update-password.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { LogoutOtherSessionsComponent } from '../../../login/components/logout-other-sessions/logout-other-sessions.component';
+import { PasswordWrapperComponent } from '../../../login/components/password-wrapper/password-wrapper.component';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { KcSanitizePipe } from '../../../login/pipes/kc-sanitize.pipe';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginUpdatePasswordComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = !this.kcContext.messagesPerField.existsError('password', 'password-confirm');
+    }
+    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: [
+            {
+                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    {{ 'updatePasswordTitle' | msgStr }}\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            {{ 'passwordNew' | msgStr }}\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            {{ 'passwordConfirm' | msgStr }}\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=\"{{ 'doSubmit' | msgStr }}\"\n          />\n          @if (isAppInitiatedAction) {\n            <button\n              [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n              type=\"submit\"\n              name=\"cancel-aia\"\n              value=\"true\"\n            >\n              {{ 'doCancel' | msgStr }}\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: "pipe", type: MsgStrPipe, name: "msgStr" }, { 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: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        TemplateComponent,
+                        MsgStrPipe,
+                        KcClassDirective,
+                        PasswordWrapperComponent,
+                        KcSanitizePipe,
+                        LogoutOtherSessionsComponent
+                    ], selector: 'kc-root', 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    {{ 'updatePasswordTitle' | msgStr }}\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            {{ 'passwordNew' | msgStr }}\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            {{ 'passwordConfirm' | msgStr }}\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=\"{{ 'doSubmit' | msgStr }}\"\n          />\n          @if (isAppInitiatedAction) {\n            <button\n              [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n              type=\"submit\"\n              name=\"cancel-aia\"\n              value=\"true\"\n            >\n              {{ 'doCancel' | msgStr }}\n            </button>\n          }\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tdXBkYXRlLXBhc3N3b3JkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3BhZ2VzL2xvZ2luLXVwZGF0ZS1wYXNzd29yZC9sb2dpbi11cGRhdGUtcGFzc3dvcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tdXBkYXRlLXBhc3N3b3JkL2xvZ2luLXVwZGF0ZS1wYXNzd29yZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gsT0FBTyxFQUNQLFVBQVUsRUFDVixlQUFlLEVBQ2xCLE1BQU0scUNBQXFDLENBQUM7QUFHN0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDbEcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkZBQTZGLENBQUM7QUFDM0ksT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUZBQW1GLENBQUM7QUFDN0gsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDN0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ25GLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQzs7QUFzQjNFLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxrQkFBa0I7SUFwQnBFOztRQXFCSSxjQUFTLEdBQ0wsTUFBTSxDQUE4RCxVQUFVLENBQUMsQ0FBQztRQUMzRSxvQkFBZSxHQUFHLE1BQU0sQ0FBVSxlQUFlLENBQUMsQ0FBQztRQUNuRCxZQUFPLEdBQUcsTUFBTSxDQUFvQyxPQUFPLENBQUMsQ0FBQztRQUN0RSwwQkFBcUIsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLG1CQUFjLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FDekQsVUFBVSxFQUNWLGtCQUFrQixDQUNyQixDQUFDO0tBQ0w7OEdBYlksNEJBQTRCO2tHQUE1Qiw0QkFBNEIsMGdCQVAxQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNEJBQTRCLENBQUM7YUFDOUQ7U0FDSixpREN4Q0wseTNIQW9IQSw0Q0QzRlEsaUJBQWlCLCtKQUNqQixVQUFVLCtDQUNWLGdCQUFnQiwrRkFDaEIsd0JBQXdCLHdGQUN4QixjQUFjLG1EQUNkLDRCQUE0Qjs7MkZBWXZCLDRCQUE0QjtrQkFwQnhDLFNBQVM7aUNBQ00sSUFBSSxXQUNQO3dCQUNMLGlCQUFpQjt3QkFDakIsVUFBVTt3QkFDVixnQkFBZ0I7d0JBQ2hCLHdCQUF3Qjt3QkFDeEIsY0FBYzt3QkFDZCw0QkFBNEI7cUJBQy9CLFlBQ1MsU0FBUyxtQkFFRix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDZCQUE2QixDQUFDO3lCQUM5RDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGZvcndhcmRSZWYsXG4gICAgaW5qZWN0LFxuICAgIGlucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBDTEFTU0VTLFxuICAgIEtDX0NPTlRFWFQsXG4gICAgVVNFX0RFRkFVTFRfQ1NTXG59IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xpYi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBLY0NvbnRleHQgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9LY0NvbnRleHQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlLmNsYXNzJztcbmltcG9ydCB7IExvZ291dE90aGVyU2Vzc2lvbnNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2xvZ291dC1vdGhlci1zZXNzaW9ucy9sb2dvdXQtb3RoZXItc2Vzc2lvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IFBhc3N3b3JkV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbXBvbmVudHMvcGFzc3dvcmQtd3JhcHBlci9wYXNzd29yZC13cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbnRhaW5lcnMvdGVtcGxhdGUuY29tcG9uZW50JztcbmltcG9ydCB7IEtjQ2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IEtjU2FuaXRpemVQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMva2Mtc2FuaXRpemUucGlwZSc7XG5pbXBvcnQgeyBNc2dTdHJQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMvbXNnLXN0ci5waXBlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIFRlbXBsYXRlQ29tcG9uZW50LFxuICAgICAgICBNc2dTdHJQaXBlLFxuICAgICAgICBLY0NsYXNzRGlyZWN0aXZlLFxuICAgICAgICBQYXNzd29yZFdyYXBwZXJDb21wb25lbnQsXG4gICAgICAgIEtjU2FuaXRpemVQaXBlLFxuICAgICAgICBMb2dvdXRPdGhlclNlc3Npb25zQ29tcG9uZW50XG4gICAgXSxcbiAgICBzZWxlY3RvcjogJ2tjLXJvb3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnbG9naW4tdXBkYXRlLXBhc3N3b3JkLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTG9naW5VcGRhdGVQYXNzd29yZENvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgTG9naW5VcGRhdGVQYXNzd29yZENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAga2NDb250ZXh0ID1cbiAgICAgICAgaW5qZWN0PEV4dHJhY3Q8S2NDb250ZXh0LCB7IHBhZ2VJZDogJ2xvZ2luLXVwZGF0ZS1wYXNzd29yZC5mdGwnIH0+PihLQ19DT05URVhUKTtcbiAgICBvdmVycmlkZSBkb1VzZURlZmF1bHRDc3MgPSBpbmplY3Q8Ym9vbGVhbj4oVVNFX0RFRkFVTFRfQ1NTKTtcbiAgICBvdmVycmlkZSBjbGFzc2VzID0gaW5qZWN0PFBhcnRpYWw8UmVjb3JkPENsYXNzS2V5LCBzdHJpbmc+Pj4oQ0xBU1NFUyk7XG4gICAgZGlzcGxheVJlcXVpcmVkRmllbGRzID0gaW5wdXQoZmFsc2UpO1xuICAgIGRvY3VtZW50VGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgYm9keUNsYXNzTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBkaXNwbGF5SW5mbyA9IGZhbHNlO1xuICAgIGRpc3BsYXlNZXNzYWdlID0gIXRoaXMua2NDb250ZXh0Lm1lc3NhZ2VzUGVyRmllbGQuZXhpc3RzRXJyb3IoXG4gICAgICAgICdwYXNzd29yZCcsXG4gICAgICAgICdwYXNzd29yZC1jb25maXJtJ1xuICAgICk7XG59XG4iLCJAbGV0IHVybCA9IGtjQ29udGV4dC51cmw7XG5AbGV0IG1lc3NhZ2VzUGVyRmllbGQgPSBrY0NvbnRleHQubWVzc2FnZXNQZXJGaWVsZDtcbkBsZXQgaXNBcHBJbml0aWF0ZWRBY3Rpb24gPSBrY0NvbnRleHQuaXNBcHBJbml0aWF0ZWRBY3Rpb247XG5cbjxrYy1sb2dpbi10ZW1wbGF0ZVxuICBbZGlzcGxheUluZm9dPVwiZGlzcGxheUluZm9cIlxuICBbYm9keUNsYXNzTmFtZV09XCJib2R5Q2xhc3NOYW1lKClcIlxuICBbZGlzcGxheU1lc3NhZ2VdPVwiZGlzcGxheU1lc3NhZ2VcIlxuICBbZGlzcGxheVJlcXVpcmVkRmllbGRzXT1cImRpc3BsYXlSZXF1aXJlZEZpZWxkcygpXCJcbiAgW2RvY3VtZW50VGl0bGVdPVwiZG9jdW1lbnRUaXRsZSgpXCJcbj5cbiAgPG5nLWNvbnRhaW5lciBoZWFkZXJOb2RlPlxuICAgIHt7ICd1cGRhdGVQYXNzd29yZFRpdGxlJyB8IG1zZ1N0ciB9fVxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciBjb250ZW50PlxuICAgIDxmb3JtXG4gICAgICBpZD1cImtjLXBhc3N3ZC11cGRhdGUtZm9ybVwiXG4gICAgICBba2NDbGFzc109XCIna2NGb3JtQ2xhc3MnXCJcbiAgICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbiAgICAgIG1ldGhvZD1cInBvc3RcIlxuICAgID5cbiAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjTGFiZWxXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICBmb3I9XCJwYXNzd29yZC1uZXdcIlxuICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjTGFiZWxDbGFzcydcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7ICdwYXNzd29yZE5ldycgfCBtc2dTdHIgfX1cbiAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBba2NDbGFzc109XCIna2NJbnB1dFdyYXBwZXJDbGFzcydcIj5cbiAgICAgICAgICA8a2MtcGFzc3dvcmQtd3JhcHBlciBwYXNzd29yZElucHV0SWQ9XCJwYXNzd29yZC1uZXdcIj5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICB0eXBlPVwicGFzc3dvcmRcIlxuICAgICAgICAgICAgICBpZD1cInBhc3N3b3JkLW5ld1wiXG4gICAgICAgICAgICAgIG5hbWU9XCJwYXNzd29yZC1uZXdcIlxuICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NJbnB1dENsYXNzJ1wiXG4gICAgICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwibWVzc2FnZXNQZXJGaWVsZC5leGlzdHNFcnJvcigncGFzc3dvcmQnLCAncGFzc3dvcmQtY29uZmlybScpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9rYy1wYXNzd29yZC13cmFwcGVyPlxuXG4gICAgICAgICAgQGlmIChtZXNzYWdlc1BlckZpZWxkLmV4aXN0c0Vycm9yKCdwYXNzd29yZCcpKSB7XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBpZD1cImlucHV0LWVycm9yLXBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRFcnJvck1lc3NhZ2VDbGFzcydcIlxuICAgICAgICAgICAgICBhcmlhLWxpdmU9XCJwb2xpdGVcIlxuICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIm1lc3NhZ2VzUGVyRmllbGQuZ2V0KCdwYXNzd29yZCcpIHwga2NTYW5pdGl6ZTogJ2h0bWwnXCJcbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0xhYmVsV3JhcHBlckNsYXNzJ1wiPlxuICAgICAgICAgIDxsYWJlbFxuICAgICAgICAgICAgZm9yPVwicGFzc3dvcmQtY29uZmlybVwiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NMYWJlbENsYXNzJ1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgJ3Bhc3N3b3JkQ29uZmlybScgfCBtc2dTdHIgfX1cbiAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBba2NDbGFzc109XCIna2NJbnB1dFdyYXBwZXJDbGFzcydcIj5cbiAgICAgICAgICA8a2MtcGFzc3dvcmQtd3JhcHBlciBwYXNzd29yZElucHV0SWQ9XCJwYXNzd29yZC1jb25maXJtXCI+XG4gICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgdHlwZT1cInBhc3N3b3JkXCJcbiAgICAgICAgICAgICAgaWQ9XCJwYXNzd29yZC1jb25maXJtXCJcbiAgICAgICAgICAgICAgbmFtZT1cInBhc3N3b3JkLWNvbmZpcm1cIlxuICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NJbnB1dENsYXNzJ1wiXG4gICAgICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwibWVzc2FnZXNQZXJGaWVsZC5leGlzdHNFcnJvcigncGFzc3dvcmQnLCAncGFzc3dvcmQtY29uZmlybScpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9rYy1wYXNzd29yZC13cmFwcGVyPlxuICAgICAgICAgIEBpZiAobWVzc2FnZXNQZXJGaWVsZC5leGlzdHNFcnJvcigncGFzc3dvcmQtY29uZmlybScpKSB7XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBpZD1cImlucHV0LWVycm9yLXBhc3N3b3JkLWNvbmZpcm1cIlxuICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NJbnB1dEVycm9yTWVzc2FnZUNsYXNzJ1wiXG4gICAgICAgICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwibWVzc2FnZXNQZXJGaWVsZC5nZXQoJ3Bhc3N3b3JkLWNvbmZpcm0nKSB8IGtjU2FuaXRpemU6ICdodG1sJ1wiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgIDxrYy1sb2dvdXQtb3RoZXItc2Vzc2lvbnM+PC9rYy1sb2dvdXQtb3RoZXItc2Vzc2lvbnM+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBpZD1cImtjLWZvcm0tYnV0dG9uc1wiXG4gICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjRm9ybUJ1dHRvbnNDbGFzcydcIlxuICAgICAgICA+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBba2NDbGFzc109XCJ7XG4gICAgICAgICAgICAgIGtjQnV0dG9uQ2xhc3M6IHRydWUsXG4gICAgICAgICAgICAgIGtjQnV0dG9uUHJpbWFyeUNsYXNzOiB0cnVlLFxuICAgICAgICAgICAgICBrY0J1dHRvbkJsb2NrQ2xhc3M6ICFpc0FwcEluaXRpYXRlZEFjdGlvbixcbiAgICAgICAgICAgICAga2NCdXR0b25MYXJnZUNsYXNzOiB0cnVlLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgIHZhbHVlPVwie3sgJ2RvU3VibWl0JyB8IG1zZ1N0ciB9fVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICBAaWYgKGlzQXBwSW5pdGlhdGVkQWN0aW9uKSB7XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvbkRlZmF1bHRDbGFzcycsICdrY0J1dHRvbkxhcmdlQ2xhc3MnXVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgICBuYW1lPVwiY2FuY2VsLWFpYVwiXG4gICAgICAgICAgICAgIHZhbHVlPVwidHJ1ZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7ICdkb0NhbmNlbCcgfCBtc2dTdHIgfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Zvcm0+XG4gIDwvbmctY29udGFpbmVyPlxuPC9rYy1sb2dpbi10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -1,6 +1,7 @@
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import * as i0 from "@angular/core";
 export declare class LoginUpdateProfileComponent extends ComponentReference {
     kcContext: KcContext.LoginUpdateProfile;
     doUseDefaultCss: boolean;
@@ -11,4 +12,6 @@ export declare class LoginUpdateProfileComponent extends ComponentReference {
     displayInfo: boolean;
     displayMessage: boolean;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginUpdateProfileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdateProfileComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/pages/login-update-profile/login-update-profile.component.mjs

@@ -0,0 +1,44 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal } from '@angular/core';
+import { CLASSES, KC_CONTEXT, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { UserProfileFormFieldsComponent } from '../../../login/components/user-profile-form-fields/user-profile-form-fields.component';
+import { TemplateComponent } from '../../../login/containers/template.component';
+import { KcClassDirective } from '../../../login/directives';
+import { MsgStrPipe } from '../../../login/pipes/msg-str.pipe';
+import * as i0 from "@angular/core";
+export class LoginUpdateProfileComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.displayRequiredFields = input(true);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.displayInfo = false;
+        this.displayMessage = this.kcContext.messagesPerField.exists('global');
+        this.isFormSubmittable = signal(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUpdateProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginUpdateProfileComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginUpdateProfileComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n  [displayInfo]=\"displayInfo\"\n  [bodyClassName]=\"bodyClassName()\"\n  [displayMessage]=\"displayMessage\"\n  [displayRequiredFields]=\"displayRequiredFields()\"\n  [documentTitle]=\"documentTitle()\"\n>\n  <ng-container headerNode>\n    {{ 'loginProfileTitle' | msgStr }}\n  </ng-container>\n  <ng-container content>\n    <form\n      id=\"kc-update-profile-form\"\n      [kcClass]=\"'kcFormClass'\"\n      [action]=\"url.loginAction\"\n      method=\"post\"\n    >\n      <kc-user-profile-form-fields (onIsFormSubmittable)=\"isFormSubmittable.set($event)\"></kc-user-profile-form-fields>\n\n      <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n          id=\"kc-form-options\"\n          [kcClass]=\"'kcFormOptionsClass'\"\n        >\n          <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n          id=\"kc-form-buttons\"\n          [kcClass]=\"'kcFormButtonsClass'\"\n        >\n          <input\n            [disabled]=\"!isFormSubmittable\"\n            [kcClass]=\"{\n              kcButtonClass: true,\n              kcButtonPrimaryClass: true,\n              kcButtonBlockClass: !isAppInitiatedAction,\n              kcButtonLargeClass: true,\n            }\"\n            type=\"submit\"\n            value=\"{{ 'doSubmit' | msgStr }}\"\n          />\n          @if (isAppInitiatedAction) {\n            <button\n              [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n              type=\"submit\"\n              name=\"cancel-aia\"\n              value=\"true\"\n              formNoValidate\n            >\n              {{ 'doCancel' | msgStr }}\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: "pipe", type: MsgStrPipe, name: "msgStr" }, { kind: "component", type: UserProfileFormFieldsComponent, selector: "kc-user-profile-form-fields", outputs: ["onIsFormSubmittable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginUpdateProfileComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        TemplateComponent,
+                        KcClassDirective,
+                        MsgStrPipe,
+                        UserProfileFormFieldsComponent
+                    ], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => LoginUpdateProfileComponent)
+                        }
+                    ], template: "@let url = kcContext.url;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n<kc-login-template\n  [displayInfo]=\"displayInfo\"\n  [bodyClassName]=\"bodyClassName()\"\n  [displayMessage]=\"displayMessage\"\n  [displayRequiredFields]=\"displayRequiredFields()\"\n  [documentTitle]=\"documentTitle()\"\n>\n  <ng-container headerNode>\n    {{ 'loginProfileTitle' | msgStr }}\n  </ng-container>\n  <ng-container content>\n    <form\n      id=\"kc-update-profile-form\"\n      [kcClass]=\"'kcFormClass'\"\n      [action]=\"url.loginAction\"\n      method=\"post\"\n    >\n      <kc-user-profile-form-fields (onIsFormSubmittable)=\"isFormSubmittable.set($event)\"></kc-user-profile-form-fields>\n\n      <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n          id=\"kc-form-options\"\n          [kcClass]=\"'kcFormOptionsClass'\"\n        >\n          <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n          id=\"kc-form-buttons\"\n          [kcClass]=\"'kcFormButtonsClass'\"\n        >\n          <input\n            [disabled]=\"!isFormSubmittable\"\n            [kcClass]=\"{\n              kcButtonClass: true,\n              kcButtonPrimaryClass: true,\n              kcButtonBlockClass: !isAppInitiatedAction,\n              kcButtonLargeClass: true,\n            }\"\n            type=\"submit\"\n            value=\"{{ 'doSubmit' | msgStr }}\"\n          />\n          @if (isAppInitiatedAction) {\n            <button\n              [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n              type=\"submit\"\n              name=\"cancel-aia\"\n              value=\"true\"\n              formNoValidate\n            >\n              {{ 'doCancel' | msgStr }}\n            </button>\n          }\n        </div>\n      </div>\n    </form>\n  </ng-container>\n</kc-login-template>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tdXBkYXRlLXByb2ZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tdXBkYXRlLXByb2ZpbGUvbG9naW4tdXBkYXRlLXByb2ZpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vcGFnZXMvbG9naW4tdXBkYXRlLXByb2ZpbGUvbG9naW4tdXBkYXRlLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxPQUFPLEVBQ1AsVUFBVSxFQUNWLGVBQWUsRUFDbEIsTUFBTSxxQ0FBcUMsQ0FBQztBQUc3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxtR0FBbUcsQ0FBQztBQUNuSixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBb0IzRSxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsa0JBQWtCO0lBbEJuRTs7UUFtQkksY0FBUyxHQUNMLE1BQU0sQ0FBNkQsVUFBVSxDQUFDLENBQUM7UUFDMUUsb0JBQWUsR0FBRyxNQUFNLENBQVUsZUFBZSxDQUFDLENBQUM7UUFDbkQsWUFBTyxHQUFHLE1BQU0sQ0FBb0MsT0FBTyxDQUFDLENBQUM7UUFDdEUsMEJBQXFCLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixtQkFBYyxHQUFZLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTNFLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNyQzs4R0FaWSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwwZ0JBUHpCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGtCQUFrQjtnQkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzthQUM3RDtTQUNKLGlEQ3JDTCxzMURBMkRBLDRDRG5DUSxpQkFBaUIsb0tBQ2pCLGdCQUFnQiwwRkFDaEIsVUFBVSwrQ0FDViw4QkFBOEI7OzJGQVl6QiwyQkFBMkI7a0JBbEJ2QyxTQUFTO2lDQUNNLElBQUksV0FDUDt3QkFDTCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsVUFBVTt3QkFDViw4QkFBOEI7cUJBQ2pDLFlBQ1MsU0FBUyxtQkFFRix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDRCQUE0QixDQUFDO3lCQUM3RDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGZvcndhcmRSZWYsXG4gICAgaW5qZWN0LFxuICAgIGlucHV0LFxuICAgIHNpZ25hbFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ0xBU1NFUyxcbiAgICBLQ19DT05URVhULFxuICAgIFVTRV9ERUZBVUxUX0NTU1xufSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgS2NDb250ZXh0IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENvbXBvbmVudFJlZmVyZW5jZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS5jbGFzcyc7XG5pbXBvcnQgeyBVc2VyUHJvZmlsZUZvcm1GaWVsZHNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL3VzZXItcHJvZmlsZS1mb3JtLWZpZWxkcy91c2VyLXByb2ZpbGUtZm9ybS1maWVsZHMuY29tcG9uZW50JztcbmltcG9ydCB7IFRlbXBsYXRlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29udGFpbmVycy90ZW1wbGF0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgTXNnU3RyUGlwZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3BpcGVzL21zZy1zdHIucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBUZW1wbGF0ZUNvbXBvbmVudCxcbiAgICAgICAgS2NDbGFzc0RpcmVjdGl2ZSxcbiAgICAgICAgTXNnU3RyUGlwZSxcbiAgICAgICAgVXNlclByb2ZpbGVGb3JtRmllbGRzQ29tcG9uZW50XG4gICAgXSxcbiAgICBzZWxlY3RvcjogJ2tjLXJvb3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnbG9naW4tdXBkYXRlLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBDb21wb25lbnRSZWZlcmVuY2UsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBMb2dpblVwZGF0ZVByb2ZpbGVDb21wb25lbnQpXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luVXBkYXRlUHJvZmlsZUNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAga2NDb250ZXh0ID1cbiAgICAgICAgaW5qZWN0PEV4dHJhY3Q8S2NDb250ZXh0LCB7IHBhZ2VJZDogJ2xvZ2luLXVwZGF0ZS1wcm9maWxlLmZ0bCcgfT4+KEtDX0NPTlRFWFQpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihDTEFTU0VTKTtcbiAgICBkaXNwbGF5UmVxdWlyZWRGaWVsZHMgPSBpbnB1dCh0cnVlKTtcbiAgICBkb2N1bWVudFRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIGJvZHlDbGFzc05hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgZGlzcGxheUluZm86IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBkaXNwbGF5TWVzc2FnZTogYm9vbGVhbiA9IHRoaXMua2NDb250ZXh0Lm1lc3NhZ2VzUGVyRmllbGQuZXhpc3RzKCdnbG9iYWwnKTtcblxuICAgIGlzRm9ybVN1Ym1pdHRhYmxlID0gc2lnbmFsKGZhbHNlKTtcbn1cbiIsIkBsZXQgdXJsID0ga2NDb250ZXh0LnVybDtcbkBsZXQgaXNBcHBJbml0aWF0ZWRBY3Rpb24gPSBrY0NvbnRleHQuaXNBcHBJbml0aWF0ZWRBY3Rpb247XG48a2MtbG9naW4tdGVtcGxhdGVcbiAgW2Rpc3BsYXlJbmZvXT1cImRpc3BsYXlJbmZvXCJcbiAgW2JvZHlDbGFzc05hbWVdPVwiYm9keUNsYXNzTmFtZSgpXCJcbiAgW2Rpc3BsYXlNZXNzYWdlXT1cImRpc3BsYXlNZXNzYWdlXCJcbiAgW2Rpc3BsYXlSZXF1aXJlZEZpZWxkc109XCJkaXNwbGF5UmVxdWlyZWRGaWVsZHMoKVwiXG4gIFtkb2N1bWVudFRpdGxlXT1cImRvY3VtZW50VGl0bGUoKVwiXG4+XG4gIDxuZy1jb250YWluZXIgaGVhZGVyTm9kZT5cbiAgICB7eyAnbG9naW5Qcm9maWxlVGl0bGUnIHwgbXNnU3RyIH19XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyIGNvbnRlbnQ+XG4gICAgPGZvcm1cbiAgICAgIGlkPVwia2MtdXBkYXRlLXByb2ZpbGUtZm9ybVwiXG4gICAgICBba2NDbGFzc109XCIna2NGb3JtQ2xhc3MnXCJcbiAgICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbiAgICAgIG1ldGhvZD1cInBvc3RcIlxuICAgID5cbiAgICAgIDxrYy11c2VyLXByb2ZpbGUtZm9ybS1maWVsZHMgKG9uSXNGb3JtU3VibWl0dGFibGUpPVwiaXNGb3JtU3VibWl0dGFibGUuc2V0KCRldmVudClcIj48L2tjLXVzZXItcHJvZmlsZS1mb3JtLWZpZWxkcz5cblxuICAgICAgPGRpdiBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPVwia2MtZm9ybS1vcHRpb25zXCJcbiAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtT3B0aW9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1PcHRpb25zV3JhcHBlckNsYXNzJ1wiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPVwia2MtZm9ybS1idXR0b25zXCJcbiAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQnV0dG9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhaXNGb3JtU3VibWl0dGFibGVcIlxuICAgICAgICAgICAgW2tjQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBrY0J1dHRvbkNsYXNzOiB0cnVlLFxuICAgICAgICAgICAgICBrY0J1dHRvblByaW1hcnlDbGFzczogdHJ1ZSxcbiAgICAgICAgICAgICAga2NCdXR0b25CbG9ja0NsYXNzOiAhaXNBcHBJbml0aWF0ZWRBY3Rpb24sXG4gICAgICAgICAgICAgIGtjQnV0dG9uTGFyZ2VDbGFzczogdHJ1ZSxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICB2YWx1ZT1cInt7ICdkb1N1Ym1pdCcgfCBtc2dTdHIgfX1cIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgQGlmIChpc0FwcEluaXRpYXRlZEFjdGlvbikge1xuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBba2NDbGFzc109XCJbJ2tjQnV0dG9uQ2xhc3MnLCAna2NCdXR0b25EZWZhdWx0Q2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgICAgbmFtZT1cImNhbmNlbC1haWFcIlxuICAgICAgICAgICAgICB2YWx1ZT1cInRydWVcIlxuICAgICAgICAgICAgICBmb3JtTm9WYWxpZGF0ZVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyAnZG9DYW5jZWwnIHwgbXNnU3RyIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9mb3JtPlxuICA8L25nLWNvbnRhaW5lcj5cbjwva2MtbG9naW4tdGVtcGxhdGU+XG4iXX0=