@keycloakify/angular 20.1.8 → 20.1.9

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

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

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

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

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

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

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

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

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

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

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

@@ -21,15 +21,15 @@ class ErrorComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ErrorComponent, isStandalone: true, selector: "kc-error", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: ErrorComponent, isStandalone: true, selector: "kc-error", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => ErrorComponent)
             }
         ], 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 message = kcContext.message;\n@let skipLink = kcContext.skipLink;\n@let client = kcContext.client;\n<ng-template #headerNode>\n    {{ i18n.msgStr('errorTitle') }}\n</ng-template>\n\n<div id=\"kc-error-message\">\n    <p\n        class=\"instruction\"\n        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n    ></p>\n    @if (!skipLink && !!client?.baseUrl) {\n        <p>\n            <a\n                id=\"backToApplication\"\n                [href]=\"client.baseUrl\"\n                [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n            ></a>\n        </p>\n    }\n</div>\n", dependencies: [{ kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcSanitizePipe], selector: 'kc-error', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -36,15 +36,15 @@ class FrontchannelLogoutComponent extends ComponentReference {
     onIframeLoaded() {
         this.iframeLoadCount.update(count => count + 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FrontchannelLogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: FrontchannelLogoutComponent, isStandalone: true, selector: "kc-frontchannel-logout", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FrontchannelLogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FrontchannelLogoutComponent, isStandalone: true, selector: "kc-frontchannel-logout", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => FrontchannelLogoutComponent)
             }
         ], 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 logout = kcContext.logout;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('frontchannel-logout.title') }}\n</ng-template>\n<p>{{ i18n.msgStr('frontchannel-logout.message') }}</p>\n<ul>\n    @for (client of logout.clients; track client.name) {\n        <li>\n            {{ client.name }}\n            <iframe\n                style=\"display: none\"\n                [src]=\"client.frontChannelLogoutUrl | kcSanitize: 'resourceUrl'\"\n                (load)=\"onIframeLoaded()\"\n            ></iframe>\n        </li>\n    }\n</ul>\n@if (logout.logoutRedirectUri !== undefined) {\n    <a\n        id=\"continue\"\n        class=\"btn btn-primary\"\n        [href]=\"logout.logoutRedirectUri\"\n    >\n        {{ i18n.msgStr('doContinue') }}\n    </a>\n}\n", dependencies: [{ kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcSanitizePipe], selector: 'kc-frontchannel-logout', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-idp-review-user-profile.mjs

@@ -32,15 +32,15 @@ class IdpReviewUserProfileComponent extends ComponentReference {
     onCallback() {
         document.getElementById('kc-register-form').requestSubmit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: IdpReviewUserProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: IdpReviewUserProfileComponent, isStandalone: true, selector: "kc-idp-review-user-profile", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IdpReviewUserProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: IdpReviewUserProfileComponent, isStandalone: true, selector: "kc-idp-review-user-profile", inputs: { userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => IdpReviewUserProfileComponent)
             }
         ], 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('loginIdpReviewProfileTitle') }}\n</ng-template>\n<form\n    id=\"kc-idp-review-profile-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        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doSubmit')\"\n                [disabled]=\"!isFormSubmittable()\"\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", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, NgComponentOutlet], selector: 'kc-idp-review-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -30,15 +30,15 @@ class InfoComponent extends ComponentReference {
         }
         return html;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: InfoComponent, isStandalone: true, selector: "kc-info", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: InfoComponent, isStandalone: true, selector: "kc-info", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => InfoComponent)
             }
         ], 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 skipLink = kcContext.skipLink;\n@let actionUri = kcContext.actionUri;\n@let pageRedirectUri = kcContext.pageRedirectUri;\n@let client = kcContext.client;\n\n<ng-template #headerNode>\n    @let messageHeader = kcContext.messageHeader;\n    @let message = kcContext.message;\n    <span [innerHTML]=\"messageHeader ?? i18n.advancedMsgStr(message.summary) | kcSanitize: 'html'\"> </span>\n</ng-template>\n<div id=\"kc-info-message\">\n    <p\n        class=\"instruction\"\n        [innerHTML]=\"infoMessage | kcSanitize: 'html'\"\n    ></p>\n    @if (!skipLink) {\n        @if (pageRedirectUri) {\n            <p>\n                <a\n                    [href]=\"pageRedirectUri\"\n                    [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n                >\n                </a>\n            </p>\n        } @else if (actionUri) {\n            <p>\n                <a\n                    [href]=\"actionUri\"\n                    [innerHTML]=\"i18n.msgStr('proceedWithAction') | kcSanitize: 'html'\"\n                >\n                </a>\n            </p>\n        } @else if (client.baseUrl) {\n            <p>\n                <a\n                    [href]=\"client.baseUrl\"\n                    [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n                >\n                </a>\n            </p>\n        }\n    }\n</div>\n", dependencies: [{ kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcSanitizePipe], selector: 'kc-info', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -23,15 +23,15 @@ class LoginConfigTotpComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginConfigTotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginConfigTotpComponent, isStandalone: true, selector: "kc-login-config-totp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginConfigTotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginConfigTotpComponent, isStandalone: true, selector: "kc-login-config-totp", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginConfigTotpComponent)
             }
         ], 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 totp = kcContext.totp;\n@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let mode = kcContext.mode;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginTotpStep1') }}\n</ng-template>\n<ol id=\"kc-totp-settings\">\n    <li>\n        <p>{{ i18n.msgStr('loginTotpStep1') }}</p>\n        <ul id=\"kc-totp-supported-apps\">\n            @for (app of totp.supportedApplications; track app) {\n                <li>{{ i18n.advancedMsgStr(app) }}</li>\n            }\n        </ul>\n    </li>\n    @if (kcContext.mode === 'manual') {\n        <li>\n            <p>{{ i18n.msgStr('loginTotpManualStep2') }}</p>\n            <p>\n                <span id=\"kc-totp-secret-key\">{{ totp.totpSecretEncoded }}</span>\n            </p>\n            <p>\n                <a\n                    id=\"mode-barcode\"\n                    [href]=\"totp.qrUrl\"\n                >\n                    {{ i18n.msgStr('loginTotpScanBarcode') }}\n                </a>\n            </p>\n        </li>\n        <li>\n            <p>{{ i18n.msgStr('loginTotpManualStep3') }}</p>\n            <p></p>\n            <ul>\n                <li id=\"kc-totp-type\">\n                    {{ i18n.msgStr('loginTotpType') }}:\n                    {{ i18n.advancedMsgStr('loginTotp.' + totp.policy.type) }}\n                </li>\n                <li id=\"kc-totp-algorithm\">\n                    {{ i18n.msgStr('loginTotpAlgorithm') }}:\n                    {{ totp.policy.getAlgorithmKey() }}\n                </li>\n                <li id=\"kc-totp-digits\">{{ i18n.msgStr('loginTotpDigits') }}: {{ totp.policy.digits }}</li>\n                @if (totp.policy.type === 'totp') {\n                    <li id=\"kc-totp-period\">\n                        {{ i18n.msgStr('loginTotpInterval') }}:\n                        {{ totp.policy.period }}\n                    </li>\n                } @else {\n                    <li id=\"kc-totp-counter\">\n                        {{ i18n.msgStr('loginTotpCounter') }}:\n                        {{ totp.policy.initialCounter }}\n                    </li>\n                }\n            </ul>\n        </li>\n    } @else {\n        <li>\n            <p>{{ i18n.msgStr('loginTotpStep2') }}</p>\n            <img\n                id=\"kc-totp-secret-qr-code\"\n                alt=\"Figure: Barcode\"\n                [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n            />\n            <br />\n            <p>\n                <a\n                    id=\"mode-manual\"\n                    [href]=\"totp.manualUrl\"\n                >\n                    {{ i18n.msgStr('loginTotpUnableToScan') }}\n                </a>\n            </p>\n        </li>\n    }\n    <li>\n        <p>{{ i18n.msgStr('loginTotpStep3') }}</p>\n        <p>{{ i18n.msgStr('loginTotpStep3DeviceName') }}</p>\n    </li>\n</ol>\n<form\n    id=\"kc-totp-settings-form\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n    [kcClass]=\"'kcFormClass'\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <label\n                for=\"totp\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('authenticatorCode') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                type=\"text\"\n                id=\"totp\"\n                name=\"totp\"\n                autocomplete=\"off\"\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n            />\n            @if (messagesPerField.existsError('totp')) {\n                <span\n                    id=\"input-error-otp-code\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n        <input\n            type=\"hidden\"\n            id=\"totpSecret\"\n            name=\"totpSecret\"\n            [value]=\"totp.totpSecret\"\n        />\n        @if (mode) {\n            <input\n                type=\"hidden\"\n                id=\"mode\"\n                [value]=\"mode\"\n            />\n        }\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <label\n                for=\"userLabel\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('loginTotpDeviceName') }}\n            </label>\n            @if (totp.otpCredentials.length >= 1) {\n                <span class=\"required\">*</span>\n            }\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                type=\"text\"\n                id=\"userLabel\"\n                name=\"userLabel\"\n                autocomplete=\"off\"\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('userLabel')\"\n            />\n            @if (messagesPerField.existsError('userLabel')) {\n                <span\n                    id=\"input-error-otp-label\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('userLabel') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <kc-logout-other-sessions />\n    </div>\n\n    @if (isAppInitiatedAction) {\n        <input\n            type=\"submit\"\n            id=\"saveTOTPBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doSubmit')\"\n        />\n        <button\n            type=\"submit\"\n            id=\"cancelTOTPBtn\"\n            name=\"cancel-aia\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass', 'kcButtonLargeClass']\"\n            [value]=\"true\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    } @else {\n        <input\n            type=\"submit\"\n            id=\"saveTOTPBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('doSubmit')\"\n        />\n    }\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-login-config-totp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-confirm-override.mjs

