@keycloakify/angular 21.0.1 → 21.0.2

package/fesm2022/keycloakify-angular-lib-pipes-kc-sanitize.mjs

@@ -20,10 +20,10 @@ class KcSanitizePipe {
                 throw new Error(`Invalid safe type specified: ${type}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KcSanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KcSanitizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'kcSanitize' }]
         }] });

package/fesm2022/keycloakify-angular-lib-pipes-to-array.mjs

@@ -9,10 +9,10 @@ class ToArrayPipe {
         }
         return emptyWhenString ? [] : [value];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToArrayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toArray'

package/fesm2022/keycloakify-angular-lib-pipes-to-number.mjs

@@ -8,10 +8,10 @@ class ToNumberPipe {
             throw new Error('number is NaN');
         return number;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ToNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toNumber'

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

@@ -45,10 +45,10 @@ class ResourceInjectorService {
         script.id = id;
         this.renderer.appendChild(document.head, script);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -6,9 +6,9 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 class AddRemoveButtonsMultiValuedAttributeComponent {
     constructor() {
         this.i18n = inject(LOGIN_I18N);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.values = input(...(ngDevMode ? [undefined, { debugName: "values" }] : []));
-        this.fieldIndex = input(...(ngDevMode ? [undefined, { debugName: "fieldIndex" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.values = input(...(ngDevMode ? [undefined, { debugName: "values" }] : /* istanbul ignore next */ []));
+        this.fieldIndex = input(...(ngDevMode ? [undefined, { debugName: "fieldIndex" }] : /* istanbul ignore next */ []));
         this.dispatchFormAction = output();
         this.hasRemove = computed(() => {
             const attribute = this.attribute();
@@ -22,7 +22,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
                 }).hasRemove;
             }
             return false;
-        }, ...(ngDevMode ? [{ debugName: "hasRemove" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "hasRemove" }] : /* istanbul ignore next */ []));
         this.hasAdd = computed(() => {
             const attribute = this.attribute();
             const values = this.values();
@@ -35,7 +35,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
                 }).hasAdd;
             }
             return false;
-        }, ...(ngDevMode ? [{ debugName: "hasAdd" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "hasAdd" }] : /* istanbul ignore next */ []));
     }
     onAdd() {
         this.dispatchFormAction.emit({
@@ -51,10 +51,10 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
             valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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: "21.2.0", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
             type: Component,
             args: [{ 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"] }]
         }], propDecorators: { attribute: [{ type: i0.Input, args: [{ isSignal: true, alias: "attribute", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldIndex", required: false }] }], dispatchFormAction: [{ type: i0.Output, args: ["dispatchFormAction"] }] } });

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

@@ -1 +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 { getButtonToDisplayForMultivaluedAttributeField, 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    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\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 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 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","@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 './index';\n"],"names":[],"mappings":";;;;;MAkBa,6CAA6C,CAAA;AAZ1D,IAAA,WAAA,GAAA;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;QAC/B,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;QAC9B,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;QAC1B,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QAC5B,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAc;AAEzC,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACtB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,UAAU,EAAE;AACnC,gBAAA,OAAO,8CAA8C,CAAC;oBAClD,SAAS;oBACT,MAAM;oBACN;iBACH,CAAC,CAAC,SAAS;YAChB;AACA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC,qDAAC;AACF,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACnB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,UAAU,EAAE;AACnC,gBAAA,OAAO,8CAA8C,CAAC;oBAClD,SAAS;oBACT,MAAM;oBACN;iBACH,CAAC,CAAC,MAAM;YACb;AACA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC,kDAAC;AAiBL,IAAA;IAfG,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;AAClC,YAAA,aAAa,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;AAC/C,SAAA,CAAC;IACN;IAEA,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;YAClC,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE;AAChF,SAAA,CAAC;IACN;8GAhDS,6CAA6C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6CAA6C,ijBClB1D,4mBAwBA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDNa,6CAA6C,EAAA,UAAA,EAAA,CAAA;kBAZzD,SAAS;+BAQI,8CAA8C,EAAA,eAAA,EAEvC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4mBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AEhBnD;;AAEG;;;;"}
+{"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 { getButtonToDisplayForMultivaluedAttributeField, 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    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\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 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 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","@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 './index';\n"],"names":[],"mappings":"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"}

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

@@ -8,21 +8,21 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 class FieldErrorsComponent extends ComponentReference {
     constructor() {
         super(...arguments);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
-        this.fieldIndex = input(...(ngDevMode ? [undefined, { debugName: "fieldIndex" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : /* istanbul ignore next */ []));
+        this.fieldIndex = input(...(ngDevMode ? [undefined, { debugName: "fieldIndex" }] : /* istanbul ignore next */ []));
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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: "21.2.0", ngImport: i0, type: FieldErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FieldErrorsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-field-errors', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +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    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 './index';\n"],"names":[],"mappings":";;;;;;;AA4BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAnB5D,IAAA,WAAA,GAAA;;QAoBI,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;QAC9B,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAoB;QAC7C,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACnB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAC9E,IAAA;8GANY,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,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,EAPlB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB;AACrD;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BL,6fAeA,mFDEc,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;;2FAWjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAnBhC,SAAS;8BAQG,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B;AACrD;AACJ,qBAAA,EAAA,QAAA,EAAA,6fAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}
+{"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    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 './index';\n"],"names":[],"mappings":";;;;;;;AA4BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAnB5D,IAAA,WAAA,GAAA;;QAoBI,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAa;QAC9B,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAoB;QAC7C,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AACnB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAC9E,IAAA;8GANY,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,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,EAPlB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB;AACrD;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BL,6fAeA,mFDEc,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;;2FAWjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAnBhC,SAAS;8BAQG,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B;AACrD;AACJ,qBAAA,EAAA,QAAA,EAAA,6fAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}

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

@@ -11,8 +11,8 @@ class GroupLabelComponent extends ComponentReference {
     constructor() {
         super(...arguments);
         this.i18n = inject(LOGIN_I18N);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.groupName = input(...(ngDevMode ? [undefined, { debugName: "groupName" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.groupName = input(...(ngDevMode ? [undefined, { debugName: "groupName" }] : /* istanbul ignore next */ []));
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
         this.groupNameRef = computed(() => {
@@ -22,17 +22,17 @@ class GroupLabelComponent extends ComponentReference {
                 return attribute?.group?.name ?? '';
             }
             return '';
-        }, ...(ngDevMode ? [{ debugName: "groupNameRef" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "groupNameRef" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GroupLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GroupLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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: "21.2.0", ngImport: i0, type: GroupLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GroupLabelComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, AttributesDirective], selector: 'kc-group-label', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +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    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 './index';\n"],"names":[],"mappings":"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"}
+{"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    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 './index';\n"],"names":[],"mappings":"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"}

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

@@ -14,9 +14,9 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 class InputFieldByTypeComponent extends ComponentReference {
     constructor() {
         super(...arguments);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : []));
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : /* istanbul ignore next */ []));
+        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : /* istanbul ignore next */ []));
         this.dispatchFormAction = output();
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
@@ -26,17 +26,17 @@ class InputFieldByTypeComponent extends ComponentReference {
                 ...attribute,
                 annotations: { ...(attribute.annotations ?? {}), inputType: 'password' }
             };
-        }, ...(ngDevMode ? [{ debugName: "attributePassword" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "attributePassword" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InputFieldByTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputFieldByTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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 ('hidden') {\n            <input\n                type=\"hidden\"\n                [name]=\"attr.name\"\n                [value]=\"$any(valueOrValues())\"\n            />\n        }\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: "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"] }, { kind: "pipe", type: ToArrayPipe, name: "toArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InputFieldByTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputFieldByTypeComponent, decorators: [{
             type: Component,
             args: [{ imports: [ToArrayPipe, TextareaTagComponent, SelectTagComponent, InputTagSelectsComponent, InputTagComponent, PasswordWrapperComponent], selector: 'kc-input-field-by-type', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +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 { type FormAction, 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    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 ('hidden') {\n            <input\n                type=\"hidden\"\n                [name]=\"attr.name\"\n                [value]=\"$any(valueOrValues())\"\n            />\n        }\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 './index';\n"],"names":[],"mappings":"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"}
+{"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 { type FormAction, 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    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 ('hidden') {\n            <input\n                type=\"hidden\"\n                [name]=\"attr.name\"\n                [value]=\"$any(valueOrValues())\"\n            />\n        }\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 './index';\n"],"names":[],"mappings":"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"}

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

@@ -10,10 +10,10 @@ class InputTagSelectsComponent extends ComponentReference {
     constructor() {
         super(...arguments);
         this.i18n = inject(LOGIN_I18N);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : /* istanbul ignore next */ []));
         this.dispatchFormAction = output();
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : /* istanbul ignore next */ []));
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
         this.context = computed(() => {
@@ -38,7 +38,7 @@ class InputTagSelectsComponent extends ComponentReference {
                 }
             }
             return null;
-        }, ...(ngDevMode ? [{ debugName: "context" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
         this.options = computed(() => {
             const attribute = this.attribute();
             if (attribute) {
@@ -61,7 +61,7 @@ class InputTagSelectsComponent extends ComponentReference {
                 })();
             }
             return [];
-        }, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     }
     checked(option) {
         const valueOrValues = this.valueOrValues();
@@ -98,15 +98,15 @@ class InputTagSelectsComponent extends ComponentReference {
             fieldIndex: undefined
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InputTagSelectsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputTagSelectsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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: "21.2.0", ngImport: i0, type: InputTagSelectsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputTagSelectsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-input-tag-selects', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-components-input-tag-selects.mjs","sources":["../../src/login/components/input-tag-selects/input-tag-selects.component.ts","../../src/login/components/input-tag-selects/input-tag-selects.component.html","../../src/login/components/input-tag-selects/keycloakify-angular-login-components-input-tag-selects.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output, type Signal } 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 { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\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    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective],\n    selector: 'kc-input-tag-selects',\n    templateUrl: 'input-tag-selects.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InputTagSelectsComponent)\n        }\n    ]\n})\nexport class InputTagSelectsComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    valueOrValues = input<string | string[]>();\n    dispatchFormAction = output<FormAction>();\n    displayableErrors = input<FormFieldError[]>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    context: Signal<{\n        inputType: 'radio' | 'checkbox';\n        classDiv: ClassKey;\n        classInput: ClassKey;\n        classLabel: ClassKey;\n    } | null> = computed(() => {\n        const attribute = this.attribute();\n        if (attribute) {\n            const { inputType } = attribute.annotations;\n            switch (inputType) {\n                case 'select-radiobuttons':\n                    return {\n                        inputType: 'radio',\n                        classDiv: 'kcInputClassRadio',\n                        classInput: 'kcInputClassRadioInput',\n                        classLabel: 'kcInputClassRadioLabel'\n                    };\n                case 'multiselect-checkboxes':\n                    return {\n                        inputType: 'checkbox',\n                        classDiv: 'kcInputClassCheckbox',\n                        classInput: 'kcInputClassCheckboxInput',\n                        classLabel: 'kcInputClassCheckboxLabel'\n                    };\n            }\n        }\n        return null;\n    });\n\n    options = computed(() => {\n        const attribute = this.attribute();\n        if (attribute) {\n            return (() => {\n                walk: {\n                    const { inputOptionsFromValidation } = attribute.annotations;\n\n                    if (inputOptionsFromValidation === undefined) {\n                        break walk;\n                    }\n\n                    const validator = (attribute.validators as Record<string, { options?: string[] }>)[inputOptionsFromValidation];\n\n                    if (validator === undefined) {\n                        break walk;\n                    }\n\n                    if (validator.options === undefined) {\n                        break walk;\n                    }\n\n                    return validator.options;\n                }\n\n                return attribute.validators.options?.options ?? [];\n            })();\n        }\n        return [];\n    });\n\n    checked(option: string) {\n        const valueOrValues = this.valueOrValues();\n        if (valueOrValues instanceof Array) {\n            return valueOrValues.includes(option);\n        }\n        return valueOrValues === option;\n    }\n\n    onChange(event: Event, option: string) {\n        const valueOrValues = this.valueOrValues();\n        const isChecked = (event.target as HTMLInputElement).checked;\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (() => {\n                if (valueOrValues instanceof Array) {\n                    const newValues = [...valueOrValues];\n\n                    if (isChecked) {\n                        newValues.push(option);\n                    } else {\n                        newValues.splice(newValues.indexOf(option), 1);\n                    }\n\n                    return newValues;\n                }\n\n                return (event.target as HTMLInputElement)?.checked ? option : '';\n            })()\n        });\n    }\n\n    onBlur() {\n        this.dispatchFormAction.emit({\n            action: 'focus lost',\n            name: this.attribute()?.name ?? '',\n            fieldIndex: undefined\n        });\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AA8BM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AAnBhE,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;QAC/B,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;QAC9B,IAAA,CAAA,aAAa,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAqB;QAC1C,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAc;QACzC,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAoB;AACpC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAE3E,QAAA,IAAA,CAAA,OAAO,GAKK,QAAQ,CAAC,MAAK;AACtB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;YAClC,IAAI,SAAS,EAAE;AACX,gBAAA,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,WAAW;gBAC3C,QAAQ,SAAS;AACb,oBAAA,KAAK,qBAAqB;wBACtB,OAAO;AACH,4BAAA,SAAS,EAAE,OAAO;AAClB,4BAAA,QAAQ,EAAE,mBAAmB;AAC7B,4BAAA,UAAU,EAAE,wBAAwB;AACpC,4BAAA,UAAU,EAAE;yBACf;AACL,oBAAA,KAAK,wBAAwB;wBACzB,OAAO;AACH,4BAAA,SAAS,EAAE,UAAU;AACrB,4BAAA,QAAQ,EAAE,sBAAsB;AAChC,4BAAA,UAAU,EAAE,2BAA2B;AACvC,4BAAA,UAAU,EAAE;yBACf;;YAEb;AACA,YAAA,OAAO,IAAI;AACf,QAAA,CAAC,mDAAC;AAEF,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACpB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;YAClC,IAAI,SAAS,EAAE;gBACX,OAAO,CAAC,MAAK;AACT,oBAAA,IAAI,EAAE;AACF,wBAAA,MAAM,EAAE,0BAA0B,EAAE,GAAG,SAAS,CAAC,WAAW;AAE5D,wBAAA,IAAI,0BAA0B,KAAK,SAAS,EAAE;AAC1C,4BAAA,MAAM,IAAI;wBACd;wBAEA,MAAM,SAAS,GAAI,SAAS,CAAC,UAAqD,CAAC,0BAA0B,CAAC;AAE9G,wBAAA,IAAI,SAAS,KAAK,SAAS,EAAE;AACzB,4BAAA,MAAM,IAAI;wBACd;AAEA,wBAAA,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,EAAE;AACjC,4BAAA,MAAM,IAAI;wBACd;wBAEA,OAAO,SAAS,CAAC,OAAO;oBAC5B;oBAEA,OAAO,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI,EAAE;gBACtD,CAAC,GAAG;YACR;AACA,YAAA,OAAO,EAAE;AACb,QAAA,CAAC,mDAAC;AAyCL,IAAA;AAvCG,IAAA,OAAO,CAAC,MAAc,EAAA;AAClB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;AAC1C,QAAA,IAAI,aAAa,YAAY,KAAK,EAAE;AAChC,YAAA,OAAO,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC;QACzC;QACA,OAAO,aAAa,KAAK,MAAM;IACnC;IAEA,QAAQ,CAAC,KAAY,EAAE,MAAc,EAAA;AACjC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;AAC1C,QAAA,MAAM,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO;AAC5D,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;YAClC,aAAa,EAAE,CAAC,MAAK;AACjB,gBAAA,IAAI,aAAa,YAAY,KAAK,EAAE;AAChC,oBAAA,MAAM,SAAS,GAAG,CAAC,GAAG,aAAa,CAAC;oBAEpC,IAAI,SAAS,EAAE;AACX,wBAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;oBAC1B;yBAAO;AACH,wBAAA,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAClD;AAEA,oBAAA,OAAO,SAAS;gBACpB;AAEA,gBAAA,OAAQ,KAAK,CAAC,MAA2B,EAAE,OAAO,GAAG,MAAM,GAAG,EAAE;AACpE,YAAA,CAAC;AACJ,SAAA,CAAC;IACN;IAEA,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;AAClC,YAAA,UAAU,EAAE;AACf,SAAA,CAAC;IACN;8GA1GS,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,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,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,SAAA,EAPtB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB;AACzD;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BL,+jCA6BA,mFDVc,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;;2FAWjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAnBpC,SAAS;8BAQG,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,sBAAsB,mBAEf,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B;AACzD;AACJ,qBAAA,EAAA,QAAA,EAAA,+jCAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE5BL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-components-input-tag-selects.mjs","sources":["../../src/login/components/input-tag-selects/input-tag-selects.component.ts","../../src/login/components/input-tag-selects/input-tag-selects.component.html","../../src/login/components/input-tag-selects/keycloakify-angular-login-components-input-tag-selects.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output, type Signal } 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 { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\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    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective],\n    selector: 'kc-input-tag-selects',\n    templateUrl: 'input-tag-selects.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InputTagSelectsComponent)\n        }\n    ]\n})\nexport class InputTagSelectsComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    valueOrValues = input<string | string[]>();\n    dispatchFormAction = output<FormAction>();\n    displayableErrors = input<FormFieldError[]>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    context: Signal<{\n        inputType: 'radio' | 'checkbox';\n        classDiv: ClassKey;\n        classInput: ClassKey;\n        classLabel: ClassKey;\n    } | null> = computed(() => {\n        const attribute = this.attribute();\n        if (attribute) {\n            const { inputType } = attribute.annotations;\n            switch (inputType) {\n                case 'select-radiobuttons':\n                    return {\n                        inputType: 'radio',\n                        classDiv: 'kcInputClassRadio',\n                        classInput: 'kcInputClassRadioInput',\n                        classLabel: 'kcInputClassRadioLabel'\n                    };\n                case 'multiselect-checkboxes':\n                    return {\n                        inputType: 'checkbox',\n                        classDiv: 'kcInputClassCheckbox',\n                        classInput: 'kcInputClassCheckboxInput',\n                        classLabel: 'kcInputClassCheckboxLabel'\n                    };\n            }\n        }\n        return null;\n    });\n\n    options = computed(() => {\n        const attribute = this.attribute();\n        if (attribute) {\n            return (() => {\n                walk: {\n                    const { inputOptionsFromValidation } = attribute.annotations;\n\n                    if (inputOptionsFromValidation === undefined) {\n                        break walk;\n                    }\n\n                    const validator = (attribute.validators as Record<string, { options?: string[] }>)[inputOptionsFromValidation];\n\n                    if (validator === undefined) {\n                        break walk;\n                    }\n\n                    if (validator.options === undefined) {\n                        break walk;\n                    }\n\n                    return validator.options;\n                }\n\n                return attribute.validators.options?.options ?? [];\n            })();\n        }\n        return [];\n    });\n\n    checked(option: string) {\n        const valueOrValues = this.valueOrValues();\n        if (valueOrValues instanceof Array) {\n            return valueOrValues.includes(option);\n        }\n        return valueOrValues === option;\n    }\n\n    onChange(event: Event, option: string) {\n        const valueOrValues = this.valueOrValues();\n        const isChecked = (event.target as HTMLInputElement).checked;\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (() => {\n                if (valueOrValues instanceof Array) {\n                    const newValues = [...valueOrValues];\n\n                    if (isChecked) {\n                        newValues.push(option);\n                    } else {\n                        newValues.splice(newValues.indexOf(option), 1);\n                    }\n\n                    return newValues;\n                }\n\n                return (event.target as HTMLInputElement)?.checked ? option : '';\n            })()\n        });\n    }\n\n    onBlur() {\n        this.dispatchFormAction.emit({\n            action: 'focus lost',\n            name: this.attribute()?.name ?? '',\n            fieldIndex: undefined\n        });\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -17,11 +17,11 @@ class InputTagComponent extends ComponentReference {
     constructor() {
         super(...arguments);
         this.i18n = inject(LOGIN_I18N);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : []));
-        this.fieldIndex = input(undefined, ...(ngDevMode ? [{ debugName: "fieldIndex" }] : []));
-        this.values = input(...(ngDevMode ? [undefined, { debugName: "values" }] : []));
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : /* istanbul ignore next */ []));
+        this.valueOrValues = input(...(ngDevMode ? [undefined, { debugName: "valueOrValues" }] : /* istanbul ignore next */ []));
+        this.fieldIndex = input(undefined, ...(ngDevMode ? [{ debugName: "fieldIndex" }] : /* istanbul ignore next */ []));
+        this.values = input(...(ngDevMode ? [undefined, { debugName: "values" }] : /* istanbul ignore next */ []));
+        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : /* istanbul ignore next */ []));
         this.dispatchFormAction = output();
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
@@ -35,7 +35,7 @@ class InputTagComponent extends ComponentReference {
                 return null;
             }
             return valueOrValues ?? null;
-        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     }
     onChange(event) {
         const valueOrValues = this.valueOrValues();
@@ -64,15 +64,15 @@ class InputTagComponent extends ComponentReference {
             fieldIndex: this.fieldIndex()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InputTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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        />\n        <kc-add-remove-buttons-multi-valued-attribute\n            [attribute]=\"attr\"\n            [values]=\"values\"\n            [fieldIndex]=\"index\"\n            (dispatchFormAction)=\"dispatchFormAction.emit($event)\"\n        />\n    }\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"] }, { 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"] }, { kind: "pipe", type: InputTypePipe, name: "inputType" }, { kind: "pipe", type: ToNumberPipe, name: "toNumber" }, { kind: "pipe", type: ToArrayPipe, name: "toArray" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InputTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InputTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         InputTypePipe,