@keycloakify/angular 20.1.9 → 20.1.11

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

@@ -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.4", ngImport: i0, type: LogoutOtherSessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: LogoutOtherSessionsComponent, isStandalone: true, selector: "kc-logout-other-sessions", providers: [
+    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: [
             {
                 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.4", ngImport: i0, type: LogoutOtherSessionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", 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-password-wrapper.mjs

@@ -1,4 +1,3 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, Renderer2, input, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
@@ -27,23 +26,23 @@ 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.4", ngImport: i0, type: PasswordWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.4", 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: "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: [
             {
                 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.4", ngImport: i0, type: PasswordWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: PasswordWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kc-password-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe], providers: [
+            args: [{ selector: 'kc-password-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective], providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => PasswordWrapperComponent)
                         }
                     ], template: "<div [kcClass]=\"'kcInputGroup'\">\n    <ng-content />\n    <button\n        type=\"button\"\n        [kcClass]=\"'kcFormPasswordVisibilityButtonClass'\"\n        [attr.aria-label]=\"i18n.msgStr(isPasswordRevealed() ? 'hidePassword' : 'showPassword')\"\n        [attr.aria-controls]=\"passwordInputId()\"\n        (click)=\"togglePasswordVisibility()\"\n    >\n        <i\n            aria-hidden=\"true\"\n            [kcClass]=\"isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'\"\n        ></i>\n    </button>\n</div>\n", styles: [":host{display:contents}\n"] }]
-        }] });
+        }], propDecorators: { passwordInputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordInputId", required: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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 { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, WritableSignal } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    selector: 'kc-password-wrapper',\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe],\n    templateUrl: 'password-wrapper.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => PasswordWrapperComponent)\n        }\n    ]\n})\nexport class PasswordWrapperComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    private renderer = inject(Renderer2);\n    passwordInputId = input.required<string>();\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    isPasswordRevealed: WritableSignal<boolean> = signal(false);\n\n    togglePasswordVisibility(): void {\n        this.isPasswordRevealed.update(revealed => !revealed);\n        this.setPasswordInputType();\n    }\n\n    private setPasswordInputType(): void {\n        const input = document.getElementById(this.passwordInputId());\n        if (input) {\n            this.renderer.setProperty(input, 'type', this.isPasswordRevealed() ? 'text' : 'password');\n        }\n    }\n}\n","<div [kcClass]=\"'kcInputGroup'\">\n    <ng-content />\n    <button\n        type=\"button\"\n        [kcClass]=\"'kcFormPasswordVisibilityButtonClass'\"\n        [attr.aria-label]=\"i18n.msgStr(isPasswordRevealed() ? 'hidePassword' : 'showPassword')\"\n        [attr.aria-controls]=\"passwordInputId()\"\n        (click)=\"togglePasswordVisibility()\"\n    >\n        <i\n            aria-hidden=\"true\"\n            [kcClass]=\"isPasswordRevealed() ? 'kcFormPasswordVisibilityIconHide' : 'kcFormPasswordVisibilityIconShow'\"\n        ></i>\n    </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AA6BM,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,EC3BL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yjBAeA,mFDKc,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,EAAA,OAAA,EACtC,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAE3B,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;;;AE3BL;;AAEG;;;;"}
+{"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;;;;"}

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

@@ -63,15 +63,15 @@ class SelectTagComponent extends ComponentReference {
             fieldIndex: undefined
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: SelectTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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: "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: [
             {
                 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.4", ngImport: i0, type: SelectTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: SelectTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, ToNumberPipe], selector: 'kc-select-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => SelectTagComponent)
                         }
                     ], template: "@let attr = attribute();\n@let multiple = isMultiple();\n@if (attr) {\n    <select\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [value]=\"valueOrValues()\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [multiple]=\"multiple\"\n        [size]=\"!attr.annotations.inputTypeSize ? undefined : (attr.annotations.inputTypeSize | toNumber)\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    >\n        @if (!multiple) {\n            <option value=\"\"></option>\n        }\n        @for (option of options(); track option) {\n            <option [value]=\"option\">\n                @if (!!attr.annotations.inputOptionLabels) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabels[option] ?? option) }}\n                } @else if (!!attr.annotations.inputOptionLabelsI18nPrefix) {\n                    {{ i18n.advancedMsgStr(attr.annotations.inputOptionLabelsI18nPrefix + '.' + option) }}\n                } @else {\n                    {{ option }}\n                }\n            </option>\n        }\n    </select>\n}\n", styles: [":host{display:contents}\n"] }]
-        }] });
+        }], propDecorators: { attribute: [{ type: i0.Input, args: [{ isSignal: true, alias: "attribute", required: false }] }], valueOrValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueOrValues", required: false }] }], displayableErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayableErrors", required: false }] }], dispatchFormAction: [{ type: i0.Output, args: ["dispatchFormAction"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    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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"}
+{"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

@@ -30,15 +30,15 @@ class TextareaTagComponent extends ComponentReference {
             fieldIndex: undefined
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: TextareaTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", 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: "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: [
             {
                 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.4", ngImport: i0, type: TextareaTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TextareaTagComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, ToNumberPipe], selector: 'kc-textarea-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => TextareaTagComponent)
                         }
                     ], template: "@let attr = attribute();\n@if (attr) {\n    <textarea\n        [id]=\"attr.name\"\n        [name]=\"attr.name\"\n        [kcClass]=\"'kcInputClass'\"\n        [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n        [disabled]=\"attr.readOnly\"\n        [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n        [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n        [maxLength]=\"attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\"\n        [value]=\"value()\"\n        (change)=\"onChange($event)\"\n        (blur)=\"onBlur()\"\n    ></textarea>\n}\n", styles: [":host{display:contents}\n"] }]
-        }] });
+        }], propDecorators: { attribute: [{ type: i0.Input, args: [{ isSignal: true, alias: "attribute", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], displayableErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayableErrors", required: false }] }], dispatchFormAction: [{ type: i0.Output, args: ["dispatchFormAction"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { type Attribute } from 'keycloakify/login/KcContext';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, 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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"}
+{"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

@@ -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.4", ngImport: i0, type: UserProfileFormFieldsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: UserProfileFormFieldsComponent, isStandalone: true, selector: "kc-user-profile-form-fields", providers: [
+    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: [
             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.4", ngImport: i0, type: UserProfileFormFieldsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", 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,

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-components-user-profile-form-fields.mjs","sources":["../../src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts","../../src/login/components/user-profile-form-fields/user-profile-form-fields.component.html","../../src/login/components/user-profile-form-fields/keycloakify-angular-login-components-user-profile-form-fields.ts"],"sourcesContent":["import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, forwardRef, inject, TemplateRef } 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 { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';\nimport { GroupLabelComponent } from '@keycloakify/angular/login/components/group-label';\nimport { InputFieldByTypeComponent } from '@keycloakify/angular/login/components/input-field-by-type';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { type FormAction, UserProfileFormService } 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 { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport { map } from 'rxjs';\n\n@Component({\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, FieldErrorsComponent, InputFieldByTypeComponent, GroupLabelComponent, NgTemplateOutlet, AsyncPipe],\n    selector: 'kc-user-profile-form-fields',\n    templateUrl: 'user-profile-form-fields.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        UserProfileFormService,\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UserProfileFormFieldsComponent)\n        }\n    ]\n})\nexport class UserProfileFormFieldsComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    #userProfileFormService = inject(UserProfileFormService);\n    doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    formState$ = this.#userProfileFormService.formState$;\n    xAttributeLocale$ = this.formState$.pipe(map(s => s.formFieldStates.find(x => x.attribute.name === 'locale')));\n\n    @ContentChild('beforeField') beforeField: TemplateRef<unknown> | undefined;\n    @ContentChild('afterField') afterField: TemplateRef<unknown> | undefined;\n\n    onDispatch(formAction: FormAction) {\n        this.#userProfileFormService.dispatchFormAction(formAction);\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-components-user-profile-form-fields.mjs","sources":["../../src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts","../../src/login/components/user-profile-form-fields/user-profile-form-fields.component.html","../../src/login/components/user-profile-form-fields/keycloakify-angular-login-components-user-profile-form-fields.ts"],"sourcesContent":["import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, forwardRef, inject, TemplateRef } 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 { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';\nimport { GroupLabelComponent } from '@keycloakify/angular/login/components/group-label';\nimport { InputFieldByTypeComponent } from '@keycloakify/angular/login/components/input-field-by-type';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { type FormAction, UserProfileFormService } 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 { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport { map } from 'rxjs';\n\n@Component({\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    imports: [KcClassDirective, FieldErrorsComponent, InputFieldByTypeComponent, GroupLabelComponent, NgTemplateOutlet, AsyncPipe],\n    selector: 'kc-user-profile-form-fields',\n    templateUrl: 'user-profile-form-fields.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        UserProfileFormService,\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => UserProfileFormFieldsComponent)\n        }\n    ]\n})\nexport class UserProfileFormFieldsComponent extends ComponentReference {\n    i18n = inject<I18n>(LOGIN_I18N);\n    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    #userProfileFormService = inject(UserProfileFormService);\n    doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    formState$ = this.#userProfileFormService.formState$;\n    xAttributeLocale$ = this.formState$.pipe(map(s => s.formFieldStates.find(x => x.attribute.name === 'locale')));\n\n    @ContentChild('beforeField') beforeField: TemplateRef<unknown> | undefined;\n    @ContentChild('afterField') afterField: TemplateRef<unknown> | undefined;\n\n    onDispatch(formAction: FormAction) {\n        this.#userProfileFormService.dispatchFormAction(formAction);\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsCM,MAAO,8BAA+B,SAAQ,kBAAkB,CAAA;AApBtE,IAAA,WAAA,GAAA;;AAqBI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AAC/B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAY,gBAAgB,CAAC;AAC/C,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxD,QAAA,IAAA,CAAA,yBAAyB,GAAG,MAAM,CAAC,6BAA6B,CAAC;AACxD,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,IAAI,CAAC,uBAAuB,CAAC,UAAU;AACpD,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC;AAQjH;AAdG,IAAA,uBAAuB;AAWvB,IAAA,UAAU,CAAC,UAAsB,EAAA;AAC7B,QAAA,IAAI,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,UAAU,CAAC;;8GAftD,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,8BAA8B,EAR5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,SAAA,EAAA;YACP,sBAAsB;AACtB,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,8BAA8B;AAC/D;AACJ,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpCL,klHAuFA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7Dc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,mBAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,yBAAyB,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAYpH,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBApB1C,SAAS;AAQG,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACpH,QAAA,EAAA,6BAA6B,mBAEtB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACP,sBAAsB;AACtB,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,oCAAoC;AAC/D;AACJ,qBAAA,EAAA,QAAA,EAAA,klHAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;sBAaA,YAAY;uBAAC,aAAa;;sBAC1B,YAAY;uBAAC,YAAY;;;AElD9B;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-directives-kc-class.mjs