@@ -17,15 +17,15 @@ class LoginIdpLinkConfirmOverrideComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: LoginIdpLinkConfirmOverrideComponent, isStandalone: true, selector: "kc-login-idp-link-confirm-override", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: LoginIdpLinkConfirmOverrideComponent, isStandalone: true, selector: "kc-login-idp-link-confirm-override", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginIdpLinkConfirmOverrideComponent)
             }
         ], 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 idpDisplayName = kcContext.idpDisplayName;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('confirmOverrideIdpTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    <br />\n    <br />\n    <button\n        type=\"submit\"\n        name=\"submitAction\"\n        id=\"confirmOverride\"\n        value=\"confirmOverride\"\n        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    >\n        {{ i18n.msgStr('confirmOverrideIdpContinue', idpDisplayName) }}\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-idp-link-confirm-override', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-confirm.mjs

@@ -17,15 +17,15 @@ class LoginIdpLinkConfirmComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: LoginIdpLinkConfirmComponent, isStandalone: true, selector: "kc-login-idp-link-confirm", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: LoginIdpLinkConfirmComponent, isStandalone: true, selector: "kc-login-idp-link-confirm", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginIdpLinkConfirmComponent)
             }
         ], 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 idpAlias = kcContext.idpAlias;\n<ng-template #headerNode>\n    {{ i18n.msgStr('confirmLinkIdpTitle') }}\n</ng-template>\n<form\n    id=\"kc-register-form\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <button\n            type=\"submit\"\n            name=\"submitAction\"\n            id=\"updateProfile\"\n            value=\"updateProfile\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('confirmLinkIdpReviewProfile') }}\n        </button>\n        <button\n            type=\"submit\"\n            name=\"submitAction\"\n            id=\"linkAccount\"\n            value=\"linkAccount\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('confirmLinkIdpContinue', idpAlias) }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkConfirmComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-idp-link-confirm', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-idp-link-email.mjs

