@keycloakify/angular 0.0.4 → 0.0.5

package/esm2022/login/containers/template/template.component.mjs

@@ -30,10 +30,10 @@ export class DynamicPageInjectorComponent {
             this.componentCreated.emit(compRef.instance);
         }, { allowSignalWrites: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.8", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kc-dynamic-page-injector',
@@ -118,15 +118,15 @@ export class TemplateComponent extends ComponentReference {
         this.applyKcIndexClasses();
         this.#cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TemplateComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    @let pageRef = page();\n                    @if (!!pageRef) {\n                        <kc-dynamic-page-injector\n                            [page]=\"pageRef\"\n                            [userProfileFormFields]=\"userProfileFormFields()\"\n                            (componentCreated)=\"onComponentCreated($event)\"\n                        />\n                    }\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: DynamicPageInjectorComponent, selector: "kc-dynamic-page-injector", inputs: ["page", "userProfileFormFields"], outputs: ["componentCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-root', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, DynamicPageInjectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/directives/kc-class/kc-class.directive.mjs

@@ -119,10 +119,10 @@ export class KcClassDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", 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: "18.2.8", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: KcClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: KcClassDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[kcClass]', standalone: true }]
         }], propDecorators: { klass: [{

package/esm2022/login/pages/code/code.component.mjs

@@ -20,15 +20,15 @@ export class CodeComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: CodeComponent, isStandalone: true, selector: "kc-code", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: CodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: CodeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-code', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/delete-account-confirm/delete-account-confirm.component.mjs

@@ -20,15 +20,15 @@ export class DeleteAccountConfirmComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DeleteAccountConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: DeleteAccountConfirmComponent, isStandalone: true, selector: "kc-delete-account-confirm", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DeleteAccountConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: DeleteAccountConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DeleteAccountConfirmComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-delete-account-confirm', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/delete-credential/delete-credential.component.mjs

@@ -20,15 +20,15 @@ export class DeleteCredentialComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DeleteCredentialComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: DeleteCredentialComponent, isStandalone: true, selector: "kc-delete-credential", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DeleteCredentialComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: DeleteCredentialComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DeleteCredentialComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-delete-credential', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/error/error.component.mjs

@@ -20,15 +20,15 @@ export class ErrorComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ErrorComponent, isStandalone: true, selector: "kc-error", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: ErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcSanitizePipe], selector: 'kc-error', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/frontchannel-logout/frontchannel-logout.component.mjs

@@ -26,15 +26,15 @@ export class FrontchannelLogoutComponent extends ComponentReference {
             window.location.replace(this.kcContext.logout.logoutRedirectUri);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrontchannelLogoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FrontchannelLogoutComponent, isStandalone: true, selector: "kc-frontchannel-logout", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FrontchannelLogoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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; let idx = $index) {\n        <li>\n            {{ client.name }}\n            <iframe\n                style=\"display: none\"\n                [src]=\"client.frontChannelLogoutUrl | kcSanitize: 'resourceUrl'\"\n            ></iframe>\n        </li>\n    }\n</ul>\n@if (logout.logoutRedirectUri) {\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: "18.2.7", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcSanitizePipe], selector: 'kc-frontchannel-logout', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/idp-review-user-profile/idp-review-user-profile.component.mjs

@@ -1,21 +1,21 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, viewChild } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, viewChild } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { SubmitService } from '@keycloakify/angular/login/services/submit';
+import { UserProfileFormService } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
+import { map } from 'rxjs';
 import * as i0 from "@angular/core";
 export class IdpReviewUserProfileComponent extends ComponentReference {
-    #submitService;
     constructor() {
-        super();
-        this.#submitService = inject(SubmitService);
+        super(...arguments);
         this.kcContext = inject(KC_LOGIN_CONTEXT);
         this.i18n = inject(LOGIN_I18N);
+        this.#userProfileFormService = inject(UserProfileFormService);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
         this.displayRequiredFields = true;
@@ -25,23 +25,21 @@ export class IdpReviewUserProfileComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
         this.userProfileFormFields = input();
-        this.isFormSubmittable = signal(false);
-        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {
-            this.isFormSubmittable.set(submittable);
-        });
+        this.isFormSubmittable = toSignal(this.#userProfileFormService.formState$.pipe(map(s => s.isFormSubmittable)), { initialValue: false });
     }
+    #userProfileFormService;
     onCallback() {
         document.getElementById('kc-register-form').submit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: IdpReviewUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", 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: "18.2.8", ngImport: i0, type: IdpReviewUserProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, NgComponentOutlet], selector: 'kc-idp-review-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -49,5 +47,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             useExisting: forwardRef(() => IdpReviewUserProfileComponent)
                         }
                     ], 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" }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXJldmlldy11c2VyLXByb2ZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xvZ2luL3BhZ2VzL2lkcC1yZXZpZXctdXNlci1wcm9maWxlL2lkcC1yZXZpZXctdXNlci1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9sb2dpbi9wYWdlcy9pZHAtcmV2aWV3LXVzZXItcHJvZmlsZS9pZHAtcmV2aWV3LXVzZXItcHJvZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBMEIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pJLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUU1RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUdsRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7QUFnQmhGLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxrQkFBa0I7SUFDakUsY0FBYyxDQUF5QjtJQXFCdkM7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQXRCWixtQkFBYyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2QyxjQUFTLEdBQUcsTUFBTSxDQUFnRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3BHLFNBQUksR0FBRyxNQUFNLENBQU8sVUFBVSxDQUFDLENBQUM7UUFFdkIsb0JBQWUsR0FBRyxNQUFNLENBQVUsZUFBZSxDQUFDLENBQUM7UUFDbkQsWUFBTyxHQUFHLE1BQU0sQ0FBb0MsYUFBYSxDQUFDLENBQUM7UUFLNUUsMEJBQXFCLEdBQUcsSUFBSSxDQUFDO1FBQzdCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLG1CQUFjLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUUxRSxlQUFVLEdBQUcsU0FBUyxDQUEyQixZQUFZLENBQUMsQ0FBQztRQUMvRCxhQUFRLEdBQUcsU0FBUyxDQUEyQixVQUFVLENBQUMsQ0FBQztRQUMzRCx3QkFBbUIsR0FBRyxTQUFTLENBQTJCLHFCQUFxQixDQUFDLENBQUM7UUFFakYsMEJBQXFCLEdBQUcsS0FBSyxFQUF3QyxDQUFDO1FBQ3RFLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUk5QixJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUNqRixJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFVBQVU7UUFDTCxRQUFRLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFxQixDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzlFLENBQUM7OEdBL0JRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLDZQQVAzQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7YUFDL0Q7U0FDSiwrWUMxQkwsdy9CQWdDQSw0Q0RmYyxnQkFBZ0IsK0ZBQUUsaUJBQWlCOzsyRkFXcEMsNkJBQTZCO2tCQWJ6QyxTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDLFlBQ3BDLDRCQUE0QixtQkFFckIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsa0JBQWtCOzRCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDL0Q7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NvbXBvbmVudE91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBpbmplY3QsIGlucHV0LCBzaWduYWwsIHR5cGUgVGVtcGxhdGVSZWYsIFR5cGUsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgVVNFX0RFRkFVTFRfQ1NTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbGliL3Rva2Vucy91c2UtZGVmYXVsdC1jc3MnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlJztcbmltcG9ydCB0eXBlIHsgVXNlclByb2ZpbGVGb3JtRmllbGRzQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy91c2VyLXByb2ZpbGUtZm9ybS1maWVsZHMnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMva2MtY2xhc3MnO1xuaW1wb3J0IHR5cGUgeyBJMThuIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vaTE4bic7XG5pbXBvcnQgdHlwZSB7IEtjQ29udGV4dCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL0tjQ29udGV4dCc7XG5pbXBvcnQgeyBTdWJtaXRTZXJ2aWNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vc2VydmljZXMvc3VibWl0JztcbmltcG9ydCB7IExPR0lOX0NMQVNTRVMgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMvY2xhc3Nlcyc7XG5pbXBvcnQgeyBMT0dJTl9JMThOIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2kxOG4nO1xuaW1wb3J0IHsgS0NfTE9HSU5fQ09OVEVYVCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9rYy1jb250ZXh0JztcbmltcG9ydCB0eXBlIHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbS2NDbGFzc0RpcmVjdGl2ZSwgTmdDb21wb25lbnRPdXRsZXRdLFxuICAgIHNlbGVjdG9yOiAna2MtaWRwLXJldmlldy11c2VyLXByb2ZpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnaWRwLXJldmlldy11c2VyLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBDb21wb25lbnRSZWZlcmVuY2UsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJZHBSZXZpZXdVc2VyUHJvZmlsZUNvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgSWRwUmV2aWV3VXNlclByb2ZpbGVDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRSZWZlcmVuY2Uge1xuICAgICNzdWJtaXRTZXJ2aWNlID0gaW5qZWN0KFN1Ym1pdFNlcnZpY2UpO1xuICAgIGtjQ29udGV4dCA9IGluamVjdDxFeHRyYWN0PEtjQ29udGV4dCwgeyBwYWdlSWQ6ICdpZHAtcmV2aWV3LXVzZXItcHJvZmlsZS5mdGwnIH0+PihLQ19MT0dJTl9DT05URVhUKTtcbiAgICBpMThuID0gaW5qZWN0PEkxOG4+KExPR0lOX0kxOE4pO1xuXG4gICAgb3ZlcnJpZGUgZG9Vc2VEZWZhdWx0Q3NzID0gaW5qZWN0PGJvb2xlYW4+KFVTRV9ERUZBVUxUX0NTUyk7XG4gICAgb3ZlcnJpZGUgY2xhc3NlcyA9IGluamVjdDxQYXJ0aWFsPFJlY29yZDxDbGFzc0tleSwgc3RyaW5nPj4+KExPR0lOX0NMQVNTRVMpO1xuXG4gICAgZG9jdW1lbnRUaXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIGJvZHlDbGFzc05hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIGRpc3BsYXlSZXF1aXJlZEZpZWxkcyA9IHRydWU7XG4gICAgZGlzcGxheUluZm8gPSBmYWxzZTtcbiAgICBkaXNwbGF5TWVzc2FnZSA9ICF0aGlzLmtjQ29udGV4dD8ubWVzc2FnZXNQZXJGaWVsZD8uZXhpc3RzRXJyb3IoJ2dsb2JhbCcpO1xuXG4gICAgaGVhZGVyTm9kZSA9IHZpZXdDaGlsZDxUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD4+KCdoZWFkZXJOb2RlJyk7XG4gICAgaW5mb05vZGUgPSB2aWV3Q2hpbGQ8VGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+PignaW5mb05vZGUnKTtcbiAgICBzb2NpYWxQcm92aWRlcnNOb2RlID0gdmlld0NoaWxkPFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50Pj4oJ3NvY2lhbFByb3ZpZGVyc05vZGUnKTtcblxuICAgIHVzZXJQcm9maWxlRm9ybUZpZWxkcyA9IGlucHV0PFR5cGU8VXNlclByb2ZpbGVGb3JtRmllbGRzQ29tcG9uZW50Pj4oKTtcbiAgICBpc0Zvcm1TdWJtaXR0YWJsZSA9IHNpZ25hbChmYWxzZSk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgdGhpcy4jc3VibWl0U2VydmljZS5pc1N1Ym1pdHRhYmxlLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKCkpLnN1YnNjcmliZShzdWJtaXR0YWJsZSA9PiB7XG4gICAgICAgICAgICB0aGlzLmlzRm9ybVN1Ym1pdHRhYmxlLnNldChzdWJtaXR0YWJsZSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQ2FsbGJhY2soKSB7XG4gICAgICAgIChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgna2MtcmVnaXN0ZXItZm9ybScpIGFzIEhUTUxGb3JtRWxlbWVudCkuc3VibWl0KCk7XG4gICAgfVxufVxuIiwiQGxldCB1cmwgPSBrY0NvbnRleHQudXJsO1xuXG48bmctdGVtcGxhdGUgI2hlYWRlck5vZGU+XG4gICAge3sgaTE4bi5tc2dTdHIoJ2xvZ2luSWRwUmV2aWV3UHJvZmlsZVRpdGxlJykgfX1cbjwvbmctdGVtcGxhdGU+XG48Zm9ybVxuICAgIGlkPVwia2MtaWRwLXJldmlldy1wcm9maWxlLWZvcm1cIlxuICAgIG1ldGhvZD1cInBvc3RcIlxuICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1DbGFzcydcIlxuICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbj5cbiAgICA8bmctY29udGFpbmVyIFtuZ0NvbXBvbmVudE91dGxldF09XCJ1c2VyUHJvZmlsZUZvcm1GaWVsZHMoKSA/PyBudWxsXCIgLz5cbiAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBpZD1cImtjLWZvcm0tb3B0aW9uc1wiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtT3B0aW9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybU9wdGlvbnNXcmFwcGVyQ2xhc3MnXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBpZD1cImtjLWZvcm0tYnV0dG9uc1wiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQnV0dG9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvblByaW1hcnlDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpMThuLm1zZ1N0cignZG9TdWJtaXQnKVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFpc0Zvcm1TdWJtaXR0YWJsZSgpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9mb3JtPlxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXJldmlldy11c2VyLXByb2ZpbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xvZ2luL3BhZ2VzL2lkcC1yZXZpZXctdXNlci1wcm9maWxlL2lkcC1yZXZpZXctdXNlci1wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9sb2dpbi9wYWdlcy9pZHAtcmV2aWV3LXVzZXItcHJvZmlsZS9pZHAtcmV2aWV3LXVzZXItcHJvZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUEwQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUU1RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUdsRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMvRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBZTNCLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxrQkFBa0I7SUFickU7O1FBY0ksY0FBUyxHQUFHLE1BQU0sQ0FBZ0UsZ0JBQWdCLENBQUMsQ0FBQztRQUNwRyxTQUFJLEdBQUcsTUFBTSxDQUFPLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLDRCQUF1QixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQ2hELG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLGFBQWEsQ0FBQyxDQUFDO1FBSzVFLDBCQUFxQixHQUFHLElBQUksQ0FBQztRQUM3QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixtQkFBYyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFMUUsZUFBVSxHQUFHLFNBQVMsQ0FBMkIsWUFBWSxDQUFDLENBQUM7UUFDL0QsYUFBUSxHQUFHLFNBQVMsQ0FBMkIsVUFBVSxDQUFDLENBQUM7UUFDM0Qsd0JBQW1CLEdBQUcsU0FBUyxDQUEyQixxQkFBcUIsQ0FBQyxDQUFDO1FBRWpGLDBCQUFxQixHQUFHLEtBQUssRUFBd0MsQ0FBQztRQUN0RSxzQkFBaUIsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0tBS3RJO0lBckJHLHVCQUF1QixDQUFrQztJQWtCekQsVUFBVTtRQUNMLFFBQVEsQ0FBQyxjQUFjLENBQUMsa0JBQWtCLENBQXFCLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDOUUsQ0FBQzs4R0F2QlEsNkJBQTZCO2tHQUE3Qiw2QkFBNkIsNlBBUDNCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGtCQUFrQjtnQkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUMvRDtTQUNKLCtZQzNCTCx3L0JBZ0NBLDRDRGRjLGdCQUFnQiwrRkFBRSxpQkFBaUI7OzJGQVdwQyw2QkFBNkI7a0JBYnpDLFNBQVM7aUNBQ00sSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsWUFDcEMsNEJBQTRCLG1CQUVyQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDhCQUE4QixDQUFDO3lCQUMvRDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ29tcG9uZW50T3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIGluamVjdCwgaW5wdXQsIHR5cGUgVGVtcGxhdGVSZWYsIFR5cGUsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBVU0VfREVGQVVMVF9DU1MgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvdG9rZW5zL3VzZS1kZWZhdWx0LWNzcyc7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UnO1xuaW1wb3J0IHR5cGUgeyBVc2VyUHJvZmlsZUZvcm1GaWVsZHNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL3VzZXItcHJvZmlsZS1mb3JtLWZpZWxkcyc7XG5pbXBvcnQgeyBLY0NsYXNzRGlyZWN0aXZlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vZGlyZWN0aXZlcy9rYy1jbGFzcyc7XG5pbXBvcnQgdHlwZSB7IEkxOG4gfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9pMThuJztcbmltcG9ydCB0eXBlIHsgS2NDb250ZXh0IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IFVzZXJQcm9maWxlRm9ybVNlcnZpY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9zZXJ2aWNlcy91c2VyLXByb2ZpbGUtZm9ybSc7XG5pbXBvcnQgeyBMT0dJTl9DTEFTU0VTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2NsYXNzZXMnO1xuaW1wb3J0IHsgTE9HSU5fSTE4TiB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9pMThuJztcbmltcG9ydCB7IEtDX0xPR0lOX0NPTlRFWFQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMva2MtY29udGV4dCc7XG5pbXBvcnQgdHlwZSB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbS2NDbGFzc0RpcmVjdGl2ZSwgTmdDb21wb25lbnRPdXRsZXRdLFxuICAgIHNlbGVjdG9yOiAna2MtaWRwLXJldmlldy11c2VyLXByb2ZpbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnaWRwLXJldmlldy11c2VyLXByb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBDb21wb25lbnRSZWZlcmVuY2UsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJZHBSZXZpZXdVc2VyUHJvZmlsZUNvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgSWRwUmV2aWV3VXNlclByb2ZpbGVDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRSZWZlcmVuY2Uge1xuICAgIGtjQ29udGV4dCA9IGluamVjdDxFeHRyYWN0PEtjQ29udGV4dCwgeyBwYWdlSWQ6ICdpZHAtcmV2aWV3LXVzZXItcHJvZmlsZS5mdGwnIH0+PihLQ19MT0dJTl9DT05URVhUKTtcbiAgICBpMThuID0gaW5qZWN0PEkxOG4+KExPR0lOX0kxOE4pO1xuICAgICN1c2VyUHJvZmlsZUZvcm1TZXJ2aWNlID0gaW5qZWN0KFVzZXJQcm9maWxlRm9ybVNlcnZpY2UpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihMT0dJTl9DTEFTU0VTKTtcblxuICAgIGRvY3VtZW50VGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgICBib2R5Q2xhc3NOYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBkaXNwbGF5UmVxdWlyZWRGaWVsZHMgPSB0cnVlO1xuICAgIGRpc3BsYXlJbmZvID0gZmFsc2U7XG4gICAgZGlzcGxheU1lc3NhZ2UgPSAhdGhpcy5rY0NvbnRleHQ/Lm1lc3NhZ2VzUGVyRmllbGQ/LmV4aXN0c0Vycm9yKCdnbG9iYWwnKTtcblxuICAgIGhlYWRlck5vZGUgPSB2aWV3Q2hpbGQ8VGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+PignaGVhZGVyTm9kZScpO1xuICAgIGluZm9Ob2RlID0gdmlld0NoaWxkPFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50Pj4oJ2luZm9Ob2RlJyk7XG4gICAgc29jaWFsUHJvdmlkZXJzTm9kZSA9IHZpZXdDaGlsZDxUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD4+KCdzb2NpYWxQcm92aWRlcnNOb2RlJyk7XG5cbiAgICB1c2VyUHJvZmlsZUZvcm1GaWVsZHMgPSBpbnB1dDxUeXBlPFVzZXJQcm9maWxlRm9ybUZpZWxkc0NvbXBvbmVudD4+KCk7XG4gICAgaXNGb3JtU3VibWl0dGFibGUgPSB0b1NpZ25hbCh0aGlzLiN1c2VyUHJvZmlsZUZvcm1TZXJ2aWNlLmZvcm1TdGF0ZSQucGlwZShtYXAocyA9PiBzLmlzRm9ybVN1Ym1pdHRhYmxlKSksIHsgaW5pdGlhbFZhbHVlOiBmYWxzZSB9KTtcblxuICAgIG9uQ2FsbGJhY2soKSB7XG4gICAgICAgIChkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgna2MtcmVnaXN0ZXItZm9ybScpIGFzIEhUTUxGb3JtRWxlbWVudCkuc3VibWl0KCk7XG4gICAgfVxufVxuIiwiQGxldCB1cmwgPSBrY0NvbnRleHQudXJsO1xuXG48bmctdGVtcGxhdGUgI2hlYWRlck5vZGU+XG4gICAge3sgaTE4bi5tc2dTdHIoJ2xvZ2luSWRwUmV2aWV3UHJvZmlsZVRpdGxlJykgfX1cbjwvbmctdGVtcGxhdGU+XG48Zm9ybVxuICAgIGlkPVwia2MtaWRwLXJldmlldy1wcm9maWxlLWZvcm1cIlxuICAgIG1ldGhvZD1cInBvc3RcIlxuICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1DbGFzcydcIlxuICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbj5cbiAgICA8bmctY29udGFpbmVyIFtuZ0NvbXBvbmVudE91dGxldF09XCJ1c2VyUHJvZmlsZUZvcm1GaWVsZHMoKSA/PyBudWxsXCIgLz5cbiAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBpZD1cImtjLWZvcm0tb3B0aW9uc1wiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtT3B0aW9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybU9wdGlvbnNXcmFwcGVyQ2xhc3MnXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBpZD1cImtjLWZvcm0tYnV0dG9uc1wiXG4gICAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQnV0dG9uc0NsYXNzJ1wiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvblByaW1hcnlDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpMThuLm1zZ1N0cignZG9TdWJtaXQnKVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFpc0Zvcm1TdWJtaXR0YWJsZSgpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9mb3JtPlxuIl19

package/esm2022/login/pages/info/info.component.mjs

@@ -29,15 +29,15 @@ export class InfoComponent extends ComponentReference {
         }
         return html;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: InfoComponent, isStandalone: true, selector: "kc-\u00EDnfo", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: InfoComponent, isStandalone: true, selector: "kc-\u00EDnfo", 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        }\n        @if (actionUri) {\n            <p>\n                <a\n                    [href]=\"actionUri\"\n                    [innerHTML]=\"i18n.msgStr('proceedWithAction') | kcSanitize: 'html'\"\n                >\n                </a>\n            </p>\n        }\n        @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: "18.2.7", ngImport: i0, type: InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcSanitizePipe], selector: 'kc-ínfo', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login/login.component.mjs

@@ -24,15 +24,15 @@ export class LoginComponent extends ComponentReference {
         this.socialProvidersNode = viewChild('socialProvidersNode');
         this.isLoginButtonDisabled = signal(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginComponent, isStandalone: true, selector: "kc-login", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-login', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule], providers: [
                         {

package/esm2022/login/pages/login-config-totp/login-config-totp.component.mjs

@@ -22,15 +22,15 @@ export class LoginConfigTotpComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginConfigTotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginConfigTotpComponent, isStandalone: true, selector: "kc-login-config-totp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginConfigTotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-login-config-totp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login-idp-link-confirm/login-idp-link-confirm.component.mjs

@@ -16,15 +16,15 @@ export class LoginIdpLinkConfirmComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginIdpLinkConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: LoginIdpLinkConfirmComponent, isStandalone: true, selector: "kc-login-idp-link-confirm", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginIdpLinkConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkConfirmComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-login-idp-link-confirm', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.mjs

@@ -16,15 +16,15 @@ export class LoginIdpLinkConfirmOverrideComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: LoginIdpLinkConfirmOverrideComponent, isStandalone: true, selector: "kc-login-idp-link-confirm-override", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkConfirmOverrideComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-login-idp-link-confirm-override', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login-idp-link-email/login-idp-link-email.component.mjs

@@ -16,15 +16,15 @@ export class LoginIdpLinkEmailComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginIdpLinkEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: LoginIdpLinkEmailComponent, isStandalone: true, selector: "kc-login-idp-link-email", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginIdpLinkEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginIdpLinkEmailComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-login-idp-link-email', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login-oauth-grant/login-oauth-grant.component.mjs

@@ -17,15 +17,15 @@ export class LoginOauthGrantComponent extends ComponentReference {
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginOauthGrantComponent, isStandalone: true, selector: "kc-login-oauth-grant", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-login-oauth-grant', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/esm2022/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.mjs

@@ -20,15 +20,15 @@ export class LoginOauth2DeviceVerifyUserCodeComponent extends ComponentReference
         this.infoNode = viewChild('infoNode');
         this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.7", type: LoginOauth2DeviceVerifyUserCodeComponent, isStandalone: true, selector: "kc-login-oauth2-device-verify-user-code", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-login-oauth2-device-verify-user-code', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {