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

package/lib/tokens/use-default-css.token.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const USE_DEFAULT_CSS: InjectionToken<boolean>;

package/lib/tokens/use-default-css.token.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const USE_DEFAULT_CSS = new InjectionToken('use default css');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLWRlZmF1bHQtY3NzLnRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbGliL3Rva2Vucy91c2UtZGVmYXVsdC1jc3MudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsSUFBSSxjQUFjLENBQVUsaUJBQWlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBVU0VfREVGQVVMVF9DU1MgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oJ3VzZSBkZWZhdWx0IGNzcycpO1xuIl19

package/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.d.ts

@@ -1,7 +1,9 @@
-import { Attribute } from 'keycloakify/login/KcContext';
 import { FormAction } from '../../../login/services/user-profile-form.service';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { I18n } from '../../i18n';
 import * as i0 from "@angular/core";
 export declare class AddRemoveButtonsMultiValuedAttributeComponent {
+    i18n: I18n;
     attribute: import("@angular/core").InputSignal<Attribute | undefined>;
     values: import("@angular/core").InputSignal<string[] | undefined>;
     fieldIndex: import("@angular/core").InputSignal<number | undefined>;

package/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.js

@@ -0,0 +1,106 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';
+import { LOGIN_I18N } from '../../../login/tokens/i18n.token';
+import * as i0 from "@angular/core";
+export class AddRemoveButtonsMultiValuedAttributeComponent {
+    constructor() {
+        this.i18n = inject(LOGIN_I18N);
+        this.attribute = input();
+        this.values = input();
+        this.fieldIndex = input();
+        this.dispatchFormAction = output();
+        this.hasRemove = computed(() => {
+            const attribute = this.attribute();
+            const values = this.values();
+            const fieldIndex = this.fieldIndex();
+            if (attribute && values && fieldIndex) {
+                return this.getButtonToDisplayForMultivaluedAttributeField({
+                    attribute,
+                    values,
+                    fieldIndex
+                }).hasRemove;
+            }
+            return false;
+        });
+        this.hasAdd = computed(() => {
+            const attribute = this.attribute();
+            const values = this.values();
+            const fieldIndex = this.fieldIndex();
+            if (attribute && values && fieldIndex) {
+                return this.getButtonToDisplayForMultivaluedAttributeField({
+                    attribute,
+                    values,
+                    fieldIndex
+                }).hasAdd;
+            }
+            return false;
+        });
+    }
+    onAdd() {
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: [...(this.values() ?? []), '']
+        });
+    }
+    onRemove() {
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())
+        });
+    }
+    getButtonToDisplayForMultivaluedAttributeField(params) {
+        const { attribute, values, fieldIndex } = params;
+        const hasRemove = (() => {
+            if (values.length === 1) {
+                return false;
+            }
+            const minCount = (() => {
+                const { multivalued } = attribute.validators;
+                if (multivalued === undefined) {
+                    return undefined;
+                }
+                const minStr = multivalued.min;
+                if (minStr === undefined) {
+                    return undefined;
+                }
+                return parseInt(`${minStr}`);
+            })();
+            if (minCount === undefined) {
+                return true;
+            }
+            if (values.length === minCount) {
+                return false;
+            }
+            return true;
+        })();
+        const hasAdd = (() => {
+            if (fieldIndex + 1 !== values.length) {
+                return false;
+            }
+            const maxCount = (() => {
+                const { multivalued } = attribute.validators;
+                if (multivalued === undefined) {
+                    return undefined;
+                }
+                const maxStr = multivalued.max;
+                if (maxStr === undefined) {
+                    return undefined;
+                }
+                return parseInt(`${maxStr}`);
+            })();
+            if (maxCount === undefined) {
+                return true;
+            }
+            return values.length !== maxCount;
+        })();
+        return { hasRemove, hasAdd };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: AddRemoveButtonsMultiValuedAttributeComponent, isStandalone: true, selector: "kc-add-remove-buttons-multi-valued-attribute", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, ngImport: i0, template: "@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        [id]=\"'kc-remove-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        [id]=\"'kc-add-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [], selector: 'kc-add-remove-buttons-multi-valued-attribute', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        [id]=\"'kc-remove-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        [id]=\"'kc-add-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLXJlbW92ZS1idXR0b25zLW11bHRpLXZhbHVlZC1hdHRyaWJ1dGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vY29tcG9uZW50cy9hZGQtcmVtb3ZlLWJ1dHRvbnMtbXVsdGktdmFsdWVkLWF0dHJpYnV0ZS9hZGQtcmVtb3ZlLWJ1dHRvbnMtbXVsdGktdmFsdWVkLWF0dHJpYnV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2FkZC1yZW1vdmUtYnV0dG9ucy1tdWx0aS12YWx1ZWQtYXR0cmlidXRlL2FkZC1yZW1vdmUtYnV0dG9ucy1tdWx0aS12YWx1ZWQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFrQjFFLE1BQU0sT0FBTyw2Q0FBNkM7SUFkMUQ7UUFlSSxTQUFJLEdBQUcsTUFBTSxDQUFPLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLGNBQVMsR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUMvQixXQUFNLEdBQUcsS0FBSyxFQUFZLENBQUM7UUFDM0IsZUFBVSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzdCLHVCQUFrQixHQUFHLE1BQU0sRUFBYyxDQUFDO1FBRTFDLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3RCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQyxNQUFNLE1BQU0sR0FBRyxJ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Z2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQWN0aW9uIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vc2VydmljZXMvdXNlci1wcm9maWxlLWZvcm0uc2VydmljZSc7XG5pbXBvcnQgeyBMT0dJTl9JMThOIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2kxOG4udG9rZW4nO1xuaW1wb3J0IHsgQXR0cmlidXRlIH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IEkxOG4gfSBmcm9tICcuLi8uLi9pMThuJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgYFxuICAgICAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAgICAgICAgICAgfVxuICAgICAgICBgXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXSxcbiAgICBzZWxlY3RvcjogJ2tjLWFkZC1yZW1vdmUtYnV0dG9ucy1tdWx0aS12YWx1ZWQtYXR0cmlidXRlJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2FkZC1yZW1vdmUtYnV0dG9ucy1tdWx0aS12YWx1ZWQtYXR0cmlidXRlLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBZGRSZW1vdmVCdXR0b25zTXVsdGlWYWx1ZWRBdHRyaWJ1dGVDb21wb25lbnQge1xuICAgIGkxOG4gPSBpbmplY3Q8STE4bj4oTE9HSU5fSTE4Tik7XG4gICAgYXR0cmlidXRlID0gaW5wdXQ8QXR0cmlidXRlPigpO1xuICAgIHZhbHVlcyA9IGlucHV0PHN0cmluZ1tdPigpO1xuICAgIGZpZWxkSW5kZXggPSBpbnB1dDxudW1iZXI+KCk7XG4gICAgZGlzcGF0Y2hGb3JtQWN0aW9uID0gb3V0cHV0PEZvcm1BY3Rpb24+KCk7XG5cbiAgICBoYXNSZW1vdmUgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGF0dHJpYnV0ZSA9IHRoaXMuYXR0cmlidXRlKCk7XG4gICAgICAgIGNvbnN0IHZhbHVlcyA9IHRoaXMudmFsdWVzKCk7XG4gICAgICAgIGNvbnN0IGZpZWxkSW5kZXggPSB0aGlzLmZpZWxkSW5kZXgoKTtcbiAgICAgICAgaWYgKGF0dHJpYnV0ZSAmJiB2YWx1ZXMgJiYgZmllbGRJbmRleCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZ2V0QnV0dG9uVG9EaXNwbGF5Rm9yTXVsdGl2YWx1ZWRBdHRyaWJ1dGVGaWVsZCh7XG4gICAgICAgICAgICAgICAgYXR0cmlidXRlLFxuICAgICAgICAgICAgICAgIHZhbHVlcyxcbiAgICAgICAgICAgICAgICBmaWVsZEluZGV4XG4gICAgICAgICAgICB9KS5oYXNSZW1vdmU7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0pO1xuICAgIGhhc0FkZCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAgICAgY29uc3QgYXR0cmlidXRlID0gdGhpcy5hdHRyaWJ1dGUoKTtcbiAgICAgICAgY29uc3QgdmFsdWVzID0gdGhpcy52YWx1ZXMoKTtcbiAgICAgICAgY29uc3QgZmllbGRJbmRleCA9IHRoaXMuZmllbGRJbmRleCgpO1xuICAgICAgICBpZiAoYXR0cmlidXRlICYmIHZhbHVlcyAmJiBmaWVsZEluZGV4KSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5nZXRCdXR0b25Ub0Rpc3BsYXlGb3JNdWx0aXZhbHVlZEF0dHJpYnV0ZUZpZWxkKHtcbiAgICAgICAgICAgICAgICBhdHRyaWJ1dGUsXG4gICAgICAgICAgICAgICAgdmFsdWVzLFxuICAgICAgICAgICAgICAgIGZpZWxkSW5kZXhcbiAgICAgICAgICAgIH0pLmhhc0FkZDtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfSk7XG5cbiAgICBvbkFkZCgpIHtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCh7XG4gICAgICAgICAgICBhY3Rpb246ICd1cGRhdGUnLFxuICAgICAgICAgICAgbmFtZTogdGhpcy5hdHRyaWJ1dGUoKT8ubmFtZSA/PyAnJyxcbiAgICAgICAgICAgIHZhbHVlT3JWYWx1ZXM6IFsuLi4odGhpcy52YWx1ZXMoKSA/PyBbXSksICcnXVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvblJlbW92ZSgpIHtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCh7XG4gICAgICAgICAgICBhY3Rpb246ICd1cGRhdGUnLFxuICAgICAgICAgICAgbmFtZTogdGhpcy5hdHRyaWJ1dGUoKT8ubmFtZSA/PyAnJyxcbiAgICAgICAgICAgIHZhbHVlT3JWYWx1ZXM6ICh0aGlzLnZhbHVlcygpID8/IFtdKS5maWx0ZXIoKF8sIGkpID0+IGkgIT09IHRoaXMuZmllbGRJbmRleCgpKVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEJ1dHRvblRvRGlzcGxheUZvck11bHRpdmFsdWVkQXR0cmlidXRlRmllbGQocGFyYW1zOiB7IGF0dHJpYnV0ZTogQXR0cmlidXRlOyB2YWx1ZXM6IHN0cmluZ1tdOyBmaWVsZEluZGV4OiBudW1iZXIgfSkge1xuICAgICAgICBjb25zdCB7IGF0dHJpYnV0ZSwgdmFsdWVzLCBmaWVsZEluZGV4IH0gPSBwYXJhbXM7XG5cbiAgICAgICAgY29uc3QgaGFzUmVtb3ZlID0gKCgpID0+IHtcbiAgICAgICAgICAgIGlmICh2YWx1ZXMubGVuZ3RoID09PSAxKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBtaW5Db3VudCA9ICgoKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyBtdWx0aXZhbHVlZCB9ID0gYXR0cmlidXRlLnZhbGlkYXRvcnM7XG5cbiAgICAgICAgICAgICAgICBpZiAobXVsdGl2YWx1ZWQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGNvbnN0IG1pblN0ciA9IG11bHRpdmFsdWVkLm1pbjtcblxuICAgICAgICAgICAgICAgIGlmIChtaW5TdHIgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIHJldHVybiBwYXJzZUludChgJHttaW5TdHJ9YCk7XG4gICAgICAgICAgICB9KSgpO1xuXG4gICAgICAgICAgICBpZiAobWluQ291bnQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAodmFsdWVzLmxlbmd0aCA9PT0gbWluQ291bnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgICB9KSgpO1xuXG4gICAgICAgIGNvbnN0IGhhc0FkZCA9ICgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoZmllbGRJbmRleCArIDEgIT09IHZhbHVlcy5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IG1heENvdW50ID0gKCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCB7IG11bHRpdmFsdWVkIH0gPSBhdHRyaWJ1dGUudmFsaWRhdG9ycztcblxuICAgICAgICAgICAgICAgIGlmIChtdWx0aXZhbHVlZCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgY29uc3QgbWF4U3RyID0gbXVsdGl2YWx1ZWQubWF4O1xuXG4gICAgICAgICAgICAgICAgaWYgKG1heFN0ciA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHBhcnNlSW50KGAke21heFN0cn1gKTtcbiAgICAgICAgICAgIH0pKCk7XG5cbiAgICAgICAgICAgIGlmIChtYXhDb3VudCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiB2YWx1ZXMubGVuZ3RoICE9PSBtYXhDb3VudDtcbiAgICAgICAgfSkoKTtcblxuICAgICAgICByZXR1cm4geyBoYXNSZW1vdmUsIGhhc0FkZCB9O1xuICAgIH1cbn1cbiIsIkBsZXQgaWRQb3N0Zml4ID0gYXR0cmlidXRlKCk/Lm5hbWUgPz8gJycgKyAnLScgKyAoZmllbGRJbmRleCgpID8/IDAgKyAxKTtcbkBpZiAoaGFzUmVtb3ZlKCkpIHtcbiAgICA8YnV0dG9uXG4gICAgICAgIFtpZF09XCIna2MtcmVtb3ZlLScgKyBpZFBvc3RmaXhcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJwZi1jLWJ1dHRvbiBwZi1tLWlubGluZSBwZi1tLWxpbmtcIlxuICAgICAgICAoY2xpY2spPVwib25SZW1vdmUoKVwiXG4gICAgPlxuICAgICAgICB7eyBpMThuLm1zZ1N0cigncmVtb3ZlJykgfX1cbiAgICA8L2J1dHRvbj5cbiAgICBAaWYgKGhhc0FkZCgpKSB7XG4gICAgICAgICZuYnNwO3wmbmJzcDtcbiAgICB9XG59XG5AaWYgKGhhc0FkZCgpKSB7XG4gICAgPGJ1dHRvblxuICAgICAgICBbaWRdPVwiJ2tjLWFkZC0nICsgaWRQb3N0Zml4XCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwicGYtYy1idXR0b24gcGYtbS1pbmxpbmUgcGYtbS1saW5rXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQWRkKClcIlxuICAgID5cbiAgICAgICAge3sgaTE4bi5tc2dTdHIoJ2FkZFZhbHVlJykgfX1cbiAgICA8L2J1dHRvbj5cbn1cbiJdfQ==

package/login/components/field-errors/field-errors.component.d.ts

@@ -1,7 +1,7 @@
-import { Attribute } from 'keycloakify/login/KcContext';
-import { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { ComponentReference } from '../../../login/classes/component-reference.class';
 import { FormFieldError } from '../../../login/services/user-profile-form.service';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class FieldErrorsComponent extends ComponentReference {
     attribute: import("@angular/core").InputSignal<Attribute | undefined>;

package/login/components/field-errors/field-errors.component.js

@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { USE_DEFAULT_CSS } from '../../../lib/tokens/use-default-css.token';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { KcClassDirective } from '../../../login/directives/kc-class.directive';
+import { LOGIN_CLASSES } from '../../../login/tokens/classes.token';
+import * as i0 from "@angular/core";
+export class FieldErrorsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.displayableErrors = input();
+        this.fieldIndex = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: FieldErrorsComponent, isStandalone: true, selector: "kc-field-errors", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => FieldErrorsComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let index = fieldIndex();\n<span\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n    aria-live=\"polite\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FieldErrorsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-field-errors', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => FieldErrorsComponent)
+                        }
+                    ], template: "@let index = fieldIndex();\n<span\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n    aria-live=\"polite\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtZXJyb3JzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL2NvbXBvbmVudHMvZmllbGQtZXJyb3JzL2ZpZWxkLWVycm9ycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2ZpZWxkLWVycm9ycy9maWVsZC1lcnJvcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDeEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDbEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFFNUYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQXdCaEYsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGtCQUFrQjtJQXBCNUQ7O1FBcUJJLGNBQVMsR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUMvQixzQkFBaUIsR0FBRyxLQUFLLEVBQW9CLENBQUM7UUFDOUMsZUFBVSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3BCLG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLGFBQWEsQ0FBQyxDQUFDO0tBQy9FOzhHQU5ZLG9CQUFvQjtrR0FBcEIsb0JBQW9CLGlmQVBsQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7YUFDdEQ7U0FDSixpREMzQkwsNmZBZUEsbUZER2MsZ0JBQWdCOzsyRkFXakIsb0JBQW9CO2tCQXBCaEMsU0FBUztpQ0FDTSxJQUFJLFdBUVAsQ0FBQyxnQkFBZ0IsQ0FBQyxZQUNqQixpQkFBaUIsbUJBRVYsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzt5QkFDdEQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVU0VfREVGQVVMVF9DU1MgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvdG9rZW5zL3VzZS1kZWZhdWx0LWNzcy50b2tlbic7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UuY2xhc3MnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMva2MtY2xhc3MuZGlyZWN0aXZlJztcbmltcG9ydCB7IEZvcm1GaWVsZEVycm9yIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vc2VydmljZXMvdXNlci1wcm9maWxlLWZvcm0uc2VydmljZSc7XG5pbXBvcnQgeyBMT0dJTl9DTEFTU0VTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2NsYXNzZXMudG9rZW4nO1xuaW1wb3J0IHsgQXR0cmlidXRlIH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBjb250ZW50cztcbiAgICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgIF0sXG4gICAgaW1wb3J0czogW0tjQ2xhc3NEaXJlY3RpdmVdLFxuICAgIHNlbGVjdG9yOiAna2MtZmllbGQtZXJyb3JzJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2ZpZWxkLWVycm9ycy5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEZpZWxkRXJyb3JzQ29tcG9uZW50KVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZEVycm9yc0NvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAgYXR0cmlidXRlID0gaW5wdXQ8QXR0cmlidXRlPigpO1xuICAgIGRpc3BsYXlhYmxlRXJyb3JzID0gaW5wdXQ8Rm9ybUZpZWxkRXJyb3JbXT4oKTtcbiAgICBmaWVsZEluZGV4ID0gaW5wdXQ8bnVtYmVyPigpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihMT0dJTl9DTEFTU0VTKTtcbn1cbiIsIkBsZXQgaW5kZXggPSBmaWVsZEluZGV4KCk7XG48c3BhblxuICAgIFtpZF09XCInaW5wdXQtZXJyb3ItJyArIGF0dHJpYnV0ZS5uYW1lICsgKGluZGV4ID09PSB1bmRlZmluZWQgPyAnJyA6ICctJyArIGluZGV4KVwiXG4gICAgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRFcnJvck1lc3NhZ2VDbGFzcydcIlxuICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4+XG4gICAgQGZvciAoZXJyb3Igb2YgZGlzcGxheWFibGVFcnJvcnMoKTsgdHJhY2sgZXJyb3I7IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgIEBpZiAoZXJyb3IuZmllbGRJbmRleCA9PT0gaW5kZXgpIHtcbiAgICAgICAgICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZXJyb3IuZXJyb3JNZXNzYWdlXCI+PC9zcGFuPlxuICAgICAgICAgICAgQGlmIChkaXNwbGF5YWJsZUVycm9ycygpPy5sZW5ndGggPz8gMCAtIDEgIT09IGkpIHtcbiAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbjwvc3Bhbj5cbiJdfQ==

package/login/components/group-label/group-label.component.d.ts

@@ -1,8 +1,10 @@
+import { ComponentReference } from '../../../login/classes/component-reference.class';
 import { Attribute } from 'keycloakify/login/KcContext';
 import { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { I18n } from '../../i18n';
 import * as i0 from "@angular/core";
 export declare class GroupLabelComponent extends ComponentReference {
+    i18n: I18n;
     attribute: import("@angular/core").InputSignal<Attribute | undefined>;
     groupName: import("@angular/core").InputSignal<string | undefined>;
     doUseDefaultCss: boolean;

package/login/components/group-label/group-label.component.js

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input } from '@angular/core';
+import { USE_DEFAULT_CSS } from '../../../lib/tokens/use-default-css.token';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { AttributesDirective } from '../../../login/directives/attributes.directive';
+import { KcClassDirective } from '../../../login/directives/kc-class.directive';
+import { LOGIN_CLASSES } from '../../../login/tokens/classes.token';
+import { LOGIN_I18N } from '../../../login/tokens/i18n.token';
+import * as i0 from "@angular/core";
+export class GroupLabelComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.attribute = input();
+        this.groupName = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.groupNameRef = computed(() => {
+            const attribute = this.attribute();
+            const groupName = this.groupName();
+            if (attribute?.group?.name !== groupName) {
+                return attribute?.group?.name ?? '';
+            }
+            return '';
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GroupLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: GroupLabelComponent, isStandalone: true, selector: "kc-group-label", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => GroupLabelComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@let groupName = groupNameRef();\n@if (attr && groupName !== '') {\n    <div\n        [kcClass]=\"'kcFormGroupClass'\"\n        [kcAttributes]=\"attr.group?.html5DataAnnotations\"\n    >\n        @let groupDisplayHeader = attr.group?.displayHeader ?? '';\n        @let groupHeaderText = groupDisplayHeader !== '' ? groupDisplayHeader : (attr.group?.name ?? '');\n        <div [kcClass]=\"'kcContentWrapperClass'\">\n            <label\n                [id]=\"'header-' + attr.group?.name\"\n                [kcClass]=\"'kcFormGroupHeader'\"\n            >\n                {{ i18n.advancedMsgStr(groupHeaderText) }}\n            </label>\n        </div>\n        @let groupDisplayDescription = attr.group?.displayDescription ?? '';\n        @if (groupDisplayDescription !== '') {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    [id]=\"'description-' + attr.group?.name\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.advancedMsgStr(groupDisplayDescription) }}\n                </label>\n            </div>\n        }\n    </div>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: AttributesDirective, selector: "[kcAttributes]", inputs: ["kcAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GroupLabelComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective, AttributesDirective], selector: 'kc-group-label', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => GroupLabelComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@let groupName = groupNameRef();\n@if (attr && groupName !== '') {\n    <div\n        [kcClass]=\"'kcFormGroupClass'\"\n        [kcAttributes]=\"attr.group?.html5DataAnnotations\"\n    >\n        @let groupDisplayHeader = attr.group?.displayHeader ?? '';\n        @let groupHeaderText = groupDisplayHeader !== '' ? groupDisplayHeader : (attr.group?.name ?? '');\n        <div [kcClass]=\"'kcContentWrapperClass'\">\n            <label\n                [id]=\"'header-' + attr.group?.name\"\n                [kcClass]=\"'kcFormGroupHeader'\"\n            >\n                {{ i18n.advancedMsgStr(groupHeaderText) }}\n            </label>\n        </div>\n        @let groupDisplayDescription = attr.group?.displayDescription ?? '';\n        @if (groupDisplayDescription !== '') {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    [id]=\"'description-' + attr.group?.name\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.advancedMsgStr(groupDisplayDescription) }}\n                </label>\n            </div>\n        }\n    </div>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vY29tcG9uZW50cy9ncm91cC1sYWJlbC9ncm91cC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2dyb3VwLWxhYmVsL2dyb3VwLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM1RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDaEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQXlCMUUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGtCQUFrQjtJQXBCM0Q7O1FBcUJJLFNBQUksR0FBRyxNQUFNLENBQU8sVUFBVSxDQUFDLENBQUM7UUFDaEMsY0FBUyxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQy9CLGNBQVMsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNuQixvQkFBZSxHQUFHLE1BQU0sQ0FBVSxlQUFlLENBQUMsQ0FBQztRQUNuRCxZQUFPLEdBQUcsTUFBTSxDQUFvQyxhQUFhLENBQUMsQ0FBQztRQUM1RSxpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDekIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25DLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQyxJQUFJLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBSSxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUN2QyxPQUFPLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDO1lBQ0QsT0FBTyxFQUFFLENBQUM7UUFDZCxDQUFDLENBQUMsQ0FBQztLQUNOOzhHQWRZLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGlWQVBqQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDckQ7U0FDSixpREM3QkwsNm9DQThCQSxtRkRWYyxnQkFBZ0IsK0ZBQUUsbUJBQW1COzsyRkFXdEMsbUJBQW1CO2tCQXBCL0IsU0FBUztpQ0FDTSxJQUFJLFdBUVAsQ0FBQyxnQkFBZ0IsRUFBRSxtQkFBbUIsQ0FBQyxZQUN0QyxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDckQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgZm9yd2FyZFJlZiwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVVNFX0RFRkFVTFRfQ1NTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbGliL3Rva2Vucy91c2UtZGVmYXVsdC1jc3MudG9rZW4nO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlLmNsYXNzJztcbmltcG9ydCB7IEF0dHJpYnV0ZXNEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzL2F0dHJpYnV0ZXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEtjQ2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzL2tjLWNsYXNzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBMT0dJTl9DTEFTU0VTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2NsYXNzZXMudG9rZW4nO1xuaW1wb3J0IHsgTE9HSU5fSTE4TiB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9pMThuLnRva2VuJztcbmltcG9ydCB7IEF0dHJpYnV0ZSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL0tjQ29udGV4dCc7XG5pbXBvcnQgeyBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgSTE4biB9IGZyb20gJy4uLy4uL2kxOG4nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHN0eWxlczogW1xuICAgICAgICBgXG4gICAgICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogY29udGVudHM7XG4gICAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICBdLFxuICAgIGltcG9ydHM6IFtLY0NsYXNzRGlyZWN0aXZlLCBBdHRyaWJ1dGVzRGlyZWN0aXZlXSxcbiAgICBzZWxlY3RvcjogJ2tjLWdyb3VwLWxhYmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2dyb3VwLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gR3JvdXBMYWJlbENvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgR3JvdXBMYWJlbENvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAgaTE4biA9IGluamVjdDxJMThuPihMT0dJTl9JMThOKTtcbiAgICBhdHRyaWJ1dGUgPSBpbnB1dDxBdHRyaWJ1dGU+KCk7XG4gICAgZ3JvdXBOYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihMT0dJTl9DTEFTU0VTKTtcbiAgICBncm91cE5hbWVSZWYgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGF0dHJpYnV0ZSA9IHRoaXMuYXR0cmlidXRlKCk7XG4gICAgICAgIGNvbnN0IGdyb3VwTmFtZSA9IHRoaXMuZ3JvdXBOYW1lKCk7XG4gICAgICAgIGlmIChhdHRyaWJ1dGU/Lmdyb3VwPy5uYW1lICE9PSBncm91cE5hbWUpIHtcbiAgICAgICAgICAgIHJldHVybiBhdHRyaWJ1dGU/Lmdyb3VwPy5uYW1lID8/ICcnO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAnJztcbiAgICB9KTtcbn1cbiIsIkBsZXQgYXR0ciA9IGF0dHJpYnV0ZSgpO1xuQGxldCBncm91cE5hbWUgPSBncm91cE5hbWVSZWYoKTtcbkBpZiAoYXR0ciAmJiBncm91cE5hbWUgIT09ICcnKSB7XG4gICAgPGRpdlxuICAgICAgICBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIlxuICAgICAgICBba2NBdHRyaWJ1dGVzXT1cImF0dHIuZ3JvdXA/Lmh0bWw1RGF0YUFubm90YXRpb25zXCJcbiAgICA+XG4gICAgICAgIEBsZXQgZ3JvdXBEaXNwbGF5SGVhZGVyID0gYXR0ci5ncm91cD8uZGlzcGxheUhlYWRlciA/PyAnJztcbiAgICAgICAgQGxldCBncm91cEhlYWRlclRleHQgPSBncm91cERpc3BsYXlIZWFkZXIgIT09ICcnID8gZ3JvdXBEaXNwbGF5SGVhZGVyIDogKGF0dHIuZ3JvdXA/Lm5hbWUgPz8gJycpO1xuICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0NvbnRlbnRXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBbaWRdPVwiJ2hlYWRlci0nICsgYXR0ci5ncm91cD8ubmFtZVwiXG4gICAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwSGVhZGVyJ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgaTE4bi5hZHZhbmNlZE1zZ1N0cihncm91cEhlYWRlclRleHQpIH19XG4gICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGxldCBncm91cERpc3BsYXlEZXNjcmlwdGlvbiA9IGF0dHIuZ3JvdXA/LmRpc3BsYXlEZXNjcmlwdGlvbiA/PyAnJztcbiAgICAgICAgQGlmIChncm91cERpc3BsYXlEZXNjcmlwdGlvbiAhPT0gJycpIHtcbiAgICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjTGFiZWxXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAgICAgICAgIFtpZF09XCInZGVzY3JpcHRpb24tJyArIGF0dHIuZ3JvdXA/Lm5hbWVcIlxuICAgICAgICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NMYWJlbENsYXNzJ1wiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyBpMThuLmFkdmFuY2VkTXNnU3RyKGdyb3VwRGlzcGxheURlc2NyaXB0aW9uKSB9fVxuICAgICAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxufVxuIl19

package/login/components/input-field-by-type/input-field-by-type.component.js

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from '@angular/core';
+import { USE_DEFAULT_CSS } from '../../../lib/tokens/use-default-css.token';
+import { LOGIN_CLASSES } from '../../../login/tokens/classes.token';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { ToArrayPipe } from '../../../login/pipes/to-array.pipe';
+import { InputTagSelectsComponent } from '../../../login/components/input-tag-selects/input-tag-selects.component';
+import { InputTagComponent } from '../../../login/components/input-tag/input-tag.component';
+import { PasswordWrapperComponent } from '../../../login/components/password-wrapper/password-wrapper.component';
+import { SelectTagComponent } from '../../../login/components/select-tag/select-tag.component';
+import { TextareaTagComponent } from '../../../login/components/textarea-tag/textarea-tag.component';
+import * as i0 from "@angular/core";
+export class InputFieldByTypeComponent 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(LOGIN_CLASSES);
+        this.attributePassword = computed(() => {
+            const attribute = this.attribute() ?? {};
+            return {
+                ...attribute,
+                annotations: { ...(attribute.annotations ?? {}), inputType: 'password' }
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: InputFieldByTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: InputFieldByTypeComponent, isStandalone: true, selector: "kc-input-field-by-type", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, valueOrValues: { classPropertyName: "valueOrValues", publicName: "valueOrValues", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InputFieldByTypeComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@if (attr) {\n    @let type = attr.annotations.inputType;\n    @switch (type) {\n        @case ('textarea') {\n            <kc-textarea-tag\n                [attribute]=\"attribute()\"\n                [value]=\"$any(valueOrValues())\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-textarea-tag>\n        }\n        @case (type === 'select' || type === 'multiselect' ? type : '') {\n            <kc-select-tag\n                [attribute]=\"attribute()\"\n                [valueOrValues]=\"valueOrValues()\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-select-tag>\n        }\n        @case (type === 'select-radiobuttons' || type === 'multiselect-checkboxes' ? type : '') {\n            <kc-input-tag-selects\n                [attribute]=\"attribute()\"\n                [valueOrValues]=\"valueOrValues()\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-input-tag-selects>\n        }\n        @default {\n            @let values = valueOrValues();\n            <!-- if valueOrValues is string skip -->\n            @if (values && (values | toArray: true).length) {\n                @for (value of values; track value; let i = $index) {\n                    <kc-input-tag\n                        [attribute]=\"attribute()\"\n                        [valueOrValues]=\"valueOrValues()\"\n                        [fieldIndex]=\"i\"\n                        [displayableErrors]=\"displayableErrors()\"\n                        (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                    ></kc-input-tag>\n                }\n            } @else {\n                @if (attr.name === 'password' || attr.name === 'password-confirm') {\n                    <kc-password-wrapper [passwordInputId]=\"attr.name\">\n                        <kc-input-tag\n                            [attribute]=\"attributePassword()\"\n                            [valueOrValues]=\"valueOrValues()\"\n                            [displayableErrors]=\"displayableErrors()\"\n                            (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                        ></kc-input-tag>\n                    </kc-password-wrapper>\n                } @else {\n                    <kc-input-tag\n                        [attribute]=\"attribute()\"\n                        [valueOrValues]=\"valueOrValues()\"\n                        [displayableErrors]=\"displayableErrors()\"\n                        (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                    ></kc-input-tag>\n                }\n            }\n        }\n    }\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "pipe", type: ToArrayPipe, name: "toArray" }, { kind: "component", type: TextareaTagComponent, selector: "kc-textarea-tag", inputs: ["attribute", "value", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: SelectTagComponent, selector: "kc-select-tag", inputs: ["attribute", "valueOrValues", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: InputTagSelectsComponent, selector: "kc-input-tag-selects", inputs: ["attribute", "valueOrValues", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: InputTagComponent, selector: "kc-input-tag", inputs: ["attribute", "valueOrValues", "fieldIndex", "values", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: InputFieldByTypeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [ToArrayPipe, TextareaTagComponent, SelectTagComponent, InputTagSelectsComponent, InputTagComponent, PasswordWrapperComponent], selector: 'kc-input-field-by-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => InputFieldByTypeComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@if (attr) {\n    @let type = attr.annotations.inputType;\n    @switch (type) {\n        @case ('textarea') {\n            <kc-textarea-tag\n                [attribute]=\"attribute()\"\n                [value]=\"$any(valueOrValues())\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-textarea-tag>\n        }\n        @case (type === 'select' || type === 'multiselect' ? type : '') {\n            <kc-select-tag\n                [attribute]=\"attribute()\"\n                [valueOrValues]=\"valueOrValues()\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-select-tag>\n        }\n        @case (type === 'select-radiobuttons' || type === 'multiselect-checkboxes' ? type : '') {\n            <kc-input-tag-selects\n                [attribute]=\"attribute()\"\n                [valueOrValues]=\"valueOrValues()\"\n                [displayableErrors]=\"displayableErrors()\"\n                (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n            ></kc-input-tag-selects>\n        }\n        @default {\n            @let values = valueOrValues();\n            <!-- if valueOrValues is string skip -->\n            @if (values && (values | toArray: true).length) {\n                @for (value of values; track value; let i = $index) {\n                    <kc-input-tag\n                        [attribute]=\"attribute()\"\n                        [valueOrValues]=\"valueOrValues()\"\n                        [fieldIndex]=\"i\"\n                        [displayableErrors]=\"displayableErrors()\"\n                        (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                    ></kc-input-tag>\n                }\n            } @else {\n                @if (attr.name === 'password' || attr.name === 'password-confirm') {\n                    <kc-password-wrapper [passwordInputId]=\"attr.name\">\n                        <kc-input-tag\n                            [attribute]=\"attributePassword()\"\n                            [valueOrValues]=\"valueOrValues()\"\n                            [displayableErrors]=\"displayableErrors()\"\n                            (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                        ></kc-input-tag>\n                    </kc-password-wrapper>\n                } @else {\n                    <kc-input-tag\n                        [attribute]=\"attribute()\"\n                        [valueOrValues]=\"valueOrValues()\"\n                        [displayableErrors]=\"displayableErrors()\"\n                        (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n                    ></kc-input-tag>\n                }\n            }\n        }\n    }\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmllbGQtYnktdHlwZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2lucHV0LWZpZWxkLWJ5LXR5cGUvaW5wdXQtZmllbGQtYnktdHlwZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2lucHV0LWZpZWxkLWJ5LXR5cGUvaW5wdXQtZmllbGQtYnktdHlwZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUdoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFN0UsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0scUZBQXFGLENBQUM7QUFDL0gsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDeEcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUZBQW1GLENBQUM7QUFDN0gsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUVBQXVFLENBQUM7QUFDM0csT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkVBQTJFLENBQUM7O0FBc0JqSCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsa0JBQWtCO0lBcEJqRTs7UUFxQkksY0FBUyxHQUFHLEtBQUssRUFBYSxDQUFDO1FBQy9CLGtCQUFhLEdBQUcsS0FBSyxFQUFxQixDQUFDO1FBQzNDLHNCQUFpQixHQUFHLEtBQUssRUFBb0IsQ0FBQztRQUM5Qyx1QkFBa0IsR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUNqQyxvQkFBZSxHQUFHLE1BQU0sQ0FBVSxlQUFlLENBQUMsQ0FBQztRQUNuRCxZQUFPLEdBQUcsTUFBTSxDQUFvQyxhQUFhLENBQUMsQ0FBQztRQUU1RSxzQkFBaUIsR0FBRyxRQUFRLENBQVksR0FBRyxFQUFFO1lBQ3pDLE1BQU0sU0FBUyxHQUFjLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSyxFQUFnQixDQUFDO1lBQ25FLE9BQU87Z0JBQ0gsR0FBRyxTQUFTO2dCQUNaLFdBQVcsRUFBRSxFQUFFLEdBQUcsQ0FBQyxTQUFTLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUU7YUFDM0UsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO0tBQ047OEdBZlkseUJBQXlCO2tHQUF6Qix5QkFBeUIsd2pCQVB2QjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQUM7YUFDM0Q7U0FDSixpRENoQ0wsNjFGQStEQSw4RUR4Q2MsV0FBVyxnREFBRSxvQkFBb0Isa0pBQUUsa0JBQWtCLHdKQUFFLHdCQUF3QiwrSkFBRSxpQkFBaUIsK0tBQUUsd0JBQXdCOzsyRkFXN0gseUJBQXlCO2tCQXBCckMsU0FBUztpQ0FDTSxJQUFJLFdBUVAsQ0FBQyxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUUsd0JBQXdCLEVBQUUsaUJBQWlCLEVBQUUsd0JBQXdCLENBQUMsWUFDN0gsd0JBQXdCLG1CQUVqQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDBCQUEwQixDQUFDO3lCQUMzRDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBmb3J3YXJkUmVmLCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVTRV9ERUZBVUxUX0NTUyB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xpYi90b2tlbnMvdXNlLWRlZmF1bHQtY3NzLnRva2VuJztcbmltcG9ydCB7IExPR0lOX0NMQVNTRVMgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMvY2xhc3Nlcy50b2tlbic7XG5pbXBvcnQgeyBBdHRyaWJ1dGUgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9LY0NvbnRleHQnO1xuaW1wb3J0IHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcbmltcG9ydCB7IENvbXBvbmVudFJlZmVyZW5jZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS5jbGFzcyc7XG5pbXBvcnQgeyBUb0FycmF5UGlwZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3BpcGVzL3RvLWFycmF5LnBpcGUnO1xuaW1wb3J0IHsgRm9ybUFjdGlvbiwgRm9ybUZpZWxkRXJyb3IgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9zZXJ2aWNlcy91c2VyLXByb2ZpbGUtZm9ybS5zZXJ2aWNlJztcbmltcG9ydCB7IElucHV0VGFnU2VsZWN0c0NvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbXBvbmVudHMvaW5wdXQtdGFnLXNlbGVjdHMvaW5wdXQtdGFnLXNlbGVjdHMuY29tcG9uZW50JztcbmltcG9ydCB7IElucHV0VGFnQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy9pbnB1dC10YWcvaW5wdXQtdGFnLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYXNzd29yZFdyYXBwZXJDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL3Bhc3N3b3JkLXdyYXBwZXIvcGFzc3dvcmQtd3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0VGFnQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy9zZWxlY3QtdGFnL3NlbGVjdC10YWcuY29tcG9uZW50JztcbmltcG9ydCB7IFRleHRhcmVhVGFnQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy90ZXh0YXJlYS10YWcvdGV4dGFyZWEtdGFnLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgIGBcbiAgICAgICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBjb250ZW50cztcbiAgICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgIF0sXG4gICAgaW1wb3J0czogW1RvQXJyYXlQaXBlLCBUZXh0YXJlYVRhZ0NvbXBvbmVudCwgU2VsZWN0VGFnQ29tcG9uZW50LCBJbnB1dFRhZ1NlbGVjdHNDb21wb25lbnQsIElucHV0VGFnQ29tcG9uZW50LCBQYXNzd29yZFdyYXBwZXJDb21wb25lbnRdLFxuICAgIHNlbGVjdG9yOiAna2MtaW5wdXQtZmllbGQtYnktdHlwZScsXG4gICAgdGVtcGxhdGVVcmw6ICdpbnB1dC1maWVsZC1ieS10eXBlLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gSW5wdXRGaWVsZEJ5VHlwZUNvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRGaWVsZEJ5VHlwZUNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAgYXR0cmlidXRlID0gaW5wdXQ8QXR0cmlidXRlPigpO1xuICAgIHZhbHVlT3JWYWx1ZXMgPSBpbnB1dDxzdHJpbmcgfCBzdHJpbmdbXT4oKTtcbiAgICBkaXNwbGF5YWJsZUVycm9ycyA9IGlucHV0PEZvcm1GaWVsZEVycm9yW10+KCk7XG4gICAgZGlzcGF0Y2hGb3JtQWN0aW9uID0gb3V0cHV0PEZvcm1BY3Rpb24+KCk7XG4gICAgb3ZlcnJpZGUgZG9Vc2VEZWZhdWx0Q3NzID0gaW5qZWN0PGJvb2xlYW4+KFVTRV9ERUZBVUxUX0NTUyk7XG4gICAgb3ZlcnJpZGUgY2xhc3NlcyA9IGluamVjdDxQYXJ0aWFsPFJlY29yZDxDbGFzc0tleSwgc3RyaW5nPj4+KExPR0lOX0NMQVNTRVMpO1xuXG4gICAgYXR0cmlidXRlUGFzc3dvcmQgPSBjb21wdXRlZDxBdHRyaWJ1dGU+KCgpID0+IHtcbiAgICAgICAgY29uc3QgYXR0cmlidXRlOiBBdHRyaWJ1dGUgPSB0aGlzLmF0dHJpYnV0ZSgpID8/ICh7fSBhcyBBdHRyaWJ1dGUpO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgLi4uYXR0cmlidXRlLFxuICAgICAgICAgICAgYW5ub3RhdGlvbnM6IHsgLi4uKGF0dHJpYnV0ZS5hbm5vdGF0aW9ucyA/PyB7fSksIGlucHV0VHlwZTogJ3Bhc3N3b3JkJyB9XG4gICAgICAgIH07XG4gICAgfSk7XG59XG4iLCJAbGV0IGF0dHIgPSBhdHRyaWJ1dGUoKTtcbkBpZiAoYXR0cikge1xuICAgIEBsZXQgdHlwZSA9IGF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlO1xuICAgIEBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgQGNhc2UgKCd0ZXh0YXJlYScpIHtcbiAgICAgICAgICAgIDxrYy10ZXh0YXJlYS10YWdcbiAgICAgICAgICAgICAgICBbYXR0cmlidXRlXT1cImF0dHJpYnV0ZSgpXCJcbiAgICAgICAgICAgICAgICBbdmFsdWVdPVwiJGFueSh2YWx1ZU9yVmFsdWVzKCkpXCJcbiAgICAgICAgICAgICAgICBbZGlzcGxheWFibGVFcnJvcnNdPVwiZGlzcGxheWFibGVFcnJvcnMoKVwiXG4gICAgICAgICAgICAgICAgKGRpc3BhdGNoRm9ybUFjdGlvbik9XCJkaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgID48L2tjLXRleHRhcmVhLXRhZz5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAodHlwZSA9PT0gJ3NlbGVjdCcgfHwgdHlwZSA9PT0gJ211bHRpc2VsZWN0JyA/IHR5cGUgOiAnJykge1xuICAgICAgICAgICAgPGtjLXNlbGVjdC10YWdcbiAgICAgICAgICAgICAgICBbYXR0cmlidXRlXT1cImF0dHJpYnV0ZSgpXCJcbiAgICAgICAgICAgICAgICBbdmFsdWVPclZhbHVlc109XCJ2YWx1ZU9yVmFsdWVzKClcIlxuICAgICAgICAgICAgICAgIFtkaXNwbGF5YWJsZUVycm9yc109XCJkaXNwbGF5YWJsZUVycm9ycygpXCJcbiAgICAgICAgICAgICAgICAoZGlzcGF0Y2hGb3JtQWN0aW9uKT1cImRpc3BhdGNoRm9ybUFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgPjwva2Mtc2VsZWN0LXRhZz5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAodHlwZSA9PT0gJ3NlbGVjdC1yYWRpb2J1dHRvbnMnIHx8IHR5cGUgPT09ICdtdWx0aXNlbGVjdC1jaGVja2JveGVzJyA/IHR5cGUgOiAnJykge1xuICAgICAgICAgICAgPGtjLWlucHV0LXRhZy1zZWxlY3RzXG4gICAgICAgICAgICAgICAgW2F0dHJpYnV0ZV09XCJhdHRyaWJ1dGUoKVwiXG4gICAgICAgICAgICAgICAgW3ZhbHVlT3JWYWx1ZXNdPVwidmFsdWVPclZhbHVlcygpXCJcbiAgICAgICAgICAgICAgICBbZGlzcGxheWFibGVFcnJvcnNdPVwiZGlzcGxheWFibGVFcnJvcnMoKVwiXG4gICAgICAgICAgICAgICAgKGRpc3BhdGNoRm9ybUFjdGlvbik9XCJkaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgID48L2tjLWlucHV0LXRhZy1zZWxlY3RzPlxuICAgICAgICB9XG4gICAgICAgIEBkZWZhdWx0IHtcbiAgICAgICAgICAgIEBsZXQgdmFsdWVzID0gdmFsdWVPclZhbHVlcygpO1xuICAgICAgICAgICAgPCEtLSBpZiB2YWx1ZU9yVmFsdWVzIGlzIHN0cmluZyBza2lwIC0tPlxuICAgICAgICAgICAgQGlmICh2YWx1ZXMgJiYgKHZhbHVlcyB8IHRvQXJyYXk6IHRydWUpLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIEBmb3IgKHZhbHVlIG9mIHZhbHVlczsgdHJhY2sgdmFsdWU7IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgIDxrYy1pbnB1dC10YWdcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyaWJ1dGVdPVwiYXR0cmlidXRlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlT3JWYWx1ZXNdPVwidmFsdWVPclZhbHVlcygpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmaWVsZEluZGV4XT1cImlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc3BsYXlhYmxlRXJyb3JzXT1cImRpc3BsYXlhYmxlRXJyb3JzKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGRpc3BhdGNoRm9ybUFjdGlvbik9XCJkaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgPjwva2MtaW5wdXQtdGFnPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgIEBpZiAoYXR0ci5uYW1lID09PSAncGFzc3dvcmQnIHx8IGF0dHIubmFtZSA9PT0gJ3Bhc3N3b3JkLWNvbmZpcm0nKSB7XG4gICAgICAgICAgICAgICAgICAgIDxrYy1wYXNzd29yZC13cmFwcGVyIFtwYXNzd29yZElucHV0SWRdPVwiYXR0ci5uYW1lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8a2MtaW5wdXQtdGFnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHJpYnV0ZV09XCJhdHRyaWJ1dGVQYXNzd29yZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVPclZhbHVlc109XCJ2YWx1ZU9yVmFsdWVzKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNwbGF5YWJsZUVycm9yc109XCJkaXNwbGF5YWJsZUVycm9ycygpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoZGlzcGF0Y2hGb3JtQWN0aW9uKT1cImRpc3BhdGNoRm9ybUFjdGlvbi5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPjwva2MtaW5wdXQtdGFnPlxuICAgICAgICAgICAgICAgICAgICA8L2tjLXBhc3N3b3JkLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIDxrYy1pbnB1dC10YWdcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyaWJ1dGVdPVwiYXR0cmlidXRlKClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlT3JWYWx1ZXNdPVwidmFsdWVPclZhbHVlcygpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNwbGF5YWJsZUVycm9yc109XCJkaXNwbGF5YWJsZUVycm9ycygpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChkaXNwYXRjaEZvcm1BY3Rpb24pPVwiZGlzcGF0Y2hGb3JtQWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgID48L2tjLWlucHV0LXRhZz5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

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

@@ -1,9 +1,11 @@
-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';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { I18n } from '../../i18n';
 import * as i0 from "@angular/core";
 export declare class InputTagComponent extends ComponentReference {
+    i18n: I18n;
     attribute: import("@angular/core").InputSignal<Attribute | undefined>;
     valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
     fieldIndex: import("@angular/core").InputSignal<number | undefined>;

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

@@ -0,0 +1,90 @@
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from '@angular/core';
+import { USE_DEFAULT_CSS } from '../../../lib/tokens/use-default-css.token';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { AddRemoveButtonsMultiValuedAttributeComponent } from '../../../login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component';
+import { FieldErrorsComponent } from '../../../login/components/field-errors/field-errors.component';
+import { AttributesDirective } from '../../../login/directives/attributes.directive';
+import { KcClassDirective } from '../../../login/directives/kc-class.directive';
+import { InputTypePipe } from '../../../login/pipes/input-type.pipe';
+import { ToArrayPipe } from '../../../login/pipes/to-array.pipe';
+import { ToNumberPipe } from '../../../login/pipes/to-number.pipe';
+import { LOGIN_CLASSES } from '../../../login/tokens/classes.token';
+import { LOGIN_I18N } from '../../../login/tokens/i18n.token';
+import * as i0 from "@angular/core";
+export class InputTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.fieldIndex = input(undefined);
+        this.values = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.value = computed(() => {
+            const valueOrValues = this.valueOrValues();
+            const index = this.fieldIndex();
+            if (valueOrValues instanceof Array) {
+                if (index) {
+                    return valueOrValues[index] ?? null;
+                }
+                return null;
+            }
+            return valueOrValues ?? null;
+        });
+    }
+    onChange(event) {
+        const valueOrValues = this.valueOrValues();
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: (() => {
+                if (this.fieldIndex !== undefined) {
+                    if (valueOrValues instanceof Array) {
+                        return valueOrValues.map((value, i) => {
+                            if (i === this.fieldIndex()) {
+                                return event.target?.value;
+                            }
+                            return value;
+                        });
+                    }
+                }
+                return event.target?.value;
+            })()
+        });
+    }
+    onBlur() {
+        this.dispatchFormAction.emit({
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
+            fieldIndex: this.fieldIndex()
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: InputTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: InputTagComponent, isStandalone: true, selector: "kc-input-tag", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, valueOrValues: { classPropertyName: "valueOrValues", publicName: "valueOrValues", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InputTagComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@let index = fieldIndex();\n@if (attr) {\n    <input\n        [type]=\"attr.annotations.inputType | inputType\"\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"value()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"index && displayableErrors()?.[index] !== undefined\"\n        [disabled]=\"attr.readOnly\"\n        [autocomplete]=\"attr.autocomplete\"\n        [placeholder]=\"i18n.advancedMsgStr(attr.annotations.inputTypePlaceholder ?? '')\"\n        [attr.pattern]=\"attr.annotations.inputTypePattern\"\n        [attr.size]=\"\n            !attr.annotations.inputTypeSize\n                ? undefined\n                : (attr.annotations.inputTypeSize | toNumber) === 0\n                  ? undefined\n                  : (attr.annotations.inputTypeSize | toNumber)\n        \"\n        [attr.maxlength]=\"!attr.annotations.inputTypeMaxlength ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [attr.minlength]=\"!attr.annotations.inputTypeMinlength ? undefined : (attr.annotations.inputTypeMinlength | toNumber)\"\n        [attr.max]=\"attr.annotations.inputTypeMax\"\n        [attr.min]=\"attr.annotations.inputTypeMin\"\n        [attr.step]=\"attr.annotations.inputTypeStep\"\n        [kcAttributes]=\"attr.html5DataAnnotations\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    />\n    @if (index !== undefined) {\n        @let values = valueOrValues() ?? [] | toArray;\n        <kc-field-errors\n            [attribute]=\"attr\"\n            [displayableErrors]=\"displayableErrors()\"\n            [fieldIndex]=\"index\"\n        ></kc-field-errors>\n        <kc-add-remove-buttons-multi-valued-attribute\n            [attribute]=\"attr\"\n            [values]=\"values\"\n            [fieldIndex]=\"index\"\n            (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n        ></kc-add-remove-buttons-multi-valued-attribute>\n    }\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: ToNumberPipe, name: "toNumber" }, { kind: "directive", type: AttributesDirective, selector: "[kcAttributes]", inputs: ["kcAttributes"] }, { kind: "pipe", type: ToArrayPipe, name: "toArray" }, { kind: "component", type: FieldErrorsComponent, selector: "kc-field-errors", inputs: ["attribute", "displayableErrors", "fieldIndex"] }, { kind: "component", type: AddRemoveButtonsMultiValuedAttributeComponent, selector: "kc-add-remove-buttons-multi-valued-attribute", inputs: ["attribute", "values", "fieldIndex"], outputs: ["dispatchFormAction"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: InputTagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        InputTypePipe,
+                        KcClassDirective,
+                        ToNumberPipe,
+                        AttributesDirective,
+                        ToArrayPipe,
+                        FieldErrorsComponent,
+                        AddRemoveButtonsMultiValuedAttributeComponent
+                    ], selector: 'kc-input-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => InputTagComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@let index = fieldIndex();\n@if (attr) {\n    <input\n        [type]=\"attr.annotations.inputType | inputType\"\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"value()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"index && displayableErrors()?.[index] !== undefined\"\n        [disabled]=\"attr.readOnly\"\n        [autocomplete]=\"attr.autocomplete\"\n        [placeholder]=\"i18n.advancedMsgStr(attr.annotations.inputTypePlaceholder ?? '')\"\n        [attr.pattern]=\"attr.annotations.inputTypePattern\"\n        [attr.size]=\"\n            !attr.annotations.inputTypeSize\n                ? undefined\n                : (attr.annotations.inputTypeSize | toNumber) === 0\n                  ? undefined\n                  : (attr.annotations.inputTypeSize | toNumber)\n        \"\n        [attr.maxlength]=\"!attr.annotations.inputTypeMaxlength ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [attr.minlength]=\"!attr.annotations.inputTypeMinlength ? undefined : (attr.annotations.inputTypeMinlength | toNumber)\"\n        [attr.max]=\"attr.annotations.inputTypeMax\"\n        [attr.min]=\"attr.annotations.inputTypeMin\"\n        [attr.step]=\"attr.annotations.inputTypeStep\"\n        [kcAttributes]=\"attr.html5DataAnnotations\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    />\n    @if (index !== undefined) {\n        @let values = valueOrValues() ?? [] | toArray;\n        <kc-field-errors\n            [attribute]=\"attr\"\n            [displayableErrors]=\"displayableErrors()\"\n            [fieldIndex]=\"index\"\n        ></kc-field-errors>\n        <kc-add-remove-buttons-multi-valued-attribute\n            [attribute]=\"attr\"\n            [values]=\"values\"\n            [fieldIndex]=\"index\"\n            (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n        ></kc-add-remove-buttons-multi-valued-attribute>\n    }\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL2NvbXBvbmVudHMvaW5wdXQtdGFnL2lucHV0LXRhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL2lucHV0LXRhZy9pbnB1dC10YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsNkNBQTZDLEVBQUUsTUFBTSxxSUFBcUksQ0FBQztBQUNwTSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM1RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDakYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUUvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDaEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQWlDMUUsTUFB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QkFBZ0I7d0JBQ2hCLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixXQUFXO3dCQUNYLG9CQUFvQjt3QkFDcEIsNkNBQTZDO3FCQUNoRCxZQUNTLGNBQWMsbUJBRVAsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQzt5QkFDbkQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgZm9yd2FyZFJlZiwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVU0VfREVGQVVMVF9DU1MgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvdG9rZW5zL3VzZS1kZWZhdWx0LWNzcy50b2tlbic7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UuY2xhc3MnO1xuaW1wb3J0IHsgQWRkUmVtb3ZlQnV0dG9uc011bHRpVmFsdWVkQXR0cmlidXRlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy9hZGQtcmVtb3ZlLWJ1dHRvbnMtbXVsdGktdmFsdWVkLWF0dHJpYnV0ZS9hZGQtcmVtb3ZlLWJ1dHRvbnMtbXVsdGktdmFsdWVkLWF0dHJpYnV0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRmllbGRFcnJvcnNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2ZpZWxkLWVycm9ycy9maWVsZC1lcnJvcnMuY29tcG9uZW50JztcbmltcG9ydCB7IEF0dHJpYnV0ZXNEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzL2F0dHJpYnV0ZXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEtjQ2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9kaXJlY3RpdmVzL2tjLWNsYXNzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJbnB1dFR5cGVQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMvaW5wdXQtdHlwZS5waXBlJztcbmltcG9ydCB7IFRvQXJyYXlQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMvdG8tYXJyYXkucGlwZSc7XG5pbXBvcnQgeyBUb051bWJlclBpcGUgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9waXBlcy90by1udW1iZXIucGlwZSc7XG5pbXBvcnQgeyBGb3JtQWN0aW9uLCBGb3JtRmllbGRFcnJvciB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3NlcnZpY2VzL3VzZXItcHJvZmlsZS1mb3JtLnNlcnZpY2UnO1xuaW1wb3J0IHsgTE9HSU5fQ0xBU1NFUyB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9jbGFzc2VzLnRva2VuJztcbmltcG9ydCB7IExPR0lOX0kxOE4gfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMvaTE4bi50b2tlbic7XG5pbXBvcnQgeyBBdHRyaWJ1dGUgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9LY0NvbnRleHQnO1xuaW1wb3J0IHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcbmltcG9ydCB7IEkxOG4gfSBmcm9tICcuLi8uLi9pMThuJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgYFxuICAgICAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAgICAgICAgICAgfVxuICAgICAgICBgXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIElucHV0VHlwZVBpcGUsXG4gICAgICAgIEtjQ2xhc3NEaXJlY3RpdmUsXG4gICAgICAgIFRvTnVtYmVyUGlwZSxcbiAgICAgICAgQXR0cmlidXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgVG9BcnJheVBpcGUsXG4gICAgICAgIEZpZWxkRXJyb3JzQ29tcG9uZW50LFxuICAgICAgICBBZGRSZW1vdmVCdXR0b25zTXVsdGlWYWx1ZWRBdHRyaWJ1dGVDb21wb25lbnRcbiAgICBdLFxuICAgIHNlbGVjdG9yOiAna2MtaW5wdXQtdGFnJyxcbiAgICB0ZW1wbGF0ZVVybDogJ2lucHV0LXRhZy5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IElucHV0VGFnQ29tcG9uZW50KVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRhZ0NvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAgaTE4biA9IGluamVjdDxJMThuPihMT0dJTl9JMThOKTtcbiAgICBhdHRyaWJ1dGUgPSBpbnB1dDxBdHRyaWJ1dGU+KCk7XG4gICAgdmFsdWVPclZhbHVlcyA9IGlucHV0PHN0cmluZyB8IHN0cmluZ1tdPigpO1xuICAgIGZpZWxkSW5kZXggPSBpbnB1dDxudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gICAgdmFsdWVzID0gaW5wdXQ8c3RyaW5nW10+KCk7XG4gICAgZGlzcGxheWFibGVFcnJvcnMgPSBpbnB1dDxGb3JtRmllbGRFcnJvcltdPigpO1xuICAgIGRpc3BhdGNoRm9ybUFjdGlvbiA9IG91dHB1dDxGb3JtQWN0aW9uPigpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihMT0dJTl9DTEFTU0VTKTtcblxuICAgIHZhbHVlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCB2YWx1ZU9yVmFsdWVzID0gdGhpcy52YWx1ZU9yVmFsdWVzKCk7XG4gICAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5maWVsZEluZGV4KCk7XG4gICAgICAgIGlmICh2YWx1ZU9yVmFsdWVzIGluc3RhbmNlb2YgQXJyYXkpIHtcbiAgICAgICAgICAgIGlmIChpbmRleCkge1xuICAgICAgICAgICAgICAgIHJldHVybiB2YWx1ZU9yVmFsdWVzW2luZGV4XSA/PyBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHZhbHVlT3JWYWx1ZXMgPz8gbnVsbDtcbiAgICB9KTtcblxuICAgIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xuICAgICAgICBjb25zdCB2YWx1ZU9yVmFsdWVzID0gdGhpcy52YWx1ZU9yVmFsdWVzKCk7XG4gICAgICAgIHRoaXMuZGlzcGF0Y2hGb3JtQWN0aW9uLmVtaXQoe1xuICAgICAgICAgICAgYWN0aW9uOiAndXBkYXRlJyxcbiAgICAgICAgICAgIG5hbWU6IHRoaXMuYXR0cmlidXRlKCk/Lm5hbWUgPz8gJycsXG4gICAgICAgICAgICB2YWx1ZU9yVmFsdWVzOiAoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmZpZWxkSW5kZXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgICAgICBpZiAodmFsdWVPclZhbHVlcyBpbnN0YW5jZW9mIEFycmF5KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdmFsdWVPclZhbHVlcy5tYXAoKHZhbHVlLCBpKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGkgPT09IHRoaXMuZmllbGRJbmRleCgpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpPy52YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIHJldHVybiAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpPy52YWx1ZTtcbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25CbHVyKCkge1xuICAgICAgICB0aGlzLmRpc3BhdGNoRm9ybUFjdGlvbi5lbWl0KHtcbiAgICAgICAgICAgIGFjdGlvbjogJ2ZvY3VzIGxvc3QnLFxuICAgICAgICAgICAgbmFtZTogdGhpcy5hdHRyaWJ1dGUoKT8ubmFtZSA/PyAnJyxcbiAgICAgICAgICAgIGZpZWxkSW5kZXg6IHRoaXMuZmllbGRJbmRleCgpXG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIkBsZXQgYXR0ciA9IGF0dHJpYnV0ZSgpO1xuQGxldCBpbmRleCA9IGZpZWxkSW5kZXgoKTtcbkBpZiAoYXR0cikge1xuICAgIDxpbnB1dFxuICAgICAgICBbdHlwZV09XCJhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZSB8IGlucHV0VHlwZVwiXG4gICAgICAgIFtpZF09XCJhdHRyLm5hbWVcIlxuICAgICAgICBbbmFtZV09XCJhdHRyLm5hbWVcIlxuICAgICAgICBbdmFsdWVdPVwidmFsdWUoKVwiXG4gICAgICAgIFtrY0NsYXNzXT1cIidrY0lucHV0Q2xhc3MnXCJcbiAgICAgICAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cImluZGV4ICYmIGRpc3BsYXlhYmxlRXJyb3JzKCk/LltpbmRleF0gIT09IHVuZGVmaW5lZFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJhdHRyLnJlYWRPbmx5XCJcbiAgICAgICAgW2F1dG9jb21wbGV0ZV09XCJhdHRyLmF1dG9jb21wbGV0ZVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJpMThuLmFkdmFuY2VkTXNnU3RyKGF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlUGxhY2Vob2xkZXIgPz8gJycpXCJcbiAgICAgICAgW2F0dHIucGF0dGVybl09XCJhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZVBhdHRlcm5cIlxuICAgICAgICBbYXR0ci5zaXplXT1cIlxuICAgICAgICAgICAgIWF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlU2l6ZVxuICAgICAgICAgICAgICAgID8gdW5kZWZpbmVkXG4gICAgICAgICAgICAgICAgOiAoYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVTaXplIHwgdG9OdW1iZXIpID09PSAwXG4gICAgICAgICAgICAgICAgICA/IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgOiAoYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVTaXplIHwgdG9OdW1iZXIpXG4gICAgICAgIFwiXG4gICAgICAgIFthdHRyLm1heGxlbmd0aF09XCIhYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVNYXhsZW5ndGggPyB1bmRlZmluZWQgOiAoYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVNYXhsZW5ndGggfCB0b051bWJlcilcIlxuICAgICAgICBbYXR0ci5taW5sZW5ndGhdPVwiIWF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlTWlubGVuZ3RoID8gdW5kZWZpbmVkIDogKGF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlTWlubGVuZ3RoIHwgdG9OdW1iZXIpXCJcbiAgICAgICAgW2F0dHIubWF4XT1cImF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlTWF4XCJcbiAgICAgICAgW2F0dHIubWluXT1cImF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlTWluXCJcbiAgICAgICAgW2F0dHIuc3RlcF09XCJhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZVN0ZXBcIlxuICAgICAgICBba2NBdHRyaWJ1dGVzXT1cImF0dHIuaHRtbDVEYXRhQW5ub3RhdGlvbnNcIlxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gICAgLz5cbiAgICBAaWYgKGluZGV4ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgQGxldCB2YWx1ZXMgPSB2YWx1ZU9yVmFsdWVzKCkgPz8gW10gfCB0b0FycmF5O1xuICAgICAgICA8a2MtZmllbGQtZXJyb3JzXG4gICAgICAgICAgICBbYXR0cmlidXRlXT1cImF0dHJcIlxuICAgICAgICAgICAgW2Rpc3BsYXlhYmxlRXJyb3JzXT1cImRpc3BsYXlhYmxlRXJyb3JzKClcIlxuICAgICAgICAgICAgW2ZpZWxkSW5kZXhdPVwiaW5kZXhcIlxuICAgICAgICA+PC9rYy1maWVsZC1lcnJvcnM+XG4gICAgICAgIDxrYy1hZGQtcmVtb3ZlLWJ1dHRvbnMtbXVsdGktdmFsdWVkLWF0dHJpYnV0ZVxuICAgICAgICAgICAgW2F0dHJpYnV0ZV09XCJhdHRyXCJcbiAgICAgICAgICAgIFt2YWx1ZXNdPVwidmFsdWVzXCJcbiAgICAgICAgICAgIFtmaWVsZEluZGV4XT1cImluZGV4XCJcbiAgICAgICAgICAgIChkaXNwYXRjaEZvcm1BY3Rpb24pPVwiZGlzcGF0Y2hGb3JtQWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgID48L2tjLWFkZC1yZW1vdmUtYnV0dG9ucy1tdWx0aS12YWx1ZWQtYXR0cmlidXRlPlxuICAgIH1cbn1cbiJdfQ==

package/login/components/input-tag-selects/input-tag-selects.component.d.ts

@@ -1,10 +1,12 @@
 import { Signal } from '@angular/core';
-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';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { I18n } from '../../i18n';
 import * as i0 from "@angular/core";
 export declare class InputTagSelectsComponent extends ComponentReference {
+    i18n: I18n;
     attribute: import("@angular/core").InputSignal<Attribute | undefined>;
     valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
     dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;