@keycloakify/angular 0.0.1-rc.0

package/login/components/input-tag-selects/input-tag-selects.component.js

@@ -0,0 +1,132 @@
+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 InputTagSelectsComponent_1;
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+let InputTagSelectsComponent = InputTagSelectsComponent_1 = class InputTagSelectsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.dispatchFormAction = output();
+        this.displayableErrors = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.context = computed(() => {
+            const attribute = this.attribute();
+            if (attribute) {
+                const { inputType } = attribute.annotations;
+                switch (inputType) {
+                    case "select-radiobuttons":
+                        return {
+                            inputType: "radio",
+                            classDiv: "kcInputClassRadio",
+                            classInput: "kcInputClassRadioInput",
+                            classLabel: "kcInputClassRadioLabel"
+                        };
+                    case "multiselect-checkboxes":
+                        return {
+                            inputType: "checkbox",
+                            classDiv: "kcInputClassCheckbox",
+                            classInput: "kcInputClassCheckboxInput",
+                            classLabel: "kcInputClassCheckboxLabel"
+                        };
+                }
+            }
+            return null;
+        });
+        this.options = computed(() => {
+            const attribute = this.attribute();
+            if (attribute) {
+                return (() => {
+                    var _a, _b;
+                    walk: {
+                        const { inputOptionsFromValidation } = attribute.annotations;
+                        if (inputOptionsFromValidation === undefined) {
+                            break walk;
+                        }
+                        const validator = attribute.validators[inputOptionsFromValidation];
+                        if (validator === undefined) {
+                            break walk;
+                        }
+                        if (validator.options === undefined) {
+                            break walk;
+                        }
+                        return validator.options;
+                    }
+                    return (_b = (_a = attribute.validators.options) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
+                })();
+            }
+            return [];
+        });
+    }
+    checked(option) {
+        const valueOrValues = this.valueOrValues();
+        if (valueOrValues instanceof Array) {
+            return valueOrValues.includes(option);
+        }
+        return valueOrValues === option;
+    }
+    onChange(event, option) {
+        var _a, _b;
+        const valueOrValues = this.valueOrValues();
+        const isChecked = event.target.checked;
+        this.dispatchFormAction.emit({
+            action: "update",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            valueOrValues: (() => {
+                var _a;
+                if (valueOrValues instanceof Array) {
+                    const newValues = [...valueOrValues];
+                    if (isChecked) {
+                        newValues.push(option);
+                    }
+                    else {
+                        newValues.splice(newValues.indexOf(option), 1);
+                    }
+                    return newValues;
+                }
+                return ((_a = event.target) === null || _a === void 0 ? void 0 : _a.checked) ? option : "";
+            })()
+        });
+    }
+    onBlur() {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "focus lost",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            fieldIndex: undefined
+        });
+    }
+};
+InputTagSelectsComponent = InputTagSelectsComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [KcClassDirective, AdvancedMsgStrPipe],
+        selector: "kc-input-tag-selects",
+        templateUrl: "input-tag-selects.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InputTagSelectsComponent_1)
+            }
+        ]
+    })
+], InputTagSelectsComponent);
+export { InputTagSelectsComponent };
+//# sourceMappingURL=input-tag-selects.component.js.map

package/login/components/input-tag-selects/input-tag-selects.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-tag-selects.component.js","sourceRoot":"","sources":["../../../src/login/components/input-tag-selects/input-tag-selects.component.ts"],"names":[],"mappings":"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"}

package/login/components/logout-other-sessions/logout-other-sessions.component.d.ts

@@ -0,0 +1,6 @@
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class LogoutOtherSessionsComponent extends ComponentReference {
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+}

package/login/components/logout-other-sessions/logout-other-sessions.component.html

@@ -0,0 +1,19 @@
+<div
+  id="kc-form-options"
+  [kcClass]="'kcFormOptionsClass'"
+>
+  <div [kcClass]="'kcFormOptionsWrapperClass'">
+    <div class="checkbox">
+      <label for="logout-sessions">
+        <input
+          type="checkbox"
+          id="logout-sessions"
+          name="logout-sessions"
+          value="on"
+          defaultChecked="true"
+        />
+        {{ 'logoutOtherSessions' | msgStr }}
+      </label>
+    </div>
+  </div>
+</div>

package/login/components/logout-other-sessions/logout-other-sessions.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 LogoutOtherSessionsComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let LogoutOtherSessionsComponent = LogoutOtherSessionsComponent_1 = class LogoutOtherSessionsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+    }
+};
+LogoutOtherSessionsComponent = LogoutOtherSessionsComponent_1 = __decorate([
+    Component({
+        selector: "kc-logout-other-sessions",
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        standalone: true,
+        imports: [KcClassDirective, MsgStrPipe],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        templateUrl: "./logout-other-sessions.component.html",
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LogoutOtherSessionsComponent_1)
+            }
+        ]
+    })
+], LogoutOtherSessionsComponent);
+export { LogoutOtherSessionsComponent };
+//# sourceMappingURL=logout-other-sessions.component.js.map

package/login/components/logout-other-sessions/logout-other-sessions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logout-other-sessions.component.js","sourceRoot":"","sources":["../../../src/login/components/logout-other-sessions/logout-other-sessions.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAsBpE,IAAM,4BAA4B,oCAAlC,MAAM,4BAA6B,SAAQ,kBAAkB;IAA7D;;QACM,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;IAC1E,CAAC;CAAA,CAAA;AAHY,4BAA4B;IApBxC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC;QACvC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,WAAW,EAAE,wCAAwC;QACrD,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,8BAA4B,CAAC;aAC9D;SACJ;KACJ,CAAC;GACW,4BAA4B,CAGxC;SAHY,4BAA4B"}

package/login/components/password-wrapper/password-wrapper.component.d.ts

@@ -0,0 +1,12 @@
+import { WritableSignal } from "@angular/core";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class PasswordWrapperComponent extends ComponentReference {
+    private renderer;
+    passwordInputId: import("@angular/core").InputSignal<string>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    isPasswordRevealed: WritableSignal<boolean>;
+    togglePasswordVisibility(): void;
+    private setPasswordInputType;
+}

package/login/components/password-wrapper/password-wrapper.component.html

@@ -0,0 +1,15 @@
+<div [kcClass]="'kcInputGroup'">
+  <ng-content></ng-content>
+  <button
+    type="button"
+    [kcClass]="'kcFormPasswordVisibilityButtonClass'"
+    [attr.aria-label]="(isPasswordRevealed() ? 'hidePassword' : 'showPassword') | msgStr"
+    [attr.aria-controls]="passwordInputId()"
+    (click)="togglePasswordVisibility()"
+  >
+    <i
+      [kcClass]="isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'"
+      aria-hidden="true"
+    ></i>
+  </button>
+</div>

package/login/components/password-wrapper/password-wrapper.component.js

@@ -0,0 +1,57 @@
+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 PasswordWrapperComponent_1;
+import { AsyncPipe } from "@angular/common";
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { MsgStrPipe } from "../../../login/pipes/msg-str.pipe";
+let PasswordWrapperComponent = PasswordWrapperComponent_1 = class PasswordWrapperComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.renderer = inject(Renderer2);
+        this.passwordInputId = input.required();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.isPasswordRevealed = signal(false);
+    }
+    togglePasswordVisibility() {
+        this.isPasswordRevealed.update(revealed => !revealed);
+        this.setPasswordInputType();
+    }
+    setPasswordInputType() {
+        const input = document.getElementById(this.passwordInputId());
+        if (input) {
+            this.renderer.setProperty(input, "type", this.isPasswordRevealed() ? "text" : "password");
+        }
+    }
+};
+PasswordWrapperComponent = PasswordWrapperComponent_1 = __decorate([
+    Component({
+        selector: "kc-password-wrapper",
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        standalone: true,
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        imports: [KcClassDirective, AsyncPipe, MsgStrPipe],
+        templateUrl: "./password-wrapper.component.html",
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => PasswordWrapperComponent_1)
+            }
+        ]
+    })
+], PasswordWrapperComponent);
+export { PasswordWrapperComponent };
+//# sourceMappingURL=password-wrapper.component.js.map

package/login/components/password-wrapper/password-wrapper.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-wrapper.component.js","sourceRoot":"","sources":["../../../src/login/components/password-wrapper/password-wrapper.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,EAET,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAsBpE,IAAM,wBAAwB,gCAA9B,MAAM,wBAAyB,SAAQ,kBAAkB;IAAzD;;QACK,aAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QACrC,oBAAe,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;QAClC,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QAEtE,uBAAkB,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;IAiBhE,CAAC;IAfG,wBAAwB;QACpB,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;QACtD,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEO,oBAAoB;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAC9D,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,KAAK,EACL,MAAM,EACN,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAClD,CAAC;SACL;IACL,CAAC;CACJ,CAAA;AAvBY,wBAAwB;IApBpC,SAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,UAAU,EAAE,IAAI;QAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,OAAO,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC;QAClD,WAAW,EAAE,mCAAmC;QAChD,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,0BAAwB,CAAC;aAC1D;SACJ;KACJ,CAAC;GACW,wBAAwB,CAuBpC;SAvBY,wBAAwB"}

package/login/components/select-tag/select-tag.component.d.ts

@@ -0,0 +1,16 @@
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, FormFieldError } from "../../../login/services/user-profile-form.service";
+export declare class SelectTagComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
+    displayableErrors: import("@angular/core").InputSignal<FormFieldError[] | undefined>;
+    dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    isMultiple: import("@angular/core").Signal<boolean>;
+    options: import("@angular/core").Signal<string[]>;
+    onChange(event: Event): void;
+    onBlur(): void;
+}

package/login/components/select-tag/select-tag.component.html

@@ -0,0 +1,31 @@
+@let attr = attribute();
+@let multiple = isMultiple();
+@if (attr) {
+  <select
+    [id]="attr.name"
+    [name]="attr.name"
+    [value]="valueOrValues()"
+    [kcClass]="'kcInputClass'"
+    [attr.aria-invalid]="!!displayableErrors()?.length"
+    [disabled]="attr.readOnly"
+    [multiple]="multiple"
+    [size]="!attr.annotations.inputTypeSize ? undefined : (attr.annotations.inputTypeSize | toNumber)"
+    (change)="onChange($event)"
+    (blur)="onBlur()"
+  >
+    @if (!multiple) {
+      <option value=""></option>
+    }
+    @for (option of options(); track option) {
+      <option [value]="option">
+        @if (!!attr.annotations.inputOptionLabels) {
+          {{ attr.annotations.inputOptionLabels[option] ?? option | advancedMsgStr }}
+        } @else if (!!attr.annotations.inputOptionLabelsI18nPrefix) {
+          {{ attr.annotations.inputOptionLabelsI18nPrefix + '.' + option | advancedMsgStr }}
+        } @else {
+          {{ option }}
+        }
+      </option>
+    }
+  </select>
+}

package/login/components/select-tag/select-tag.component.js

@@ -0,0 +1,97 @@
+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 SelectTagComponent_1;
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { ToNumberPipe } from "../../../login/pipes/to-number.pipe";
+let SelectTagComponent = SelectTagComponent_1 = class SelectTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.isMultiple = computed(() => {
+            var _a, _b;
+            return ((_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.annotations) === null || _b === void 0 ? void 0 : _b.inputType) === "multiselect";
+        });
+        this.options = computed(() => {
+            const attribute = this.attribute();
+            if (attribute) {
+                return (() => {
+                    var _a, _b;
+                    walk: {
+                        const { inputOptionsFromValidation } = attribute.annotations;
+                        if (inputOptionsFromValidation === undefined) {
+                            break walk;
+                        }
+                        const validator = attribute.validators[inputOptionsFromValidation];
+                        if (validator === undefined) {
+                            break walk;
+                        }
+                        if (validator.options === undefined) {
+                            break walk;
+                        }
+                        return validator.options;
+                    }
+                    return (_b = (_a = attribute.validators.options) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
+                })();
+            }
+            return [];
+        });
+    }
+    onChange(event) {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "update",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            valueOrValues: (() => {
+                if (this.isMultiple()) {
+                    return Array.from(event.target.selectedOptions).map(option => option.value);
+                }
+                return event.target.value;
+            })()
+        });
+    }
+    onBlur() {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "focus lost",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            fieldIndex: undefined
+        });
+    }
+};
+SelectTagComponent = SelectTagComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [KcClassDirective, ToNumberPipe, AdvancedMsgStrPipe],
+        selector: "kc-select-tag",
+        templateUrl: "select-tag.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => SelectTagComponent_1)
+            }
+        ]
+    })
+], SelectTagComponent);
+export { SelectTagComponent };
+//# sourceMappingURL=select-tag.component.js.map

package/login/components/select-tag/select-tag.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-tag.component.js","sourceRoot":"","sources":["../../../src/login/components/select-tag/select-tag.component.ts"],"names":[],"mappings":"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"}

package/login/components/textarea-tag/textarea-tag.component.d.ts

@@ -0,0 +1,14 @@
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, FormFieldError } from "../../../login/services/user-profile-form.service";
+export declare class TextareaTagComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    value: import("@angular/core").InputSignal<string | undefined>;
+    displayableErrors: import("@angular/core").InputSignal<FormFieldError[] | undefined>;
+    dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    onChange(event: Event): void;
+    onBlur(): void;
+}

package/login/components/textarea-tag/textarea-tag.component.html

@@ -0,0 +1,18 @@
+@let attr = attribute();
+@if (attr) {
+  <textarea
+    [id]="attr.name"
+    [name]="attr.name"
+    [kcClass]="'kcInputClass'"
+    [attr.aria-invalid]="!!displayableErrors()?.length"
+    [disabled]="attr.readOnly"
+    [cols]="attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)"
+    [rows]="attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)"
+    [maxLength]="
+      attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)
+    "
+    [value]="value()"
+    (change)="onChange($event)"
+    (blur)="onBlur()"
+  ></textarea>
+}

package/login/components/textarea-tag/textarea-tag.component.js

@@ -0,0 +1,63 @@
+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 TextareaTagComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, output } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { ToNumberPipe } from "../../../login/pipes/to-number.pipe";
+let TextareaTagComponent = TextareaTagComponent_1 = class TextareaTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.value = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+    }
+    onChange(event) {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "update",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            valueOrValues: event.target.value
+        });
+    }
+    onBlur() {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "focus lost",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            fieldIndex: undefined
+        });
+    }
+};
+TextareaTagComponent = TextareaTagComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [KcClassDirective, ToNumberPipe],
+        selector: "kc-textarea-tag",
+        templateUrl: "textarea-tag.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => TextareaTagComponent_1)
+            }
+        ]
+    })
+], TextareaTagComponent);
+export { TextareaTagComponent };
+//# sourceMappingURL=textarea-tag.component.js.map

package/login/components/textarea-tag/textarea-tag.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-tag.component.js","sourceRoot":"","sources":["../../../src/login/components/textarea-tag/textarea-tag.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AA0BxE,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAArD;;QACH,cAAS,GAAG,KAAK,EAAa,CAAC;QAC/B,UAAK,GAAG,KAAK,EAAU,CAAC;QACxB,sBAAiB,GAAG,KAAK,EAAoB,CAAC;QAC9C,uBAAkB,GAAG,MAAM,EAAc,CAAC;QACjC,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;IAiB1E,CAAC;IAfG,QAAQ,CAAC,KAAY;;QACjB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACzB,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,MAAA,MAAA,IAAI,CAAC,SAAS,EAAE,0CAAE,IAAI,mCAAI,EAAE;YAClC,aAAa,EAAG,KAAK,CAAC,MAA8B,CAAC,KAAK;SAC7D,CAAC,CAAC;IACP,CAAC;IAED,MAAM;;QACF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;YACzB,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,MAAA,MAAA,IAAI,CAAC,SAAS,EAAE,0CAAE,IAAI,mCAAI,EAAE;YAClC,UAAU,EAAE,SAAS;SACxB,CAAC,CAAC;IACP,CAAC;CACJ,CAAA;AAvBY,oBAAoB;IApBhC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC;QACzC,QAAQ,EAAE,iBAAiB;QAC3B,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAoB,CAAC;aACtD;SACJ;KACJ,CAAC;GACW,oBAAoB,CAuBhC;SAvBY,oBAAoB"}

package/login/components/user-profile-form-fields/user-profile-form-fields.component.d.ts

@@ -0,0 +1,25 @@
+import { TemplateRef } from "@angular/core";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { KcContext } from "keycloakify/login/KcContext";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, UserProfileFormService } from "../../../login/services/user-profile-form.service";
+export declare class UserProfileFormFieldsComponent extends ComponentReference {
+    kcContext: KcContext;
+    userProfileFormService: UserProfileFormService;
+    doMakeUserConfirmPassword: boolean;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    onIsFormSubmittable: import("@angular/core").OutputEmitterRef<boolean>;
+    formState: import("@angular/core").Signal<{
+        isFormSubmittable: boolean;
+        formFieldStates: {
+            attribute: import("keycloakify/login/KcContext").Attribute;
+            displayableErrors: import("../../../login/services/user-profile-form.service").FormFieldError[];
+            valueOrValues: string | string[];
+        }[];
+    }>;
+    beforeField: TemplateRef<unknown> | undefined;
+    afterField: TemplateRef<unknown> | undefined;
+    constructor();
+    onDispatch(formAction: FormAction): void;
+}