@keycloakify/angular 0.2.17 → 0.2.18

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

@@ -18,21 +18,21 @@ class LoginUsernameComponent extends ComponentReference {
         this.classes = inject(LOGIN_CLASSES);
         this.displayRequiredFields = false;
         this.displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;
-        this.displayMessage = !this.kcContext?.messagesPerField?.existsError('username');
+        this.displayMessage = this.kcContext?.messagesPerField?.existsError('username');
         this.headerNode = viewChild('headerNode');
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
         this.isLoginButtonDisabled = signal(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginUsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: LoginUsernameComponent, isStandalone: true, selector: "kc-login-username", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginUsernameComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: LoginUsernameComponent, isStandalone: true, selector: "kc-login-username", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginUsernameComponent)
             }
         ], 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 realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginUsernameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginUsernameComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-login-username', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass], providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-username.mjs","sources":["../../src/login/pages/login-username/login-username.component.ts","../../src/login/pages/login-username/login-username.component.html","../../src/login/pages/login-username/keycloakify-angular-login-pages-login-username.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\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    selector: 'kc-login-username',\n    templateUrl: 'login-username.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUsernameComponent)\n        }\n    ]\n})\nexport class LoginUsernameComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-username.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo: boolean = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('username');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,sBAAuB,SAAQ,kBAAkB,CAAA;AAZ9D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAuD,gBAAgB,CAAC;AAC1F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAC7B,IAAW,CAAA,WAAA,GAAY,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,oBAAoB;AACjJ,QAAA,IAAA,CAAA,cAAc,GAAY,CAAC,IAAI,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,CAAC,UAAU,CAAC;AAEpF,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,CAAC;AAEhF,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC;AACxC;8GAlBY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB;AACvD;AACJ,SAAA,EAAA,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,ECvBL,gwMAwJA,EDvIc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAa,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,mDAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQrD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAEZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,WACtC,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC,EACpD,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,4BAA4B;AACvD;AACJ,qBAAA,EAAA,QAAA,EAAA,gwMAAA,EAAA;;;AEvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-login-username.mjs","sources":["../../src/login/pages/login-username/login-username.component.ts","../../src/login/pages/login-username/login-username.component.html","../../src/login/pages/login-username/keycloakify-angular-login-pages-login-username.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\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    selector: 'kc-login-username',\n    templateUrl: 'login-username.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginUsernameComponent)\n        }\n    ]\n})\nexport class LoginUsernameComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-username.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo: boolean = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage: boolean = this.kcContext?.messagesPerField?.existsError('username');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabindex=\"6\"\n                [href]=\"url?.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autoComplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username')\"\n                        />\n                        @if (messagesPerField?.existsError('username')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        tabindex=\"4\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,sBAAuB,SAAQ,kBAAkB,CAAA;AAZ9D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAuD,gBAAgB,CAAC;AAC1F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;AACtB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC;QAK3E,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAC7B,IAAW,CAAA,WAAA,GAAY,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,oBAAoB;QACjJ,IAAc,CAAA,cAAA,GAAY,IAAI,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,CAAC,UAAU,CAAC;AAEnF,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,CAAC;AAEhF,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC;AACxC;8GAlBY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB;AACvD;AACJ,SAAA,EAAA,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,ECvBL,gwMAwJA,EDvIc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAa,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,mDAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQrD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAEZ,eAAA,EAAA,uBAAuB,CAAC,MAAM,WACtC,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC,EACpD,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,4BAA4B;AACvD;AACJ,qBAAA,EAAA,QAAA,EAAA,gwMAAA,EAAA;;;AEvBL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-pages-login-verify-email.mjs

