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

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

@@ -21,22 +21,22 @@ class LoginOauthGrantComponent extends ComponentReference {
         this.displayInfo = false;
         this.displayMessage = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginOauthGrantComponent, 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: LoginOauthGrantComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginOauthGrantComponent, isStandalone: true, selector: "kc-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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOauthGrantComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                [src]=\"client.attributes['logoUri']\"\n                alt=\"\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            [href]=\"client.attributes['policyUri']\"\n                            target=\"_blank\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                [action]=\"url.oauthAction\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\n        </div>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                alt=\"\"\n                [src]=\"client.attributes['logoUri']\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            target=\"_blank\"\n                            [href]=\"client.attributes['policyUri']\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                method=\"post\"\n                [action]=\"url.oauthAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\n        </div>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginOauthGrantComponent)
                         }
-                    ], template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                [src]=\"client.attributes['logoUri']\"\n                alt=\"\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            [href]=\"client.attributes['policyUri']\"\n                            target=\"_blank\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                [action]=\"url.oauthAction\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\n        </div>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                alt=\"\"\n                [src]=\"client.attributes['logoUri']\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            target=\"_blank\"\n                            [href]=\"client.attributes['policyUri']\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                method=\"post\"\n                [action]=\"url.oauthAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\n        </div>\n    </ng-container>\n</kc-login-template>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-oauth-grant.mjs","sources":["../../src/login/pages/login-oauth-grant/login-oauth-grant.component.ts","../../src/login/pages/login-oauth-grant/login-oauth-grant.component.html","../../src/login/pages/login-oauth-grant/keycloakify-angular-login-pages-login-oauth-grant.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 { 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';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent],\n    selector: 'kc-root',\n    templateUrl: 'login-oauth-grant.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOauthGrantComponent)\n        }\n    ]\n})\nexport class LoginOauthGrantComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-oauth-grant.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>('oauth');\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n}\n","@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                [src]=\"client.attributes['logoUri']\"\n                alt=\"\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            [href]=\"client.attributes['policyUri']\"\n                            target=\"_blank\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                [action]=\"url.oauthAction\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                type=\"submit\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\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-login-oauth-grant.mjs","sources":["../../src/login/pages/login-oauth-grant/login-oauth-grant.component.ts","../../src/login/pages/login-oauth-grant/login-oauth-grant.component.html","../../src/login/pages/login-oauth-grant/keycloakify-angular-login-pages-login-oauth-grant.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 { 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';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent],\n    selector: 'kc-root',\n    templateUrl: 'login-oauth-grant.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOauthGrantComponent)\n        }\n    ]\n})\nexport class LoginOauthGrantComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-oauth-grant.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>('oauth');\n    displayInfo: boolean = false;\n    displayMessage: boolean = false;\n}\n","@let client = kcContext.client;\n@let oauth = kcContext.oauth;\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        @if (client.attributes['logoUri']) {\n            <img\n                alt=\"\"\n                [src]=\"client.attributes['logoUri']\"\n            />\n        }\n        <p>\n            {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n        </p>\n    </ng-container>\n\n    <ng-container content>\n        <div\n            id=\"kc-oauth\"\n            class=\"content-area\"\n        >\n            <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n            <ul>\n                @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n                    <li>\n                        <span>\n                            {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                            @if (clientScope.dynamicScopeParameter) {\n                                : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                            }\n                        </span>\n                    </li>\n                }\n            </ul>\n\n            @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n                <h3>\n                    @if (client.name) {\n                        {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n                    } @else {\n                        {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n                    }\n                    @if (client.attributes['policyUri']) {\n                        {{ i18n.msgStr('oauthGrantReview') }}\n                        <a\n                            target=\"_blank\"\n                            [href]=\"client.attributes['policyUri']\"\n                        >\n                            {{ i18n.msgStr('oauthGrantPolicy') }}\n                        </a>\n                    }\n                </h3>\n            }\n            <form\n                class=\"form-actions\"\n                method=\"post\"\n                [action]=\"url.oauthAction\"\n            >\n                <input\n                    type=\"hidden\"\n                    name=\"code\"\n                    [value]=\"oauth.code\"\n                />\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div id=\"kc-form-options\">\n                        <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                    </div>\n\n                    <div id=\"kc-form-buttons\">\n                        <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doYes')\"\n                            />\n                            <input\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                [value]=\"i18n.msgStr('doNo')\"\n                            />\n                        </div>\n                    </div>\n                </div>\n            </form>\n            <div className=\"clearfix\"></div>\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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"}

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

@@ -21,22 +21,22 @@ class LoginOauth2DeviceVerifyUserCodeComponent extends ComponentReference {
         this.displayInfo = false;
         this.displayMessage = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: LoginOauth2DeviceVerifyUserCodeComponent, 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: LoginOauth2DeviceVerifyUserCodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: LoginOauth2DeviceVerifyUserCodeComponent, 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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOauth2DeviceVerifyUserCodeComponent)
             }
-        ], 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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autofocus\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autofocus\n                        [kcClass]=\"'kcInputClass'\"\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </form>\n    </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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOauth2DeviceVerifyUserCodeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginOauth2DeviceVerifyUserCodeComponent)
                         }
-                    ], 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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autofocus\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], 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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autofocus\n                        [kcClass]=\"'kcInputClass'\"\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-oauth2-device-verify-user-code.mjs","sources":["../../src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.ts","../../src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.html","../../src/login/pages/login-oauth2-device-verify-user-code/keycloakify-angular-login-pages-login-oauth2-device-verify-user-code.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 { 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';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective],\n    selector: 'kc-root',\n    templateUrl: 'login-oauth2-device-verify-user-code.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOauth2DeviceVerifyUserCodeComponent)\n        }\n    ]\n})\nexport class LoginOauth2DeviceVerifyUserCodeComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-oauth2-device-verify-user-code.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","@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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n            method=\"post\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autofocus\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            type=\"submit\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\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-login-oauth2-device-verify-user-code.mjs","sources":["../../src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.ts","../../src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.html","../../src/login/pages/login-oauth2-device-verify-user-code/keycloakify-angular-login-pages-login-oauth2-device-verify-user-code.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 { 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';\n\n@Component({\n    standalone: true,\n    imports: [TemplateComponent, KcClassDirective],\n    selector: 'kc-root',\n    templateUrl: 'login-oauth2-device-verify-user-code.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOauth2DeviceVerifyUserCodeComponent)\n        }\n    ]\n})\nexport class LoginOauth2DeviceVerifyUserCodeComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-oauth2-device-verify-user-code.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","@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('oauth2DeviceVerificationTitle') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-user-verify-device-user-code-form\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.oauth2DeviceVerificationAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"device-user-code\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('verifyOAuth2DeviceUserCode') }}\n                    </label>\n                </div>\n\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"device-user-code\"\n                        name=\"device_user_code\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autofocus\n                        [kcClass]=\"'kcInputClass'\"\n                    />\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n                </div>\n\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                        <input\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            [value]=\"i18n.msgStr('doSubmit')\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </form>\n    </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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"}

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

