@keycloakify/angular 0.0.1-rc.17 → 0.0.1-rc.19

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-error.mjs","sources":["../../src/login/pages/error/error.component.ts","../../src/login/pages/error/error.component.html","../../src/login/pages/error/keycloakify-angular-login-pages-error.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'error.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => ErrorComponent)\n        }\n    ]\n})\nexport class ErrorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'error.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n}\n","@let message = kcContext.message;\n@let skipLink = kcContext.skipLink;\n@let client = kcContext.client;\n<kc-login-template [displayMessage]=\"false\">\n    <ng-container headerNode>\n        {{ i18n.msgStr('errorTitle') }}\n    </ng-container>\n    <ng-container content>\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    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,cAAe,SAAQ,kBAAkB,CAAA;AAbtD,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA8C,gBAAgB,CAAC,CAAC;AAClF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;AAC/E,KAAA;8GALY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAPZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,cAAc,CAAC;AAChD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,22BAyBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXc,iBAAiB,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWlC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAClC,QAAA,EAAA,SAAS,EAEF,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,oBAAoB,CAAC;AAChD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,22BAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-login-pages-error.mjs","sources":["../../src/login/pages/error/error.component.ts","../../src/login/pages/error/error.component.html","../../src/login/pages/error/keycloakify-angular-login-pages-error.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-error',\n    templateUrl: 'error.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => ErrorComponent)\n        }\n    ]\n})\nexport class ErrorComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'error.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let 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<ng-container content>\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</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAyBM,MAAO,cAAe,SAAQ,kBAAkB,CAAA;AAbtD,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA8C,gBAAgB,CAAC,CAAC;AAClF,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAjBY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAPZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,cAAc,CAAC;AAChD,aAAA;SACJ,ECvBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,otBAuBA,uCDTiC,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWlC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAb1B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAClC,QAAA,EAAA,UAAU,EAEH,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,oBAAoB,CAAC;AAChD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,otBAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 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';
 
 class FrontchannelLogoutComponent extends ComponentReference {
@@ -15,32 +15,34 @@ class FrontchannelLogoutComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.bodyClassName = input();
+        this.displayRequiredFields = this.i18n.msgStr('frontchannel-logout.title');
         this.displayInfo = false;
         this.displayMessage = false;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
     ngOnInit() {
         if (this.kcContext.logout.logoutRedirectUri) {
             window.location.replace(this.kcContext.logout.logoutRedirectUri);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FrontchannelLogoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: FrontchannelLogoutComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => FrontchannelLogoutComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let logout = kcContext.logout;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"i18n.msgStr('frontchannel-logout.title')\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('frontchannel-logout.title') }}\n    </ng-container>\n    <ng-container content>\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                        [src]=\"'client.frontChannelLogoutUrl' | kcSanitize: 'resourceUrl'\"\n                        style=\"display: none\"\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    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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.6", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FrontchannelLogoutComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcSanitizePipe], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcSanitizePipe], selector: 'kc-frontchannel-logout', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => FrontchannelLogoutComponent)
                         }
