npm - @keycloakify/angular - Versions diffs - 0.0.1-rc.23 → 0.0.1-rc.24 - Mend

@keycloakify/angular 0.0.1-rc.23 → 0.0.1-rc.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

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

@@ -24,7 +24,7 @@ class LoginOauthGrantComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginOauthGrantComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n    @if (client.attributes['logoUri']) {\n        <img\n            alt=\"\"\n            [src]=\"client.attributes['logoUri']\"\n        />\n    }\n    <p>\n        {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n    </p>\n</ng-template>\n\n<div\n    id=\"kc-oauth\"\n    class=\"content-area\"\n>\n    <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n    <ul>\n        @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n            <li>\n                <span>\n                    {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                    @if (clientScope.dynamicScopeParameter) {\n                        : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                    }\n                </span>\n            </li>\n        }\n    </ul>\n\n    @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n        <h3>\n            @if (client.name) {\n                {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n            } @else {\n                {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n            }\n            @if (client.attributes['policyUri']) {\n                {{ i18n.msgStr('oauthGrantReview') }}\n                <a\n                    target=\"_blank\"\n                    [href]=\"client.attributes['policyUri']\"\n                >\n                    {{ i18n.msgStr('oauthGrantPolicy') }}\n                </a>\n            }\n        </h3>\n    }\n    <form\n        class=\"form-actions\"\n        method=\"post\"\n        [action]=\"url.oauthAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"code\"\n            [value]=\"oauth.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n\n            <div id=\"kc-form-buttons\">\n                <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doYes')\"\n                    />\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doNo')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </form>\n    <div className=\"clearfix\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n    @let client = kcContext.client;\n    @if (client.attributes['logoUri']) {\n        <img\n            alt=\"\"\n            [src]=\"client.attributes['logoUri']\"\n        />\n    }\n    <p>\n        {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n    </p>\n</ng-template>\n\n<div\n    id=\"kc-oauth\"\n    class=\"content-area\"\n>\n    <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n    <ul>\n        @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n            <li>\n                <span>\n                    {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                    @if (clientScope.dynamicScopeParameter) {\n                        : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                    }\n                </span>\n            </li>\n        }\n    </ul>\n\n    @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n        <h3>\n            @if (client.name) {\n                {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n            } @else {\n                {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n            }\n            @if (client.attributes['policyUri']) {\n                {{ i18n.msgStr('oauthGrantReview') }}\n                <a\n                    target=\"_blank\"\n                    [href]=\"client.attributes['policyUri']\"\n                >\n                    {{ i18n.msgStr('oauthGrantPolicy') }}\n                </a>\n            }\n        </h3>\n    }\n    <form\n        class=\"form-actions\"\n        method=\"post\"\n        [action]=\"url.oauthAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"code\"\n            [value]=\"oauth.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n\n            <div id=\"kc-form-buttons\">\n                <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doYes')\"\n                    />\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doNo')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </form>\n    <div className=\"clearfix\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginOauthGrantComponent, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginOauthGrantComponent)
                         }
-                    ], template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #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-template>\n\n<div\n    id=\"kc-oauth\"\n    class=\"content-area\"\n>\n    <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n    <ul>\n        @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n            <li>\n                <span>\n                    {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                    @if (clientScope.dynamicScopeParameter) {\n                        : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                    }\n                </span>\n            </li>\n        }\n    </ul>\n\n    @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n        <h3>\n            @if (client.name) {\n                {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n            } @else {\n                {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n            }\n            @if (client.attributes['policyUri']) {\n                {{ i18n.msgStr('oauthGrantReview') }}\n                <a\n                    target=\"_blank\"\n                    [href]=\"client.attributes['policyUri']\"\n                >\n                    {{ i18n.msgStr('oauthGrantPolicy') }}\n                </a>\n            }\n        </h3>\n    }\n    <form\n        class=\"form-actions\"\n        method=\"post\"\n        [action]=\"url.oauthAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"code\"\n            [value]=\"oauth.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n\n            <div id=\"kc-form-buttons\">\n                <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doYes')\"\n                    />\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doNo')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </form>\n    <div className=\"clearfix\"></div>\n</div>\n" }]
+                    ], template: "@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n    @let client = kcContext.client;\n    @if (client.attributes['logoUri']) {\n        <img\n            alt=\"\"\n            [src]=\"client.attributes['logoUri']\"\n        />\n    }\n    <p>\n        {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n    </p>\n</ng-template>\n\n<div\n    id=\"kc-oauth\"\n    class=\"content-area\"\n>\n    <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n    <ul>\n        @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n            <li>\n                <span>\n                    {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n                    @if (clientScope.dynamicScopeParameter) {\n                        : <b>{{ clientScope.dynamicScopeParameter }}</b>\n                    }\n                </span>\n            </li>\n        }\n    </ul>\n\n    @if (client.attributes['policyUri'] || client.attributes['tosUri']) {\n        <h3>\n            @if (client.name) {\n                {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n            } @else {\n                {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n            }\n            @if (client.attributes['policyUri']) {\n                {{ i18n.msgStr('oauthGrantReview') }}\n                <a\n                    target=\"_blank\"\n                    [href]=\"client.attributes['policyUri']\"\n                >\n                    {{ i18n.msgStr('oauthGrantPolicy') }}\n                </a>\n            }\n        </h3>\n    }\n    <form\n        class=\"form-actions\"\n        method=\"post\"\n        [action]=\"url.oauthAction\"\n    >\n        <input\n            type=\"hidden\"\n            name=\"code\"\n            [value]=\"oauth.code\"\n        />\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div id=\"kc-form-options\">\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n            </div>\n\n            <div id=\"kc-form-buttons\">\n                <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doYes')\"\n                    />\n                    <input\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doNo')\"\n                    />\n                </div>\n            </div>\n        </div>\n    </form>\n    <div className=\"clearfix\"></div>\n</div>\n" }]
         }] });
 /**

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

	@@ -1 +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, type TemplateRef, viewChild } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective],\n selector: 'kc-login-oauth-grant',\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\n documentTitle: string \| undefined;\n bodyClassName = 'oauth';\n\n displayRequiredFields = false;\n displayInfo = false;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #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-template>\n\n<div\n id=\"kc-oauth\"\n class=\"content-area\"\n>\n <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n <ul>\n @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n <li>\n <span>\n {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n @if (clientScope.dynamicScopeParameter) {\n : <b>{{ clientScope.dynamicScopeParameter }}</b>\n }\n </span>\n </li>\n }\n </ul>\n\n @if (client.attributes['policyUri'] \|\| client.attributes['tosUri']) {\n <h3>\n @if (client.name) {\n {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n } @else {\n {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n }\n @if (client.attributes['policyUri']) {\n {{ i18n.msgStr('oauthGrantReview') }}\n <a\n target=\"_blank\"\n [href]=\"client.attributes['policyUri']\"\n >\n {{ i18n.msgStr('oauthGrantPolicy') }}\n </a>\n }\n </h3>\n }\n <form\n class=\"form-actions\"\n method=\"post\"\n [action]=\"url.oauthAction\"\n >\n <input\n type=\"hidden\"\n name=\"code\"\n [value]=\"oauth.code\"\n />\n <div [kcClass]=\"'kcFormGroupClass'\">\n <div id=\"kc-form-options\">\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n </div>\n\n <div id=\"kc-form-buttons\">\n <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n <input\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doYes')\"\n />\n <input\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doNo')\"\n />\n </div>\n </div>\n </div>\n </form>\n <div className=\"clearfix\"></div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;AAqBM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AAbhE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,gBAAgB,CAAC,CAAC;AAC9F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;QAGhC,IAAa,CAAA,aAAA,GAAG,OAAO,CAAC;QAExB,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAdY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAPtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AAC1D,aAAA;SACJ,ECnBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,~~iwFAqFA~~,~~4CD3Ec~~,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,sBAAsB,EAEf,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AAC1D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,~~iwFAAA~~,EAAA,CAAA;;;AEnBL;;AAEG;;;;"}
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, type TemplateRef, viewChild } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective],\n selector: 'kc-login-oauth-grant',\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\n documentTitle: string \| undefined;\n bodyClassName = 'oauth';\n\n displayRequiredFields = false;\n displayInfo = false;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let client = kcContext.client;\n@let oauth = kcContext.oauth;\n@let url = kcContext.url;\n\n<ng-template #headerNode>\n @let client = kcContext.client;\n @if (client.attributes['logoUri']) {\n <img\n alt=\"\"\n [src]=\"client.attributes['logoUri']\"\n />\n }\n <p>\n {{ i18n.msgStr('oauthGrantTitle', client.name ? i18n.advancedMsgStr(client.name) : client.clientId) }}\n </p>\n</ng-template>\n\n<div\n id=\"kc-oauth\"\n class=\"content-area\"\n>\n <h3>{{ i18n.msgStr('oauthGrantRequest') }}</h3>\n <ul>\n @for (clientScope of oauth.clientScopesRequested; track clientScope) {\n <li>\n <span>\n {{ i18n.advancedMsgStr(clientScope.consentScreenText) }}\n @if (clientScope.dynamicScopeParameter) {\n : <b>{{ clientScope.dynamicScopeParameter }}</b>\n }\n </span>\n </li>\n }\n </ul>\n\n @if (client.attributes['policyUri'] \|\| client.attributes['tosUri']) {\n <h3>\n @if (client.name) {\n {{ i18n.msgStr('oauthGrantInformation', i18n.advancedMsgStr(client.name)) }}\n } @else {\n {{ i18n.msgStr('oauthGrantInformation', client.clientId) }}\n }\n @if (client.attributes['policyUri']) {\n {{ i18n.msgStr('oauthGrantReview') }}\n <a\n target=\"_blank\"\n [href]=\"client.attributes['policyUri']\"\n >\n {{ i18n.msgStr('oauthGrantPolicy') }}\n </a>\n }\n </h3>\n }\n <form\n class=\"form-actions\"\n method=\"post\"\n [action]=\"url.oauthAction\"\n >\n <input\n type=\"hidden\"\n name=\"code\"\n [value]=\"oauth.code\"\n />\n <div [kcClass]=\"'kcFormGroupClass'\">\n <div id=\"kc-form-options\">\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n </div>\n\n <div id=\"kc-form-buttons\">\n <div [kcClass]=\"'kcFormButtonsWrapperClass'\">\n <input\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doYes')\"\n />\n <input\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doNo')\"\n />\n </div>\n </div>\n </div>\n </form>\n <div className=\"clearfix\"></div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;AAqBM,MAAO,wBAAyB,SAAQ,kBAAkB,CAAA;AAbhE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,gBAAgB,CAAC,CAAC;AAC9F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;QAGhC,IAAa,CAAA,aAAA,GAAG,OAAO,CAAC;QAExB,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAdY,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAPtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AAC1D,aAAA;SACJ,ECnBL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,syFAsFA,4CD5Ec,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,sBAAsB,EAEf,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AAC1D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,syFAAA,EAAA,CAAA;;;AEnBL;;AAEG;;;;"}

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

@@ -26,7 +26,7 @@ class LoginPageExpiredComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPageExpiredComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n\n<ng-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", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginPageExpiredComponent, decorators: [{
             type: Component,
@@ -35,7 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginPageExpiredComponent)
                         }
-                    ], template: "@let url = kcContext.url;\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" }]
+                    ], template: "@let url = kcContext.url;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n    id=\"instruction1\"\n    class=\"instruction\"\n>\n    {{ i18n.msgStr('pageExpiredMsg1') }}\n    <a\n        id=\"loginRestartLink\"\n        [href]=\"url.loginRestartFlowUrl\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .<br />\n    {{ i18n.msgStr('pageExpiredMsg2') }}\n    <a\n        id=\"loginContinueLink\"\n        [href]=\"url.loginAction\"\n    >\n        {{ i18n.msgStr('doClickHere') }}\n    </a>\n    .\n</p>\n" }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-login-pages-login-page-expired.mjs","sources":["../../src/login/pages/login-page-expired/login-page-expired.component.ts","../../src/login/pages/login-page-expired/login-page-expired.component.html","../../src/login/pages/login-page-expired/keycloakify-angular-login-pages-login-page-expired.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [],\n selector: 'kc-login-page-expired',\n templateUrl: 'login-page-expired.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPageExpiredComponent)\n }\n ]\n})\nexport class LoginPageExpiredComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-page-expired.ftl' }>>(KC_LOGIN_CONTEXT);\n i18n = inject<I18n>(LOGIN_I18N);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = false;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\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~~","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAuBM,MAAO,yBAA0B,SAAQ,kBAAkB,CAAA;AAbjE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA2D,gBAAgB,CAAC,CAAC;AAC/F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAhBY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC;AAC3D,aAAA;AACJ,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBL,~~srBA4BA~~,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FDLa~~,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,EAAE,EACD,QAAA,EAAA,uBAAuB,mBAEhB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,+BAA+B,CAAC;AAC3D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,~~srBAAA~~,EAAA,CAAA;;;AErBL;;AAEG;;;;"}
1	+ {"version":3,"file":"keycloakify-angular-login-pages-login-page-expired.mjs","sources":["../../src/login/pages/login-page-expired/login-page-expired.component.ts","../../src/login/pages/login-page-expired/login-page-expired.component.html","../../src/login/pages/login-page-expired/keycloakify-angular-login-pages-login-page-expired.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } 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 type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [],\n selector: 'kc-login-page-expired',\n templateUrl: 'login-page-expired.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPageExpiredComponent)\n }\n ]\n})\nexport class LoginPageExpiredComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-page-expired.ftl' }>>(KC_LOGIN_CONTEXT);\n i18n = inject<I18n>(LOGIN_I18N);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = false;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n}\n","@let url = kcContext.url;\n\n<ng-template #headerNode>\n {{ i18n.msgStr('pageExpiredTitle') }}\n</ng-template>\n\n<p\n id=\"instruction1\"\n class=\"instruction\"\n>\n {{ i18n.msgStr('pageExpiredMsg1') }}\n <a\n id=\"loginRestartLink\"\n [href]=\"url.loginRestartFlowUrl\"\n >\n {{ i18n.msgStr('doClickHere') }}\n </a>\n .<br />\n {{ i18n.msgStr('pageExpiredMsg2') }}\n <a\n id=\"loginContinueLink\"\n [href]=\"url.loginAction\"\n >\n {{ i18n.msgStr('doClickHere') }}\n </a>\n .\n</p>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAuBM,MAAO,yBAA0B,SAAQ,kBAAkB,CAAA;AAbjE,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA2D,gBAAgB,CAAC,CAAC;AAC/F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;AACrF,KAAA;8GAhBY,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,yBAAyB,CAAC;AAC3D,aAAA;AACJ,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBL,yjBA2BA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDJa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAbrC,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,EAAE,EACD,QAAA,EAAA,uBAAuB,mBAEhB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,+BAA+B,CAAC;AAC3D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,yjBAAA,EAAA,CAAA;;;AErBL;;AAEG;;;;"}

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

@@ -75,7 +75,7 @@ class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-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 (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                            <span>\n                                                {{ i18n.advancedMsgStr(nameProperty) }}\n                                            </span>\n                                            @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                                <span>, </span>\n                                            }\n                                        }\n                                    </div>\n                                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                        <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                            {{ i18n.msgStr('passkey-createdAt-label') }}\n                                        </span>\n                                        <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                            {{ authenticator.createdAt }}\n                                        </span>\n                                    </div>\n                                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n        }\n        <div id=\"kc-form-wrapper\">\n            @if (realm.password) {\n                <form\n                    id=\"kc-form-passkey\"\n                    method=\"post\"\n                    style=\"display: none\"\n                    [action]=\"url.loginAction\"\n                >\n                    @if (!usernameHidden) {\n                        <div [kcClass]=\"'kcFormGroupClass'\">\n                            <label\n                                for=\"username\"\n                                [kcClass]=\"'kcLabelClass'\"\n                            >\n                                {{ i18n.msgStr('passkey-autofill-select') }}\n                            </label>\n                            <input\n                                tabIndex=\"1\"\n                                id=\"username\"\n                                name=\"username\"\n                                type=\"text\"\n                                autoFocus\n                                autoComplete=\"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></div\n></ng-container>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabIndex=\"6\"\n                    [href]=\"url.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    }\n</ng-template>\n\n<form\n    id=\"webauth\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        type=\"hidden\"\n        id=\"clientDataJSON\"\n        name=\"clientDataJSON\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"authenticatorData\"\n        name=\"authenticatorData\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"signature\"\n        name=\"signature\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"credentialId\"\n        name=\"credentialId\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userHandle\"\n        name=\"userHandle\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"error\"\n        name=\"error\"\n    />\n</form>\n<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readOnly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autoFocus\n                            autoComplete=\"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", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginPasskeysConditionalAuthenticateComponent, decorators: [{
             type: Component,
@@ -84,7 +84,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             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<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\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 (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                            <span>\n                                                {{ i18n.advancedMsgStr(nameProperty) }}\n                                            </span>\n                                            @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                                <span>, </span>\n                                            }\n                                        }\n                                    </div>\n                                    <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                        <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                            {{ i18n.msgStr('passkey-createdAt-label') }}\n                                        </span>\n                                        <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                            {{ authenticator.createdAt }}\n                                        </span>\n                                    </div>\n                                    <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n        }\n        <div id=\"kc-form-wrapper\">\n            @if (realm.password) {\n                <form\n                    id=\"kc-form-passkey\"\n                    method=\"post\"\n                    style=\"display: none\"\n                    [action]=\"url.loginAction\"\n                >\n                    @if (!usernameHidden) {\n                        <div [kcClass]=\"'kcFormGroupClass'\">\n                            <label\n                                for=\"username\"\n                                [kcClass]=\"'kcLabelClass'\"\n                            >\n                                {{ i18n.msgStr('passkey-autofill-select') }}\n                            </label>\n                            <input\n                                tabIndex=\"1\"\n                                id=\"username\"\n                                name=\"username\"\n                                type=\"text\"\n                                autoFocus\n                                autoComplete=\"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></div\n></ng-container>\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<ng-template #headerNode>\n    {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n    @let realm = kcContext.realm;\n    @let url = kcContext.url;\n    @if (realm.registrationAllowed && !registrationDisabled) {\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabIndex=\"6\"\n                    [href]=\"url.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    }\n</ng-template>\n\n<form\n    id=\"webauth\"\n    method=\"post\"\n    [action]=\"url.loginAction\"\n>\n    <input\n        type=\"hidden\"\n        id=\"clientDataJSON\"\n        name=\"clientDataJSON\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"authenticatorData\"\n        name=\"authenticatorData\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"signature\"\n        name=\"signature\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"credentialId\"\n        name=\"credentialId\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"userHandle\"\n        name=\"userHandle\"\n    />\n    <input\n        type=\"hidden\"\n        id=\"error\"\n        name=\"error\"\n    />\n</form>\n<div\n    no-bottom-margin=\"true\"\n    style=\"margin-bottom: 0\"\n    [kcClass]=\"'kcFormGroupClass'\"\n>\n    @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n        <form\n            id=\"authn_select\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                <input\n                    type=\"hidden\"\n                    name=\"authn_use_chk\"\n                    readOnly\n                    [value]=\"authenticator.credentialId\"\n                />\n            }\n        </form>\n\n        @if (shouldDisplayAuthenticators) {\n            @if (authenticators.authenticators.length > 1) {\n                <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n                    {{ i18n.msgStr('passkey-available-authenticators') }}\n                </p>\n            }\n\n            <div [kcClass]=\"'kcFormClass'\">\n                @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n                    <div\n                        id=\"'kc-webauthn-authenticator-item-' + i\"\n                        [kcClass]=\"'kcSelectAuthListItemClass'\"\n                    >\n                        <i\n                            aria-hidden=\"true\"\n                            [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n                            [kcClass]=\"'kcCommonLogoIdP'\"\n                        ></i>\n                        <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n                            <div\n                                [id]=\"'kc-webauthn-authenticator-label-' + i\"\n                                [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n                            >\n                                {{ i18n.advancedMsgStr(authenticator.label) }}\n                            </div>\n                            @if (\n                                authenticator.transports !== undefined &&\n                                authenticator.transports.displayNameProperties !== undefined &&\n                                authenticator.transports.displayNameProperties.length !== 0\n                            ) {\n                                <div\n                                    [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n                                    [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n                                >\n                                    @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n                                        <span>\n                                            {{ i18n.advancedMsgStr(nameProperty) }}\n                                        </span>\n                                        @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n                                            <span>, </span>\n                                        }\n                                    }\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n                                    <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n                                        {{ i18n.msgStr('passkey-createdAt-label') }}\n                                    </span>\n                                    <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n                                        {{ authenticator.createdAt }}\n                                    </span>\n                                </div>\n                                <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n    }\n    <div id=\"kc-form-wrapper\">\n        @if (realm.password) {\n            <form\n                id=\"kc-form-passkey\"\n                method=\"post\"\n                style=\"display: none\"\n                [action]=\"url.loginAction\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            {{ i18n.msgStr('passkey-autofill-select') }}\n                        </label>\n                        <input\n                            tabIndex=\"1\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autoFocus\n                            autoComplete=\"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" }]
         }], ctorParameters: () => [] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs","sources":["../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts","../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.html","../../src/login/pages/login-passkeys-conditional-authenticate/keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective],\n selector: 'kc-login-passkeys-conditional-authenticate',\n templateUrl: 'login-passkeys-conditional-authenticate.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)\n }\n ]\n})\nexport class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-passkeys-conditional-authenticate.ftl' }>>(KC_LOGIN_CONTEXT);\n loginResourceInjectorService = inject(LoginResourceInjectorService);\n i18n = inject<I18n>(LOGIN_I18N);\n\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = true;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n authButtonId = 'authenticateWebAuthnButton';\n\n constructor() {\n super();\n const {\n url,\n challenge,\n rpId,\n userVerification,\n isUserIdentified,\n\n createTimeout\n } = this.kcContext;\n const scripts: Script[] = [\n {\n type: 'module',\n id: 'LoginRecoveryAuthnCodeConfig',\n textContent: `\n import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n import { initAuthenticate } from \"${url.resourcesPath}/js/passkeysConditionalAuth.js\";\n\n const authButton = document.getElementById(\"${this.authButtonId}\");\n const input = {\n isUserIdentified : ${isUserIdentified},\n challenge : ${JSON.stringify(challenge)},\n userVerification : ${JSON.stringify(userVerification)},\n rpId : ${JSON.stringify(rpId)},\n createTimeout : ${createTimeout}\n };\n authButton.addEventListener(\"click\", () => {\n authenticateByWebAuthn({\n ...input,\n errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n });\n });\n\n initAuthenticate({\n ...input,\n errmsg : ${JSON.stringify(this.i18n.msgStr('passkey-unsupported-browser-text'))}\n });\n `\n }\n ];\n this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n }\n\n selectAuthListItemIconClass(iconClass: string) {\n const kcClsx = getKcClsx({\n doUseDefaultCss: this.doUseDefaultCss ?? true,\n classes: this.classes\n }).kcClsx;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const className = kcClsx(iconClass as any);\n if (className === iconClass) {\n return kcClsx('kcWebAuthnDefaultIcon');\n }\n return className;\n }\n}\n","@let authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-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 (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n <span>\n {{ i18n.advancedMsgStr(nameProperty) }}\n </span>\n @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n <span>, </span>\n }\n }\n </div>\n <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n {{ i18n.msgStr('passkey-createdAt-label') }}\n </span>\n <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n {{ authenticator.createdAt }}\n </span>\n </div>\n <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div id=\"kc-form-wrapper\">\n @if (realm.password) {\n <form\n id=\"kc-form-passkey\"\n method=\"post\"\n style=\"display: none\"\n [action]=\"url.loginAction\"\n >\n @if (!usernameHidden) {\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"username\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('passkey-autofill-select') }}\n </label>\n <input\n tabIndex=\"1\"\n id=\"username\"\n name=\"username\"\n type=\"text\"\n autoFocus\n autoComplete=\"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></div\n></ng-container>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.mjs","sources":["../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts","../../src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.html","../../src/login/pages/login-passkeys-conditional-authenticate/keycloakify-angular-login-pages-login-passkeys-conditional-authenticate.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';\nimport { type Script } from '@keycloakify/angular/lib/models/script';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\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, getKcClsx } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective],\n selector: 'kc-login-passkeys-conditional-authenticate',\n templateUrl: 'login-passkeys-conditional-authenticate.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPasskeysConditionalAuthenticateComponent)\n }\n ]\n})\nexport class LoginPasskeysConditionalAuthenticateComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-passkeys-conditional-authenticate.ftl' }>>(KC_LOGIN_CONTEXT);\n loginResourceInjectorService = inject(LoginResourceInjectorService);\n i18n = inject<I18n>(LOGIN_I18N);\n\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = true;\n displayMessage = false;\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n authButtonId = 'authenticateWebAuthnButton';\n\n constructor() {\n super();\n const {\n url,\n challenge,\n rpId,\n userVerification,\n isUserIdentified,\n\n createTimeout\n } = this.kcContext;\n const scripts: Script[] = [\n {\n type: 'module',\n id: 'LoginRecoveryAuthnCodeConfig',\n textContent: `\n import { authenticateByWebAuthn } from \"${url.resourcesPath}/js/webauthnAuthenticate.js\";\n import { initAuthenticate } from \"${url.resourcesPath}/js/passkeysConditionalAuth.js\";\n\n const authButton = document.getElementById(\"${this.authButtonId}\");\n const input = {\n isUserIdentified : ${isUserIdentified},\n challenge : ${JSON.stringify(challenge)},\n userVerification : ${JSON.stringify(userVerification)},\n rpId : ${JSON.stringify(rpId)},\n createTimeout : ${createTimeout}\n };\n authButton.addEventListener(\"click\", () => {\n authenticateByWebAuthn({\n ...input,\n errmsg : ${JSON.stringify(this.i18n.msgStr('webauthn-unsupported-browser-text'))}\n });\n });\n\n initAuthenticate({\n ...input,\n errmsg : ${JSON.stringify(this.i18n.msgStr('passkey-unsupported-browser-text'))}\n });\n `\n }\n ];\n this.loginResourceInjectorService.insertAdditionalScripts(scripts);\n }\n\n selectAuthListItemIconClass(iconClass: string) {\n const kcClsx = getKcClsx({\n doUseDefaultCss: this.doUseDefaultCss ?? true,\n classes: this.classes\n }).kcClsx;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const className = kcClsx(iconClass as any);\n if (className === iconClass) {\n return kcClsx('kcWebAuthnDefaultIcon');\n }\n return className;\n }\n}\n","@let authenticators = kcContext.authenticators;\n@let realm = kcContext.realm;\n@let url = kcContext.url;\n@let shouldDisplayAuthenticators = kcContext.shouldDisplayAuthenticators;\n@let login = kcContext.login;\n@let messagesPerField = kcContext.messagesPerField;\n@let usernameHidden = kcContext.usernameHidden;\n@let registrationDisabled = kcContext.registrationDisabled;\n<ng-template #headerNode>\n {{ i18n.msgStr('passkey-login-title') }}\n</ng-template>\n<ng-template #infoNode>\n @let realm = kcContext.realm;\n @let url = kcContext.url;\n @if (realm.registrationAllowed && !registrationDisabled) {\n <div id=\"kc-registration\">\n <span>\n {{ i18n.msgStr('noAccount') }}\n <a\n tabIndex=\"6\"\n [href]=\"url.registrationUrl\"\n >\n {{ i18n.msgStr('doRegister') }}\n </a>\n </span>\n </div>\n }\n</ng-template>\n\n<form\n id=\"webauth\"\n method=\"post\"\n [action]=\"url.loginAction\"\n>\n <input\n type=\"hidden\"\n id=\"clientDataJSON\"\n name=\"clientDataJSON\"\n />\n <input\n type=\"hidden\"\n id=\"authenticatorData\"\n name=\"authenticatorData\"\n />\n <input\n type=\"hidden\"\n id=\"signature\"\n name=\"signature\"\n />\n <input\n type=\"hidden\"\n id=\"credentialId\"\n name=\"credentialId\"\n />\n <input\n type=\"hidden\"\n id=\"userHandle\"\n name=\"userHandle\"\n />\n <input\n type=\"hidden\"\n id=\"error\"\n name=\"error\"\n />\n</form>\n<div\n no-bottom-margin=\"true\"\n style=\"margin-bottom: 0\"\n [kcClass]=\"'kcFormGroupClass'\"\n>\n @if (authenticators !== undefined && authenticators.authenticators.length !== 0) {\n <form\n id=\"authn_select\"\n [kcClass]=\"'kcFormClass'\"\n >\n @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n <input\n type=\"hidden\"\n name=\"authn_use_chk\"\n readOnly\n [value]=\"authenticator.credentialId\"\n />\n }\n </form>\n\n @if (shouldDisplayAuthenticators) {\n @if (authenticators.authenticators.length > 1) {\n <p [kcClass]=\"'kcSelectAuthListItemTitle'\">\n {{ i18n.msgStr('passkey-available-authenticators') }}\n </p>\n }\n\n <div [kcClass]=\"'kcFormClass'\">\n @for (authenticator of authenticators.authenticators; track authenticator; let i = $index) {\n <div\n id=\"'kc-webauthn-authenticator-item-' + i\"\n [kcClass]=\"'kcSelectAuthListItemClass'\"\n >\n <i\n aria-hidden=\"true\"\n [ngClass]=\"selectAuthListItemIconClass(authenticator.transports.iconClass)\"\n [kcClass]=\"'kcCommonLogoIdP'\"\n ></i>\n <div [kcClass]=\"'kcSelectAuthListItemBodyClass'\">\n <div\n [id]=\"'kc-webauthn-authenticator-label-' + i\"\n [kcClass]=\"'kcSelectAuthListItemHeadingClass'\"\n >\n {{ i18n.advancedMsgStr(authenticator.label) }}\n </div>\n @if (\n authenticator.transports !== undefined &&\n authenticator.transports.displayNameProperties !== undefined &&\n authenticator.transports.displayNameProperties.length !== 0\n ) {\n <div\n [id]=\"'kc-webauthn-authenticator-transport-' + i\"\n [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\"\n >\n @for (nameProperty of authenticator.transports.displayNameProperties; track nameProperty; let i = $index) {\n <span>\n {{ i18n.advancedMsgStr(nameProperty) }}\n </span>\n @if (i !== authenticator.transports.displayNameProperties.length - 1) {\n <span>, </span>\n }\n }\n </div>\n <div [kcClass]=\"'kcSelectAuthListItemDescriptionClass'\">\n <span [id]=\"'kc-webauthn-authenticator-createdlabel-' + i\">\n {{ i18n.msgStr('passkey-createdAt-label') }}\n </span>\n <span [id]=\"'kc-webauthn-authenticator-created-' + i\">\n {{ authenticator.createdAt }}\n </span>\n </div>\n <div [kcClass]=\"'kcSelectAuthListItemFillClass'\"></div>\n }\n </div>\n </div>\n }\n </div>\n }\n }\n <div id=\"kc-form-wrapper\">\n @if (realm.password) {\n <form\n id=\"kc-form-passkey\"\n method=\"post\"\n style=\"display: none\"\n [action]=\"url.loginAction\"\n >\n @if (!usernameHidden) {\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"username\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('passkey-autofill-select') }}\n </label>\n <input\n tabIndex=\"1\"\n id=\"username\"\n name=\"username\"\n type=\"text\"\n autoFocus\n autoComplete=\"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","/*\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-password.mjs CHANGED Viewed

@@ -31,7 +31,7 @@ class LoginPasswordComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginPasswordComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container content>\n    <div id=\"kc-form\">\n        <div id=\"kc-form-wrapper\">\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                <div\n                    class=\"no-bottom-margin\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <hr />\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            type=\"password\"\n                            id=\"password\"\n                            name=\"password\"\n                            aria-describedby=\"input-error-password\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [required]=\"true\"\n                            [autofocus]=\"true\"\n                            [tabindex]=\"1\"\n                        />\n                    </kc-password-wrapper>\n\n                    @if (messagesPerField.existsError('password')) {\n                        <span\n                            id=\"input-error-password\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\"></div>\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"5\"\n                                    [href]=\"url.loginResetCredentialsUrl\"\n                                >\n                                    {{ i18n.msgStr('doForgotPassword') }}\n                                </a>\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"submit\"\n                        id=\"kc-login\"\n                        name=\"login\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [tabindex]=\"4\"\n                    />\n                </div>\n            </form>\n        </div>\n    </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginPasswordComponent, decorators: [{
             type: Component,
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginPasswordComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n<ng-container content>\n    <div id=\"kc-form\">\n        <div id=\"kc-form-wrapper\">\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                <div\n                    class=\"no-bottom-margin\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <hr />\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            type=\"password\"\n                            id=\"password\"\n                            name=\"password\"\n                            aria-describedby=\"input-error-password\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [required]=\"true\"\n                            [autofocus]=\"true\"\n                            [tabindex]=\"1\"\n                        />\n                    </kc-password-wrapper>\n\n                    @if (messagesPerField.existsError('password')) {\n                        <span\n                            id=\"input-error-password\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\"></div>\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"5\"\n                                    [href]=\"url.loginResetCredentialsUrl\"\n                                >\n                                    {{ i18n.msgStr('doForgotPassword') }}\n                                </a>\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"submit\"\n                        id=\"kc-login\"\n                        name=\"login\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [tabindex]=\"4\"\n                    />\n                </div>\n            </form>\n        </div>\n    </div>\n</ng-container>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <form\n            id=\"kc-form-login\"\n            method=\"post\"\n            [action]=\"url?.loginAction\"\n            (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n        >\n            <div\n                class=\"no-bottom-margin\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <hr />\n                <label\n                    for=\"password\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n                <kc-password-wrapper passwordInputId=\"password\">\n                    <input\n                        type=\"password\"\n                        id=\"password\"\n                        name=\"password\"\n                        aria-describedby=\"input-error-password\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [required]=\"true\"\n                        [autofocus]=\"true\"\n                        [tabindex]=\"1\"\n                    />\n                </kc-password-wrapper>\n\n                @if (messagesPerField.existsError('password')) {\n                    <span\n                        id=\"input-error-password\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.getFirstError('password') | kcSanitize: 'html'\"\n                    >\n                    </span>\n                }\n            </div>\n            <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                <div id=\"kc-form-options\"></div>\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                    @if (realm.resetPasswordAllowed) {\n                        <span>\n                            <a\n                                tabindex=\"5\"\n                                [href]=\"url.loginResetCredentialsUrl\"\n                            >\n                                {{ i18n.msgStr('doForgotPassword') }}\n                            </a>\n                        </span>\n                    }\n                </div>\n            </div>\n            <div\n                id=\"kc-form-buttons\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <input\n                    type=\"submit\"\n                    id=\"kc-login\"\n                    name=\"login\"\n                    [value]=\"i18n.msgStr('doLogIn')\"\n                    [disabled]=\"isLoginButtonDisabled()\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                    [tabindex]=\"4\"\n                />\n            </div>\n        </form>\n    </div>\n</div>\n" }]
         }] });
 /**

package/fesm2022/keycloakify-angular-login-pages-login-password.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-login-pages-login-password.mjs","sources":["../../src/login/pages/login-password/login-password.component.ts","../../src/login/pages/login-password/login-password.component.html","../../src/login/pages/login-password/keycloakify-angular-login-pages-login-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe],\n selector: 'kc-login-password',\n templateUrl: 'login-password.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPasswordComponent)\n }\n ]\n})\nexport class LoginPasswordComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-password.ftl' }>>(KC_LOGIN_CONTEXT);\n i18n = inject<I18n>(LOGIN_I18N);\n\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = true;\n displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n authButtonId = 'authenticateWebAuthnButton';\n\n isLoginButtonDisabled = signal(false);\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n~~<ng-container content>\~~n <div id=\"kc-form\">\n <div id=\"kc-form-wrapper\">\n <form\n id=\"kc-form-login\"\n method=\"post\"\n [action]=\"url?.loginAction\"\n (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n >\n <div\n class=\"no-bottom-margin\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <hr />\n <label\n for=\"password\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('password') }}\n </label>\n <kc-password-wrapper passwordInputId=\"password\">\n <input\n type=\"password\"\n id=\"password\"\n name=\"password\"\n aria-describedby=\"input-error-password\"\n [kcClass]=\"'kcInputClass'\"\n [required]=\"true\"\n [autofocus]=\"true\"\n [tabindex]=\"1\"\n />\n </kc-password-wrapper>\n\n @if (messagesPerField.existsError('password')) {\n <span\n id=\"input-error-password\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n <div id=\"kc-form-options\"></div>\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n @if (realm.resetPasswordAllowed) {\n <span>\n <a\n tabindex=\"5\"\n [href]=\"url.loginResetCredentialsUrl\"\n >\n {{ i18n.msgStr('doForgotPassword') }}\n </a>\n </span>\n }\n </div>\n </div>\n <div\n id=\"kc-form-buttons\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <input\n type=\"submit\"\n id=\"kc-login\"\n name=\"login\"\n [value]=\"i18n.msgStr('doLogIn')\"\n [disabled]=\"isLoginButtonDisabled()\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n [tabindex]=\"4\"\n />\n </div>\n </form>\n </div>\n </div>\n~~</ng-container>\n~~","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BM,MAAO,sBAAuB,SAAQ,kBAAkB,CAAA;AAb9D,IAAA,WAAA,GAAA;;AAcI,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAuD,gBAAgB,CAAC,CAAC;AAC3F,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,aAAa,CAAC,CAAC;QAK5E,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;QAC9B,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;QACnB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAEzE,QAAA,IAAA,CAAA,UAAU,GAAI,SAAS,CAA2B,YAAY,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,QAAQ,GAAI,SAAS,CAA2B,UAAU,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,mBAAmB,GAAI,SAAS,CAA2B,qBAAqB,CAAC,CAAC;QAClF,IAAY,CAAA,YAAA,GAAG,4BAA4B,CAAC;AAE5C,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACzC,KAAA;8GApBY,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAPpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,sBAAsB,CAAC;AACxD,aAAA;AACJ,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBL,~~g1GAmFA~~,~~EDpEc~~,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,wFAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAW3D,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,cAAc,CAAC,EAAA,QAAA,EAC3D,mBAAmB,EAAA,eAAA,EAEZ,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,4BAA4B,CAAC;AACxD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,~~g1GAAA~~,EAAA,CAAA;;;AExBL;;AAEG;;;;"}
1	+ {"version":3,"file":"keycloakify-angular-login-pages-login-password.mjs","sources":["../../src/login/pages/login-password/login-password.component.ts","../../src/login/pages/login-password/login-password.component.html","../../src/login/pages/login-password/keycloakify-angular-login-pages-login-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport type { ClassKey } from 'keycloakify/login/lib/kcClsx';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe],\n selector: 'kc-login-password',\n templateUrl: 'login-password.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginPasswordComponent)\n }\n ]\n})\nexport class LoginPasswordComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login-password.ftl' }>>(KC_LOGIN_CONTEXT);\n i18n = inject<I18n>(LOGIN_I18N);\n\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n\n documentTitle: string \| undefined;\n bodyClassName: string \| undefined;\n\n displayRequiredFields = false;\n displayInfo = true;\n displayMessage = this.kcContext.messagesPerField.existsError('password');\n\n headerNode? = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n authButtonId = 'authenticateWebAuthnButton';\n\n isLoginButtonDisabled = signal(false);\n}\n","@let url = kcContext.url;\n@let messagesPerField = kcContext.messagesPerField;\n@let realm = kcContext.realm;\n\n<ng-template #headerNode>\n {{ i18n.msgStr('doLogIn') }}\n</ng-template>\n\n<div id=\"kc-form\">\n <div id=\"kc-form-wrapper\">\n <form\n id=\"kc-form-login\"\n method=\"post\"\n [action]=\"url?.loginAction\"\n (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n >\n <div\n class=\"no-bottom-margin\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <hr />\n <label\n for=\"password\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('password') }}\n </label>\n <kc-password-wrapper passwordInputId=\"password\">\n <input\n type=\"password\"\n id=\"password\"\n name=\"password\"\n aria-describedby=\"input-error-password\"\n [kcClass]=\"'kcInputClass'\"\n [required]=\"true\"\n [autofocus]=\"true\"\n [tabindex]=\"1\"\n />\n </kc-password-wrapper>\n\n @if (messagesPerField.existsError('password')) {\n <span\n id=\"input-error-password\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n <div id=\"kc-form-options\"></div>\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n @if (realm.resetPasswordAllowed) {\n <span>\n <a\n tabindex=\"5\"\n [href]=\"url.loginResetCredentialsUrl\"\n >\n {{ i18n.msgStr('doForgotPassword') }}\n </a>\n </span>\n }\n </div>\n </div>\n <div\n id=\"kc-form-buttons\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <input\n type=\"submit\"\n id=\"kc-login\"\n name=\"login\"\n [value]=\"i18n.msgStr('doLogIn')\"\n [disabled]=\"isLoginButtonDisabled()\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n [tabindex]=\"4\"\n />\n </div>\n </form>\n </div>\n</div>\n","/*\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-recovery-authn-code-input.mjs CHANGED Viewed

@@ -28,7 +28,7 @@ class LoginRecoveryAuthnCodeInputComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<ng-container content>\n    <form\n        id=\"kc-recovery-code-login-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    for=\"recoveryCodeInput\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n                </label>\n            </div>\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <input\n                    tabIndex=\"1\"\n                    id=\"recoveryCodeInput\"\n                    name=\"recoveryCodeInput\"\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    autoFocus\n                    [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                    [kcClass]=\"'kcInputClass'\"\n                />\n                @if (messagesPerField.existsError('recoveryCodeInput')) {\n                    <span\n                        id=\"input-error\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                    ></span>\n                }\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div\n                id=\"kc-form-options\"\n                [kcClass]=\"'kcFormOptionsWrapperClass'\"\n            >\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\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", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<form\n    id=\"kc-recovery-code-login-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"recoveryCodeInput\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                tabIndex=\"1\"\n                id=\"recoveryCodeInput\"\n                name=\"recoveryCodeInput\"\n                autoComplete=\"off\"\n                type=\"text\"\n                autoFocus\n                [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                [kcClass]=\"'kcInputClass'\"\n            />\n            @if (messagesPerField.existsError('recoveryCodeInput')) {\n                <span\n                    id=\"input-error\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsWrapperClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\n        </div>\n        <div\n            id=\"kc-form-buttons\"\n            [kcClass]=\"'kcFormButtonsClass'\"\n        >\n            <input\n                name=\"login\"\n                id=\"kc-login\"\n                type=\"submit\"\n                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                [value]=\"i18n.msgStr('doLogIn')\"\n            />\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LoginRecoveryAuthnCodeInputComponent, decorators: [{
             type: Component,
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginRecoveryAuthnCodeInputComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<ng-container content>\n    <form\n        id=\"kc-recovery-code-login-form\"\n        method=\"post\"\n        [kcClass]=\"'kcFormClass'\"\n        [action]=\"url.loginAction\"\n    >\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div [kcClass]=\"'kcLabelWrapperClass'\">\n                <label\n                    for=\"recoveryCodeInput\"\n                    [kcClass]=\"'kcLabelClass'\"\n                >\n                    {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n                </label>\n            </div>\n            <div [kcClass]=\"'kcInputWrapperClass'\">\n                <input\n                    tabIndex=\"1\"\n                    id=\"recoveryCodeInput\"\n                    name=\"recoveryCodeInput\"\n                    autoComplete=\"off\"\n                    type=\"text\"\n                    autoFocus\n                    [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                    [kcClass]=\"'kcInputClass'\"\n                />\n                @if (messagesPerField.existsError('recoveryCodeInput')) {\n                    <span\n                        id=\"input-error\"\n                        aria-live=\"polite\"\n                        [kcClass]=\"'kcInputErrorMessageClass'\"\n                        [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                    ></span>\n                }\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormGroupClass'\">\n            <div\n                id=\"kc-form-options\"\n                [kcClass]=\"'kcFormOptionsWrapperClass'\"\n            >\n                <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\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" }]
+                    ], template: "@let url = kcContext.url;\n@let recoveryAuthnCodesInputBean = kcContext.recoveryAuthnCodesInputBean;\n@let messagesPerField = kcContext.messagesPerField;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('auth-recovery-code-header') }}\n</ng-template>\n\n<form\n    id=\"kc-recovery-code-login-form\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div [kcClass]=\"'kcLabelWrapperClass'\">\n            <label\n                for=\"recoveryCodeInput\"\n                [kcClass]=\"'kcLabelClass'\"\n            >\n                {{ i18n.msgStr('auth-recovery-code-prompt', recoveryAuthnCodesInputBean.codeNumber.toString()) }}\n            </label>\n        </div>\n        <div [kcClass]=\"'kcInputWrapperClass'\">\n            <input\n                tabIndex=\"1\"\n                id=\"recoveryCodeInput\"\n                name=\"recoveryCodeInput\"\n                autoComplete=\"off\"\n                type=\"text\"\n                autoFocus\n                [attr.aria-invalid]=\"messagesPerField.existsError('recoveryCodeInput')\"\n                [kcClass]=\"'kcInputClass'\"\n            />\n            @if (messagesPerField.existsError('recoveryCodeInput')) {\n                <span\n                    id=\"input-error\"\n                    aria-live=\"polite\"\n                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                    [innerHTML]=\"messagesPerField.get('recoveryCodeInput') | kcSanitize: 'html'\"\n                ></span>\n            }\n        </div>\n    </div>\n\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <div\n            id=\"kc-form-options\"\n            [kcClass]=\"'kcFormOptionsWrapperClass'\"\n        >\n            <div [kcClass]=\"'kcFormOptionsWrapperClass'\"></div>\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" }]
         }] });
 /**