@@ -17,15 +17,15 @@ class LoginIdpLinkEmailComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: LoginIdpLinkEmailComponent, isStandalone: true, selector: "kc-login-idp-link-email", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: LoginIdpLinkEmailComponent, isStandalone: true, selector: "kc-login-idp-link-email", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginIdpLinkEmailComponent)
             }
         ], 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 idpAlias = kcContext.idpAlias;\n@let brokerContext = kcContext.brokerContext;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n    @let idpAlias = kcContext.idpAlias;\n    {{ i18n.msgStr('emailLinkIdpTitle', idpAlias) }}\n</ng-template>\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('emailLinkIdp1', idpAlias, brokerContext.username, realm.displayName) }}\n</p>\n<p\n    id=\"instruction2\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('emailLinkIdp2') }}\n    <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n    {{ i18n.msgStr('emailLinkIdp3') }}\n</p>\n<p\n    id=\"instruction3\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('emailLinkIdp4') }}\n    <a [href]=\"url.loginAction\">{{ i18n.msgStr('doClickHere') }}</a>\n    {{ i18n.msgStr('emailLinkIdp5') }}\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginIdpLinkEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginIdpLinkEmailComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-idp-link-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -18,15 +18,15 @@ class LoginOauthGrantComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginOauthGrantComponent, isStandalone: true, selector: "kc-login-oauth-grant", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginOauthGrantComponent, isStandalone: true, selector: "kc-login-oauth-grant", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOauthGrantComponent)
             }
         ], 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 client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n    @let client = kcContext.client;\n    @if (client.attributes['logoUri']) {\n        <img\n            alt=\"\"\n            [src]=\"client.attributes['logoUri']\"\n        />\n    }\n    <p>\n        {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n    </p>\n</ng-template>\n\n<div\n    id=\"kc-oauth\"\n    class=\"content-area\"\n>\n    <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n    <ul>\n        @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n            <li>\n                <span>\n                    {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                    @if (clientScope.dynamicScopeParameter) {\n                        : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                    }\n                </span>\n            </li>\n        }\n    </ul>\n\n    @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n        <h3>\n            @if (client.name) {\n                {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n            } @else {\n                {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n            }\n            @if (client.attributes['policyUri']) {\n                {{ i18n.msgStr('oauthGrantReview') }}\n                <a\n                    target=\"_blank\"\n                    [href]=\"client.attributes['policyUri']\"\n                >\n                    {{ i18n.msgStr('oauthGrantPolicy') }}\n                </a>\n            }\n        </h3>\n    }\n    <form\n        class=\"form-actions\"\n        method=\"post\"\n        [action]=\"url.oauthAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"code\"\n            [value]=\"oauth.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n\n            <div id=\"kc-form-buttons\">\n                <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doYes')\"\n                    />\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doNo')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </form>\n    <div class=\"clearfix\"></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: "20.3.0", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-oauth-grant', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-oauth2-device-verify-user-code.mjs

@@ -21,15 +21,15 @@ class LoginOauth2DeviceVerifyUserCodeComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: LoginOauth2DeviceVerifyUserCodeComponent, isStandalone: true, selector: "kc-login-oauth2-device-verify-user-code", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: LoginOauth2DeviceVerifyUserCodeComponent, isStandalone: true, selector: "kc-login-oauth2-device-verify-user-code", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOauth2DeviceVerifyUserCodeComponent)
             }
         ], 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('oauth2DeviceVerificationTitle') }}\n</ng-template>\n<form\n    id=\"kc-user-verify-device-user-code-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.oauth2DeviceVerificationAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"device-user-code\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n            </label>\n        </div>\n\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                id=\"device-user-code\"\n                name=\"device_user_code\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [kcClass]=\"'kcInputClass'\"\n            />\n        </div>\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\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                <input\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    [value]=\"i18n.msgStr('doSubmit')\"\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: "20.3.0", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-oauth2-device-verify-user-code', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -22,15 +22,15 @@ class LoginOtpComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginOtpComponent, isStandalone: true, selector: "kc-login-otp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginOtpComponent, isStandalone: true, selector: "kc-login-otp", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOtpComponent)
             }
         ], 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 otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<form\n    id=\"kc-otp-login-form\"\n    method=\"post\"\n    [kcClass]=\"['kcFormClass']\"\n    [action]=\"url.loginAction\"\n>\n    @if (otpLogin.userOtpCredentials.length > 1) {\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                    <ng-container>\n                        <input\n                            type=\"radio\"\n                            name=\"selectedCredentialId\"\n                            [id]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [value]=\"otpCredential.id\"\n                            [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                        />\n                        <label\n                            [for]=\"'kc-otp-credential-' + i\"\n                            [kcClass]=\"'kcLoginOTPListClass'\"\n                            [tabIndex]=\"i\"\n                        >\n                            <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                    <i\n                                        aria-hidden=\"true\"\n                                        [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                    ></i>\n                                </span>\n                                <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                            </span>\n                        </label>\n                    </ng-container>\n                }\n            </div>\n        </div>\n    }\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"otp\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('loginOtpOneTime') }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                id=\"otp\"\n                name=\"otp\"\n                autocomplete=\"off\"\n                type=\"text\"\n                autofocus\n                [kcClass]=\"'kcInputClass'\"\n                [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n            />\n            @if (messagesPerField.existsError('totp')) {\n                <span\n                    id=\"input-error-otp-code\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"['kcInputErrorMessageClass']\"\n                    [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsClass'\"\n        ></div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\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    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginOtpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginOtpComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KcSanitizePipe], selector: 'kc-login-otp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -20,15 +20,15 @@ class LoginPageExpiredComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode', ...(ngDevMode ? [{ debugName: "infoNode" }] : []));
         this.socialProvidersNode = viewChild('socialProvidersNode', ...(ngDevMode ? [{ debugName: "socialProvidersNode" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: LoginPageExpiredComponent, isStandalone: true, selector: "kc-login-page-expired", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.4", type: LoginPageExpiredComponent, isStandalone: true, selector: "kc-login-page-expired", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPageExpiredComponent)
             }
         ], 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('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
             type: Component,
             args: [{ imports: [], selector: 'kc-login-page-expired', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs

@@ -69,15 +69,15 @@ class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {
         }
         return className;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginPasskeysConditionalAuthenticateComponent, isStandalone: true, selector: "kc-login-passkeys-conditional-authenticate", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginPasskeysConditionalAuthenticateComponent, isStandalone: true, selector: "kc-login-passkeys-conditional-authenticate", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)
             }
         ], 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 authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\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    }\n</ng-template>\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<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readonly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username webauthn\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username')\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [value]=\"login.username ?? ''\"\n                        />\n                        @if (messagesPerField.existsError('username')) {\n                            <span\n                                id=\"input-error-username\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                            >\n                                {{ messagesPerField.get('username') }}\n                            </span>\n                        }\n                    </div>\n                }\n            </form>\n            <div\n                id=\"kc-form-passkey-button\"\n                style=\"display: none\"\n                [kcClass]=\"'kcFormButtonsClass'\"\n            >\n                <input\n                    id=\"authButtonId\"\n                    type=\"button\"\n                    autofocus\n                    [value]=\"i18n.msgStr('passkey-doAuthenticate')\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                />\n            </div>\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: "20.3.0", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-login-passkeys-conditional-authenticate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -25,15 +25,15 @@ class LoginPasswordComponent extends ComponentReference {
         this.authButtonId = 'authenticateWebAuthnButton';
         this.isLoginButtonDisabled = signal(false, ...(ngDevMode ? [{ debugName: "isLoginButtonDisabled" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginPasswordComponent, isStandalone: true, selector: "kc-login-password", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginPasswordComponent, isStandalone: true, selector: "kc-login-password", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasswordComponent)
             }
         ], 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 realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        autocomplete=\"on\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginPasswordComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe], selector: 'kc-login-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-login-pages-login-recovery-authn-code-config.mjs

@@ -145,15 +145,15 @@ class LoginRecoveryAuthnCodeConfigComponent extends ComponentReference {
             }
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: LoginRecoveryAuthnCodeConfigComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-config", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: LoginRecoveryAuthnCodeConfigComponent, isStandalone: true, selector: "kc-login-recovery-authn-code-config", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginRecoveryAuthnCodeConfigComponent)
             }
         ], 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 recoveryAuthnCodesConfigBean = kcContext.recoveryAuthnCodesConfigBean;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('recovery-code-config-header') }}\n</ng-template>\n\n<div\n    class=\"pf-c-alert pf-m-warning pf-m-inline\"\n    aria-label=\"Warning alert\"\n    [kcClass]=\"'kcRecoveryCodesWarning'\"\n>\n    <div class=\"pf-c-alert__icon\">\n        <i\n            class=\"pficon-warning-triangle-o\"\n            aria-hidden=\"true\"\n        ></i>\n    </div>\n    <h4 class=\"pf-c-alert__title\">\n        <span class=\"pf-screen-reader\">Warning alert:</span>\n        {{ i18n.msgStr('recovery-code-config-warning-title') }}\n    </h4>\n    <div class=\"pf-c-alert__description\">\n        <p>{{ i18n.msgStr('recovery-code-config-warning-message') }}</p>\n    </div>\n</div>\n\n<ol\n    [id]=\"olRecoveryCodesListId\"\n    [kcClass]=\"'kcRecoveryCodesList'\"\n>\n    @for (code of recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesList; track code; let i = $index) {\n        <li>\n            <span>{{ i + 1 }}:</span> {{ code.slice(0, 4) }}-{{ code.slice(4, 8) }}-{{ code.slice(8) }}\n        </li>\n    }\n</ol>\n\n<!-- actions -->\n<div [kcClass]=\"'kcRecoveryCodesActions'\">\n    <button\n        id=\"printRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-print\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-print') }}\n    </button>\n    <button\n        id=\"downloadRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-save\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-download') }}\n    </button>\n    <button\n        id=\"copyRecoveryCodes\"\n        class=\"pf-c-button pf-m-link\"\n        type=\"button\"\n    >\n        <i\n            class=\"pficon-blueprint\"\n            aria-hidden=\"true\"\n        ></i>\n        {{ i18n.msgStr('recovery-codes-copy') }}\n    </button>\n</div>\n\n<!-- confirmation checkbox -->\n\n<div\n    class=\"checkbox\"\n    [kcClass]=\"'kcFormOptionsClass'\"\n>\n    <label for=\"kcRecoveryCodesConfirmationCheck\">\n        <input\n            type=\"checkbox\"\n            id=\"kcRecoveryCodesConfirmationCheck\"\n            name=\"kcRecoveryCodesConfirmationCheck\"\n            [kcClass]=\"'kcCheckInputClass'\"\n            [checked]=\"toggleRecoveryCodesConfirmation()\"\n            (change)=\"toggleRecoveryCodesConfirmation.set($any($event.target).checked)\"\n        />\n        {{ i18n.msgStr('recovery-codes-confirmation-message') }}\n    </label>\n</div>\n\n<form\n    id=\"kc-recovery-codes-settings-form\"\n    method=\"post\"\n    [action]=\"kcContext.url.loginAction\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    <input\n        type=\"hidden\"\n        name=\"generatedRecoveryAuthnCodes\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedRecoveryAuthnCodesAsString\"\n    />\n    <input\n        type=\"hidden\"\n        name=\"generatedAt\"\n        [value]=\"recoveryAuthnCodesConfigBean.generatedAt\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userLabel\"\n        name=\"userLabel\"\n        [value]=\"i18n.msgStr('recovery-codes-label-default')\"\n    />\n\n    <kc-logout-other-sessions />\n\n    @if (isAppInitiatedAction) {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n        <button\n            type=\"submit\"\n            id=\"cancelRecoveryAuthnCodesBtn\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('recovery-codes-action-cancel') }}\n        </button>\n    } @else {\n        <input\n            type=\"submit\"\n            id=\"saveRecoveryAuthnCodesBtn\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [value]=\"i18n.msgStr('recovery-codes-action-complete')\"\n            [disabled]=\"!toggleRecoveryCodesConfirmation()\"\n        />\n    }\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: LoginRecoveryAuthnCodeConfigComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-login-recovery-authn-code-config', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {