npm - @keycloakify/angular - Versions diffs - 20.1.4 → 20.1.6 - Mend

@keycloakify/angular 20.1.4 → 20.1.6

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 (41) hide show

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

@@ -31,7 +31,7 @@ class LoginComponent extends ComponentReference {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LoginComponent)
             }
-        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { 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 realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"current-password\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: PasswordWrapperComponent, selector: "kc-password-wrapper", inputs: ["passwordInputId"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LoginComponent)
                         }
-                    ], template: "@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"off\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n" }]
+                    ], template: "@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n    {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n    @let url = kcContext.url;\n    <div id=\"kc-registration-container\">\n        <div id=\"kc-registration\">\n            <span>\n                {{ i18n.msgStr('noAccount') }}\n                <a\n                    tabindex=\"8\"\n                    [href]=\"url?.registrationUrl\"\n                >\n                    {{ i18n.msgStr('doRegister') }}\n                </a>\n            </span>\n        </div>\n    </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n    @let realm = kcContext.realm;\n    @let social = kcContext.social;\n    @if (!!realm?.password && !!social?.providers?.length) {\n        <div\n            id=\"kc-social-providers\"\n            [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n        >\n            <hr />\n            <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n            <ul\n                [kcClass]=\"{\n                    kcFormSocialAccountListClass: true,\n                    kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n                }\"\n            >\n                @for (provider of social?.providers; track provider.alias; let idx = $index) {\n                    <li>\n                        <a\n                            type=\"button\"\n                            [id]=\"provider.alias\"\n                            [kcClass]=\"{\n                                kcFormSocialAccountListButtonClass: true,\n                                kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n                            }\"\n                            [href]=\"provider.loginUrl\"\n                        >\n                            @if (provider.iconClasses) {\n                                <i\n                                    aria-hidden=\"true\"\n                                    [ngClass]=\"provider.iconClasses\"\n                                    [kcClass]=\"'kcCommonLogoIdP'\"\n                                ></i>\n                            }\n                            <span\n                                [ngClass]=\"{\n                                    'kc-social-icon-text': provider.iconClasses\n                                }\"\n                                [kcClass]=\"'kcFormSocialAccountNameClass'\"\n                                [innerHTML]=\"provider.displayName | kcSanitize: 'html'\"\n                            ></span>\n                        </a>\n                    </li>\n                }\n            </ul>\n        </div>\n    }\n</ng-template>\n<div id=\"kc-form\">\n    <div id=\"kc-form-wrapper\">\n        <!-- login.component.html -->\n        @if (realm?.password) {\n            <form\n                id=\"kc-form-login\"\n                method=\"post\"\n                [action]=\"url?.loginAction\"\n                (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n            >\n                @if (!usernameHidden) {\n                    <div [kcClass]=\"'kcFormGroupClass'\">\n                        <label\n                            for=\"username\"\n                            [kcClass]=\"'kcLabelClass'\"\n                        >\n                            @if (!realm?.loginWithEmailAllowed) {\n                                {{ i18n.msgStr('username') }}\n                            } @else if (!realm?.registrationEmailAsUsername) {\n                                {{ i18n.msgStr('usernameOrEmail') }}\n                            } @else {\n                                {{ i18n.msgStr('email') }}\n                            }\n                        </label>\n                        <input\n                            tabindex=\"2\"\n                            id=\"username\"\n                            name=\"username\"\n                            type=\"text\"\n                            autofocus\n                            autocomplete=\"username\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [defaultValue]=\"login?.username || ''\"\n                            [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n                        />\n                        @if (messagesPerField?.existsError('username', 'password')) {\n                            <span\n                                id=\"input-error\"\n                                aria-live=\"polite\"\n                                [kcClass]=\"'kcInputErrorMessageClass'\"\n                                [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                            >\n                            </span>\n                        }\n                    </div>\n                }\n\n                <div [kcClass]=\"'kcFormGroupClass'\">\n                    <label\n                        for=\"password\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('password') }}\n                    </label>\n\n                    <kc-password-wrapper passwordInputId=\"password\">\n                        <input\n                            tabindex=\"3\"\n                            id=\"password\"\n                            name=\"password\"\n                            type=\"password\"\n                            autocomplete=\"current-password\"\n                            [kcClass]=\"'kcInputClass'\"\n                            [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n                        />\n                    </kc-password-wrapper>\n                    @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n                        <span\n                            id=\"input-error\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.getFirstError('username', 'password') | kcSanitize: 'html'\"\n                        >\n                        </span>\n                    }\n                </div>\n\n                <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n                    <div id=\"kc-form-options\">\n                        @if (realm?.rememberMe && !usernameHidden) {\n                            <div class=\"checkbox\">\n                                <label>\n                                    <input\n                                        tabindex=\"5\"\n                                        id=\"rememberMe\"\n                                        name=\"rememberMe\"\n                                        type=\"checkbox\"\n                                        [defaultChecked]=\"!!login?.rememberMe\"\n                                    />\n                                    {{ i18n.msgStr('rememberMe') }}\n                                </label>\n                            </div>\n                        }\n                    </div>\n\n                    <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n                        @if (realm?.resetPasswordAllowed) {\n                            <span>\n                                <a\n                                    tabindex=\"6\"\n                                    [href]=\"url?.loginResetCredentialsUrl\"\n                                    >{{ i18n.msgStr('doForgotPassword') }}</a\n                                >\n                            </span>\n                        }\n                    </div>\n                </div>\n                <div\n                    id=\"kc-form-buttons\"\n                    [kcClass]=\"'kcFormGroupClass'\"\n                >\n                    <input\n                        type=\"hidden\"\n                        id=\"id-hidden-input\"\n                        name=\"credentialId\"\n                        [value]=\"auth?.selectedCredential\"\n                    />\n                    <input\n                        tabindex=\"7\"\n                        name=\"login\"\n                        id=\"kc-login\"\n                        type=\"submit\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doLogIn')\"\n                        [disabled]=\"isLoginButtonDisabled()\"\n                    />\n                </div>\n            </form>\n        }\n    </div>\n</div>\n" }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { 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 selector: 'kc-login',\n templateUrl: 'login.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginComponent)\n }\n ]\n})\nexport class LoginComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login.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 = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n @let url = kcContext.url;\n <div id=\"kc-registration-container\">\n <div id=\"kc-registration\">\n <span>\n {{ i18n.msgStr('noAccount') }}\n <a\n tabindex=\"8\"\n [href]=\"url?.registrationUrl\"\n >\n {{ i18n.msgStr('doRegister') }}\n </a>\n </span>\n </div>\n </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n @let realm = kcContext.realm;\n @let social = kcContext.social;\n @if (!!realm?.password && !!social?.providers?.length) {\n <div\n id=\"kc-social-providers\"\n [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n >\n <hr />\n <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n <ul\n [kcClass]=\"{\n kcFormSocialAccountListClass: true,\n kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n }\"\n >\n @for (provider of social?.providers; track provider.alias; let idx = $index) {\n <li>\n <a\n type=\"button\"\n [id]=\"provider.alias\"\n [kcClass]=\"{\n kcFormSocialAccountListButtonClass: true,\n kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n }\"\n [href]=\"provider.loginUrl\"\n >\n @if (provider.iconClasses) {\n <i\n aria-hidden=\"true\"\n [ngClass]=\"provider.iconClasses\"\n [kcClass]=\"'kcCommonLogoIdP'\"\n ></i>\n }\n <span\n [ngClass]=\"{\n 'kc-social-icon-text': provider.iconClasses\n }\"\n [kcClass]=\"'kcFormSocialAccountNameClass'\"\n [innerHTML]=\"provider.displayName \| kcSanitize: 'html'\"\n ></span>\n </a>\n </li>\n }\n </ul>\n </div>\n }\n</ng-template>\n<div id=\"kc-form\">\n <div id=\"kc-form-wrapper\">\n <!-- login.component.html -->\n @if (realm?.password) {\n <form\n id=\"kc-form-login\"\n method=\"post\"\n [action]=\"url?.loginAction\"\n (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n >\n @if (!usernameHidden) {\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"username\"\n [kcClass]=\"'kcLabelClass'\"\n >\n @if (!realm?.loginWithEmailAllowed) {\n {{ i18n.msgStr('username') }}\n } @else if (!realm?.registrationEmailAsUsername) {\n {{ i18n.msgStr('usernameOrEmail') }}\n } @else {\n {{ i18n.msgStr('email') }}\n }\n </label>\n <input\n tabindex=\"2\"\n id=\"username\"\n name=\"username\"\n type=\"text\"\n autofocus\n [kcClass]=\"'kcInputClass'\"\n [defaultValue]=\"login?.username \|\| ''\"\n [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n />\n @if (messagesPerField?.existsError('username', 'password')) {\n <span\n id=\"input-error\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('username', 'password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n }\n\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"password\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('password') }}\n </label>\n\n <kc-password-wrapper passwordInputId=\"password\">\n <input\n tabindex=\"3\"\n id=\"password\"\n name=\"password\"\n type=\"password\"\n autocomplete=\"off\"\n [kcClass]=\"'kcInputClass'\"\n [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n />\n </kc-password-wrapper>\n @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n <span\n id=\"input-error\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('username', 'password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n\n <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n <div id=\"kc-form-options\">\n @if (realm?.rememberMe && !usernameHidden) {\n <div class=\"checkbox\">\n <label>\n <input\n tabindex=\"5\"\n id=\"rememberMe\"\n name=\"rememberMe\"\n type=\"checkbox\"\n [defaultChecked]=\"!!login?.rememberMe\"\n />\n {{ i18n.msgStr('rememberMe') }}\n </label>\n </div>\n }\n </div>\n\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n @if (realm?.resetPasswordAllowed) {\n <span>\n <a\n tabindex=\"6\"\n [href]=\"url?.loginResetCredentialsUrl\"\n >{{ i18n.msgStr('doForgotPassword') }}</a\n >\n </span>\n }\n </div>\n </div>\n <div\n id=\"kc-form-buttons\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <input\n type=\"hidden\"\n id=\"id-hidden-input\"\n name=\"credentialId\"\n [value]=\"auth?.selectedCredential\"\n />\n <input\n tabindex=\"7\"\n name=\"login\"\n id=\"kc-login\"\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doLogIn')\"\n [disabled]=\"isLoginButtonDisabled()\"\n />\n </div>\n </form>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"keycloakify-angular-login-pages-login.mjs","sources":["../../src/login/pages/login/login.component.ts","../../src/login/pages/login/login.component.html","../../src/login/pages/login/keycloakify-angular-login-pages-login.ts"],"sourcesContent":["import { AsyncPipe, CommonModule, NgClass } from '@angular/common';\nimport { 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 selector: 'kc-login',\n templateUrl: 'login.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => LoginComponent)\n }\n ]\n})\nexport class LoginComponent extends ComponentReference {\n kcContext = inject<Extract<KcContext, { pageId: 'login.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 = !!this.kcContext?.realm?.password && !!this.kcContext?.realm?.registrationAllowed && !this.kcContext?.registrationDisabled;\n displayMessage = !this.kcContext?.messagesPerField?.existsError('username', 'password');\n\n headerNode = viewChild<TemplateRef<HTMLElement>>('headerNode');\n infoNode = viewChild<TemplateRef<HTMLElement>>('infoNode');\n socialProvidersNode = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');\n\n isLoginButtonDisabled = signal(false);\n}\n","@let realm = kcContext.realm;\n@let usernameHidden = kcContext.usernameHidden;\n@let auth = kcContext.auth;\n@let messagesPerField = kcContext.messagesPerField;\n@let url = kcContext.url;\n@let login = kcContext.login;\n\n<ng-template #headerNode>\n {{ i18n.msgStr('loginAccountTitle') }}\n</ng-template>\n<ng-template #infoNode>\n @let url = kcContext.url;\n <div id=\"kc-registration-container\">\n <div id=\"kc-registration\">\n <span>\n {{ i18n.msgStr('noAccount') }}\n <a\n tabindex=\"8\"\n [href]=\"url?.registrationUrl\"\n >\n {{ i18n.msgStr('doRegister') }}\n </a>\n </span>\n </div>\n </div>\n</ng-template>\n<ng-template #socialProvidersNode>\n @let realm = kcContext.realm;\n @let social = kcContext.social;\n @if (!!realm?.password && !!social?.providers?.length) {\n <div\n id=\"kc-social-providers\"\n [kcClass]=\"'kcFormSocialAccountSectionClass'\"\n >\n <hr />\n <h2>{{ i18n.msgStr('identity-provider-login-label') }}</h2>\n <ul\n [kcClass]=\"{\n kcFormSocialAccountListClass: true,\n kcFormSocialAccountListGridClass: (social?.providers?.length ?? 0) > 3\n }\"\n >\n @for (provider of social?.providers; track provider.alias; let idx = $index) {\n <li>\n <a\n type=\"button\"\n [id]=\"provider.alias\"\n [kcClass]=\"{\n kcFormSocialAccountListButtonClass: true,\n kcFormSocialAccountGridItem: (social?.providers?.length ?? 0) > 3\n }\"\n [href]=\"provider.loginUrl\"\n >\n @if (provider.iconClasses) {\n <i\n aria-hidden=\"true\"\n [ngClass]=\"provider.iconClasses\"\n [kcClass]=\"'kcCommonLogoIdP'\"\n ></i>\n }\n <span\n [ngClass]=\"{\n 'kc-social-icon-text': provider.iconClasses\n }\"\n [kcClass]=\"'kcFormSocialAccountNameClass'\"\n [innerHTML]=\"provider.displayName \| kcSanitize: 'html'\"\n ></span>\n </a>\n </li>\n }\n </ul>\n </div>\n }\n</ng-template>\n<div id=\"kc-form\">\n <div id=\"kc-form-wrapper\">\n <!-- login.component.html -->\n @if (realm?.password) {\n <form\n id=\"kc-form-login\"\n method=\"post\"\n [action]=\"url?.loginAction\"\n (onSubmit)=\"isLoginButtonDisabled.set(true)\"\n >\n @if (!usernameHidden) {\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"username\"\n [kcClass]=\"'kcLabelClass'\"\n >\n @if (!realm?.loginWithEmailAllowed) {\n {{ i18n.msgStr('username') }}\n } @else if (!realm?.registrationEmailAsUsername) {\n {{ i18n.msgStr('usernameOrEmail') }}\n } @else {\n {{ i18n.msgStr('email') }}\n }\n </label>\n <input\n tabindex=\"2\"\n id=\"username\"\n name=\"username\"\n type=\"text\"\n autofocus\n autocomplete=\"username\"\n [kcClass]=\"'kcInputClass'\"\n [defaultValue]=\"login?.username \|\| ''\"\n [attr.aria-invalid]=\"messagesPerField?.existsError('username', 'password')\"\n />\n @if (messagesPerField?.existsError('username', 'password')) {\n <span\n id=\"input-error\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('username', 'password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n }\n\n <div [kcClass]=\"'kcFormGroupClass'\">\n <label\n for=\"password\"\n [kcClass]=\"'kcLabelClass'\"\n >\n {{ i18n.msgStr('password') }}\n </label>\n\n <kc-password-wrapper passwordInputId=\"password\">\n <input\n tabindex=\"3\"\n id=\"password\"\n name=\"password\"\n type=\"password\"\n autocomplete=\"current-password\"\n [kcClass]=\"'kcInputClass'\"\n [attr.aria-invalid]=\"messagesPerField.existsError('username', 'password')\"\n />\n </kc-password-wrapper>\n @if (usernameHidden && messagesPerField?.existsError('username', 'password')) {\n <span\n id=\"input-error\"\n aria-live=\"polite\"\n [kcClass]=\"'kcInputErrorMessageClass'\"\n [innerHTML]=\"messagesPerField.getFirstError('username', 'password') \| kcSanitize: 'html'\"\n >\n </span>\n }\n </div>\n\n <div [kcClass]=\"['kcFormGroupClass', 'kcFormSettingClass']\">\n <div id=\"kc-form-options\">\n @if (realm?.rememberMe && !usernameHidden) {\n <div class=\"checkbox\">\n <label>\n <input\n tabindex=\"5\"\n id=\"rememberMe\"\n name=\"rememberMe\"\n type=\"checkbox\"\n [defaultChecked]=\"!!login?.rememberMe\"\n />\n {{ i18n.msgStr('rememberMe') }}\n </label>\n </div>\n }\n </div>\n\n <div [kcClass]=\"'kcFormOptionsWrapperClass'\">\n @if (realm?.resetPasswordAllowed) {\n <span>\n <a\n tabindex=\"6\"\n [href]=\"url?.loginResetCredentialsUrl\"\n >{{ i18n.msgStr('doForgotPassword') }}</a\n >\n </span>\n }\n </div>\n </div>\n <div\n id=\"kc-form-buttons\"\n [kcClass]=\"'kcFormGroupClass'\"\n >\n <input\n type=\"hidden\"\n id=\"id-hidden-input\"\n name=\"credentialId\"\n [value]=\"auth?.selectedCredential\"\n />\n <input\n tabindex=\"7\"\n name=\"login\"\n id=\"kc-login\"\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n [value]=\"i18n.msgStr('doLogIn')\"\n [disabled]=\"isLoginButtonDisabled()\"\n />\n </div>\n </form>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,9 +1,9 @@
 {
   "name": "@keycloakify/angular",
   "type": "module",
-  "version": "20.1.4",
+  "version": "20.1.6",
   "peerDependencies": {
-    "keycloakify": "^11.9.2",
+    "keycloakify": "^11.9.3",
     "@angular/core": "^20.0.0",
     "@angular/common": "^20.0.0",
     "@angular/platform-browser": "^20.0.0"

package/src/account/pages/account/account.component.html CHANGED Viewed

@@ -74,7 +74,7 @@
                 class="form-control"
                 id="email"
                 name="email"
-                autoFocus
+                autofocus
                 [defaultValue]="account.email ?? ''"
             />
         </div>

package/src/account/pages/password/password.component.html CHANGED Viewed

@@ -21,8 +21,8 @@
         type="text"
         id="username"
         name="username"
-        autoComplete="username"
-        readOnly
+        autocomplete="username"
+        readonly
         [value]="account.username ?? ''"
         [style.display]="'none'"
     />
@@ -43,8 +43,8 @@
                     class="form-control"
                     id="password"
                     name="password"
-                    autoFocus
-                    autoComplete="current-password"
+                    autofocus
+                    autocomplete="current-password"
                     [value]="currentPassword()"
                     (change)="currentPassword.set($any($event.target).value)"
                 />
@@ -74,7 +74,7 @@
                 class="form-control"
                 id="password-new"
                 name="password-new"
-                autoComplete="new-password"
+                autocomplete="new-password"
                 [value]="newPassword()"
                 (change)="onNewPasswordChange($any($event.target).value)"
                 (blur)="onNewPasswordBlur()"
@@ -98,7 +98,7 @@
                 class="form-control"
                 id="password-confirm"
                 name="password-confirm"
-                autoComplete="new-password"
+                autocomplete="new-password"
                 [value]="newPasswordConfirm()"
                 (change)="onNewPasswordConfirmChange($any($event.target).value)"
                 (blur)="onNewPasswordConfirmBlur()"

package/src/account/pages/totp/totp.component.html CHANGED Viewed

@@ -166,7 +166,7 @@
                         type="text"
                         id="totp"
                         name="totp"
-                        autoComplete="off"
+                        autocomplete="off"
                         [kcClass]="'kcInputClass'"
                         [attr.aria-invalid]="messagesPerField.existsError('totp')"
                     />
@@ -211,7 +211,7 @@
                         type="text"
                         id="userLabel"
                         name="userLabel"
-                        autoComplete="off"
+                        autocomplete="off"
                         [kcClass]="'kcInputClass'"
                         [attr.aria-invalid]="messagesPerField.existsError('userLabel')"
                     />

package/src/login/pages/login/login.component.html CHANGED Viewed

@@ -102,6 +102,7 @@
                             name="username"
                             type="text"
                             autofocus
+                            autocomplete="username"
                             [kcClass]="'kcInputClass'"
                             [defaultValue]="login?.username || ''"
                             [attr.aria-invalid]="messagesPerField?.existsError('username', 'password')"
@@ -132,7 +133,7 @@
                             id="password"
                             name="password"
                             type="password"
-                            autocomplete="off"
+                            autocomplete="current-password"
                             [kcClass]="'kcInputClass'"
                             [attr.aria-invalid]="messagesPerField.existsError('username', 'password')"
                         />

package/src/login/pages/login-config-totp/login-config-totp.component.html CHANGED Viewed

@@ -102,7 +102,7 @@
                 type="text"
                 id="totp"
                 name="totp"
-                autoComplete="off"
+                autocomplete="off"
                 [kcClass]="'kcInputClass'"
                 [attr.aria-invalid]="messagesPerField.existsError('totp')"
             />
@@ -146,7 +146,7 @@
                 type="text"
                 id="userLabel"
                 name="userLabel"
-                autoComplete="off"
+                autocomplete="off"
                 [kcClass]="'kcInputClass'"
                 [attr.aria-invalid]="messagesPerField.existsError('userLabel')"
             />

package/src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.html CHANGED Viewed

@@ -23,7 +23,7 @@
             <input
                 id="device-user-code"
                 name="device_user_code"
-                autoComplete="off"
+                autocomplete="off"
                 type="text"
                 autofocus
                 [kcClass]="'kcInputClass'"

package/src/login/pages/login-otp/login-otp.component.html CHANGED Viewed

@@ -57,9 +57,9 @@
             <input
                 id="otp"
                 name="otp"
-                autoComplete="off"
+                autocomplete="off"
                 type="text"
-                autoFocus
+                autofocus
                 [kcClass]="'kcInputClass'"
                 [attr.aria-invalid]="messagesPerField.existsError('totp')"
             />

package/src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.html CHANGED Viewed

@@ -77,7 +77,7 @@
                 <input
                     type="hidden"
                     name="authn_use_chk"
-                    readOnly
+                    readonly
                     [value]="authenticator.credentialId"
                 />
             }
@@ -163,8 +163,8 @@
                             id="username"
                             name="username"
                             type="text"
-                            autoFocus
-                            autoComplete="off"
+                            autofocus
+                            autocomplete="username webauthn"
                             [attr.aria-invalid]="messagesPerField.existsError('username')"
                             [kcClass]="'kcInputClass'"
                             [value]="login.username ?? ''"
@@ -189,7 +189,7 @@
                 <input
                     id="authButtonId"
                     type="button"
-                    autoFocus
+                    autofocus
                     [value]="i18n.msgStr('passkey-doAuthenticate')"
                     [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']"
                 />

package/src/login/pages/login-password/login-password.component.html CHANGED Viewed

@@ -34,6 +34,7 @@
                         [kcClass]="'kcInputClass'"
                         [required]="true"
                         [autofocus]="true"
+                        autocomplete="on"
                         [tabindex]="1"
                     />
                 </kc-password-wrapper>

package/src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.html CHANGED Viewed

@@ -26,9 +26,9 @@
                 tabIndex="1"
                 id="recoveryCodeInput"
                 name="recoveryCodeInput"
-                autoComplete="off"
+                autocomplete="off"
                 type="text"
-                autoFocus
+                autofocus
                 [attr.aria-invalid]="messagesPerField.existsError('recoveryCodeInput')"
                 [kcClass]="'kcInputClass'"
             />

package/src/login/pages/login-reset-password/login-reset-password.component.html CHANGED Viewed

@@ -42,7 +42,7 @@
                 type="text"
                 id="username"
                 name="username"
-                autoFocus
+                autofocus
                 [kcClass]="'kcInputClass'"
                 [attr.aria-invalid]="messagesPerField.existsError('username')"
                 [defaultValue]="auth.attemptedUsername ?? ''"

package/src/login/pages/login-update-password/login-update-password.component.html CHANGED Viewed

@@ -26,8 +26,8 @@
                     type="password"
                     id="password-new"
                     name="password-new"
-                    autoFocus
-                    autoComplete="new-password"
+                    autofocus
+                    autocomplete="new-password"
                     [kcClass]="'kcInputClass'"
                     [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
                 />
@@ -59,8 +59,8 @@
                     type="password"
                     id="password-confirm"
                     name="password-confirm"
-                    autoFocus
-                    autoComplete="new-password"
+                    autofocus
+                    autocomplete="new-password"
                     [kcClass]="'kcInputClass'"
                     [attr.aria-invalid]="messagesPerField.existsError('password', 'password-confirm')"
                 />

package/src/login/pages/login-username/login-username.component.html CHANGED Viewed

@@ -98,7 +98,7 @@
                             name="username"
                             type="text"
                             autofocus
-                            autoComplete="off"
+                            autocomplete="username"
                             [kcClass]="'kcInputClass'"
                             [defaultValue]="login?.username || ''"
                             [attr.aria-invalid]="messagesPerField?.existsError('username')"