@keycloakify/angular 0.0.1-rc.9 → 0.0.1

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

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

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

@@ -0,0 +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, 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, type 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    standalone: true,\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 './public-api';\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-input-tag.mjs","sources":["../../src/login/components/input-tag/input-tag.component.ts","../../src/login/components/input-tag/input-tag.component.html","../../src/login/components/input-tag/keycloakify-angular-login-components-input-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from '@angular/core';\nimport { AttributesDirective } from '@keycloakify/angular/lib/directives/attributes';\nimport { InputTypePipe } from '@keycloakify/angular/lib/pipes/input-type';\nimport { ToArrayPipe } from '@keycloakify/angular/lib/pipes/to-array';\nimport { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { AddRemoveButtonsMultiValuedAttributeComponent } from '@keycloakify/angular/login/components/add-remove-buttons-multi-valued-attribute';\nimport { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { 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';\n\n@Component({\n    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [\n        InputTypePipe,\n        KcClassDirective,\n        ToNumberPipe,\n        AttributesDirective,\n        ToArrayPipe,\n        FieldErrorsComponent,\n        AddRemoveButtonsMultiValuedAttributeComponent\n    ],\n    selector: 'kc-input-tag',\n    templateUrl: 'input-tag.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InputTagComponent)\n        }\n    ]\n})\nexport class InputTagComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    valueOrValues = input<string | string[]>();\n    fieldIndex = input<number | undefined>(undefined);\n    values = input<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    value = computed(() => {\n        const valueOrValues = this.valueOrValues();\n        const index = this.fieldIndex();\n        if (valueOrValues instanceof Array) {\n            if (index) {\n                return valueOrValues[index] ?? null;\n            }\n            return null;\n        }\n        return valueOrValues ?? null;\n    });\n\n    onChange(event: Event) {\n        const valueOrValues = this.valueOrValues();\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (() => {\n                if (this.fieldIndex !== undefined) {\n                    if (valueOrValues instanceof Array) {\n                        return valueOrValues.map((value, i) => {\n                            if (i === this.fieldIndex()) {\n                                return (event.target as HTMLInputElement)?.value;\n                            }\n\n                            return value;\n                        });\n                    }\n                }\n\n                return (event.target as HTMLInputElement)?.value;\n            })()\n        });\n    }\n\n    onBlur() {\n        this.dispatchFormAction.emit({\n            action: 'focus lost',\n            name: this.attribute()?.name ?? '',\n            fieldIndex: this.fieldIndex()\n        });\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-logout-other-sessions.mjs

@@ -0,0 +1,39 @@
+import * as i0 from '@angular/core';
+import { inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+class LogoutOtherSessionsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LogoutOtherSessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: LogoutOtherSessionsComponent, isStandalone: true, selector: "kc-logout-other-sessions", providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => LogoutOtherSessionsComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n    id=\"kc-form-options\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n        <div class=\"checkbox\">\n            <label for=\"logout-sessions\">\n                <input\n                    type=\"checkbox\"\n                    id=\"logout-sessions\"\n                    name=\"logout-sessions\"\n                    value=\"on\"\n                    defaultChecked=\"true\"\n                />\n                {{ i18n.msgStr('logoutOtherSessions') }}\n            </label>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LogoutOtherSessionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kc-logout-other-sessions', standalone: true, imports: [KcClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => LogoutOtherSessionsComponent)
+                        }
+                    ], template: "<div\n    id=\"kc-form-options\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n        <div class=\"checkbox\">\n            <label for=\"logout-sessions\">\n                <input\n                    type=\"checkbox\"\n                    id=\"logout-sessions\"\n                    name=\"logout-sessions\"\n                    value=\"on\"\n                    defaultChecked=\"true\"\n                />\n                {{ i18n.msgStr('logoutOtherSessions') }}\n            </label>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LogoutOtherSessionsComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-logout-other-sessions.mjs.map