@@ -116,10 +116,10 @@ class KcClassDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.4", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KcClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: KcClassDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[kcClass]' }]
         }], propDecorators: { klass: [{

package/fesm2022/keycloakify-angular-login-directives-kc-class.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-directives-kc-class.mjs","sources":["../../src/login/directives/kc-class/kc-class.directive.ts","../../src/login/directives/kc-class/keycloakify-angular-login-directives-kc-class.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport {\n    Directive,\n    DoCheck,\n    ElementRef,\n    inject,\n    Input,\n    isDevMode,\n    Renderer2,\n    ɵstringify as stringify\n} from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\ninterface CssClassState {\n    // PERF: could use a bit mask to represent state as all fields are boolean flags\n    enabled: boolean;\n    changed: boolean;\n    touched: boolean;\n}\n\ntype KcClassSupportedTypes =\n    | ClassKey[]\n    | Set<ClassKey>\n    | Partial<{ [key in ClassKey]: any }>\n    | null\n    | undefined;\n\ntype NgClassSupportedTypes =\n    | string[]\n    | Set<string>\n    | { [key: string]: any }\n    | null\n    | undefined;\n\n@Directive({ selector: '[kcClass]' })\nexport class KcClassDirective implements DoCheck {\n    private initialClasses: string[] = [];\n    private rawClass: NgClassSupportedTypes;\n    private rawKcClass: KcClassSupportedTypes;\n\n    private stateMap = new Map<string | ClassKey, CssClassState>();\n    readonly #renderer = inject(Renderer2);\n    readonly #el = inject(ElementRef);\n    readonly #host = inject(ComponentReference);\n\n    @Input('class')\n    set klass(value: string) {\n        this.initialClasses = value != null ? value.trim().split(/\\s+/) : [];\n    }\n\n    @Input('ngClass')\n    set ngClass(value: string | NgClassSupportedTypes) {\n        this.rawClass = typeof value === 'string' ? value.trim().split(/\\s+/) : value;\n    }\n\n    @Input('kcClass')\n    set kcClass(value: ClassKey | KcClassSupportedTypes) {\n        this.rawKcClass =\n            typeof value === 'string' ? (value.trim().split(/\\s+/) as ClassKey[]) : value;\n    }\n\n    ngDoCheck(): void {\n        for (const klass of this.initialClasses) {\n            this._updateState(klass, true);\n        }\n        // classes from the [ngClass] binding\n        const rawClass = this.rawClass;\n        if (Array.isArray(rawClass) || rawClass instanceof Set) {\n            for (const klass of rawClass) {\n                this._updateState(klass, true);\n            }\n        } else if (rawClass != null) {\n            for (const klass of Object.keys(rawClass)) {\n                this._updateState(klass, Boolean(rawClass[klass]));\n            }\n        }\n\n        // classes from the [kcClass] binding\n        const rawKcClass = this.rawKcClass;\n        if (Array.isArray(rawKcClass) || rawKcClass instanceof Set) {\n            for (const klass of rawKcClass) {\n                this._updateState(klass, true, true);\n            }\n        } else if (rawKcClass != null) {\n            for (const klass of Object.keys(rawKcClass)) {\n                this._updateState(klass, Boolean(rawKcClass[klass as ClassKey]), true);\n            }\n        }\n\n        this._applyStateDiff();\n    }\n\n    private _updateState(\n        klass: string | ClassKey,\n        nextEnabled: boolean,\n        kcClsxCheck = false\n    ) {\n        const state = this.stateMap.get(klass);\n        if (state !== undefined) {\n            if (state.enabled !== nextEnabled) {\n                state.changed = true;\n                state.enabled = nextEnabled;\n            }\n            state.touched = true;\n        } else {\n            let klassChecked = klass;\n            if (kcClsxCheck) {\n                const doUseDefaultCss = this.#host.doUseDefaultCss ?? true;\n                const classes = this.#host.classes;\n                const kcClsx = getKcClsx({ doUseDefaultCss, classes }).kcClsx;\n                klassChecked = kcClsx(klass as ClassKey);\n            }\n            this.stateMap.set(klassChecked, {\n                enabled: nextEnabled,\n                changed: true,\n                touched: true\n            });\n        }\n    }\n\n    private _applyStateDiff() {\n        for (const stateEntry of this.stateMap) {\n            const klass = stateEntry[0];\n            const state = stateEntry[1];\n\n            if (state.changed) {\n                this._toggleClass(klass, state.enabled);\n                state.changed = false;\n            } else if (!state.touched) {\n                // A class that was previously active got removed from the new collection of classes -\n                // remove from the DOM as well.\n                if (state.enabled) {\n                    this._toggleClass(klass, false);\n                }\n                this.stateMap.delete(klass);\n            }\n\n            state.touched = false;\n        }\n    }\n\n    private _toggleClass(klass: string, enabled: boolean): void {\n        if (isDevMode()) {\n            if (typeof klass !== 'string') {\n                throw new Error(\n                    `NgClass can only toggle CSS classes expressed as strings, got ${stringify(klass)}`\n                );\n            }\n        }\n\n        klass = klass.trim();\n        if (klass.length > 0) {\n            klass.split(/\\s+/).forEach(klass => {\n                if (enabled) {\n                    this.#renderer.addClass(this.#el.nativeElement, klass);\n                } else {\n                    this.#renderer.removeClass(this.#el.nativeElement, klass);\n                }\n            });\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["stringify"],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-directives-kc-class.mjs","sources":["../../src/login/directives/kc-class/kc-class.directive.ts","../../src/login/directives/kc-class/keycloakify-angular-login-directives-kc-class.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport {\n    Directive,\n    DoCheck,\n    ElementRef,\n    inject,\n    Input,\n    isDevMode,\n    Renderer2,\n    ɵstringify as stringify\n} from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\ninterface CssClassState {\n    // PERF: could use a bit mask to represent state as all fields are boolean flags\n    enabled: boolean;\n    changed: boolean;\n    touched: boolean;\n}\n\ntype KcClassSupportedTypes =\n    | ClassKey[]\n    | Set<ClassKey>\n    | Partial<{ [key in ClassKey]: any }>\n    | null\n    | undefined;\n\ntype NgClassSupportedTypes =\n    | string[]\n    | Set<string>\n    | { [key: string]: any }\n    | null\n    | undefined;\n\n@Directive({ selector: '[kcClass]' })\nexport class KcClassDirective implements DoCheck {\n    private initialClasses: string[] = [];\n    private rawClass: NgClassSupportedTypes;\n    private rawKcClass: KcClassSupportedTypes;\n\n    private stateMap = new Map<string | ClassKey, CssClassState>();\n    readonly #renderer = inject(Renderer2);\n    readonly #el = inject(ElementRef);\n    readonly #host = inject(ComponentReference);\n\n    @Input('class')\n    set klass(value: string) {\n        this.initialClasses = value != null ? value.trim().split(/\\s+/) : [];\n    }\n\n    @Input('ngClass')\n    set ngClass(value: string | NgClassSupportedTypes) {\n        this.rawClass = typeof value === 'string' ? value.trim().split(/\\s+/) : value;\n    }\n\n    @Input('kcClass')\n    set kcClass(value: ClassKey | KcClassSupportedTypes) {\n        this.rawKcClass =\n            typeof value === 'string' ? (value.trim().split(/\\s+/) as ClassKey[]) : value;\n    }\n\n    ngDoCheck(): void {\n        for (const klass of this.initialClasses) {\n            this._updateState(klass, true);\n        }\n        // classes from the [ngClass] binding\n        const rawClass = this.rawClass;\n        if (Array.isArray(rawClass) || rawClass instanceof Set) {\n            for (const klass of rawClass) {\n                this._updateState(klass, true);\n            }\n        } else if (rawClass != null) {\n            for (const klass of Object.keys(rawClass)) {\n                this._updateState(klass, Boolean(rawClass[klass]));\n            }\n        }\n\n        // classes from the [kcClass] binding\n        const rawKcClass = this.rawKcClass;\n        if (Array.isArray(rawKcClass) || rawKcClass instanceof Set) {\n            for (const klass of rawKcClass) {\n                this._updateState(klass, true, true);\n            }\n        } else if (rawKcClass != null) {\n            for (const klass of Object.keys(rawKcClass)) {\n                this._updateState(klass, Boolean(rawKcClass[klass as ClassKey]), true);\n            }\n        }\n\n        this._applyStateDiff();\n    }\n\n    private _updateState(\n        klass: string | ClassKey,\n        nextEnabled: boolean,\n        kcClsxCheck = false\n    ) {\n        const state = this.stateMap.get(klass);\n        if (state !== undefined) {\n            if (state.enabled !== nextEnabled) {\n                state.changed = true;\n                state.enabled = nextEnabled;\n            }\n            state.touched = true;\n        } else {\n            let klassChecked = klass;\n            if (kcClsxCheck) {\n                const doUseDefaultCss = this.#host.doUseDefaultCss ?? true;\n                const classes = this.#host.classes;\n                const kcClsx = getKcClsx({ doUseDefaultCss, classes }).kcClsx;\n                klassChecked = kcClsx(klass as ClassKey);\n            }\n            this.stateMap.set(klassChecked, {\n                enabled: nextEnabled,\n                changed: true,\n                touched: true\n            });\n        }\n    }\n\n    private _applyStateDiff() {\n        for (const stateEntry of this.stateMap) {\n            const klass = stateEntry[0];\n            const state = stateEntry[1];\n\n            if (state.changed) {\n                this._toggleClass(klass, state.enabled);\n                state.changed = false;\n            } else if (!state.touched) {\n                // A class that was previously active got removed from the new collection of classes -\n                // remove from the DOM as well.\n                if (state.enabled) {\n                    this._toggleClass(klass, false);\n                }\n                this.stateMap.delete(klass);\n            }\n\n            state.touched = false;\n        }\n    }\n\n    private _toggleClass(klass: string, enabled: boolean): void {\n        if (isDevMode()) {\n            if (typeof klass !== 'string') {\n                throw new Error(\n                    `NgClass can only toggle CSS classes expressed as strings, got ${stringify(klass)}`\n                );\n            }\n        }\n\n        klass = klass.trim();\n        if (klass.length > 0) {\n            klass.split(/\\s+/).forEach(klass => {\n                if (enabled) {\n                    this.#renderer.addClass(this.#el.nativeElement, klass);\n                } else {\n                    this.#renderer.removeClass(this.#el.nativeElement, klass);\n                }\n            });\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["stringify"],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-pages-code.mjs

@@ -21,15 +21,15 @@ class CodeComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: CodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: CodeComponent, isStandalone: true, selector: "kc-code", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: CodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: CodeComponent, isStandalone: true, selector: "kc-code", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => CodeComponent)
             }
         ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @let code = kcContext.code;\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\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.4", ngImport: i0, type: CodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: CodeComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-code', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => CodeComponent)
                         }
                     ], template: "@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @let code = kcContext.code;\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\n" }]
-        }] });
+        }], propDecorators: { headerNode: [{ type: i0.ViewChild, args: ['headerNode', { isSignal: true }] }], infoNode: [{ type: i0.ViewChild, args: ['infoNode', { isSignal: true }] }], socialProvidersNode: [{ type: i0.ViewChild, args: ['socialProvidersNode', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/keycloakify-angular-login-pages-code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-code.mjs","sources":["../../src/login/pages/code/code.component.ts","../../src/login/pages/code/code.component.html","../../src/login/pages/code/keycloakify-angular-login-pages-code.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-code',\n    templateUrl: 'code.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => CodeComponent)\n        }\n    ]\n})\nexport class CodeComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'code.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @let code = kcContext.code;\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAuBM,MAAO,aAAc,SAAQ,kBAAkB,CAAA;AAZrD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA6C,gBAAgB,CAAC;AAChF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AAEtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAC7B,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,sDAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,oDAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,+DAAC;AACnF;8GAjBY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAPX,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa;AAC9C;SACJ,ECrBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wkBAuBA,4CDXc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjB,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;8BACG,CAAC,gBAAgB,CAAC,EACjB,QAAA,EAAA,SAAS,mBAEF,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB;AAC9C;AACJ,qBAAA,EAAA,QAAA,EAAA,wkBAAA,EAAA;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-code.mjs","sources":["../../src/login/pages/code/code.component.ts","../../src/login/pages/code/code.component.html","../../src/login/pages/code/keycloakify-angular-login-pages-code.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-code',\n    templateUrl: 'code.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => CodeComponent)\n        }\n    ]\n})\nexport class CodeComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'code.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @let code = kcContext.code;\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAuBM,MAAO,aAAc,SAAQ,kBAAkB,CAAA;AAZrD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA6C,gBAAgB,CAAC;AAChF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AAEtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAC7B,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,sDAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,oDAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,+DAAC;AACnF;8GAjBY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAPX,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa;AAC9C;SACJ,ECrBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wkBAuBA,4CDXc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjB,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;8BACG,CAAC,gBAAgB,CAAC,EACjB,QAAA,EAAA,SAAS,mBAEF,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB;AAC9C;AACJ,qBAAA,EAAA,QAAA,EAAA,wkBAAA,EAAA;wEAgBgD,YAAY,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACd,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CACC,qBAAqB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEvCnF;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-pages-delete-account-confirm.mjs

