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

package/fesm2022/keycloakify-angular-lib-services-resource-injector.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { inject, RendererFactory2, Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+
+class ResourceInjectorService {
+    constructor() {
+        this.renderer = inject(RendererFactory2).createRenderer(null, null);
+    }
+    createLink(url) {
+        return new Observable(observer => {
+            // check if the style is already injected
+            if (Array.from(document.styleSheets).some(s => s.href?.includes(url))) {
+                observer.next();
+                observer.complete();
+                console.debug(`stylesheet: ${url} already loaded`);
+                return;
+            }
+            const link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = url;
+            link.onload = () => {
+                observer.next();
+                observer.complete();
+            };
+            link.onerror = () => {
+                observer.error(new Error(`Failed to load stylesheet: ${url}`));
+            };
+            this.renderer.appendChild(document.head, link);
+        });
+    }
+    createScript({ type, id, src, textContent }) {
+        // check if the script is already injected
+        if (Array.from(document.scripts).some(s => s.id?.includes(id))) {
+            console.debug(`script: ${src} already injected`);
+            return;
+        }
+        const script = document.createElement('script');
+        script.type = type;
+        if (src)
+            script.src = src;
+        if (textContent)
+            script.textContent = textContent;
+        script.id = id;
+        this.renderer.appendChild(document.head, script);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ResourceInjectorService };
+//# sourceMappingURL=keycloakify-angular-lib-services-resource-injector.mjs.map

package/fesm2022/keycloakify-angular-lib-services-resource-injector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-lib-services-resource-injector.mjs","sources":["../../src/lib/services/resource-injector/resource-injector.service.ts","../../src/lib/services/resource-injector/keycloakify-angular-lib-services-resource-injector.ts"],"sourcesContent":["import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Script } from '@keycloakify/angular/lib/models/script';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class ResourceInjectorService {\n    private renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    createLink(url: string): Observable<void> {\n        return new Observable<void>(observer => {\n            // check if the style is already injected\n            if (Array.from(document.styleSheets).some(s => s.href?.includes(url))) {\n                observer.next();\n                observer.complete();\n                console.debug(`stylesheet: ${url} already loaded`);\n                return;\n            }\n            const link = document.createElement('link');\n            link.rel = 'stylesheet';\n            link.href = url;\n\n            link.onload = () => {\n                observer.next();\n                observer.complete();\n            };\n\n            link.onerror = () => {\n                observer.error(new Error(`Failed to load stylesheet: ${url}`));\n            };\n\n            this.renderer.appendChild(document.head, link);\n        });\n    }\n    createScript({ type, id, src, textContent }: Script): void {\n        // check if the script is already injected\n        if (Array.from(document.scripts).some(s => s.id?.includes(id))) {\n            console.debug(`script: ${src} already injected`);\n            return;\n        }\n        const script = document.createElement('script');\n        script.type = type;\n        if (src) script.src = src;\n        if (textContent) script.textContent = textContent;\n        script.id = id;\n\n        this.renderer.appendChild(document.head, script);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIY,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAyCrF,KAAA;AAvCG,IAAA,UAAU,CAAC,GAAW,EAAA;AAClB,QAAA,OAAO,IAAI,UAAU,CAAO,QAAQ,IAAG;;YAEnC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;gBACnE,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACpB,gBAAA,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,CAAA,eAAA,CAAiB,CAAC,CAAC;gBACnD,OAAO;aACV;YACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC;AACxB,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;AAEhB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAK;gBACf,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACxB,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,OAAO,GAAG,MAAK;gBAChB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAA,2BAAA,EAA8B,GAAG,CAAA,CAAE,CAAC,CAAC,CAAC;AACnE,aAAC,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,SAAC,CAAC,CAAC;KACN;IACD,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAU,EAAA;;QAE/C,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE;AAC5D,YAAA,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,CAAA,iBAAA,CAAmB,CAAC,CAAC;YACjD,OAAO;SACV;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAChD,QAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,QAAA,IAAI,GAAG;AAAE,YAAA,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAC1B,QAAA,IAAI,WAAW;AAAE,YAAA,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AAClD,QAAA,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;QAEf,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACpD;8GAzCQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFpB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-lib-tokens-use-default-css.mjs

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+
+const USE_DEFAULT_CSS = new InjectionToken('use default css');
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { USE_DEFAULT_CSS };
+//# sourceMappingURL=keycloakify-angular-lib-tokens-use-default-css.mjs.map

package/fesm2022/keycloakify-angular-lib-tokens-use-default-css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-lib-tokens-use-default-css.mjs","sources":["../../src/lib/tokens/use-default-css/use-default-css.token.ts","../../src/lib/tokens/use-default-css/keycloakify-angular-lib-tokens-use-default-css.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const USE_DEFAULT_CSS = new InjectionToken<boolean>('use default css');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,eAAe,GAAG,IAAI,cAAc,CAAU,iBAAiB;;ACF5E;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-lib.mjs

@@ -0,0 +1,8 @@
+const KEYCLOAKIFY_ANGULAR_LIB = '@keycloakify/angular/lib';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KEYCLOAKIFY_ANGULAR_LIB };
+//# sourceMappingURL=keycloakify-angular-lib.mjs.map

package/fesm2022/keycloakify-angular-lib.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-lib.mjs","sources":["../../src/lib/public-api.ts","../../src/lib/keycloakify-angular-lib.ts"],"sourcesContent":["export const KEYCLOAKIFY_ANGULAR_LIB = '@keycloakify/angular/lib';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,uBAAuB,GAAG;;ACAvC;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-KcContext.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=keycloakify-angular-login-KcContext.mjs.map

package/fesm2022/keycloakify-angular-login-KcContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-KcContext.mjs","sources":["../../src/login/KcContext/keycloakify-angular-login-KcContext.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/keycloakify-angular-login-classes-component-reference.mjs

@@ -0,0 +1,9 @@
+class ComponentReference {
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComponentReference };
+//# sourceMappingURL=keycloakify-angular-login-classes-component-reference.mjs.map

package/fesm2022/keycloakify-angular-login-classes-component-reference.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-classes-component-reference.mjs","sources":["../../src/login/classes/component-reference/component-reference.class.ts","../../src/login/classes/component-reference/keycloakify-angular-login-classes-component-reference.ts"],"sourcesContent":["import type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nexport abstract class ComponentReference {\n    doUseDefaultCss: boolean | undefined;\n    classes: Partial<Record<ClassKey, string>> | undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"MACsB,kBAAkB,CAAA;AAGvC;;ACJD;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs

@@ -0,0 +1,113 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+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.7", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\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.7", 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        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AddRemoveButtonsMultiValuedAttributeComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs.map

package/fesm2022/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs","sources":["../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.ts","../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.html","../../src/login/components/add-remove-buttons-multi-valued-attribute/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { type FormAction } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [],\n    selector: 'kc-add-remove-buttons-multi-valued-attribute',\n    templateUrl: 'add-remove-buttons-multi-valued-attribute.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AddRemoveButtonsMultiValuedAttributeComponent {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    values = input<string[]>();\n    fieldIndex = input<number>();\n    dispatchFormAction = output<FormAction>();\n\n    hasRemove = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return this.getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasRemove;\n        }\n        return false;\n    });\n    hasAdd = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return this.getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasAdd;\n        }\n        return false;\n    });\n\n    onAdd() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: [...(this.values() ?? []), '']\n        });\n    }\n\n    onRemove() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())\n        });\n    }\n\n    private getButtonToDisplayForMultivaluedAttributeField(params: { attribute: Attribute; values: string[]; fieldIndex: number }) {\n        const { attribute, values, fieldIndex } = params;\n\n        const hasRemove = (() => {\n            if (values.length === 1) {\n                return false;\n            }\n\n            const minCount = (() => {\n                const { multivalued } = attribute.validators;\n\n                if (multivalued === undefined) {\n                    return undefined;\n                }\n\n                const minStr = multivalued.min;\n\n                if (minStr === undefined) {\n                    return undefined;\n                }\n\n                return parseInt(`${minStr}`);\n            })();\n\n            if (minCount === undefined) {\n                return true;\n            }\n\n            if (values.length === minCount) {\n                return false;\n            }\n\n            return true;\n        })();\n\n        const hasAdd = (() => {\n            if (fieldIndex + 1 !== values.length) {\n                return false;\n            }\n\n            const maxCount = (() => {\n                const { multivalued } = attribute.validators;\n\n                if (multivalued === undefined) {\n                    return undefined;\n                }\n\n                const maxStr = multivalued.max;\n\n                if (maxStr === undefined) {\n                    return undefined;\n                }\n\n                return parseInt(`${maxStr}`);\n            })();\n\n            if (maxCount === undefined) {\n                return true;\n            }\n\n            return values.length !== maxCount;\n        })();\n\n        return { hasRemove, hasAdd };\n    }\n}\n","@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-field-errors.mjs

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { input, inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+
+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.7", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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    aria-live=\"polite\"\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\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.7", 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    aria-live=\"polite\"\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FieldErrorsComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-field-errors.mjs.map

package/fesm2022/keycloakify-angular-login-components-field-errors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-field-errors.mjs","sources":["../../src/login/components/field-errors/field-errors.component.ts","../../src/login/components/field-errors/field-errors.component.html","../../src/login/components/field-errors/keycloakify-angular-login-components-field-errors.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective],\n    selector: 'kc-field-errors',\n    templateUrl: 'field-errors.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => FieldErrorsComponent)\n        }\n    ]\n})\nexport class FieldErrorsComponent extends ComponentReference {\n    attribute = input<Attribute>();\n    displayableErrors = input<FormFieldError[]>();\n    fieldIndex = input<number>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n}\n","@let index = fieldIndex();\n<span\n    aria-live=\"polite\"\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AA6BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AApB5D,IAAA,WAAA,GAAA;;QAqBI,IAAS,CAAA,SAAA,GAAG,KAAK,EAAa,CAAC;QAC/B,IAAiB,CAAA,iBAAA,GAAG,KAAK,EAAoB,CAAC;QAC9C,IAAU,CAAA,UAAA,GAAG,KAAK,EAAU,CAAC;AACpB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;AAC/E,KAAA;8GANY,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAPlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACtD,aAAA;SACJ,EC3BL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,6fAeA,mFDGc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBApBhC,SAAS;iCACM,IAAI,EAAA,OAAA,EAQP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,iBAAiB,EAEV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACtD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,6fAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;;AE3BL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-components-group-label.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { inject, input, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { AttributesDirective } from '@keycloakify/angular/lib/directives/attributes';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+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.7", ngImport: i0, type: GroupLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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.7", 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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GroupLabelComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-group-label.mjs.map

package/fesm2022/keycloakify-angular-login-components-group-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-group-label.mjs","sources":["../../src/login/components/group-label/group-label.component.ts","../../src/login/components/group-label/group-label.component.html","../../src/login/components/group-label/keycloakify-angular-login-components-group-label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { AttributesDirective } from '@keycloakify/angular/lib/directives/attributes';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, AttributesDirective],\n    selector: 'kc-group-label',\n    templateUrl: 'group-label.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => GroupLabelComponent)\n        }\n    ]\n})\nexport class GroupLabelComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    groupName = input<string>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    groupNameRef = computed(() => {\n        const attribute = this.attribute();\n        const groupName = this.groupName();\n        if (attribute?.group?.name !== groupName) {\n            return attribute?.group?.name ?? '';\n        }\n        return '';\n    });\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-input-field-by-type.mjs

@@ -0,0 +1,53 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { ToArrayPipe } from '@keycloakify/angular/lib/pipes/to-array';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { InputTagComponent } from '@keycloakify/angular/login/components/input-tag';
+import { InputTagSelectsComponent } from '@keycloakify/angular/login/components/input-tag-selects';
+import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';
+import { SelectTagComponent } from '@keycloakify/angular/login/components/select-tag';
+import { TextareaTagComponent } from '@keycloakify/angular/login/components/textarea-tag';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+
+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.7", ngImport: i0, type: InputFieldByTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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            />\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            />\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            />\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                    />\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                        />\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                    />\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.7", 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            />\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            />\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            />\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                    />\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                        />\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                    />\n                }\n            }\n        }\n    }\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputFieldByTypeComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-input-field-by-type.mjs.map