package/fesm2022/keycloakify-angular-login-components-logout-other-sessions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-logout-other-sessions.mjs","sources":["../../src/login/components/logout-other-sessions/logout-other-sessions.component.ts","../../src/login/components/logout-other-sessions/logout-other-sessions.component.html","../../src/login/components/logout-other-sessions/keycloakify-angular-login-components-logout-other-sessions.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject } 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 { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    selector: 'kc-logout-other-sessions',\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    standalone: true,\n    imports: [KcClassDirective],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    templateUrl: 'logout-other-sessions.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LogoutOtherSessionsComponent)\n        }\n    ]\n})\nexport class LogoutOtherSessionsComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n}\n","<div\n    id=\"kc-form-options\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n        <div class=\"checkbox\">\n            <label for=\"logout-sessions\">\n                <input\n                    type=\"checkbox\"\n                    id=\"logout-sessions\"\n                    name=\"logout-sessions\"\n                    value=\"on\"\n                    defaultChecked=\"true\"\n                />\n                {{ i18n.msgStr('logoutOtherSessions') }}\n            </label>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AA6BM,MAAO,4BAA6B,SAAQ,kBAAkB,CAAA;AApBpE,IAAA,WAAA,GAAA;;AAqBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;AAC/E,KAAA;8GAJY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAP1B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA4B,CAAC;AAC9D,aAAA;SACJ,EC3BL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,mkBAmBA,mFDAc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAUjB,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBApBxC,SAAS;+BACI,0BAA0B,EAAA,UAAA,EAQxB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EACV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAEpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kCAAkC,CAAC;AAC9D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,mkBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;;AE3BL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-components-password-wrapper.mjs

@@ -0,0 +1,53 @@
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Renderer2, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+class PasswordWrapperComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.renderer = inject(Renderer2);
+        this.passwordInputId = input.required();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.isPasswordRevealed = signal(false);
+    }
+    togglePasswordVisibility() {
+        this.isPasswordRevealed.update(revealed => !revealed);
+        this.setPasswordInputType();
+    }
+    setPasswordInputType() {
+        const input = document.getElementById(this.passwordInputId());
+        if (input) {
+            this.renderer.setProperty(input, 'type', this.isPasswordRevealed() ? 'text' : 'password');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PasswordWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: PasswordWrapperComponent, isStandalone: true, selector: "kc-password-wrapper", inputs: { passwordInputId: { classPropertyName: "passwordInputId", publicName: "passwordInputId", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => PasswordWrapperComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<div [kcClass]=\"'kcInputGroup'\">\n    <ng-content />\n    <button\n        type=\"button\"\n        [kcClass]=\"'kcFormPasswordVisibilityButtonClass'\"\n        [attr.aria-label]=\"i18n.msgStr(isPasswordRevealed() ? 'hidePassword' : 'showPassword')\"\n        [attr.aria-controls]=\"passwordInputId()\"\n        (click)=\"togglePasswordVisibility()\"\n    >\n        <i\n            aria-hidden=\"true\"\n            [kcClass]=\"isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'\"\n        ></i>\n    </button>\n</div>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PasswordWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kc-password-wrapper', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe], providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => PasswordWrapperComponent)
+                        }
+                    ], template: "<div [kcClass]=\"'kcInputGroup'\">\n    <ng-content />\n    <button\n        type=\"button\"\n        [kcClass]=\"'kcFormPasswordVisibilityButtonClass'\"\n        [attr.aria-label]=\"i18n.msgStr(isPasswordRevealed() ? 'hidePassword' : 'showPassword')\"\n        [attr.aria-controls]=\"passwordInputId()\"\n        (click)=\"togglePasswordVisibility()\"\n    >\n        <i\n            aria-hidden=\"true\"\n            [kcClass]=\"isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'\"\n        ></i>\n    </button>\n</div>\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PasswordWrapperComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-password-wrapper.mjs.map

package/fesm2022/keycloakify-angular-login-components-password-wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-password-wrapper.mjs","sources":["../../src/login/components/password-wrapper/password-wrapper.component.ts","../../src/login/components/password-wrapper/password-wrapper.component.html","../../src/login/components/password-wrapper/keycloakify-angular-login-components-password-wrapper.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, WritableSignal } 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 { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    selector: 'kc-password-wrapper',\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe],\n    templateUrl: 'password-wrapper.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => PasswordWrapperComponent)\n        }\n    ]\n})\nexport class PasswordWrapperComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    private renderer = inject(Renderer2);\n    passwordInputId = input.required<string>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    isPasswordRevealed: WritableSignal<boolean> = signal(false);\n\n    togglePasswordVisibility(): void {\n        this.isPasswordRevealed.update(revealed => !revealed);\n        this.setPasswordInputType();\n    }\n\n    private setPasswordInputType(): void {\n        const input = document.getElementById(this.passwordInputId());\n        if (input) {\n            this.renderer.setProperty(input, 'type', this.isPasswordRevealed() ? 'text' : 'password');\n        }\n    }\n}\n","<div [kcClass]=\"'kcInputGroup'\">\n    <ng-content />\n    <button\n        type=\"button\"\n        [kcClass]=\"'kcFormPasswordVisibilityButtonClass'\"\n        [attr.aria-label]=\"i18n.msgStr(isPasswordRevealed() ? 'hidePassword' : 'showPassword')\"\n        [attr.aria-controls]=\"passwordInputId()\"\n        (click)=\"togglePasswordVisibility()\"\n    >\n        <i\n            aria-hidden=\"true\"\n            [kcClass]=\"isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'\"\n        ></i>\n    </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AA8BM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AApBhE,IAAA,WAAA,GAAA;;AAqBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AAClC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;AAE5E,QAAA,IAAA,CAAA,kBAAkB,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;AAa/D,KAAA;IAXG,wBAAwB,GAAA;AACpB,QAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtD,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC/B;IAEO,oBAAoB,GAAA;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAC9D,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;SAC7F;KACJ;8GAnBQ,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAPtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AAC1D,aAAA;SACJ,EC5BL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yjBAeA,mFDMc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FASjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBApBpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAQnB,UAAA,EAAA,IAAI,EACC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAE3B,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AAC1D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;;AE5BL;;AAEG;;;;"}

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

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, computed, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+
+class SelectTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(LOGIN_I18N);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.isMultiple = computed(() => {
+            return this.attribute()?.annotations?.inputType === 'multiselect';
+        });
+        this.options = computed(() => {
+            const attribute = this.attribute();
+            if (attribute) {
+                return (() => {
+                    walk: {
+                        const { inputOptionsFromValidation } = attribute.annotations;
+                        if (inputOptionsFromValidation === undefined) {
+                            break walk;
+                        }
+                        const validator = attribute.validators[inputOptionsFromValidation];
+                        if (validator === undefined) {
+                            break walk;
+                        }
+                        if (validator.options === undefined) {
+                            break walk;
+                        }
+                        return validator.options;
+                    }
+                    return attribute.validators.options?.options ?? [];
+                })();
+            }
+            return [];
+        });
+    }
+    onChange(event) {
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: (() => {
+                if (this.isMultiple()) {
+                    return Array.from(event.target.selectedOptions).map(option => option.value);
+                }
+                return event.target.value;
+            })()
+        });
+    }
+    onBlur() {
+        this.dispatchFormAction.emit({
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
+            fieldIndex: undefined
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SelectTagComponent, isStandalone: true, selector: "kc-select-tag", 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(() => SelectTagComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@let multiple = isMultiple();\n@if (attr) {\n    <select\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"valueOrValues()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [multiple]=\"multiple\"\n        [size]=\"!attr.annotations.inputTypeSize ? undefined : (attr.annotations.inputTypeSize | toNumber)\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    >\n        @if (!multiple) {\n            <option value=\"\"></option>\n        }\n        @for (option of options(); track option) {\n            <option [value]=\"option\">\n                @if (!!attr.annotations.inputOptionLabels) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabels[option] ?? option) }}\n                } @else if (!!attr.annotations.inputOptionLabelsI18nPrefix) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabelsI18nPrefix + '.' + option) }}\n                } @else {\n                    {{ option }}\n                }\n            </option>\n        }\n    </select>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: ToNumberPipe, name: "toNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SelectTagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective, ToNumberPipe], selector: 'kc-select-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => SelectTagComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@let multiple = isMultiple();\n@if (attr) {\n    <select\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"valueOrValues()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [multiple]=\"multiple\"\n        [size]=\"!attr.annotations.inputTypeSize ? undefined : (attr.annotations.inputTypeSize | toNumber)\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    >\n        @if (!multiple) {\n            <option value=\"\"></option>\n        }\n        @for (option of options(); track option) {\n            <option [value]=\"option\">\n                @if (!!attr.annotations.inputOptionLabels) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabels[option] ?? option) }}\n                } @else if (!!attr.annotations.inputOptionLabelsI18nPrefix) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabelsI18nPrefix + '.' + option) }}\n                } @else {\n                    {{ option }}\n                }\n            </option>\n        }\n    </select>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectTagComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-select-tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-select-tag.mjs","sources":["../../src/login/components/select-tag/select-tag.component.ts","../../src/login/components/select-tag/select-tag.component.html","../../src/login/components/select-tag/keycloakify-angular-login-components-select-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } 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 { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';\nimport { type FormAction, type 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    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, ToNumberPipe],\n    selector: 'kc-select-tag',\n    templateUrl: 'select-tag.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SelectTagComponent)\n        }\n    ]\n})\nexport class SelectTagComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\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    isMultiple = computed(() => {\n        return this.attribute()?.annotations?.inputType === 'multiselect';\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    onChange(event: Event) {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (() => {\n                if (this.isMultiple()) {\n                    return Array.from((event.target as HTMLSelectElement).selectedOptions).map(option => option.value);\n                }\n\n                return (event.target as HTMLSelectElement).value;\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 attr = attribute();\n@let multiple = isMultiple();\n@if (attr) {\n    <select\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"valueOrValues()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [multiple]=\"multiple\"\n        [size]=\"!attr.annotations.inputTypeSize ? undefined : (attr.annotations.inputTypeSize | toNumber)\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    >\n        @if (!multiple) {\n            <option value=\"\"></option>\n        }\n        @for (option of options(); track option) {\n            <option [value]=\"option\">\n                @if (!!attr.annotations.inputOptionLabels) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabels[option] ?? option) }}\n                } @else if (!!attr.annotations.inputOptionLabelsI18nPrefix) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabelsI18nPrefix + '.' + option) }}\n                } @else {\n                    {{ option }}\n                }\n            </option>\n        }\n    </select>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+
+class TextareaTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.value = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+    }
+    onChange(event) {
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: event.target.value
+        });
+    }
+    onBlur() {
+        this.dispatchFormAction.emit({
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
+            fieldIndex: undefined
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TextareaTagComponent, isStandalone: true, selector: "kc-textarea-tag", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", 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(() => TextareaTagComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@if (attr) {\n    <textarea\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n        [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n        [maxLength]=\"attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [value]=\"value()\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    ></textarea>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: ToNumberPipe, name: "toNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TextareaTagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective, ToNumberPipe], selector: 'kc-textarea-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => TextareaTagComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@if (attr) {\n    <textarea\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n        [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n        [maxLength]=\"attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [value]=\"value()\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    ></textarea>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaTagComponent };
+//# sourceMappingURL=keycloakify-angular-login-components-textarea-tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-components-textarea-tag.mjs","sources":["../../src/login/components/textarea-tag/textarea-tag.component.ts","../../src/login/components/textarea-tag/textarea-tag.component.html","../../src/login/components/textarea-tag/keycloakify-angular-login-components-textarea-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input, output } 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 { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';\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    standalone: true,\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, ToNumberPipe],\n    selector: 'kc-textarea-tag',\n    templateUrl: 'textarea-tag.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TextareaTagComponent)\n        }\n    ]\n})\nexport class TextareaTagComponent extends ComponentReference {\n    attribute = input<Attribute>();\n    value = input<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    onChange(event: Event) {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (event.target as HTMLTextAreaElement).value\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 attr = attribute();\n@if (attr) {\n    <textarea\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n        [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n        [maxLength]=\"attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [value]=\"value()\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    ></textarea>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}