@@ -21,15 +21,15 @@ class DeleteAccountConfirmComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DeleteAccountConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: DeleteAccountConfirmComponent, isStandalone: true, selector: "kc-delete-account-confirm", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: DeleteAccountConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: DeleteAccountConfirmComponent, isStandalone: true, selector: "kc-delete-account-confirm", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => DeleteAccountConfirmComponent)
             }
         ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let triggered_from_aia = kcContext.triggered_from_aia;\n<ng-template #headerNode>\n    {{ i18n.msgStr('deleteAccountConfirm') }}\n</ng-template>\n<form\n    method=\"post\"\n    class=\"form-actions\"\n    [action]=\"url.loginAction\"\n>\n    <div\n        class=\"alert alert-warning\"\n        style=\"margin-top: 0; margin-bottom: 30px\"\n    >\n        <span class=\"pficon pficon-warning-triangle-o\"></span>\n        {{ i18n.msgStr('irreversibleAction') }}\n    </div>\n    <p>{{ i18n.msgStr('deletingImplies') }}</p>\n    <ul style=\"color: #72767b; list-style: disc; list-style-position: inside\">\n        <li>{{ i18n.msgStr('loggingOutImmediately') }}</li>\n        <li>{{ i18n.msgStr('errasingData') }}</li>\n    </ul>\n    <p class=\"delete-account-text\">\n        {{ i18n.msgStr('finalDeletionConfirmation') }}\n    </p>\n    <div id=\"kc-form-buttons\">\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doConfirmDelete')\"\n        />\n        @if (triggered_from_aia) {\n            <button\n                style=\"margin-left: calc(100% - 220px)\"\n                type=\"submit\"\n                name=\"cancel-aia\"\n                value=\"true\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n            >\n                {{ i18n.msgStr('doCancel') }}\n            </button>\n        }\n    </div>\n</form>\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.4", ngImport: i0, type: DeleteAccountConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: DeleteAccountConfirmComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-delete-account-confirm', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => DeleteAccountConfirmComponent)
                         }
                     ], template: "@let url = kcContext.url;\n@let triggered_from_aia = kcContext.triggered_from_aia;\n<ng-template #headerNode>\n    {{ i18n.msgStr('deleteAccountConfirm') }}\n</ng-template>\n<form\n    method=\"post\"\n    class=\"form-actions\"\n    [action]=\"url.loginAction\"\n>\n    <div\n        class=\"alert alert-warning\"\n        style=\"margin-top: 0; margin-bottom: 30px\"\n    >\n        <span class=\"pficon pficon-warning-triangle-o\"></span>\n        {{ i18n.msgStr('irreversibleAction') }}\n    </div>\n    <p>{{ i18n.msgStr('deletingImplies') }}</p>\n    <ul style=\"color: #72767b; list-style: disc; list-style-position: inside\">\n        <li>{{ i18n.msgStr('loggingOutImmediately') }}</li>\n        <li>{{ i18n.msgStr('errasingData') }}</li>\n    </ul>\n    <p class=\"delete-account-text\">\n        {{ i18n.msgStr('finalDeletionConfirmation') }}\n    </p>\n    <div id=\"kc-form-buttons\">\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doConfirmDelete')\"\n        />\n        @if (triggered_from_aia) {\n            <button\n                style=\"margin-left: calc(100% - 220px)\"\n                type=\"submit\"\n                name=\"cancel-aia\"\n                value=\"true\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n            >\n                {{ i18n.msgStr('doCancel') }}\n            </button>\n        }\n    </div>\n</form>\n" }]