@@ -21,15 +21,15 @@ class LoginVerifyEmailComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginVerifyEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.2", type: LoginVerifyEmailComponent, isStandalone: true, selector: "kc-login-verify-email", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginVerifyEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: LoginVerifyEmailComponent, isStandalone: true, selector: "kc-login-verify-email", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginVerifyEmailComponent)
             }
         ], 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 user = kcContext.user;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('emailVerifyTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <p class=\"instruction\">\n        {{ i18n.msgStr('emailVerifyInstruction2') }}\n        <br />\n        <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n        &nbsp;\n        {{ i18n.msgStr('emailVerifyInstruction3') }}\n    </p>\n</ng-template>\n\n<p class=\"instruction\">\n    {{ i18n.msgStr('emailVerifyInstruction1', user?.email ?? '') }}\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginVerifyEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginVerifyEmailComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-verify-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-x509-info.mjs

@@ -21,15 +21,15 @@ class LoginX509InfoComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginX509InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: LoginX509InfoComponent, isStandalone: true, selector: "kc-login-x509-info", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginX509InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: LoginX509InfoComponent, isStandalone: true, selector: "kc-login-x509-info", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginX509InfoComponent)
             }
         ], 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 x509 = kcContext.x509;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-x509-login-info\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"certificate_subjectDN\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('clientCertificate') }}\n            </label>\n        </div>\n        @if (x509.formData.subjectDN) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.subjectDN }}\n                </label>\n            </div>\n        } @else {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"certificate_subjectDN\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('noCertificate') }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        @if (x509.formData.isUserEnabled) {\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    for=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('doX509Login') }}\n                </label>\n            </div>\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    id=\"username\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ x509.formData.username }}\n                </label>\n            </div>\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                <input\n                    name=\"login\"\n                    id=\"kc-login\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doContinue')\"\n                />\n                @if (x509.formData.isUserEnabled) {\n                    <input\n                        name=\"cancel\"\n                        id=\"kc-cancel\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doIgnore')\"\n                    />\n                }\n            </div>\n        </div>\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: "19.1.2", ngImport: i0, type: LoginX509InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginX509InfoComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-x509-info', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -19,21 +19,21 @@ class LoginComponent extends ComponentReference {
         this.classes = inject(LOGIN_CLASSES);
         this.displayRequiredFields = false;
         this.displayInfo = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;
-        this.displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');
+        this.displayMessage = this.kcContext?.messagesPerField?.existsError('username', 'password');
         this.headerNode = viewChild('headerNode');
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
         this.isLoginButtonDisabled = signal(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: LoginComponent, isStandalone: true, selector: "kc-login", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: LoginComponent, isStandalone: true, selector: "kc-login", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginComponent)
             }
         ], 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 realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-login', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule], providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\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    selector: 'kc-login',\n    templateUrl: 'login.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginComponent)\n        }\n    ]\n})\nexport class LoginComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login.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 = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BM,MAAO,cAAe,SAAQ,kBAAkB,CAAA;AAZtD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA8C,gBAAgB,CAAC;AACjF,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,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,oBAAoB;AACxI,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,CAAC,UAAU,EAAE,UAAU,CAAC;AAEvF,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,CAAC;AAEhF,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC;AACxC;8GAnBY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAPZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,cAAc;AAC/C;SACJ,ECxBL,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,6mRA4MA,ED1Lc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAa,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,mDAAE,wBAAwB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQ7F,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,mBAEH,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,wBAAwB,EAAE,OAAO,EAAE,YAAY,CAAC,EAC5F,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,oBAAoB;AAC/C;AACJ,qBAAA,EAAA,QAAA,EAAA,6mRAAA,EAAA;;;AExBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\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    selector: 'kc-login',\n    templateUrl: 'login.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginComponent)\n        }\n    ]\n})\nexport class LoginComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login.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 = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n    displayMessage = this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\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-logout-confirm.mjs