-                    ], template: "@let logout = kcContext.logout;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"i18n.msgStr('frontchannel-logout.title')\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('frontchannel-logout.title') }}\n    </ng-container>\n    <ng-container content>\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                        [src]=\"'client.frontChannelLogoutUrl' | kcSanitize: 'resourceUrl'\"\n                        style=\"display: none\"\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    </ng-container>\n</kc-login-template>\n" }]
+                    ], 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" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-frontchannel-logout.mjs","sources":["../../src/login/pages/frontchannel-logout/frontchannel-logout.component.ts","../../src/login/pages/frontchannel-logout/frontchannel-logout.component.html","../../src/login/pages/frontchannel-logout/keycloakify-angular-login-pages-frontchannel-logout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input, OnInit } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'frontchannel-logout.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => FrontchannelLogoutComponent)\n        }\n    ]\n})\nexport class FrontchannelLogoutComponent extends ComponentReference implements OnInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'frontchannel-logout.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n\n    ngOnInit(): void {\n        if (this.kcContext.logout.logoutRedirectUri) {\n            window.location.replace(this.kcContext.logout.logoutRedirectUri);\n        }\n    }\n}\n","@let logout = kcContext.logout;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"i18n.msgStr('frontchannel-logout.title')\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('frontchannel-logout.title') }}\n    </ng-container>\n    <ng-container content>\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                        [src]=\"'client.frontChannelLogoutUrl' | kcSanitize: 'resourceUrl'\"\n                        style=\"display: none\"\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    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-frontchannel-logout.mjs","sources":["../../src/login/pages/frontchannel-logout/frontchannel-logout.component.ts","../../src/login/pages/frontchannel-logout/frontchannel-logout.component.html","../../src/login/pages/frontchannel-logout/keycloakify-angular-login-pages-frontchannel-logout.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, OnInit, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-frontchannel-logout',\n    templateUrl: 'frontchannel-logout.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => FrontchannelLogoutComponent)\n        }\n    ]\n})\nexport class FrontchannelLogoutComponent extends ComponentReference implements OnInit {\n    kcContext = inject<Extract<KcContext, { pageId: 'frontchannel-logout.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = this.i18n.msgStr('frontchannel-logout.title');\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    ngOnInit(): void {\n        if (this.kcContext.logout.logoutRedirectUri) {\n            window.location.replace(this.kcContext.logout.logoutRedirectUri);\n        }\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,15 +1,15 @@
 import { NgComponentOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, input, signal, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
 import { takeUntilDestroyed } 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { SubmitService } from '@keycloakify/angular/login/services/submit';
 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 { SubmitService } from '@keycloakify/angular/login/services/submit';
 
 class IdpReviewUserProfileComponent extends ComponentReference {
     #submitService;
@@ -17,16 +17,17 @@ class IdpReviewUserProfileComponent extends ComponentReference {
         super();
         this.#submitService = inject(SubmitService);
         this.kcContext = inject(KC_LOGIN_CONTEXT);
-        this.displayRequiredFields = input(true);
-        this.documentTitle = input();
-        this.bodyClassName = input();
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.isFormSubmittable = signal(false);
+        this.displayRequiredFields = true;
         this.displayInfo = false;
         this.displayMessage = !this.kcContext?.messagesPerField?.existsError('global');
+        this.headerNode = viewChild('headerNode');
+        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);
         });
@@ -34,22 +35,22 @@ class IdpReviewUserProfileComponent extends ComponentReference {
     onCallback() {
         document.getElementById('kc-register-form').submit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: IdpReviewUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: IdpReviewUserProfileComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", 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.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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => IdpReviewUserProfileComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginIdpReviewProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-idp-review-profile-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\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                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                        [disabled]=\"!isFormSubmittable()\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { 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 }); }
+        ], 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.6", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: IdpReviewUserProfileComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, NgComponentOutlet], selector: 'kc-idp-review-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => IdpReviewUserProfileComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginIdpReviewProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-idp-review-profile-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\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                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                        [disabled]=\"!isFormSubmittable()\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], 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: () => [] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-idp-review-user-profile.mjs","sources":["../../src/login/pages/idp-review-user-profile/idp-review-user-profile.component.ts","../../src/login/pages/idp-review-user-profile/idp-review-user-profile.component.html","../../src/login/pages/idp-review-user-profile/keycloakify-angular-login-pages-idp-review-user-profile.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet],\n    selector: 'kc-root',\n    templateUrl: 'idp-review-user-profile.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => IdpReviewUserProfileComponent)\n        }\n    ]\n})\nexport class IdpReviewUserProfileComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n\n    kcContext = inject<Extract<KcContext, { pageId: 'idp-review-user-profile.ftl' }>>(KC_LOGIN_CONTEXT);\n    displayRequiredFields = input(true);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    isFormSubmittable = signal(false);\n    displayInfo: boolean = false;\n    displayMessage: boolean = !this.kcContext?.messagesPerField?.existsError('global');\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@let url = kcContext.url;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginIdpReviewProfileTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-idp-review-profile-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            <ng-container [ngComponentOutlet]=\"userProfileFormFields() ?? null\"></ng-container>\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                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doSubmit')\"\n                        [disabled]=\"!isFormSubmittable()\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-idp-review-user-profile.mjs","sources":["../../src/login/pages/idp-review-user-profile/idp-review-user-profile.component.ts","../../src/login/pages/idp-review-user-profile/idp-review-user-profile.component.html","../../src/login/pages/idp-review-user-profile/keycloakify-angular-login-pages-idp-review-user-profile.ts"],"sourcesContent":["import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { SubmitService } from '@keycloakify/angular/login/services/submit';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet],\n    selector: 'kc-idp-review-user-profile',\n    templateUrl: 'idp-review-user-profile.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => IdpReviewUserProfileComponent)\n        }\n    ]\n})\nexport class IdpReviewUserProfileComponent extends ComponentReference {\n    #submitService = inject(SubmitService);\n    kcContext = inject<Extract<KcContext, { pageId: 'idp-review-user-profile.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = true;\n    displayInfo = false;\n    displayMessage = !this.kcContext?.messagesPerField?.existsError('global');\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();\n    isFormSubmittable = signal(false);\n\n    constructor() {\n        super();\n        this.#submitService.isSubmittable.pipe(takeUntilDestroyed()).subscribe(submittable => {\n            this.isFormSubmittable.set(submittable);\n        });\n    }\n\n    onCallback() {\n        (document.getElementById('kc-register-form') as HTMLFormElement).submit();\n    }\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 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';
@@ -15,11 +15,12 @@ class InfoComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = false;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
     get infoMessage() {
         let html = this.kcContext.message.summary;
@@ -30,22 +31,22 @@ class InfoComponent extends ComponentReference {
         }
         return html;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: InfoComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: InfoComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => InfoComponent)
             }
-        ], 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@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        <span [innerHTML]=\"messageHeader ?? i18n.advancedMsgStr(message.summary) | kcSanitize: 'html'\"> </span>\n    </ng-container>\n    <ng-container content>\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    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n\n<ng-template #headerNode>\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.6", ngImport: i0, type: InfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcSanitizePipe], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcSanitizePipe], selector: 'kc-ínfo', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => InfoComponent)
                         }
-                    ], template: "@let skipLink = kcContext.skipLink;\n@let actionUri = kcContext.actionUri;\n@let pageRedirectUri = kcContext.pageRedirectUri;\n@let client = kcContext.client;\n@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        <span [innerHTML]=\"messageHeader ?? i18n.advancedMsgStr(message.summary) | kcSanitize: 'html'\"> </span>\n    </ng-container>\n    <ng-container content>\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    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let skipLink = kcContext.skipLink;\n@let actionUri = kcContext.actionUri;\n@let pageRedirectUri = kcContext.pageRedirectUri;\n@let client = kcContext.client;\n@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n\n<ng-template #headerNode>\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" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-info.mjs","sources":["../../src/login/pages/info/info.component.ts","../../src/login/pages/info/info.component.html","../../src/login/pages/info/keycloakify-angular-login-pages-info.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'info.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InfoComponent)\n        }\n    ]\n})\nexport class InfoComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'info.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    displayRequiredFields = input(false);\n    documentTitle = input<string>();\n    bodyClassName = input<string>();\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n\n    get infoMessage() {\n        let html = this.kcContext.message.summary;\n        if (this.kcContext.requiredActions) {\n            html += '<b>';\n\n            html += this.kcContext.requiredActions.map(requiredAction => this.i18n.advancedMsgStr(`requiredAction.${requiredAction}`)).join(', ');\n\n            html += '</b>';\n        }\n        return html;\n    }\n}\n","@let skipLink = kcContext.skipLink;\n@let actionUri = kcContext.actionUri;\n@let pageRedirectUri = kcContext.pageRedirectUri;\n@let client = kcContext.client;\n@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        <span [innerHTML]=\"messageHeader ?? i18n.advancedMsgStr(message.summary) | kcSanitize: 'html'\"> </span>\n    </ng-container>\n    <ng-container content>\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    </ng-container>\n</kc-login-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-login-pages-info.mjs","sources":["../../src/login/pages/info/info.component.ts","../../src/login/pages/info/info.component.html","../../src/login/pages/info/keycloakify-angular-login-pages-info.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/login/containers/template';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcSanitizePipe],\n    selector: 'kc-ínfo',\n    templateUrl: 'info.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => InfoComponent)\n        }\n    ]\n})\nexport class InfoComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'info.ftl' }>>(KC_LOGIN_CONTEXT);\n    i18n = inject<I18n>(LOGIN_I18N);\n\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    displayRequiredFields = false;\n    displayInfo = false;\n    displayMessage = false;\n\n    headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n    infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n    socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n    get infoMessage() {\n        let html = this.kcContext.message.summary;\n        if (this.kcContext.requiredActions) {\n            html += '<b>';\n\n            html += this.kcContext.requiredActions.map(requiredAction => this.i18n.advancedMsgStr(`requiredAction.${requiredAction}`)).join(', ');\n\n            html += '</b>';\n        }\n        return html;\n    }\n}\n","@let skipLink = kcContext.skipLink;\n@let actionUri = kcContext.actionUri;\n@let pageRedirectUri = kcContext.pageRedirectUri;\n@let client = kcContext.client;\n@let messageHeader = kcContext.messageHeader;\n@let message = kcContext.message;\n\n<ng-template #headerNode>\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 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';
@@ -17,28 +17,29 @@ class LoginConfigTotpComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
-        this.displayMessage = this.kcContext.messagesPerField.existsError('totp', 'userLabel');
+        this.displayMessage = !this.kcContext.messagesPerField.existsError('totp', 'userLabel');
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginConfigTotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginConfigTotpComponent, isStandalone: true, selector: "kc-root", inputs: { displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginConfigTotpComponent)
             }