@@ -22,22 +22,22 @@ class LoginOtpComponent extends ComponentReference {
         this.displayInfo = false;
         this.displayMessage = this.kcContext.messagesPerField.existsError('totp');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LoginOtpComponent, 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: LoginOtpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LoginOtpComponent, 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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOtpComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                                aria-hidden=\"true\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\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            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\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: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            method=\"post\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                aria-hidden=\"true\"\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autoFocus\n                        [kcClass]=\"'kcInputClass'\"\n                        [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n                    />\n                    @if (messagesPerField.existsError('totp')) {\n                        <span\n                            id=\"input-error-otp-code\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"['kcInputErrorMessageClass']\"\n                            [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginOtpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOtpComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, KcSanitizePipe], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginOtpComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                                aria-hidden=\"true\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\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            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            method=\"post\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                aria-hidden=\"true\"\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autoFocus\n                        [kcClass]=\"'kcInputClass'\"\n                        [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n                    />\n                    @if (messagesPerField.existsError('totp')) {\n                        <span\n                            id=\"input-error-otp-code\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"['kcInputErrorMessageClass']\"\n                            [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-login-template>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-pages-login-otp.mjs","sources":["../../src/login/pages/login-otp/login-otp.component.ts","../../src/login/pages/login-otp/login-otp.component.html","../../src/login/pages/login-otp/keycloakify-angular-login-pages-login-otp.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 { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\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, KcClassDirective, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'login-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOtpComponent)\n        }\n    ]\n})\nexport class LoginOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-otp.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 = this.kcContext.messagesPerField.existsError('totp');\n}\n","@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n            method=\"post\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                                aria-hidden=\"true\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        [kcClass]=\"'kcInputClass'\"\n                        autoFocus\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            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\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-login-otp.mjs","sources":["../../src/login/pages/login-otp/login-otp.component.ts","../../src/login/pages/login-otp/login-otp.component.html","../../src/login/pages/login-otp/keycloakify-angular-login-pages-login-otp.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 { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\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, KcClassDirective, KcSanitizePipe],\n    selector: 'kc-root',\n    templateUrl: 'login-otp.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LoginOtpComponent)\n        }\n    ]\n})\nexport class LoginOtpComponent extends ComponentReference {\n    kcContext = inject<Extract<KcContext, { pageId: 'login-otp.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 = this.kcContext.messagesPerField.existsError('totp');\n}\n","@let url = kcContext.url;\n@let otpLogin = kcContext.otpLogin;\n@let messagesPerField = kcContext.messagesPerField;\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('doLogIn') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"kc-otp-login-form\"\n            method=\"post\"\n            [kcClass]=\"['kcFormClass']\"\n            [action]=\"url.loginAction\"\n        >\n            @if (otpLogin.userOtpCredentials.length > 1) {\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <div [kcClass]=\"'kcInputWrapperClass'\">\n                        @for (otpCredential of otpLogin.userOtpCredentials; track otpCredential; let i = $index) {\n                            <ng-container>\n                                <input\n                                    type=\"radio\"\n                                    name=\"selectedCredentialId\"\n                                    [id]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [value]=\"otpCredential.id\"\n                                    [checked]=\"otpCredential.id === otpLogin.selectedCredentialId\"\n                                />\n                                <label\n                                    [for]=\"'kc-otp-credential-' + i\"\n                                    [kcClass]=\"'kcLoginOTPListClass'\"\n                                    [tabIndex]=\"i\"\n                                >\n                                    <span [kcClass]=\"'kcLoginOTPListItemHeaderClass'\">\n                                        <span [kcClass]=\"'kcLoginOTPListItemIconBodyClass'\">\n                                            <i\n                                                aria-hidden=\"true\"\n                                                [kcClass]=\"'kcLoginOTPListItemIconClass'\"\n                                            ></i>\n                                        </span>\n                                        <span [kcClass]=\"'kcLoginOTPListItemTitleClass'\">{{ otpCredential.userLabel }}</span>\n                                    </span>\n                                </label>\n                            </ng-container>\n                        }\n                    </div>\n                </div>\n            }\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div [kcClass]=\"'kcLabelWrapperClass'\">\n                    <label\n                        for=\"otp\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('loginOtpOneTime') }}\n                    </label>\n                </div>\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        id=\"otp\"\n                        name=\"otp\"\n                        autoComplete=\"off\"\n                        type=\"text\"\n                        autoFocus\n                        [kcClass]=\"'kcInputClass'\"\n                        [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n                    />\n                    @if (messagesPerField.existsError('totp')) {\n                        <span\n                            id=\"input-error-otp-code\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"['kcInputErrorMessageClass']\"\n                            [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div\n                    id=\"kc-form-options\"\n                    [kcClass]=\"'kcFormOptionsClass'\"\n                ></div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormButtonsClass'\"\n                >\n                    <input\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                    />\n                </div>\n            </div>\n        </form>\n    </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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"}

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

@@ -20,15 +20,15 @@ class LoginPageExpiredComponent extends ComponentReference {
         this.displayInfo = false;
         this.displayMessage = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.6", type: LoginPageExpiredComponent, 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: LoginPageExpiredComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: LoginPageExpiredComponent, 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: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPageExpiredComponent)
             }
         ], 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('pageExpiredTitle') }}\n    </ng-container>\n    <ng-container content>\n        <p\n            id=\"instruction1\"\n            class=\"instruction\"\n        >\n            {{ i18n.msgStr('pageExpiredMsg1') }}\n            <a\n                id=\"loginRestartLink\"\n                [href]=\"url.loginRestartFlowUrl\"\n            >\n                {{ i18n.msgStr('doClickHere') }}\n            </a>\n            .<br />\n            {{ i18n.msgStr('pageExpiredMsg2') }}\n            <a\n                id=\"loginContinueLink\"\n                [href]=\"url.loginAction\"\n            >\n                {{ i18n.msgStr('doClickHere') }}\n            </a>\n            .\n        </p>\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TemplateComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

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