package/fesm2022/keycloakify-angular-login-components-input-field-by-type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-input-field-by-type.mjs","sources":["../../src/login/components/input-field-by-type/input-field-by-type.component.ts","../../src/login/components/input-field-by-type/input-field-by-type.component.html","../../src/login/components/input-field-by-type/keycloakify-angular-login-components-input-field-by-type.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from '@angular/core';\nimport { ToArrayPipe } from '@keycloakify/angular/lib/pipes/to-array';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { InputTagComponent } from '@keycloakify/angular/login/components/input-tag';\nimport { InputTagSelectsComponent } from '@keycloakify/angular/login/components/input-tag-selects';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { SelectTagComponent } from '@keycloakify/angular/login/components/select-tag';\nimport { TextareaTagComponent } from '@keycloakify/angular/login/components/textarea-tag';\nimport { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [ToArrayPipe, TextareaTagComponent, SelectTagComponent, InputTagSelectsComponent, InputTagComponent, PasswordWrapperComponent],\n    selector: 'kc-input-field-by-type',\n    templateUrl: 'input-field-by-type.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InputFieldByTypeComponent)\n        }\n    ]\n})\nexport class InputFieldByTypeComponent extends ComponentReference {\n    attribute = input<Attribute>();\n    valueOrValues = input<string | string[]>();\n    displayableErrors = input<FormFieldError[]>();\n    dispatchFormAction = output<FormAction>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    attributePassword = computed<Attribute>(() => {\n        const attribute: Attribute = this.attribute() ?? ({} as Attribute);\n        return {\n            ...attribute,\n            annotations: { ...(attribute.annotations ?? {}), inputType: 'password' }\n        };\n    });\n}\n","@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            />\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            />\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            />\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                    />\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                        />\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                    />\n                }\n            }\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-input-tag-selects.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+class InputTagSelectsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.dispatchFormAction = output();
+        this.displayableErrors = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_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 (() => {
+                    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 attribute.validators.options?.options ?? [];
+                })();
+            }
+            return [];
+        });
+    }
+    checked(option) {
+        const valueOrValues = this.valueOrValues();
+        if (valueOrValues instanceof Array) {
+            return valueOrValues.includes(option);
+        }
+        return valueOrValues === option;
+    }
+    onChange(event, option) {
+        const valueOrValues = this.valueOrValues();
+        const isChecked = event.target.checked;
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: (() => {
+                if (valueOrValues instanceof Array) {
+                    const newValues = [...valueOrValues];
+                    if (isChecked) {
+                        newValues.push(option);
+                    }
+                    else {
+                        newValues.splice(newValues.indexOf(option), 1);
+                    }
+                    return newValues;
+                }
+                return event.target?.checked ? option : '';
+            })()
+        });
+    }
+    onBlur() {
+        this.dispatchFormAction.emit({
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
+            fieldIndex: undefined
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputTagSelectsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: InputTagSelectsComponent, isStandalone: true, selector: "kc-input-tag-selects", 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(() => InputTagSelectsComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let inputType = context()?.inputType;\n@let classInput = context()?.classInput;\n@let classLabel = context()?.classLabel;\n@let classDiv = context()?.classDiv;\n@let attr = attribute();\n@if (attr) {\n    @for (option of options(); track option) {\n        <div [kcClass]=\"classDiv\">\n            <input\n                [type]=\"inputType\"\n                [id]=\"attr.name + '-' + option\"\n                [name]=\"attr.name\"\n                [value]=\"option\"\n                [kcClass]=\"classInput\"\n                [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n                [disabled]=\"attr.readOnly\"\n                [checked]=\"checked(option)\"\n                (change)=\"onChange($event, option)\"\n                (blur)=\"onBlur()\"\n            />\n            <label\n                [for]=\"attr.name + '-' + option\"\n                [kcClass]=\"[classLabel!, attr.readOnly ? 'kcInputClassRadioCheckboxLabelDisabled' : $any('')]\"\n            >\n                {{ i18n.advancedMsgStr(option) }}\n            </label>\n        </div>\n    }\n}\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.7", ngImport: i0, type: InputTagSelectsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-input-tag-selects', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => InputTagSelectsComponent)
+                        }
+                    ], template: "@let inputType = context()?.inputType;\n@let classInput = context()?.classInput;\n@let classLabel = context()?.classLabel;\n@let classDiv = context()?.classDiv;\n@let attr = attribute();\n@if (attr) {\n    @for (option of options(); track option) {\n        <div [kcClass]=\"classDiv\">\n            <input\n                [type]=\"inputType\"\n                [id]=\"attr.name + '-' + option\"\n                [name]=\"attr.name\"\n                [value]=\"option\"\n                [kcClass]=\"classInput\"\n                [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n                [disabled]=\"attr.readOnly\"\n                [checked]=\"checked(option)\"\n                (change)=\"onChange($event, option)\"\n                (blur)=\"onBlur()\"\n            />\n            <label\n                [for]=\"attr.name + '-' + option\"\n                [kcClass]=\"[classLabel!, attr.readOnly ? 'kcInputClassRadioCheckboxLabelDisabled' : $any('')]\"\n            >\n                {{ i18n.advancedMsgStr(option) }}\n            </label>\n        </div>\n    }\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputTagSelectsComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-input-tag-selects.mjs.map