-        }] });
+        }], propDecorators: { headerNode: [{ type: i0.ViewChild, args: ['headerNode', { isSignal: true }] }], infoNode: [{ type: i0.ViewChild, args: ['infoNode', { isSignal: true }] }], socialProvidersNode: [{ type: i0.ViewChild, args: ['socialProvidersNode', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/keycloakify-angular-login-pages-delete-account-confirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-delete-account-confirm.mjs","sources":["../../src/login/pages/delete-account-confirm/delete-account-confirm.component.ts","../../src/login/pages/delete-account-confirm/delete-account-confirm.component.html","../../src/login/pages/delete-account-confirm/keycloakify-angular-login-pages-delete-account-confirm.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-delete-account-confirm',\n    templateUrl: 'delete-account-confirm.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => DeleteAccountConfirmComponent)\n        }\n    ]\n})\nexport class DeleteAccountConfirmComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'delete-account-confirm.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n@let triggered_from_aia = kcContext.triggered_from_aia;\n<ng-template #headerNode>\n    {{ i18n.msgStr('deleteAccountConfirm') }}\n</ng-template>\n<form\n    method=\"post\"\n    class=\"form-actions\"\n    [action]=\"url.loginAction\"\n>\n    <div\n        class=\"alert alert-warning\"\n        style=\"margin-top: 0; margin-bottom: 30px\"\n    >\n        <span class=\"pficon pficon-warning-triangle-o\"></span>\n        {{ i18n.msgStr('irreversibleAction') }}\n    </div>\n    <p>{{ i18n.msgStr('deletingImplies') }}</p>\n    <ul style=\"color: #72767b; list-style: disc; list-style-position: inside\">\n        <li>{{ i18n.msgStr('loggingOutImmediately') }}</li>\n        <li>{{ i18n.msgStr('errasingData') }}</li>\n    </ul>\n    <p class=\"delete-account-text\">\n        {{ i18n.msgStr('finalDeletionConfirmation') }}\n    </p>\n    <div id=\"kc-form-buttons\">\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doConfirmDelete')\"\n        />\n        @if (triggered_from_aia) {\n            <button\n                style=\"margin-left: calc(100% - 220px)\"\n                type=\"submit\"\n                name=\"cancel-aia\"\n                value=\"true\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n            >\n                {{ i18n.msgStr('doCancel') }}\n            </button>\n        }\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAuBM,MAAO,6BAA8B,SAAQ,kBAAkB,CAAA;AAZrE,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA+D,gBAAgB,CAAC;AAClG,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AAEtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAC7B,IAAW,CAAA,WAAA,GAAG,KAAK;QACnB,IAAc,CAAA,cAAA,GAAG,KAAK;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,sDAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,oDAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,+DAAC;AACnF;8GAjBY,6BAA6B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAP3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,6BAA6B;AAC9D;SACJ,ECrBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8/CA4CA,4CDhCc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjB,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAZzC,SAAS;8BACG,CAAC,gBAAgB,CAAC,EACjB,QAAA,EAAA,2BAA2B,mBAEpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mCAAmC;AAC9D;AACJ,qBAAA,EAAA,QAAA,EAAA,8/CAAA,EAAA;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-delete-account-confirm.mjs","sources":["../../src/login/pages/delete-account-confirm/delete-account-confirm.component.ts","../../src/login/pages/delete-account-confirm/delete-account-confirm.component.html","../../src/login/pages/delete-account-confirm/keycloakify-angular-login-pages-delete-account-confirm.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-delete-account-confirm',\n    templateUrl: 'delete-account-confirm.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => DeleteAccountConfirmComponent)\n        }\n    ]\n})\nexport class DeleteAccountConfirmComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'delete-account-confirm.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n@let triggered_from_aia = kcContext.triggered_from_aia;\n<ng-template #headerNode>\n    {{ i18n.msgStr('deleteAccountConfirm') }}\n</ng-template>\n<form\n    method=\"post\"\n    class=\"form-actions\"\n    [action]=\"url.loginAction\"\n>\n    <div\n        class=\"alert alert-warning\"\n        style=\"margin-top: 0; margin-bottom: 30px\"\n    >\n        <span class=\"pficon pficon-warning-triangle-o\"></span>\n        {{ i18n.msgStr('irreversibleAction') }}\n    </div>\n    <p>{{ i18n.msgStr('deletingImplies') }}</p>\n    <ul style=\"color: #72767b; list-style: disc; list-style-position: inside\">\n        <li>{{ i18n.msgStr('loggingOutImmediately') }}</li>\n        <li>{{ i18n.msgStr('errasingData') }}</li>\n    </ul>\n    <p class=\"delete-account-text\">\n        {{ i18n.msgStr('finalDeletionConfirmation') }}\n    </p>\n    <div id=\"kc-form-buttons\">\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doConfirmDelete')\"\n        />\n        @if (triggered_from_aia) {\n            <button\n                style=\"margin-left: calc(100% - 220px)\"\n                type=\"submit\"\n                name=\"cancel-aia\"\n                value=\"true\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n            >\n                {{ i18n.msgStr('doCancel') }}\n            </button>\n        }\n    </div>\n</form>\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-pages-delete-credential.mjs

@@ -21,15 +21,15 @@ class DeleteCredentialComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: DeleteCredentialComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: DeleteCredentialComponent, isStandalone: true, selector: "kc-delete-credential", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: DeleteCredentialComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.6", type: DeleteCredentialComponent, isStandalone: true, selector: "kc-delete-credential", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => DeleteCredentialComponent)
             }
         ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let credentialLabel = kcContext.credentialLabel;\n<ng-template #headerNode>\n    @let credentialLabel = kcContext.credentialLabel;\n    {{ i18n.msgStr('deleteCredentialTitle', credentialLabel) }}\n</ng-template>\n\n<div id=\"kc-delete-text\">\n    {{ i18n.msgStr('deleteCredentialMessage', credentialLabel) }}\n</div>\n\n<form\n    class=\"form-actions\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        name=\"accept\"\n        id=\"kc-accept\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doConfirmDelete')\"\n    />\n\n    <input\n        name=\"cancel-aia\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doCancel')\"\n    />\n</form>\n<div class=\"clearfix\"></div>\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.4", ngImport: i0, type: DeleteCredentialComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: DeleteCredentialComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-delete-credential', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useExisting: forwardRef(() => DeleteCredentialComponent)
                         }
                     ], template: "@let url = kcContext.url;\n@let credentialLabel = kcContext.credentialLabel;\n<ng-template #headerNode>\n    @let credentialLabel = kcContext.credentialLabel;\n    {{ i18n.msgStr('deleteCredentialTitle', credentialLabel) }}\n</ng-template>\n\n<div id=\"kc-delete-text\">\n    {{ i18n.msgStr('deleteCredentialMessage', credentialLabel) }}\n</div>\n\n<form\n    class=\"form-actions\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        name=\"accept\"\n        id=\"kc-accept\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doConfirmDelete')\"\n    />\n\n    <input\n        name=\"cancel-aia\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doCancel')\"\n    />\n</form>\n<div class=\"clearfix\"></div>\n" }]
-        }] });
+        }], propDecorators: { headerNode: [{ type: i0.ViewChild, args: ['headerNode', { isSignal: true }] }], infoNode: [{ type: i0.ViewChild, args: ['infoNode', { isSignal: true }] }], socialProvidersNode: [{ type: i0.ViewChild, args: ['socialProvidersNode', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.