@@ -17,15 +17,15 @@ class LogoutConfirmComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: LogoutConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: LogoutConfirmComponent, isStandalone: true, selector: "kc-logout-confirm", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LogoutConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: LogoutConfirmComponent, isStandalone: true, selector: "kc-logout-confirm", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LogoutConfirmComponent)
             }
         ], 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 logoutConfirm = kcContext.logoutConfirm;\n@let client = kcContext.client;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('logoutConfirmTitle') }}\n</ng-template>\n<div\n    id=\"kc-logout-confirm\"\n    class=\"content-area\"\n>\n    <p class=\"instruction\">{{ i18n.msgStr('logoutConfirmHeader') }}</p>\n    <form\n        class=\"form-actions\"\n        method=\"POST\"\n        [action]=\"url.logoutConfirmAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"session_code\"\n            [value]=\"logoutConfirm.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                class=\"kcFormGroupClass\"\n            >\n                <input\n                    tabIndex=\"4\"\n                    name=\"confirmLogout\"\n                    id=\"kc-logout\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doLogout')\"\n                />\n            </div>\n        </div>\n    </form>\n    <div id=\"kc-info-message\">\n        @if (!logoutConfirm.skipLink && client.baseUrl) {\n            <p>\n                <a [href]=\"client.baseUrl\">{{ i18n.msgStr('backToApplication') }}</a>\n            </p>\n        }\n    </div>\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: "19.1.2", ngImport: i0, type: LogoutConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: LogoutConfirmComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-logout-confirm', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -22,7 +22,7 @@ class RegisterComponent extends ComponentReference {
         this.classes = inject(LOGIN_CLASSES);
         this.displayRequiredFields = false;
         this.displayInfo = false;
-        this.displayMessage = !this.kcContext?.messagesPerField?.existsError('global');
+        this.displayMessage = this.kcContext?.messagesPerField?.existsError('global');
         this.headerNode = viewChild('headerNode');
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
@@ -34,15 +34,15 @@ class RegisterComponent extends ComponentReference {
     onCallback() {
         document.getElementById('kc-register-form').submit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: RegisterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: RegisterComponent, isStandalone: true, selector: "kc-register", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RegisterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: RegisterComponent, isStandalone: true, selector: "kc-register", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => RegisterComponent)
             }
         ], 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 messagesPerField = kcContext.messagesPerField;\n@let recaptchaRequired = kcContext.recaptchaRequired;\n@let recaptchaVisible = kcContext.recaptchaVisible;\n@let recaptchaSiteKey = kcContext.recaptchaSiteKey;\n@let recaptchaAction = kcContext.recaptchaAction;\n@let termsAcceptanceRequired = kcContext.termsAcceptanceRequired;\n\n<ng-template #headerNode>\n    @let messageHeader = kcContext.messageHeader;\n    {{ messageHeader ?? i18n.advancedMsgStr('registerTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.registrationAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    @if (termsAcceptanceRequired) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                {{ i18n.msgStr('termsTitle') }}\n                <div id=\"kc-registration-terms-text\">\n                    {{ i18n.msgStr('termsText') }}\n                </div>\n            </div>\n        </div>\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <input\n                    type=\"checkbox\"\n                    id=\"termsAccepted\"\n                    name=\"termsAccepted\"\n                    [kcClass]=\"'kcCheckboxInputClass'\"\n                    [checked]=\"areTermsAccepted()\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('termsAccepted')\"\n                    (change)=\"areTermsAccepted.set($any($event.target).checked)\"\n                />\n                <label\n                    for=\"termsAccepted\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('acceptTerms') }}\n                </label>\n            </div>\n            @if (messagesPerField.existsError('termsAccepted')) {\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <span\n                        id=\"input-error-terms-accepted\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHtml]=\"messagesPerField.get('termsAccepted') | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n        </div>\n    }\n    @if (recaptchaRequired && (recaptchaVisible || recaptchaAction === undefined)) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <div\n                    class=\"g-recaptcha\"\n                    data-size=\"compact\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-action]=\"recaptchaAction\"\n                ></div>\n            </div>\n        </div>\n    }\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        @if (recaptchaRequired && !recaptchaVisible && recaptchaAction !== undefined) {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <button\n                    class=\"g-recaptcha\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-callback]=\"onCallback\"\n                    [attr.data-action]=\"recaptchaAction\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </button>\n            </div>\n        } @else {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    [disabled]=\"!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doRegister')\"\n                />\n            </div>\n        }\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: RegisterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: RegisterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-register', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, NgComponentOutlet], providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-register.mjs","sources":["../../src/login/pages/register/register.component.ts","../../src/login/pages/register/register.component.html","../../src/login/pages/register/keycloakify-angular-login-pages-register.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, type TemplateRef, Type, viewChild } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\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 { 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 type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport { map } from 'rxjs';\n\n@Component({\n    selector: 'kc-register',\n    templateUrl: 'register.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, NgComponentOutlet],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => RegisterComponent)\n        }\n    ]\n})\nexport class RegisterComponent extends ComponentReference {\n    #userProfileFormService = inject(UserProfileFormService);\n    kcContext = inject<Extract<KcContext, { pageId: 'register.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: boolean = !this.kcContext?.messagesPerField?.existsError('global');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isFormSubmittable = toSignal(this.#userProfileFormService.formState$.pipe(map(s => s.isFormSubmittable)), { initialValue: false });\n    areTermsAccepted = signal(false);\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let recaptchaRequired = kcContext.recaptchaRequired;\n@let recaptchaVisible = kcContext.recaptchaVisible;\n@let recaptchaSiteKey = kcContext.recaptchaSiteKey;\n@let recaptchaAction = kcContext.recaptchaAction;\n@let termsAcceptanceRequired = kcContext.termsAcceptanceRequired;\n\n<ng-template #headerNode>\n    @let messageHeader = kcContext.messageHeader;\n    {{ messageHeader ?? i18n.advancedMsgStr('registerTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.registrationAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    @if (termsAcceptanceRequired) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                {{ i18n.msgStr('termsTitle') }}\n                <div id=\"kc-registration-terms-text\">\n                    {{ i18n.msgStr('termsText') }}\n                </div>\n            </div>\n        </div>\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <input\n                    type=\"checkbox\"\n                    id=\"termsAccepted\"\n                    name=\"termsAccepted\"\n                    [kcClass]=\"'kcCheckboxInputClass'\"\n                    [checked]=\"areTermsAccepted()\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('termsAccepted')\"\n                    (change)=\"areTermsAccepted.set($any($event.target).checked)\"\n                />\n                <label\n                    for=\"termsAccepted\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('acceptTerms') }}\n                </label>\n            </div>\n            @if (messagesPerField.existsError('termsAccepted')) {\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <span\n                        id=\"input-error-terms-accepted\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHtml]=\"messagesPerField.get('termsAccepted') | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n        </div>\n    }\n    @if (recaptchaRequired && (recaptchaVisible || recaptchaAction === undefined)) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <div\n                    class=\"g-recaptcha\"\n                    data-size=\"compact\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-action]=\"recaptchaAction\"\n                ></div>\n            </div>\n        </div>\n    }\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        @if (recaptchaRequired && !recaptchaVisible && recaptchaAction !== undefined) {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <button\n                    class=\"g-recaptcha\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-callback]=\"onCallback\"\n                    [attr.data-action]=\"recaptchaAction\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </button>\n            </div>\n        } @else {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    [disabled]=\"!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doRegister')\"\n                />\n            </div>\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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"}
+{"version":3,"file":"keycloakify-angular-login-pages-register.mjs","sources":["../../src/login/pages/register/register.component.ts","../../src/login/pages/register/register.component.html","../../src/login/pages/register/keycloakify-angular-login-pages-register.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, type TemplateRef, Type, viewChild } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\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 { 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 type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport { map } from 'rxjs';\n\n@Component({\n    selector: 'kc-register',\n    templateUrl: 'register.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, NgComponentOutlet],\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => RegisterComponent)\n        }\n    ]\n})\nexport class RegisterComponent extends ComponentReference {\n    #userProfileFormService = inject(UserProfileFormService);\n    kcContext = inject<Extract<KcContext, { pageId: 'register.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: boolean = this.kcContext?.messagesPerField?.existsError('global');\n\n    headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    isFormSubmittable = toSignal(this.#userProfileFormService.formState$.pipe(map(s => s.isFormSubmittable)), { initialValue: false });\n    areTermsAccepted = signal(false);\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let recaptchaRequired = kcContext.recaptchaRequired;\n@let recaptchaVisible = kcContext.recaptchaVisible;\n@let recaptchaSiteKey = kcContext.recaptchaSiteKey;\n@let recaptchaAction = kcContext.recaptchaAction;\n@let termsAcceptanceRequired = kcContext.termsAcceptanceRequired;\n\n<ng-template #headerNode>\n    @let messageHeader = kcContext.messageHeader;\n    {{ messageHeader ?? i18n.advancedMsgStr('registerTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.registrationAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    @if (termsAcceptanceRequired) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                {{ i18n.msgStr('termsTitle') }}\n                <div id=\"kc-registration-terms-text\">\n                    {{ i18n.msgStr('termsText') }}\n                </div>\n            </div>\n        </div>\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <input\n                    type=\"checkbox\"\n                    id=\"termsAccepted\"\n                    name=\"termsAccepted\"\n                    [kcClass]=\"'kcCheckboxInputClass'\"\n                    [checked]=\"areTermsAccepted()\"\n                    [attr.aria-invalid]=\"messagesPerField.existsError('termsAccepted')\"\n                    (change)=\"areTermsAccepted.set($any($event.target).checked)\"\n                />\n                <label\n                    for=\"termsAccepted\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('acceptTerms') }}\n                </label>\n            </div>\n            @if (messagesPerField.existsError('termsAccepted')) {\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <span\n                        id=\"input-error-terms-accepted\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHtml]=\"messagesPerField.get('termsAccepted') | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n        </div>\n    }\n    @if (recaptchaRequired && (recaptchaVisible || recaptchaAction === undefined)) {\n        <div class=\"form-group\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <div\n                    class=\"g-recaptcha\"\n                    data-size=\"compact\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-action]=\"recaptchaAction\"\n                ></div>\n            </div>\n        </div>\n    }\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                <span>\n                    <a\n                        [href]=\"url.loginUrl\"\n                        [innerHTML]=\"i18n.msgStr('backToLogin') | kcSanitize: 'html'\"\n                    ></a>\n                </span>\n            </div>\n        </div>\n        @if (recaptchaRequired && !recaptchaVisible && recaptchaAction !== undefined) {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <button\n                    class=\"g-recaptcha\"\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [attr.data-sitekey]=\"recaptchaSiteKey\"\n                    [attr.data-callback]=\"onCallback\"\n                    [attr.data-action]=\"recaptchaAction\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </button>\n            </div>\n        } @else {\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    [disabled]=\"!isFormSubmittable() || (termsAcceptanceRequired && !areTermsAccepted())\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doRegister')\"\n                />\n            </div>\n        }\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA6BM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAZzD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAiD,gBAAgB,CAAC;AACpF,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,GAAY,IAAI,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,CAAC,QAAQ,CAAC;AAEjF,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAA2B,YAAY,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,SAAS,CAA2B,UAAU,CAAC;AAC1D,QAAA,IAAA,CAAA,mBAAmB,GAAG,SAAS,CAA2B,qBAAqB,CAAC;AAEhF,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;AAClI,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC;QAChC,IAAqB,CAAA,qBAAA,GAAG,KAAK,EAAwC;AAKxE;AAzBG,IAAA,uBAAuB;IAsBvB,UAAU,GAAA;QACL,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAqB,CAAC,MAAM,EAAE;;8GAxBpE,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAPf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB;AAClD;AACJ,SAAA,EAAA,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,EC3BL,wiJAoHA,ED/Fc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAa,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,mDAAW,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,kCAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQxE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,CAAC,EACvE,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB;AAClD;AACJ,qBAAA,EAAA,QAAA,EAAA,wiJAAA,EAAA;;;AE3BL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-login-pages-saml-post-form.mjs

@@ -31,15 +31,15 @@ class SamlPostFormComponent extends ComponentReference {
         }
         this.htmlFormElement().submit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: SamlPostFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: SamlPostFormComponent, isStandalone: true, selector: "kc-saml-post-form", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SamlPostFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SamlPostFormComponent, isStandalone: true, selector: "kc-saml-post-form", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SamlPostFormComponent)
             }
         ], 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 }, { propertyName: "htmlFormElement", first: true, predicate: ["setHtmlFormElement"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let samlPost = kcContext.samlPost;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('saml.post-form.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('saml.post-form.message') }}</p>\n<form\n    #setHtmlFormElement\n    name=\"saml-post-binding\"\n    method=\"post\"\n    [action]=\"samlPost.url\"\n>\n    @if (!!samlPost.SAMLRequest) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLRequest\"\n            [value]=\"samlPost.SAMLRequest\"\n        />\n    }\n    @if (!!samlPost.SAMLResponse) {\n        <input\n            type=\"hidden\"\n            name=\"SAMLResponse\"\n            [value]=\"samlPost.SAMLResponse\"\n        />\n    }\n    @if (!!samlPost.relayState) {\n        <input\n            type=\"hidden\"\n            name=\"RelayState\"\n            [value]=\"samlPost.relayState\"\n        />\n    }\n    <noscript>\n        <p>{{ i18n.msgStr('saml.post-form.js-disabled') }}</p>\n        <input\n            type=\"submit\"\n            [value]=\"i18n.msgStr('doContinue')\"\n        />\n    </noscript>\n</form>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: SamlPostFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SamlPostFormComponent, decorators: [{
             type: Component,
             args: [{ imports: [], selector: 'kc-saml-post-form', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-select-authenticator.mjs

@@ -22,15 +22,15 @@ class SelectAuthenticatorComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: SelectAuthenticatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: SelectAuthenticatorComponent, isStandalone: true, selector: "kc-select-authenticator", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectAuthenticatorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SelectAuthenticatorComponent, isStandalone: true, selector: "kc-select-authenticator", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SelectAuthenticatorComponent)
             }
         ], 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 auth = kcContext.auth;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginChooseAuthenticator') }}\n</ng-template>\n\n<form\n    id=\"kc-select-credential-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcSelectAuthListClass'\">\n        @for (authenticationSelection of auth.authenticationSelections; track authenticationSelection; let i = $index) {\n            <button\n                type=\"submit\"\n                name=\"authenticationExecution\"\n                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                [value]=\"authenticationSelection.authExecId\"\n            >\n                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                    <i [kcClass]=\"['kcSelectAuthListItemIconPropertyClass', $any(authenticationSelection.iconCssClass)]\"></i>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                    <div [kcClass]=\"'kcSelectAuthListItemHeadingClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.displayName) }}\n                    </div>\n                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                        {{ i18n.advancedMsgStr(authenticationSelection.helpText) }}\n                    </div>\n                </div>\n                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                <div [kcClass]=\"'kcSelectAuthListItemArrowClass'\">\n                    <i [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\"></i>\n                </div>\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: "19.1.2", ngImport: i0, type: SelectAuthenticatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SelectAuthenticatorComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, NgClass], selector: 'kc-select-authenticator', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -21,15 +21,15 @@ class TermsComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: TermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.2", type: TermsComponent, isStandalone: true, selector: "kc-terms", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: TermsComponent, isStandalone: true, selector: "kc-terms", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TermsComponent)
             }
         ], 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\n<ng-template #headerNode>\n    {{ i18n.msgStr('termsTitle') }}\n</ng-template>\n<div id=\"kc-terms-text\">{{ i18n.msgStr('termsText') }}</div>\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('doAccept')\"\n    />\n    <input\n        name=\"cancel\"\n        id=\"kc-decline\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        [value]=\"i18n.msgStr('doDecline')\"\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: "19.1.2", ngImport: i0, type: TermsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TermsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-terms', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-update-email.mjs

