@keycloakify/angular 0.0.1-rc.0

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

@@ -0,0 +1,53 @@
+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 LoginUpdatePasswordComponent_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 { 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";
+let LoginUpdatePasswordComponent = LoginUpdatePasswordComponent_1 = 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");
+    }
+};
+LoginUpdatePasswordComponent = LoginUpdatePasswordComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            MsgStrPipe,
+            KcClassDirective,
+            PasswordWrapperComponent,
+            KcSanitizePipe,
+            LogoutOtherSessionsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "login-update-password.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginUpdatePasswordComponent_1)
+            }
+        ]
+    })
+], LoginUpdatePasswordComponent);
+export { LoginUpdatePasswordComponent };
+//# sourceMappingURL=login-update-password.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-update-password.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-update-password/login-update-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,4BAA4B,EAAE,MAAM,6FAA6F,CAAC;AAC3I,OAAO,EAAE,wBAAwB,EAAE,MAAM,mFAAmF,CAAC;AAC7H,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;AAsBpE,IAAM,4BAA4B,oCAAlC,MAAM,4BAA6B,SAAQ,kBAAkB;IAA7D;;QACH,cAAS,GACL,MAAM,CAA8D,UAAU,CAAC,CAAC;QAC3E,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,GAAG,KAAK,CAAC;QACpB,mBAAc,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CACzD,UAAU,EACV,kBAAkB,CACrB,CAAC;IACN,CAAC;CAAA,CAAA;AAbY,4BAA4B;IApBxC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,UAAU;YACV,gBAAgB;YAChB,wBAAwB;YACxB,cAAc;YACd,4BAA4B;SAC/B;QACD,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,sCAAsC;QACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,8BAA4B,CAAC;aAC9D;SACJ;KACJ,CAAC;GACW,4BAA4B,CAaxC;SAbY,4BAA4B"}

package/login/pages/login-update-profile/login-update-profile.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 LoginUpdateProfileComponent extends ComponentReference {
+    kcContext: KcContext.LoginUpdateProfile;
+    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;
+    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+}

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

@@ -0,0 +1,59 @@
+@let url = kcContext.url;
+@let isAppInitiatedAction = kcContext.isAppInitiatedAction;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'loginProfileTitle' | msgStr }}
+  </ng-container>
+  <ng-container content>
+    <form
+      id="kc-update-profile-form"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <kc-user-profile-form-fields (onIsFormSubmittable)="isFormSubmittable.set($event)"></kc-user-profile-form-fields>
+
+      <div [kcClass]="'kcFormGroupClass'">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
+        </div>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <input
+            [disabled]="!isFormSubmittable"
+            [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"
+              formNoValidate
+            >
+              {{ 'doCancel' | msgStr }}
+            </button>
+          }
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>

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

@@ -0,0 +1,50 @@
+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 LoginUpdateProfileComponent_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";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let LoginUpdateProfileComponent = LoginUpdateProfileComponent_1 = 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);
+    }
+};
+LoginUpdateProfileComponent = LoginUpdateProfileComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [
+            TemplateComponent,
+            KcClassDirective,
+            MsgStrPipe,
+            UserProfileFormFieldsComponent
+        ],
+        selector: "kc-root",
+        templateUrl: "login-update-profile.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginUpdateProfileComponent_1)
+            }
+        ]
+    })
+], LoginUpdateProfileComponent);
+export { LoginUpdateProfileComponent };
+//# sourceMappingURL=login-update-profile.component.js.map

package/login/pages/login-update-profile/login-update-profile.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-update-profile.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-update-profile/login-update-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,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAoBpE,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,IAAI,CAAC,CAAC;QACpC,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,MAAM,CAAC,QAAQ,CAAC,CAAC;QAE3E,sBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CAAA,CAAA;AAZY,2BAA2B;IAlBvC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;YACL,iBAAiB;YACjB,gBAAgB;YAChB,UAAU;YACV,8BAA8B;SACjC;QACD,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,CAYvC;SAZY,2BAA2B"}

package/login/pages/login-username/login-username.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 LoginUsernameComponent extends ComponentReference {
+    kcContext: KcContext.LoginUsername;
+    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-username/login-username.component.html

@@ -0,0 +1,161 @@
+@let realm = kcContext.realm;
+@let social = kcContext.social;
+@let usernameHidden = kcContext.usernameHidden;
+@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>
+    {{ 'doLogIn' | msgStr }}
+  </ng-container>
+  <ng-container infoNode>
+    <div id="kc-registration">
+      <span>
+        {{ 'noAccount' | msgStr }}
+        <a
+          tabindex="6"
+          [href]="url?.registrationUrl"
+        >
+          {{ 'doRegister' | msgStr }}
+        </a>
+      </span>
+    </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">
+        @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
+                  autoComplete="off"
+                  [defaultValue]="login?.username || ''"
+                  [attr.aria-invalid]="messagesPerField?.existsError('username')"
+                />
+                @if (messagesPerField?.existsError('username')) {
+                  <span
+                    id="input-error"
+                    [kcClass]="'kcInputErrorMessageClass'"
+                    aria-live="polite"
+                    [innerHTML]="messagesPerField?.getFirstError('username') | 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>
+            <div
+              id="kc-form-buttons"
+              [kcClass]="'kcFormGroupClass'"
+            >
+              <input
+                tabindex="4"
+                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
+                name="login"
+                id="kc-login"
+                type="submit"
+                [value]="'doLogIn' | msgStr"
+              />
+            </div>
+          </form>
+        }
+      </div>
+    </div>
+  </ng-container>
+</kc-login-template>

package/login/pages/login-username/login-username.component.js

@@ -0,0 +1,56 @@
+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 LoginUsernameComponent_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 { 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 LoginUsernameComponent = LoginUsernameComponent_1 = class LoginUsernameComponent 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"));
+    }
+};
+LoginUsernameComponent = LoginUsernameComponent_1 = __decorate([
+    Component({
+        selector: "kc-root",
+        templateUrl: "./login-username.component.html",
+        standalone: true,
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        imports: [
+            KcClassDirective,
+            AsyncPipe,
+            KcSanitizePipe,
+            NgClass,
+            TemplateComponent,
+            MsgStrPipe
+        ],
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginUsernameComponent_1)
+            }
+        ]
+    })
+], LoginUsernameComponent);
+export { LoginUsernameComponent };
+//# sourceMappingURL=login-username.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-username.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-username/login-username.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,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;AAsBpE,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,kBAAkB;IAAvD;;;QACH,cAAS,GAAG,MAAM,CAAuD,UAAU,CAAC,CAAC;QACrF,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,CAAC,UAAU,CAAC,CAAA,CAAC;IACzF,CAAC;CAAA,CAAA;AAbY,sBAAsB;IApBlC,SAAS,CAAC;QACP,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,iCAAiC;QAC9C,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,OAAO,EAAE;YACL,gBAAgB;YAChB,SAAS;YACT,cAAc;YACd,OAAO;YACP,iBAAiB;YACjB,UAAU;SACb;QACD,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,wBAAsB,CAAC;aACxD;SACJ;KACJ,CAAC;GACW,sBAAsB,CAalC;SAbY,sBAAsB"}

package/login/pages/login-verify-email/login-verify-email.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 LoginVerifyEmailComponent extends ComponentReference {
+    kcContext: KcContext.LoginVerifyEmail;
+    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-verify-email/login-verify-email.component.html

@@ -0,0 +1,27 @@
+@let url = kcContext.url;
+@let user = kcContext.user;
+<kc-login-template
+  [displayInfo]="displayInfo"
+  [bodyClassName]="bodyClassName()"
+  [displayMessage]="displayMessage"
+  [displayRequiredFields]="displayRequiredFields()"
+  [documentTitle]="documentTitle()"
+>
+  <ng-container headerNode>
+    {{ 'emailVerifyTitle' | msgStr }}
+  </ng-container>
+  <ng-container infoNode>
+    <p class="instruction">
+      {{ 'emailVerifyInstruction2' | msgStr }}
+      <br />
+      <a [href]="url.loginAction">{{ 'doClickHere' | msgStr }}</a>
+      &nbsp;
+      {{ 'emailVerifyInstruction3' | msgStr }}
+    </p>
+  </ng-container>
+  <ng-container content>
+    <p class="instruction">
+      {{ 'emailVerifyInstruction1' | msgStr: user?.email ?? '' }}
+    </p></ng-container
+  >
+</kc-login-template>

package/login/pages/login-verify-email/login-verify-email.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 LoginVerifyEmailComponent_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 LoginVerifyEmailComponent = LoginVerifyEmailComponent_1 = class LoginVerifyEmailComponent 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 = true;
+        this.displayMessage = true;
+    }
+};
+LoginVerifyEmailComponent = LoginVerifyEmailComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        imports: [KcClassDirective, TemplateComponent, MsgStrPipe],
+        selector: "kc-root",
+        templateUrl: "login-verify-email.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LoginVerifyEmailComponent_1)
+            }
+        ]
+    })
+], LoginVerifyEmailComponent);
+export { LoginVerifyEmailComponent };
+//# sourceMappingURL=login-verify-email.component.js.map

package/login/pages/login-verify-email/login-verify-email.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-verify-email.component.js","sourceRoot":"","sources":["../../../src/login/pages/login-verify-email/login-verify-email.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,yBAAyB,iCAA/B,MAAM,yBAA0B,SAAQ,kBAAkB;IAA1D;;QACH,cAAS,GACL,MAAM,CAA2D,UAAU,CAAC,CAAC;QACxE,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,IAAI,CAAC;QAC5B,mBAAc,GAAY,IAAI,CAAC;IACnC,CAAC;CAAA,CAAA;AAVY,yBAAyB;IAbrC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,CAAC;QAC1D,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,mCAAmC;QAChD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAAyB,CAAC;aAC3D;SACJ;KACJ,CAAC;GACW,yBAAyB,CAUrC;SAVY,yBAAyB"}

package/login/pages/login-x509-info/login-x509-info.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 LoginX509InfoComponent extends ComponentReference {
+    kcContext: KcContext.LoginX509Info;
+    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-x509-info/login-x509-info.component.html

@@ -0,0 +1,102 @@
+@let url = kcContext.url;
+@let x509 = kcContext.x509;
+<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-x509-login-info"
+      [kcClass]="'kcFormClass'"
+      [action]="url.loginAction"
+      method="post"
+    >
+      <div [kcClass]="'kcFormGroupClass'">
+        <div [kcClass]="'kcLabelWrapperClass'">
+          <label
+            for="certificate_subjectDN"
+            [kcClass]="'kcLabelClass'"
+          >
+            {{ 'clientCertificate' | msgStr }}
+          </label>
+        </div>
+        @if (x509.formData.subjectDN) {
+          <div [kcClass]="'kcLabelWrapperClass'">
+            <label
+              id="certificate_subjectDN"
+              [kcClass]="'kcLabelClass'"
+            >
+              {{ x509.formData.subjectDN }}
+            </label>
+          </div>
+        } @else {
+          <div [kcClass]="'kcLabelWrapperClass'">
+            <label
+              id="certificate_subjectDN"
+              [kcClass]="'kcLabelClass'"
+            >
+              {{ 'noCertificate' | msgStr }}
+            </label>
+          </div>
+        }
+      </div>
+      <div [kcClass]="'kcFormGroupClass'">
+        @if (x509.formData.isUserEnabled) {
+          <div [kcClass]="'kcLabelWrapperClass'">
+            <label
+              for="username"
+              [kcClass]="'kcLabelClass'"
+            >
+              {{ 'doX509Login' | msgStr }}
+            </label>
+          </div>
+          <div [kcClass]="'kcLabelWrapperClass'">
+            <label
+              id="username"
+              [kcClass]="'kcLabelClass'"
+            >
+              {{ x509.formData.username }}
+            </label>
+          </div>
+        }
+      </div>
+      <div [kcClass]="'kcFormGroupClass'">
+        <div
+          id="kc-form-options"
+          [kcClass]="'kcFormOptionsClass'"
+        >
+          <div [kcClass]="'kcFormOptionsWrapperClass'"></div>
+        </div>
+        <div
+          id="kc-form-buttons"
+          [kcClass]="'kcFormButtonsClass'"
+        >
+          <div [kcClass]="'kcFormButtonsWrapperClass'">
+            <input
+              [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
+              name="login"
+              id="kc-login"
+              type="submit"
+              [value]="'doContinue' | msgStr"
+            />
+            @if (x509.formData.isUserEnabled) {
+              <input
+                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
+                name="cancel"
+                id="kc-cancel"
+                type="submit"
+                [value]="'doIgnore' | msgStr"
+              />
+            }
+          </div>
+        </div>
+      </div>
+    </form>
+  </ng-container>
+</kc-login-template>