-        ], 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<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginTotpStep1') }}\n    </ng-container>\n    <ng-container content>\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                            [href]=\"totp.qrUrl\"\n                            id=\"mode-barcode\"\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                        [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n                        alt=\"Figure: Barcode\"\n                    />\n                    <br />\n                    <p>\n                        <a\n                            [href]=\"totp.manualUrl\"\n                            id=\"mode-manual\"\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            [action]=\"url.loginAction\"\n            [kcClass]=\"'kcFormClass'\"\n            id=\"kc-totp-settings-form\"\n            method=\"post\"\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                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\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                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\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                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    id=\"saveTOTPBtn\"\n                    [value]=\"i18n.msgStr('doSubmit')\"\n                />\n                <button\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass', 'kcButtonLargeClass']\"\n                    id=\"cancelTOTPBtn\"\n                    name=\"cancel-aia\"\n                    [value]=\"true\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            } @else {\n                <input\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    id=\"saveTOTPBtn\"\n                    [value]=\"i18n.msgStr('doSubmit')\"\n                />\n            }\n        </form>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { 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 }); }
+        ], 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.6", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginConfigTotpComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, KcSanitizePipe, LogoutOtherSessionsComponent], selector: 'kc-login-config-totp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginConfigTotpComponent)
                         }
-                    ], 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<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        {{ i18n.msgStr('loginTotpStep1') }}\n    </ng-container>\n    <ng-container content>\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                            [href]=\"totp.qrUrl\"\n                            id=\"mode-barcode\"\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                        [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n                        alt=\"Figure: Barcode\"\n                    />\n                    <br />\n                    <p>\n                        <a\n                            [href]=\"totp.manualUrl\"\n                            id=\"mode-manual\"\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            [action]=\"url.loginAction\"\n            [kcClass]=\"'kcFormClass'\"\n            id=\"kc-totp-settings-form\"\n            method=\"post\"\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                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\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                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            aria-live=\"polite\"\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                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    id=\"saveTOTPBtn\"\n                    [value]=\"i18n.msgStr('doSubmit')\"\n                />\n                <button\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass', 'kcButtonLargeClass']\"\n                    id=\"cancelTOTPBtn\"\n                    name=\"cancel-aia\"\n                    [value]=\"true\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            } @else {\n                <input\n                    type=\"submit\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                    id=\"saveTOTPBtn\"\n                    [value]=\"i18n.msgStr('doSubmit')\"\n                />\n            }\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], 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" }]
         }] });
 
 /**