@keycloakify/angular 0.0.1-rc.0

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

@@ -0,0 +1,51 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var LoginRecoveryAuthnCodeConfigComponent_1;
+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";
+let LoginRecoveryAuthnCodeConfigComponent = LoginRecoveryAuthnCodeConfigComponent_1 = 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";
+    }
+};
+LoginRecoveryAuthnCodeConfigComponent = LoginRecoveryAuthnCodeConfigComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            MsgStrPipe,
+            TemplateComponent,
+            KcClassDirective,
+            LogoutOtherSessionsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "login-recovery-authn-code-config.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent_1)
+            }
+        ]
+    })
+], LoginRecoveryAuthnCodeConfigComponent);
+export { LoginRecoveryAuthnCodeConfigComponent };
+//# sourceMappingURL=login-recovery-authn-code-config.component.js.map

package/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-recovery-authn-code-config.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,6FAA6F,CAAC;AAC3I,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAoBpE,IAAM,qCAAqC,6CAA3C,MAAM,qCAAsC,SAAQ,kBAAkB;IAAtE;;QACH,cAAS,GACL,MAAM,CACF,UAAU,CACb,CAAC;QACG,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,KAAK,CAAC;QAChC,oCAA+B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAEhD,0BAAqB,GAAG,wBAAwB,CAAC;IACrD,CAAC;CAAA,CAAA;AAfY,qCAAqC;IAlBjD,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,UAAU;YACV,iBAAiB;YACjB,gBAAgB;YAChB,4BAA4B;SAC/B;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,iDAAiD;QAC9D,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,uCAAqC,CAAC;aACvE;SACJ;KACJ,CAAC;GACW,qCAAqC,CAejD;SAfY,qCAAqC"}

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

@@ -0,0 +1,13 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
+    kcContext: KcContext.LoginRecoveryAuthnCodeInput;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+}

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

@@ -0,0 +1,76 @@
+@let url = kcContext.url;
+@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;
+@let messagesPerField = kcContext.messagesPerField;
+
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'auth-recovery-code-header' | msgStr }}
+  </ng-container>
+
+  <ng-container content>
+    <form
+      id="kc-recovery-code-login-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <div [kcClass]="'kcFormGroupClass'">
+        <div [kcClass]="'kcLabelWrapperClass'">
+          <label
+            for="recoveryCodeInput"
+            [kcClass]="'kcLabelClass'"
+          >
+            {{ 'auth-recovery-code-prompt' | msgStr: recoveryAuthnCodesInputBean.codeNumber.toString() }}
+          </label>
+        </div>
+        <div [kcClass]="'kcInputWrapperClass'">
+          <input
+            tabIndex="1"
+            id="recoveryCodeInput"
+            name="recoveryCodeInput"
+            [attr.aria-invalid]="messagesPerField.existsError('recoveryCodeInput')"
+            autoComplete="off"
+            type="text"
+            [kcClass]="'kcInputClass'"
+            autoFocus
+          />
+          @if (messagesPerField.existsError('recoveryCodeInput')) {
+            <span
+              id="input-error"
+              [kcClass]="'kcInputErrorMessageClass'"
+              aria-live="polite"
+              [innerHTML]="messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'"
+            ></span>
+          }
+        </div>
+      </div>
+
+      <div [kcClass]="'kcFormGroupClass'">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsWrapperClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
+        </div>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+            name="login"
+            id="kc-login"
+            type="submit"
+            [value]="'doLogIn' | msgStr"
+          />
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

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

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var LoginRecoveryAuthnCodeInputComponent_1;
+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";
+let LoginRecoveryAuthnCodeInputComponent = LoginRecoveryAuthnCodeInputComponent_1 = 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");
+    }
+};
+LoginRecoveryAuthnCodeInputComponent = LoginRecoveryAuthnCodeInputComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe],
+        selector: "kc-root",
+        templateUrl: "login-recovery-authn-code-input.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent_1)
+            }
+        ]
+    })
+], LoginRecoveryAuthnCodeInputComponent);
+export { LoginRecoveryAuthnCodeInputComponent };
+//# sourceMappingURL=login-recovery-authn-code-input.component.js.map

package/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-recovery-authn-code-input.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAepE,IAAM,oCAAoC,4CAA1C,MAAM,oCAAqC,SAAQ,kBAAkB;IAArE;;QACH,cAAS,GACL,MAAM,CACF,UAAU,CACb,CAAC;QACG,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GACV,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACzE,CAAC;CAAA,CAAA;AAbY,oCAAoC;IAbhD,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC;QAC1E,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,gDAAgD;QAC7D,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sCAAoC,CAAC;aACtE;SACJ;KACJ,CAAC;GACW,oCAAoC,CAahD;SAbY,oCAAoC"}

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

@@ -0,0 +1,13 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class LoginResetOtpComponent extends ComponentReference {
+    kcContext: KcContext.LoginResetOtp;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+}

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

@@ -0,0 +1,65 @@
+@let url = kcContext.url;
+@let configuredOtpCredentials = kcContext.configuredOtpCredentials;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'doLogIn' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-otp-reset-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <div [kcClass]="'kcInputWrapperClass'">
+        <div [kcClass]="'kcInfoAreaWrapperClass'">
+          <p id="kc-otp-reset-form-description">{{ 'otp-reset-description' | msgStr }}</p>
+          @for (otpCredential of configuredOtpCredentials.userOtpCredentials; track otpCredential; let i = $index) {
+            <input
+              id="kc-otp-credential-{{ i }}"
+              [kcClass]="'kcLoginOTPListInputClass'"
+              type="radio"
+              name="selectedCredentialId"
+              [value]="otpCredential.id"
+              [defaultChecked]="otpCredential.id === configuredOtpCredentials.selectedCredentialId"
+            />
+            <label
+              for="kc-otp-credential-0"
+              [kcClass]="'kcLoginOTPListClass'"
+              [tabIndex]="i"
+            >
+              <span [kcClass]="'kcLoginOTPListItemHeaderClass'">
+                <span [kcClass]="'kcLoginOTPListItemIconBodyClass'">
+                  <i
+                    [kcClass]="'kcLoginOTPListItemIconClass'"
+                    aria-hidden="true"
+                  ></i>
+                </span>
+                <span [kcClass]="'kcLoginOTPListItemTitleClass'">{{ otpCredential.userLabel }}</span>
+              </span>
+            </label>
+          }
+          <div [kcClass]="'kcFormGroupClass'">
+            <div
+              id="kc-form-buttons"
+              [kcClass]="'kcFormButtonsClass'"
+            >
+              <input
+                id="kc-otp-reset-form-submit"
+                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+                type="submit"
+                [value]="'doSubmit' | msgStr"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

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

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var LoginResetOtpComponent_1;
+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";
+let LoginResetOtpComponent = LoginResetOtpComponent_1 = 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");
+    }
+};
+LoginResetOtpComponent = LoginResetOtpComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [KcClassDirective, MsgStrPipe, TemplateComponent],
+        selector: "kc-root",
+        templateUrl: "login-reset-otp.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginResetOtpComponent_1)
+            }
+        ]
+    })
+], LoginResetOtpComponent);
+export { LoginResetOtpComponent };
+//# sourceMappingURL=login-reset-otp.component.js.map

package/login/pages/login-reset-otp/login-reset-otp.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-reset-otp.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-reset-otp/login-reset-otp.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAepE,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,kBAAkB;IAAvD;;QACH,cAAS,GAAG,MAAM,CAAwD,UAAU,CAAC,CAAC;QAC7E,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClF,CAAC;CAAA,CAAA;AATY,sBAAsB;IAblC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,CAAC;QAC1D,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,gCAAgC;QAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,wBAAsB,CAAC;aACxD;SACJ;KACJ,CAAC;GACW,sBAAsB,CASlC;SATY,sBAAsB"}

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

@@ -0,0 +1,13 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class LoginResetPasswordComponent extends ComponentReference {
+    kcContext: KcContext.LoginResetPassword;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+}

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

@@ -0,0 +1,95 @@
+@let url = kcContext.url;
+@let messagesPerField = kcContext.messagesPerField;
+@let realm = kcContext.realm;
+@let auth = kcContext.auth;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'emailForgotTitle' | msgStr }}
+  </ng-container>
+  <ng-container infoNode>
+    @if (realm.duplicateEmailsAllowed) {
+      {{ 'emailInstructionUsername' | msgStr }}
+    } @else {
+      {{ 'emailInstruction' | msgStr }}
+    }
+  </ng-container>
+
+  <ng-container content>
+    <form
+      id="kc-passwd-update-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <div [kcClass]="'kcFormGroupClass'">
+        <div [kcClass]="'kcLabelWrapperClass'">
+          <label
+            for="password-new"
+            [kcClass]="'kcLabelClass'"
+          >
+            @if (realm.loginWithEmailAllowed) {
+              {{ 'username' | msgStr }}
+            } @else if (!realm.registrationEmailAsUsername) {
+              {{ 'usernameOrEmail' | msgStr }}
+            } @else {
+              {{ 'email' | msgStr }}
+            }
+          </label>
+        </div>
+
+        <div [kcClass]="'kcInputWrapperClass'">
+          <input
+            type="text"
+            id="username"
+            name="username"
+            [kcClass]="'kcInputClass'"
+            autoFocus
+            [attr.aria-invalid]="messagesPerField.existsError('username')"
+            [defaultValue]="auth.attemptedUsername ?? ''"
+          />
+
+          @if (messagesPerField.existsError('username')) {
+            <span
+              id="input-error-username"
+              [kcClass]="'kcInputErrorMessageClass'"
+              aria-live="polite"
+              [innerHtml]="messagesPerField.get('username') | kcSanitize: 'html'"
+            ></span>
+          }
+        </div>
+      </div>
+
+      <div [kcClass]="['kcFormGroupClass', 'kcFormSettingClass']">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'">
+            <span>
+              <a
+                [href]="url.loginUrl"
+                [innerHTML]="'backToLogin' | msgStr | kcSanitize: 'html'"
+              ></a>
+            </span>
+          </div>
+        </div>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+            type="submit"
+            [value]="'doSubmit' | msgStr"
+          />
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

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

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var LoginResetPasswordComponent_1;
+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";
+let LoginResetPasswordComponent = LoginResetPasswordComponent_1 = 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");
+    }
+};
+LoginResetPasswordComponent = LoginResetPasswordComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [TemplateComponent, MsgStrPipe, KcClassDirective, KcSanitizePipe],
+        selector: "kc-root",
+        templateUrl: "login-reset-password.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginResetPasswordComponent_1)
+            }
+        ]
+    })
+], LoginResetPasswordComponent);
+export { LoginResetPasswordComponent };
+//# sourceMappingURL=login-reset-password.component.js.map

