npm - @keycloakify/angular - Versions diffs - 20.1.11 → 21.0.0-rc.1 - Mend

@keycloakify/angular 20.1.11 → 21.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

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

@@ -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(undefined, { ...(ngDevMode ? { debugName: "attribute" } : {}) });
+        this.valueOrValues = input(undefined, { ...(ngDevMode ? { debugName: "valueOrValues" } : {}) });
         this.dispatchFormAction = output();
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.displayableErrors = input(undefined, { ...(ngDevMode ? { debugName: "displayableErrors" } : {}) });
         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" } : {}) });
         this.options = computed(() => {
             const attribute = this.attribute();
             if (attribute) {
@@ -61,7 +61,7 @@ class InputTagSelectsComponent extends ComponentReference {
                 })();
             }
             return [];
-        }, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        }, { ...(ngDevMode ? { debugName: "options" } : {}) });
     }
     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: "20.3.6", ngImport: i0, type: InputTagSelectsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", 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.0.1", ngImport: i0, type: InputTagSelectsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: InputTagSelectsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", 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 CHANGED Viewed

	@@ -1 +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, 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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"}
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":"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"}

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

@@ -9,6 +9,7 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 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 '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
@@ -16,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(undefined, { ...(ngDevMode ? { debugName: "attribute" } : {}) });
+        this.valueOrValues = input(undefined, { ...(ngDevMode ? { debugName: "valueOrValues" } : {}) });
+        this.fieldIndex = input(undefined, { ...(ngDevMode ? { debugName: "fieldIndex" } : {}) });
+        this.values = input(undefined, { ...(ngDevMode ? { debugName: "values" } : {}) });
+        this.displayableErrors = input(undefined, { ...(ngDevMode ? { debugName: "displayableErrors" } : {}) });
         this.dispatchFormAction = output();
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
@@ -34,7 +35,7 @@ class InputTagComponent extends ComponentReference {
                 return null;
             }
             return valueOrValues ?? null;
-        }, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        }, { ...(ngDevMode ? { debugName: "value" } : {}) });
     }
     onChange(event) {
         const valueOrValues = this.valueOrValues();
@@ -63,15 +64,15 @@ class InputTagComponent extends ComponentReference {
             fieldIndex: this.fieldIndex()
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: InputTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: InputTagComponent, isStandalone: true, selector: "kc-input-tag", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, valueOrValues: { classPropertyName: "valueOrValues", publicName: "valueOrValues", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: InputTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: InputTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: InputTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         InputTypePipe,

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

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

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

@@ -13,15 +13,15 @@ class LogoutOtherSessionsComponent extends ComponentReference {
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: LogoutOtherSessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: LogoutOtherSessionsComponent, isStandalone: true, selector: "kc-logout-other-sessions", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: LogoutOtherSessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: LogoutOtherSessionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: LogoutOtherSessionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-logout-other-sessions', imports: [KcClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

	@@ -1 +1 @@
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 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 './index';\n"],"names":[],"mappings":";;;;;;;;AA4BM,MAAO,4BAA6B,SAAQ,kBAAkB,CAAA;AAnBpE,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAC9E;8GAJY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;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;AAC7D;SACJ,~~EC1BL~~,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAAA~~,mkBAmBA,mFDDc,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;;2FAUjB,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAnBxC,SAAS;+BACI,0BAA0B,EAAA,OAAA,EAQ3B,CAAC,gBAAgB,CAAC,mBACV,uBAAuB,CAAC,MAAM,~~EAEpC~~,SAAA,~~EAAA~~;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kCAAkC;AAC7D;AACJ,qBAAA,EAAA,QAAA,EAAA,mkBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}
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 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 './index';\n"],"names":[],"mappings":";;;;;;;;AA4BM,MAAO,4BAA6B,SAAQ,kBAAkB,CAAA;AAnBpE,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAC9E,IAAA;8GAJY,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,SAAA,EAP1B;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,4BAA4B;AAC7D;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BL,mkBAmBA,mFDDc,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;;2FAUjB,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAnBxC,SAAS;+BACI,0BAA0B,EAAA,OAAA,EAQ3B,CAAC,gBAAgB,CAAC,mBACV,uBAAuB,CAAC,MAAM,EAAA,SAAA,EAEpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kCAAkC;AAC7D;AACJ,qBAAA,EAAA,QAAA,EAAA,mkBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}

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

@@ -11,10 +11,10 @@ class PasswordWrapperComponent extends ComponentReference {
         super(...arguments);
         this.i18n = inject(LOGIN_I18N);
         this.renderer = inject(Renderer2);
-        this.passwordInputId = input.required(...(ngDevMode ? [{ debugName: "passwordInputId" }] : []));
+        this.passwordInputId = input.required({ ...(ngDevMode ? { debugName: "passwordInputId" } : {}) });
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.isPasswordRevealed = signal(false, ...(ngDevMode ? [{ debugName: "isPasswordRevealed" }] : []));
+        this.isPasswordRevealed = signal(false, { ...(ngDevMode ? { debugName: "isPasswordRevealed" } : {}) });
     }
     togglePasswordVisibility() {
         this.isPasswordRevealed.update(revealed => !revealed);
@@ -26,15 +26,15 @@ class PasswordWrapperComponent extends ComponentReference {
             this.renderer.setProperty(input, 'type', this.isPasswordRevealed() ? 'text' : 'password');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PasswordWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: PasswordWrapperComponent, isStandalone: true, selector: "kc-password-wrapper", inputs: { passwordInputId: { classPropertyName: "passwordInputId", publicName: "passwordInputId", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: PasswordWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: PasswordWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: PasswordWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-password-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective], providers: [
                         {

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

	@@ -1 +1 @@
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 { 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 changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [KcClassDirective],\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 './index';\n"],"names":[],"mappings":";;;;;;;;AA4BM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AAnBhE,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACvB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AACpC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,~~0DAAU~~;AACjC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAE3E,QAAA,IAAA,CAAA,kBAAkB,GAA4B,MAAM,CAAC,KAAK,~~8DAAC~~;AAa9D;IAXG,wBAAwB,GAAA;AACpB,QAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;QACrD,IAAI,CAAC,oBAAoB,EAAE~~;;IAGvB~~,oBAAoB,GAAA;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7D,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,MAAM,GAAG,UAAU,CAAC~~;;;8GAjBxF~~,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,~~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;AACzD;SACJ,~~EC1BL~~,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAAA~~,yjBAeA,mFDIc,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;;2FASjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAnBpC,SAAS;+BACI,qBAAqB,EAAA,eAAA,EAQd,uBAAuB,CAAC,MAAM,WACtC,CAAC,gBAAgB,CAAC,~~EAEhB~~,SAAA,~~EAAA~~;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B;AACzD;AACJ,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}
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 { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, type 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 changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [KcClassDirective],\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 './index';\n"],"names":[],"mappings":";;;;;;;;AA4BM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AAnBhE,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACvB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AACpC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,4DAAU;AACjC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAE3E,QAAA,IAAA,CAAA,kBAAkB,GAA4B,MAAM,CAAC,KAAK,gEAAC;AAa9D,IAAA;IAXG,wBAAwB,GAAA;AACpB,QAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;QACrD,IAAI,CAAC,oBAAoB,EAAE;IAC/B;IAEQ,oBAAoB,GAAA;QACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QAC7D,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,MAAM,GAAG,UAAU,CAAC;QAC7F;IACJ;8GAnBS,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,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,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,EC1BL,yjBAeA,mFDIc,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;;2FASjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAnBpC,SAAS;+BACI,qBAAqB,EAAA,eAAA,EAQd,uBAAuB,CAAC,MAAM,WACtC,CAAC,gBAAgB,CAAC,EAAA,SAAA,EAEhB;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B;AACzD;AACJ,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE1BL;;AAEG;;;;"}

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

@@ -11,15 +11,15 @@ class SelectTagComponent 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.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.attribute = input(undefined, { ...(ngDevMode ? { debugName: "attribute" } : {}) });
+        this.valueOrValues = input(undefined, { ...(ngDevMode ? { debugName: "valueOrValues" } : {}) });
+        this.displayableErrors = input(undefined, { ...(ngDevMode ? { debugName: "displayableErrors" } : {}) });
         this.dispatchFormAction = output();
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
         this.isMultiple = computed(() => {
             return this.attribute()?.annotations?.inputType === 'multiselect';
-        }, ...(ngDevMode ? [{ debugName: "isMultiple" }] : []));
+        }, { ...(ngDevMode ? { debugName: "isMultiple" } : {}) });
         this.options = computed(() => {
             const attribute = this.attribute();
             if (attribute) {
@@ -42,7 +42,7 @@ class SelectTagComponent extends ComponentReference {
                 })();
             }
             return [];
-        }, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        }, { ...(ngDevMode ? { debugName: "options" } : {}) });
     }
     onChange(event) {
         this.dispatchFormAction.emit({
@@ -63,15 +63,15 @@ class SelectTagComponent extends ComponentReference {
             fieldIndex: undefined
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: SelectTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SelectTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: SelectTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: SelectTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, ToNumberPipe], selector: 'kc-select-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

	@@ -1 +1 @@
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, 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, 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 './index';\n"],"names":[],"mappings":";;;;;;;;;AA+BM,MAAO,kBAAmB,SAAQ,kBAAkB,CAAA;AAnB1D,IAAA,WAAA,GAAA;;AAoBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;QAC/B,~~IAAS~~,CAAA,~~SAAA~~,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,~~IAAiB~~,CAAA,~~iBAAA~~,GAAG,KAAK,CAAA,~~IAAA,~~SAAA,~~GAAA~~,~~CAAA~~,SAAA,~~EAAA~~,EAAA,SAAA,EAAA,mBAAA,EAAA,~~CAAA,~~GAAA,EAAA,CAAA,CAAoB;QAC7C,~~IAAkB~~,CAAA,~~kBAAA~~,GAAG,MAAM,EAAc;AAChC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAE3E,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;YACvB,OAAO,IAAI,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,SAAS,KAAK,aAAa;AACrE,~~SAAC~~,~~sDAAC~~;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~~;;wBAGd~~,MAAM,SAAS,GAAI,SAAS,CAAC,UAAqD,CAAC,0BAA0B,CAAC;AAE9G,wBAAA,IAAI,SAAS,KAAK,SAAS,EAAE;AACzB,4BAAA,MAAM,IAAI~~;;AAGd~~,wBAAA,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,EAAE;AACjC,4BAAA,MAAM,IAAI~~;;wBAGd~~,OAAO,SAAS,CAAC,OAAO~~;;oBAG5B~~,OAAO,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI,EAAE;~~iBACrD~~,GAAG~~;;AAER~~,YAAA,OAAO,EAAE;AACb,~~SAAC~~,~~mDAAC~~;AAuBL;AArBG,IAAA,QAAQ,CAAC,KAAY,EAAA;AACjB,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,IAAI,CAAC,UAAU,EAAE,EAAE;oBACnB,OAAO,KAAK,CAAC,IAAI,CAAE,KAAK,CAAC,MAA4B,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC~~;;AAGtG~~,gBAAA,OAAQ,KAAK,CAAC,MAA4B,CAAC,KAAK;AACpD,~~aAAC~~;AACJ,SAAA,CAAC~~;;IAGN~~,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~~;;8GA9DG~~,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,~~EAPhB~~,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,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,~~EAAA~~;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,kBAAkB;AACnD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BL,yqCA+BA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAW/B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnB9B,SAAS;8BAQG,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAC/B,eAAe,~~EAER~~,eAAA,~~EAAA~~,uBAAuB,CAAC,MAAM,~~EACpC~~,SAAA,~~EAAA~~;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,wBAAwB;AACnD;AACJ,qBAAA,EAAA,QAAA,EAAA,yqCAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE7BL;;AAEG;;;;"}
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, 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, 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 './index';\n"],"names":[],"mappings":"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"}

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

@@ -9,9 +9,9 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 class TextareaTagComponent extends ComponentReference {
     constructor() {
         super(...arguments);
-        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
-        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-        this.displayableErrors = input(...(ngDevMode ? [undefined, { debugName: "displayableErrors" }] : []));
+        this.attribute = input(undefined, { ...(ngDevMode ? { debugName: "attribute" } : {}) });
+        this.value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}) });
+        this.displayableErrors = input(undefined, { ...(ngDevMode ? { debugName: "displayableErrors" } : {}) });
         this.dispatchFormAction = output();
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
@@ -30,15 +30,15 @@ class TextareaTagComponent extends ComponentReference {
             fieldIndex: undefined
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TextareaTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextareaTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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: "20.3.6", ngImport: i0, type: TextareaTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TextareaTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, ToNumberPipe], selector: 'kc-textarea-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

	@@ -1 +1 @@
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, 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, 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 './index';\n"],"names":[],"mappings":";;;;;;;;AA6BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAnB5D,IAAA,WAAA,GAAA;;QAoBI,~~IAAS~~,CAAA,~~SAAA~~,GAAG,KAAK,CAAA,~~IAAA,~~SAAA,~~GAAA~~,~~CAAA~~,SAAA,~~EAAA~~,EAAA,SAAA,EAAA,WAAA,EAAA,~~CAAA,~~GAAA,EAAA,CAAA,CAAa;QAC9B,~~IAAK~~,CAAA,~~KAAA~~,GAAG,KAAK,CAAA,~~IAAA,~~SAAA,~~GAAA~~,~~CAAA~~,SAAA,~~EAAA~~,EAAA,SAAA,EAAA,OAAA,EAAA,~~CAAA,~~GAAA,EAAA,CAAA,CAAU;QACvB,~~IAAiB~~,CAAA,~~iBAAA~~,GAAG,KAAK,CAAA,~~IAAA,~~SAAA,~~GAAA~~,~~CAAA~~,SAAA,~~EAAA~~,EAAA,SAAA,EAAA,mBAAA,EAAA,~~CAAA,~~GAAA,EAAA,CAAA,CAAoB;QAC7C,~~IAAkB~~,CAAA,~~kBAAA~~,GAAG,MAAM,EAAc;AAChC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;AAiB9E;AAfG,IAAA,QAAQ,CAAC,KAAY,EAAA;AACjB,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,EAAG,KAAK,CAAC,MAA8B,CAAC;AACxD,SAAA,CAAC~~;;IAGN~~,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~~;;8GArBG~~,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,~~EAPlB~~,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,~~EAAA~~;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB;AACrD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3BL,ovBAgBA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAW/B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAnBhC,SAAS;8BAQG,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAC/B,iBAAiB,~~EAEV~~,eAAA,~~EAAA~~,uBAAuB,CAAC,MAAM,~~EACpC~~,SAAA,~~EAAA~~;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B;AACrD;AACJ,qBAAA,EAAA,QAAA,EAAA,ovBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AE3BL;;AAEG;;;;"}
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, 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, 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 './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-user-profile-form-fields.mjs CHANGED Viewed

@@ -30,8 +30,8 @@ class UserProfileFormFieldsComponent extends ComponentReference {
     onDispatch(formAction) {
         this.#userProfileFormService.dispatchFormAction(formAction);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserProfileFormFieldsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: UserProfileFormFieldsComponent, isStandalone: true, selector: "kc-user-profile-form-fields", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: UserProfileFormFieldsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: UserProfileFormFieldsComponent, isStandalone: true, selector: "kc-user-profile-form-fields", providers: [
             UserProfileFormService,
             {
                 provide: ComponentReference,
@@ -39,7 +39,7 @@ class UserProfileFormFieldsComponent extends ComponentReference {
             }
         ], queries: [{ propertyName: "beforeField", first: true, predicate: ["beforeField"], descendants: true }, { propertyName: "afterField", first: true, predicate: ["afterField"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@let formState = formState$ | async;\n@let xAttributeLocale = xAttributeLocale$ | async;\n@if (formState) {\n    @let formFieldStates = formState.formFieldStates;\n\n    @for (fieldState of formFieldStates; track fieldState.attribute) {\n        <kc-group-label [attribute]=\"fieldState.attribute\" />\n\n        @if (beforeField) {\n            <ng-container\n                [ngTemplateOutlet]=\"beforeField\"\n                [ngTemplateOutletContext]=\"{\n                    attribute: fieldState.attribute,\n                    valueOrValues: fieldState.valueOrValues,\n                    displayableErrors: fieldState.displayableErrors\n                }\"\n            />\n        }\n\n        <div\n            [kcClass]=\"'kcFormGroupClass'\"\n            [style.display]=\"\n                fieldState.attribute.annotations.inputType === 'hidden' ||\n                (fieldState.attribute.name === 'password-confirm' && !doMakeUserConfirmPassword)\n                    ? 'none'\n                    : 'block'\n            \"\n        >\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    [for]=\"fieldState.attribute.name\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.advancedMsgStr(fieldState.attribute.displayName ?? '') }}\n                    @if (fieldState.attribute.required) {\n                        *\n                    }\n                </label>\n            </div>\n\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                @if (fieldState.attribute.annotations.inputHelperTextBefore) {\n                    <div\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputHelperTextBeforeClass'\"\n                        [id]=\"'form-help-text-before-' + fieldState.attribute.name\"\n                    >\n                        {{ i18n.advancedMsgStr(fieldState.attribute.annotations.inputHelperTextBefore) }}\n                    </div>\n                }\n\n                <kc-input-field-by-type\n                    [attribute]=\"fieldState.attribute\"\n                    [valueOrValues]=\"fieldState.valueOrValues\"\n                    [displayableErrors]=\"fieldState.displayableErrors\"\n                    (dispatchFormAction)=\"onDispatch($event)\"\n                />\n\n                <kc-field-errors\n                    [attribute]=\"fieldState.attribute\"\n                    [displayableErrors]=\"fieldState.displayableErrors\"\n                />\n                @if (fieldState.attribute.annotations.inputHelperTextAfter) {\n                    <div\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputHelperTextAfterClass'\"\n                        [id]=\"'form-help-text-after-' + fieldState.attribute.name\"\n                    >\n                        {{ i18n.advancedMsgStr(fieldState.attribute.annotations.inputHelperTextAfter) }}\n                    </div>\n                }\n\n                @if (afterField) {\n                    <ng-container\n                        [ngTemplateOutlet]=\"afterField\"\n                        [ngTemplateOutletContext]=\"{\n                            attribute: fieldState.attribute,\n                            valueOrValues: fieldState.valueOrValues,\n                            displayableErrors: fieldState.displayableErrors\n                        }\"\n                    />\n                }\n                <!-- NOTE: Downloading of html5DataAnnotations scripts is done in the useUserProfileForm hook -->\n            </div>\n        </div>\n    }\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: FieldErrorsComponent, selector: "kc-field-errors", inputs: ["attribute", "displayableErrors", "fieldIndex"] }, { kind: "component", type: InputFieldByTypeComponent, selector: "kc-input-field-by-type", inputs: ["attribute", "valueOrValues", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: GroupLabelComponent, selector: "kc-group-label", inputs: ["attribute", "groupName"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UserProfileFormFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: UserProfileFormFieldsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, FieldErrorsComponent, InputFieldByTypeComponent, GroupLabelComponent, NgTemplateOutlet, AsyncPipe], selector: 'kc-user-profile-form-fields', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         UserProfileFormService,