@keycloakify/angular 0.0.1-rc.0

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

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

package/login/pages/idp-review-user-profile/idp-review-user-profile.component.html

@@ -0,0 +1,41 @@
+@let url = kcContext.url;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'loginIdpReviewProfileTitle' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-idp-review-profile-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <kc-user-profile-form-fields (onIsFormSubmittable)="isFormSubmittable.set($event)" />
+      <div [kcClass]="'kcFormGroupClass'">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
+        </div>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+            type="submit"
+            value="{{ 'doSubmit' | msgStr }}"
+            [disabled]="!isFormSubmittable"
+          />
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

package/login/pages/idp-review-user-profile/idp-review-user-profile.component.js

@@ -0,0 +1,54 @@
+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 IdpReviewUserProfileComponent_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 { 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/kc-class.directive";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let IdpReviewUserProfileComponent = IdpReviewUserProfileComponent_1 = class IdpReviewUserProfileComponent extends ComponentReference {
+    constructor() {
+        var _a, _b;
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.displayRequiredFields = input(true);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.isFormSubmittable = signal(false);
+        this.displayInfo = false;
+        this.displayMessage = !((_b = (_a = this.kcContext) === null || _a === void 0 ? void 0 : _a.messagesPerField) === null || _b === void 0 ? void 0 : _b.existsError("global"));
+    }
+    onCallback() {
+        document.getElementById("kc-register-form").submit();
+    }
+};
+IdpReviewUserProfileComponent = IdpReviewUserProfileComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            MsgStrPipe,
+            UserProfileFormFieldsComponent,
+            KcClassDirective
+        ],
+        selector: "kc-root",
+        templateUrl: "idp-review-user-profile.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => IdpReviewUserProfileComponent_1)
+            }
+        ]
+    })
+], IdpReviewUserProfileComponent);
+export { IdpReviewUserProfileComponent };
+//# sourceMappingURL=idp-review-user-profile.component.js.map

package/login/pages/idp-review-user-profile/idp-review-user-profile.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"idp-review-user-profile.component.js","sourceRoot":"","sources":["../../../src/login/pages/idp-review-user-profile/idp-review-user-profile.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,8BAA8B,EAAE,MAAM,mGAAmG,CAAC;AACnJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAoBpE,IAAM,6BAA6B,qCAAnC,MAAM,6BAA8B,SAAQ,kBAAkB;IAA9D;;;QACH,cAAS,GACL,MAAM,CAAgE,UAAU,CAAC,CAAC;QACtF,0BAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACpC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QACvB,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,sBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,gBAAW,GAAY,KAAK,CAAC;QAC7B,mBAAc,GAAY,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,gBAAgB,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAA,CAAC;IAKvF,CAAC;IAHG,UAAU;QACL,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAqB,CAAC,MAAM,EAAE,CAAC;IAC9E,CAAC;CACJ,CAAA;AAfY,6BAA6B;IAlBzC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,UAAU;YACV,8BAA8B;YAC9B,gBAAgB;SACnB;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,wCAAwC;QACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,+BAA6B,CAAC;aAC/D;SACJ;KACJ,CAAC;GACW,6BAA6B,CAezC;SAfY,6BAA6B"}

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

@@ -0,0 +1,20 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { KcSanitizePipe } from "../../../login/pipes/kc-sanitize.pipe";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+export declare class InfoComponent extends ComponentReference {
+    kcContext: KcContext.Info;
+    advancedMsgStr: AdvancedMsgStrPipe;
+    kcSanitize: KcSanitizePipe;
+    msgStr: MsgStrPipe;
+    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;
+    get infoMessage(): string;
+}

package/login/pages/info/info.component.html

@@ -0,0 +1,54 @@
+@let skipLink = kcContext.skipLink;
+@let actionUri = kcContext.actionUri;
+@let pageRedirectUri = kcContext.pageRedirectUri;
+@let client = kcContext.client;
+@let messageHeader = kcContext.messageHeader;
+@let message = kcContext.message;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    <span [innerHTML]="messageHeader ?? message.summary | advancedMsgStr | kcSanitize: 'html'"> </span>
+  </ng-container>
+  <ng-container content>
+    <div id="kc-info-message">
+      <p
+        class="instruction"
+        [innerHTML]="infoMessage | kcSanitize: 'html'"
+      ></p>
+      @if (!skipLink) {
+        @if (pageRedirectUri) {
+          <p>
+            <a
+              [href]="pageRedirectUri"
+              [innerHTML]="'backToApplication' | msgStr | kcSanitize: 'html'"
+            >
+            </a>
+          </p>
+        }
+        @if (actionUri) {
+          <p>
+            <a
+              [href]="actionUri"
+              [innerHTML]="'proceedWithAction' | msgStr | kcSanitize: 'html'"
+            >
+            </a>
+          </p>
+        }
+        @if (client.baseUrl) {
+          <p>
+            <a
+              [href]="client.baseUrl"
+              [innerHTML]="'backToApplication' | msgStr | kcSanitize: 'html'"
+            >
+            </a>
+          </p>
+        }
+      }
+    </div>
+  </ng-container>
+</kc-login-template>

package/login/pages/info/info.component.js

@@ -0,0 +1,61 @@
+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 InfoComponent_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 { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { KcSanitizePipe } from "../../../login/pipes/kc-sanitize.pipe";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let InfoComponent = InfoComponent_1 = class InfoComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.advancedMsgStr = inject(AdvancedMsgStrPipe);
+        this.kcSanitize = inject(KcSanitizePipe);
+        this.msgStr = inject(MsgStrPipe);
+        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;
+    }
+    get infoMessage() {
+        let html = this.kcContext.message.summary;
+        if (this.kcContext.requiredActions) {
+            html += "<b>";
+            html += this.kcContext.requiredActions
+                .map(requiredAction => this.advancedMsgStr.transform(`requiredAction.${requiredAction}`))
+                .join(", ");
+            html += "</b>";
+        }
+        return html;
+    }
+};
+InfoComponent = InfoComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [TemplateComponent, MsgStrPipe, KcSanitizePipe, AdvancedMsgStrPipe],
+        selector: "kc-root",
+        templateUrl: "info.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            AdvancedMsgStrPipe,
+            MsgStrPipe,
+            KcSanitizePipe,
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InfoComponent_1)
+            }
+        ]
+    })
+], InfoComponent);
+export { InfoComponent };
+//# sourceMappingURL=info.component.js.map

package/login/pages/info/info.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.component.js","sourceRoot":"","sources":["../../../src/login/pages/info/info.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,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAkBpE,IAAM,aAAa,qBAAnB,MAAM,aAAc,SAAQ,kBAAkB;IAA9C;;QACH,cAAS,GAAG,MAAM,CAA6C,UAAU,CAAC,CAAC;QAC3E,mBAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC5C,eAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QACpC,WAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QACnB,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;IAiBpC,CAAC;IAfG,IAAI,WAAW;QACX,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QAC1C,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE;YAChC,IAAI,IAAI,KAAK,CAAC;YAEd,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,eAAe;iBACjC,GAAG,CAAC,cAAc,CAAC,EAAE,CAClB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,kBAAkB,cAAc,EAAE,CAAC,CACpE;iBACA,IAAI,CAAC,IAAI,CAAC,CAAC;YAEhB,IAAI,IAAI,MAAM,CAAC;SAClB;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ,CAAA;AA5BY,aAAa;IAhBzB,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,CAAC;QAC5E,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,qBAAqB;QAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,kBAAkB;YAClB,UAAU;YACV,cAAc;YACd;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,eAAa,CAAC;aAC/C;SACJ;KACJ,CAAC;GACW,aAAa,CA4BzB;SA5BY,aAAa"}

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

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

package/login/pages/login/login.component.html

@@ -0,0 +1,212 @@
+@let realm = kcContext.realm;
+@let social = kcContext.social;
+@let usernameHidden = kcContext.usernameHidden;
+@let auth = kcContext.auth;
+@let messagesPerField = kcContext.messagesPerField;
+@let url = kcContext.url;
+@let login = kcContext.login;
+
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'loginAccountTitle' | msgStr }}
+  </ng-container>
+  <ng-container infoNode>
+    <div id="kc-registration-container">
+      <div id="kc-registration">
+        <span>
+          {{ 'noAccount' | msgStr }}
+          <a
+            tabindex="8"
+            [href]="url?.registrationUrl"
+          >
+            {{ 'doRegister' | msgStr }}
+          </a>
+        </span>
+      </div>
+    </div>
+  </ng-container>
+  <ng-container socialProvidersNode>
+    @if (!!realm?.password && !!social?.providers?.length) {
+      <div
+        id="kc-social-providers"
+        [kcClass]="'kcFormSocialAccountSectionClass'"
+      >
+        <hr />
+        <h2>{{ 'identity-provider-login-label' | msgStr }}</h2>
+        <ul
+          [kcClass]="{
+            kcFormSocialAccountListClass: true,
+            kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3,
+          }"
+        >
+          @for (provider of social?.providers; track provider.alias; let idx = $index) {
+            <li>
+              <a
+                [id]="provider.alias"
+                [kcClass]="{
+                  kcFormSocialAccountListButtonClass: true,
+                  kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3,
+                }"
+                type="button"
+                [href]="provider.loginUrl"
+              >
+                @if (provider.iconClasses) {
+                  <i
+                    [ngClass]="provider.iconClasses"
+                    [kcClass]="'kcCommonLogoIdP'"
+                    aria-hidden="true"
+                  ></i>
+                }
+                <span
+                  [ngClass]="{
+                    'kc-social-icon-text': provider.iconClasses,
+                  }"
+                  [kcClass]="'kcFormSocialAccountNameClass'"
+                  [innerHTML]="provider.displayName | kcSanitize: 'html'"
+                ></span>
+              </a>
+            </li>
+          }
+        </ul>
+      </div>
+    }
+  </ng-container>
+  <ng-container content>
+    <div id="kc-form">
+      <div id="kc-form-wrapper">
+        <!-- login.component.html -->
+        @if (realm?.password) {
+          <form
+            id="kc-form-login"
+            (onSubmit)="isLoginButtonDisabled.set(true)"
+            [action]="url?.loginAction"
+            method="post"
+          >
+            @if (!usernameHidden) {
+              <div [kcClass]="'kcFormGroupClass'">
+                <label
+                  for="username"
+                  [kcClass]="'kcLabelClass'"
+                >
+                  @if (!realm?.loginWithEmailAllowed) {
+                    {{ 'username' | msgStr }}
+                  } @else if (!realm?.registrationEmailAsUsername) {
+                    {{ 'usernameOrEmail' | msgStr }}
+                  } @else {
+                    {{ 'email' | msgStr }}
+                  }
+                </label>
+                <input
+                  tabindex="2"
+                  id="username"
+                  [kcClass]="'kcInputClass'"
+                  name="username"
+                  type="text"
+                  autofocus
+                  [defaultValue]="login?.username || ''"
+                  [attr.aria-invalid]="messagesPerField?.existsError('username', 'password')"
+                />
+                @if (messagesPerField?.existsError('username', 'password')) {
+                  <span
+                    id="input-error"
+                    [kcClass]="'kcInputErrorMessageClass'"
+                    aria-live="polite"
+                    [innerHTML]="messagesPerField?.getFirstError('username', 'password') | kcSanitize: 'html'"
+                  >
+                  </span>
+                }
+              </div>
+            }
+
+            <div [kcClass]="'kcFormGroupClass'">
+              <label
+                for="password"
+                [kcClass]="'kcLabelClass'"
+              >
+                {{ 'password' | msgStr }}
+              </label>
+
+              <kc-password-wrapper passwordInputId="password">
+                <input
+                  tabindex="3"
+                  id="password"
+                  [kcClass]="'kcInputClass'"
+                  name="password"
+                  type="password"
+                  autocomplete="off"
+                  [attr.aria-invalid]="messagesPerField.existsError('username', 'password')"
+                />
+              </kc-password-wrapper>
+              @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {
+                <span
+                  id="input-error"
+                  [kcClass]="'kcInputErrorMessageClass'"
+                  aria-live="polite"
+                  [innerHTML]="messagesPerField?.getFirstError('username', 'password') | kcSanitize: 'html'"
+                >
+                </span>
+              }
+            </div>
+
+            <div [kcClass]="['kcFormGroupClass', 'kcFormSettingClass']">
+              <div id="kc-form-options">
+                @if (realm?.rememberMe && !usernameHidden) {
+                  <div class="checkbox">
+                    <label>
+                      <input
+                        tabindex="5"
+                        id="rememberMe"
+                        name="rememberMe"
+                        type="checkbox"
+                        [defaultChecked]="!!login?.rememberMe"
+                      />
+                      {{ 'rememberMe' | msgStr }}
+                    </label>
+                  </div>
+                }
+              </div>
+
+              <div [kcClass]="'kcFormOptionsWrapperClass'">
+                @if (realm?.resetPasswordAllowed) {
+                  <span>
+                    <a
+                      tabindex="6"
+                      [href]="url?.loginResetCredentialsUrl"
+                      >{{ 'doForgotPassword' | msgStr }}</a
+                    >
+                  </span>
+                }
+              </div>
+            </div>
+            <div
+              id="kc-form-buttons"
+              [kcClass]="'kcFormGroupClass'"
+            >
+              <input
+                type="hidden"
+                id="id-hidden-input"
+                name="credentialId"
+                [value]="auth?.selectedCredential"
+              />
+              <input
+                tabindex="7"
+                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+                name="login"
+                id="kc-login"
+                type="submit"
+                [value]="'doLogIn' | msgStr"
+                [disabled]="isLoginButtonDisabled()"
+              />
+            </div>
+          </form>
+        }
+      </div>
+    </div>
+  </ng-container>
+</kc-login-template>

package/login/pages/login/login.component.js

@@ -0,0 +1,58 @@
+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 LoginComponent_1;
+import { AsyncPipe, NgClass } from "@angular/common";
+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 { PasswordWrapperComponent } from "../../../login/components/password-wrapper/password-wrapper.component";
+import { TemplateComponent } from "../../../login/containers/template.component";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { KcSanitizePipe } from "../../../login/pipes/kc-sanitize.pipe";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let LoginComponent = LoginComponent_1 = class LoginComponent extends ComponentReference {
+    constructor() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        super(...arguments);
+        this.kcContext = inject(KC_CONTEXT);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.isLoginButtonDisabled = signal(false);
+        this.displayInfo = !!((_b = (_a = this.kcContext) === null || _a === void 0 ? void 0 : _a.realm) === null || _b === void 0 ? void 0 : _b.password) &&
+            !!((_d = (_c = this.kcContext) === null || _c === void 0 ? void 0 : _c.realm) === null || _d === void 0 ? void 0 : _d.registrationAllowed) &&
+            !((_e = this.kcContext) === null || _e === void 0 ? void 0 : _e.registrationDisabled);
+        this.displayMessage = !((_g = (_f = this.kcContext) === null || _f === void 0 ? void 0 : _f.messagesPerField) === null || _g === void 0 ? void 0 : _g.existsError("username", "password"));
+    }
+};
+LoginComponent = LoginComponent_1 = __decorate([
+    Component({
+        selector: "kc-root",
+        templateUrl: "./login.component.html",
+        standalone: true,
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        imports: [
+            KcClassDirective,
+            AsyncPipe,
+            KcSanitizePipe,
+            PasswordWrapperComponent,
+            NgClass,
+            TemplateComponent,
+            MsgStrPipe
+        ],
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginComponent_1)
+            }
+        ]
+    })
+], LoginComponent);
+export { LoginComponent };
+//# sourceMappingURL=login.component.js.map

package/login/pages/login/login.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.component.js","sourceRoot":"","sources":["../../../src/login/pages/login/login.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,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,wBAAwB,EAAE,MAAM,mFAAmF,CAAC;AAC7H,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuBpE,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,kBAAkB;IAA/C;;;QACH,cAAS,GAAG,MAAM,CAA8C,UAAU,CAAC,CAAC;QAC5E,0BAAqB,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,kBAAa,GAAG,KAAK,EAAU,CAAC;QAChC,kBAAa,GAAG,KAAK,EAAU,CAAC;QACvB,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,0BAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,gBAAW,GACP,CAAC,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,0CAAE,QAAQ,CAAA;YACjC,CAAC,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,0CAAE,mBAAmB,CAAA;YAC5C,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,oBAAoB,CAAA,CAAC;QAC1C,mBAAc,GAAY,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,gBAAgB,0CAAE,WAAW,CACpE,UAAU,EACV,UAAU,CACb,CAAA,CAAC;IACN,CAAC;CAAA,CAAA;AAhBY,cAAc;IArB1B,SAAS,CAAC;QACP,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,wBAAwB;QACrC,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,OAAO,EAAE;YACL,gBAAgB;YAChB,SAAS;YACT,cAAc;YACd,wBAAwB;YACxB,OAAO;YACP,iBAAiB;YACjB,UAAU;SACb;QACD,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAc,CAAC;aAChD;SACJ;KACJ,CAAC;GACW,cAAc,CAgB1B;SAhBY,cAAc"}

package/login/pages/login-config-totp/login-config-totp.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 LoginConfigTotpComponent extends ComponentReference {
+    kcContext: KcContext.LoginConfigTotp;
+    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;
+}