package/login/pages/login-reset-password/login-reset-password.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-reset-password.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-reset-password/login-reset-password.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,OAAO,EACP,UAAU,EACV,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAepE,IAAM,2BAA2B,mCAAjC,MAAM,2BAA4B,SAAQ,kBAAkB;IAA5D;;QACH,cAAS,GACL,MAAM,CAA6D,UAAU,CAAC,CAAC;QAC1E,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACtF,CAAC;CAAA,CAAA;AAVY,2BAA2B;IAbvC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,CAAC;QAC1E,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,qCAAqC;QAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA2B,CAAC;aAC7D;SACJ;KACJ,CAAC;GACW,2BAA2B,CAUvC;SAVY,2BAA2B"}

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

@@ -0,0 +1,13 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class LoginUpdatePasswordComponent extends ComponentReference {
+    kcContext: KcContext.LoginUpdatePassword;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    displayInfo: boolean;
+    displayMessage: boolean;
+}

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

@@ -0,0 +1,116 @@
+@let url = kcContext.url;
+@let messagesPerField = kcContext.messagesPerField;
+@let isAppInitiatedAction = kcContext.isAppInitiatedAction;
+
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'updatePasswordTitle' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-passwd-update-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <div [kcClass]="'kcFormGroupClass'">
+        <div [kcClass]="'kcLabelWrapperClass'">
+          <label
+            for="password-new"
+            [kcClass]="'kcLabelClass'"
+          >
+            {{ 'passwordNew' | msgStr }}
+          </label>
+        </div>
+        <div [kcClass]="'kcInputWrapperClass'">
+          <kc-password-wrapper passwordInputId="password-new">
+            <input
+              type="password"
+              id="password-new"
+              name="password-new"
+              [kcClass]="'kcInputClass'"
+              autoFocus
+              autoComplete="new-password"
+              [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
+            />
+          </kc-password-wrapper>
+
+          @if (messagesPerField.existsError('password')) {
+            <span
+              id="input-error-password"
+              [kcClass]="'kcInputErrorMessageClass'"
+              aria-live="polite"
+              [innerHtml]="messagesPerField.get('password') | kcSanitize: 'html'"
+            ></span>
+          }
+        </div>
+      </div>
+
+      <div [kcClass]="'kcFormGroupClass'">
+        <div [kcClass]="'kcLabelWrapperClass'">
+          <label
+            for="password-confirm"
+            [kcClass]="'kcLabelClass'"
+          >
+            {{ 'passwordConfirm' | msgStr }}
+          </label>
+        </div>
+        <div [kcClass]="'kcInputWrapperClass'">
+          <kc-password-wrapper passwordInputId="password-confirm">
+            <input
+              type="password"
+              id="password-confirm"
+              name="password-confirm"
+              [kcClass]="'kcInputClass'"
+              autoFocus
+              autoComplete="new-password"
+              [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
+            />
+          </kc-password-wrapper>
+          @if (messagesPerField.existsError('password-confirm')) {
+            <span
+              id="input-error-password-confirm"
+              [kcClass]="'kcInputErrorMessageClass'"
+              aria-live="polite"
+              [innerHtml]="messagesPerField.get('password-confirm') | kcSanitize: 'html'"
+            ></span>
+          }
+        </div>
+      </div>
+      <div [kcClass]="'kcFormGroupClass'">
+        <kc-logout-other-sessions></kc-logout-other-sessions>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [kcClass]="{
+              kcButtonClass: true,
+              kcButtonPrimaryClass: true,
+              kcButtonBlockClass: !isAppInitiatedAction,
+              kcButtonLargeClass: true,
+            }"
+            type="submit"
+            value="{{ 'doSubmit' | msgStr }}"
+          />
+          @if (isAppInitiatedAction) {
+            <button
+              [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
+              type="submit"
+              name="cancel-aia"
+              value="true"
+            >
+              {{ 'doCancel' | msgStr }}
+            </button>
+          }
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>