@@ -26,15 +26,15 @@ class UpdateEmailComponent extends ComponentReference {
         this.isFormSubmittable = toSignal(this.#userProfileFormService.formState$.pipe(map(s => s.isFormSubmittable)), { initialValue: false });
     }
     #userProfileFormService;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: UpdateEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: UpdateEmailComponent, isStandalone: true, selector: "kc-update-email", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: UpdateEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: UpdateEmailComponent, isStandalone: true, selector: "kc-update-email", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => UpdateEmailComponent)
             }
         ], 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 isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('updateEmailTitle') }}\n</ng-template>\n<form\n    id=\"kc-update-email-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\" />\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <kc-logout-other-sessions />\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [disabled]=\"!isFormSubmittable()\"\n                [kcClass]=\"{\n                    kcButtonClass: true,\n                    kcButtonPrimaryClass: true,\n                    kcButtonBlockClass: isAppInitiatedAction,\n                    kcButtonLargeClass: true\n                }\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n            />\n            @if (isAppInitiatedAction) {\n                <button\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    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: UpdateEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: UpdateEmailComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent], selector: 'kc-update-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-webauthn-authenticate.mjs

@@ -61,15 +61,15 @@ class WebauthnAuthenticateComponent extends ComponentReference {
         }
         return className;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: WebauthnAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: WebauthnAuthenticateComponent, isStandalone: true, selector: "kc-webauthn-authenticate", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WebauthnAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WebauthnAuthenticateComponent, isStandalone: true, selector: "kc-webauthn-authenticate", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnAuthenticateComponent)
             }
         ], 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 authenticators = kcContext.authenticators;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('webauthn-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration\">\n        <span>\n            {{ i18n.msgStr('noAccount') }}\n            <a\n                tabIndex=\"6\"\n                [href]=\"url.registrationUrl\"\n            >\n                {{ i18n.msgStr('doRegister') }}\n            </a>\n        </span>\n    </div>\n</ng-template>\n<div\n    id=\"kc-form-webauthn\"\n    [kcClass]=\"'kcFormClass'\"\n>\n    <form\n        id=\"webauth\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorData\"\n            name=\"authenticatorData\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"signature\"\n            name=\"signature\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"credentialId\"\n            name=\"credentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"userHandle\"\n            name=\"userHandle\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n    </form>\n\n    <div\n        class=\"no-bottom-margin\"\n        [kcClass]=\"'kcFormGroupClass'\"\n    >\n        @if (authenticators) {\n            <form\n                id=\"authn_select\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                @for (authenticator of authenticators.authenticators; track authenticator.credentialId) {\n                    <input\n                        type=\"hidden\"\n                        name=\"authn_use_chk\"\n                        [value]=\"authenticator.credentialId\"\n                    />\n                }\n                @if (shouldDisplayAuthenticators) {\n                    @if (authenticators.authenticators.length > 1) {\n                        <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                            {{ i18n.msgStr('webauthn-available-authenticators') }}\n                        </p>\n                    }\n                    <div [kcClass]=\"'kcFormOptionsClass'\">\n                        @for (authenticator of authenticators.authenticators; track authenticator.credentialId; let i = $index) {\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-item-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemClass'\"\n                            >\n                                <div [kcClass]=\"'kcSelectAuthListItemIconClass'\">\n                                    <i\n                                        [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                                        [kcClass]=\"'kcSelectAuthListItemIconPropertyClass'\"\n                                    ></i>\n                                    <div [kcClass]=\"'kcSelectAuthListItemArrowIconClass'\">\n                                        <div\n                                            [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                            [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                                        >\n                                            {{ i18n.advancedMsgStr(authenticator.label) }}\n                                        </div>\n                                        @if (authenticator.transports.displayNameProperties?.length) {\n                                            <div\n                                                [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                                [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                            >\n                                                @for (\n                                                    displayNameProperty of authenticator.transports.displayNameProperties;\n                                                    track displayNameProperty;\n                                                    let last = $last\n                                                ) {\n                                                    {{ i18n.advancedMsgStr(displayNameProperty) }}\n                                                    @if (!last) {\n                                                        <span>, </span>\n                                                    }\n                                                }\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                                <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                                    {{ i18n.msgStr('webauthn-createdAt-label') }}\n                                                </span>\n                                                <span [id]=\"'kc-webauthn-authenticator-created-' + i\">{{ authenticator.createdAt }}</span>\n                                            </div>\n                                            <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                }\n            </form>\n        }\n\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"button\"\n                autofocus\n                name=\"cancel-aia\"\n                [id]=\"authButtonId\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('webauthn-doAuthenticate')\"\n            />\n        </div>\n    </div>\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: "19.1.2", ngImport: i0, type: WebauthnAuthenticateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WebauthnAuthenticateComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-authenticate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {