@keycloakify/angular 0.0.1-rc.2 → 0.0.1-rc.4

package/{lib/providers/keycloakify-angular.providers.d.ts → login/tokens/classes.token.d.ts}

@@ -1,9 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { I18n } from '../i18n';
-export declare const I18N: InjectionToken<I18n>;
-export declare const KC_CONTEXT: InjectionToken<KcContext>;
-export declare const USE_DEFAULT_CSS: InjectionToken<boolean>;
-export declare const CLASSES: InjectionToken<{
+export declare const LOGIN_CLASSES: InjectionToken<{
     kcBodyClass?: string | undefined;
     kcHeaderWrapperClass?: string | undefined;
     kcLocaleWrapperClass?: string | undefined;
@@ -129,22 +125,3 @@ export declare const CLASSES: InjectionToken<{
     "kcLogoIdP-github"?: string | undefined;
     kcLabelClass?: string | undefined;
 }>;
-export declare const DO_MAKE_USER_CONFIRM_PASSWORD: InjectionToken<boolean>;
-type ClassKey = import('keycloakify/login/lib/kcClsx').ClassKey | import('keycloakify/account/lib/kcClsx').ClassKey;
-type KcContextLike = import('keycloakify/login/i18n/noJsx').KcContextLike | import('keycloakify/account/i18n/noJsx').KcContextLike;
-type KcContext = import('keycloakify/login/KcContext').KcContext | import('keycloakify/account/KcContext').KcContext;
-export type KeycloakifyAngularConfig = {
-    doMakeUserConfirmPassword?: boolean;
-    doUseDefaultCss?: boolean;
-    classes?: {
-        [key in ClassKey]?: string;
-    };
-    getI18n: (params: {
-        kcContext: KcContextLike;
-    }) => {
-        i18n: unknown;
-        prI18n_currentLanguage: Promise<unknown> | undefined;
-    };
-};
-export declare const provideKeycloakifyAngular: (config: KeycloakifyAngularConfig) => import("@angular/core").EnvironmentProviders;
-export {};

package/login/tokens/classes.token.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const LOGIN_CLASSES = new InjectionToken('login classes');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9jbGFzc2VzLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLElBQUksY0FBYyxDQUMzQyxlQUFlLENBQ2xCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcblxuZXhwb3J0IGNvbnN0IExPR0lOX0NMQVNTRVMgPSBuZXcgSW5qZWN0aW9uVG9rZW48eyBba2V5IGluIENsYXNzS2V5XT86IHN0cmluZyB9PihcbiAgICAnbG9naW4gY2xhc3Nlcydcbik7XG4iXX0=

package/login/tokens/i18n.token.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const LOGIN_I18N: InjectionToken<unknown>;

package/login/tokens/i18n.token.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const LOGIN_I18N = new InjectionToken('login i18n');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9pMThuLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLElBQUksY0FBYyxDQUFVLFlBQVksQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IExPR0lOX0kxOE4gPSBuZXcgSW5qZWN0aW9uVG9rZW48dW5rbm93bj4oJ2xvZ2luIGkxOG4nKTtcbiJdfQ==

package/login/tokens/kc-context.token.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { KcContext } from '../KcContext';
+export declare const KC_LOGIN_CONTEXT: InjectionToken<KcContext>;

package/login/tokens/kc-context.token.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const KC_LOGIN_CONTEXT = new InjectionToken('keycloak login context');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2MtY29udGV4dC50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9rYy1jb250ZXh0LnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQVksd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLY0NvbnRleHQgfSBmcm9tICcuLi9LY0NvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgS0NfTE9HSU5fQ09OVEVYVCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxLY0NvbnRleHQ+KCdrZXljbG9hayBsb2dpbiBjb250ZXh0Jyk7XG4iXX0=

package/login/tokens/make-user-confirm-password.token.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from '@angular/core';
+export declare const DO_MAKE_USER_CONFIRM_PASSWORD: InjectionToken<boolean>;

package/login/tokens/make-user-confirm-password.token.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const DO_MAKE_USER_CONFIRM_PASSWORD = new InjectionToken('doMakeUserConfirmPassword');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZS11c2VyLWNvbmZpcm0tcGFzc3dvcmQudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi90b2tlbnMvbWFrZS11c2VyLWNvbmZpcm0tcGFzc3dvcmQudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSw2QkFBNkIsR0FBRyxJQUFJLGNBQWMsQ0FDM0QsMkJBQTJCLENBQzlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgRE9fTUFLRV9VU0VSX0NPTkZJUk1fUEFTU1dPUkQgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oXG4gICAgJ2RvTWFrZVVzZXJDb25maXJtUGFzc3dvcmQnXG4pO1xuIl19

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@keycloakify/angular",
-    "version": "0.0.1-rc.2",
+    "version": "0.0.1-rc.4",
     "description": "Angular components for Keycloakify",
     "repository": {
         "type": "git",
         "url": "git://github.com/keycloakify/keycloakify-angular.git"
     },
     "lint-staged": {
-        "*.{ts,tsx,json,md}": [
+        "*.{ts,html,json,md}": [
             "prettier --write"
         ]
     },
@@ -19,164 +19,147 @@
     "author": "u/garronej",
     "license": "MIT",
     "files": [
-        "lib/i18n.d.ts",
-        "lib/i18n.mjs",
-        "lib/models/index.d.ts",
-        "lib/models/index.mjs",
         "lib/models/script.model.d.ts",
-        "lib/models/script.model.mjs",
-        "lib/providers/keycloakify-angular.providers.d.ts",
-        "lib/providers/keycloakify-angular.providers.mjs",
-        "lib/public-api.d.ts",
-        "lib/public-api.mjs",
-        "lib/services/i18n.service.d.ts",
-        "lib/services/i18n.service.mjs",
-        "lib/services/index.d.ts",
-        "lib/services/index.mjs",
+        "lib/models/script.model.js",
         "lib/services/resource-injector.service.d.ts",
-        "lib/services/resource-injector.service.mjs",
+        "lib/services/resource-injector.service.js",
+        "lib/tokens/use-default-css.token.d.ts",
+        "lib/tokens/use-default-css.token.js",
         "login/DefaultPage.d.ts",
-        "login/DefaultPage.mjs",
+        "login/DefaultPage.js",
         "login/KcContext.d.ts",
-        "login/KcContext.mjs",
+        "login/KcContext.js",
         "login/classes/component-reference.class.d.ts",
-        "login/classes/component-reference.class.mjs",
+        "login/classes/component-reference.class.js",
         "login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.d.ts",
-        "login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.mjs",
+        "login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.js",
         "login/components/field-errors/field-errors.component.d.ts",
-        "login/components/field-errors/field-errors.component.mjs",
+        "login/components/field-errors/field-errors.component.js",
         "login/components/group-label/group-label.component.d.ts",
-        "login/components/group-label/group-label.component.mjs",
-        "login/components/hello-world/hello-world.component.d.ts",
-        "login/components/hello-world/hello-world.component.mjs",
-        "login/components/index.d.ts",
-        "login/components/index.mjs",
+        "login/components/group-label/group-label.component.js",
         "login/components/input-field-by-type/input-field-by-type.component.d.ts",
-        "login/components/input-field-by-type/input-field-by-type.component.mjs",
+        "login/components/input-field-by-type/input-field-by-type.component.js",
         "login/components/input-tag/input-tag.component.d.ts",
-        "login/components/input-tag/input-tag.component.mjs",
+        "login/components/input-tag/input-tag.component.js",
         "login/components/input-tag-selects/input-tag-selects.component.d.ts",
-        "login/components/input-tag-selects/input-tag-selects.component.mjs",
+        "login/components/input-tag-selects/input-tag-selects.component.js",
         "login/components/logout-other-sessions/logout-other-sessions.component.d.ts",
-        "login/components/logout-other-sessions/logout-other-sessions.component.mjs",
+        "login/components/logout-other-sessions/logout-other-sessions.component.js",
         "login/components/password-wrapper/password-wrapper.component.d.ts",
-        "login/components/password-wrapper/password-wrapper.component.mjs",
+        "login/components/password-wrapper/password-wrapper.component.js",
         "login/components/select-tag/select-tag.component.d.ts",
-        "login/components/select-tag/select-tag.component.mjs",
+        "login/components/select-tag/select-tag.component.js",
         "login/components/textarea-tag/textarea-tag.component.d.ts",
-        "login/components/textarea-tag/textarea-tag.component.mjs",
+        "login/components/textarea-tag/textarea-tag.component.js",
         "login/components/user-profile-form-fields/user-profile-form-fields.component.d.ts",
-        "login/components/user-profile-form-fields/user-profile-form-fields.component.mjs",
+        "login/components/user-profile-form-fields/user-profile-form-fields.component.js",
         "login/containers/template.component.d.ts",
-        "login/containers/template.component.mjs",
+        "login/containers/template.component.js",
         "login/directives/attributes.directive.d.ts",
-        "login/directives/attributes.directive.mjs",
-        "login/directives/index.d.ts",
-        "login/directives/index.mjs",
+        "login/directives/attributes.directive.js",
         "login/directives/kc-class.directive.d.ts",
-        "login/directives/kc-class.directive.mjs",
+        "login/directives/kc-class.directive.js",
         "login/i18n.d.ts",
-        "login/i18n.mjs",
+        "login/i18n.js",
         "login/pages/code/code.component.d.ts",
-        "login/pages/code/code.component.mjs",
+        "login/pages/code/code.component.js",
         "login/pages/delete-account-confirm/delete-account-confirm.component.d.ts",
-        "login/pages/delete-account-confirm/delete-account-confirm.component.mjs",
+        "login/pages/delete-account-confirm/delete-account-confirm.component.js",
         "login/pages/delete-credential/delete-credential.component.d.ts",
-        "login/pages/delete-credential/delete-credential.component.mjs",
+        "login/pages/delete-credential/delete-credential.component.js",
         "login/pages/error/error.component.d.ts",
-        "login/pages/error/error.component.mjs",
+        "login/pages/error/error.component.js",
         "login/pages/frontchannel-logout/frontchannel-logout.component.d.ts",
-        "login/pages/frontchannel-logout/frontchannel-logout.component.mjs",
+        "login/pages/frontchannel-logout/frontchannel-logout.component.js",
         "login/pages/idp-review-user-profile/idp-review-user-profile.component.d.ts",
-        "login/pages/idp-review-user-profile/idp-review-user-profile.component.mjs",
+        "login/pages/idp-review-user-profile/idp-review-user-profile.component.js",
         "login/pages/info/info.component.d.ts",
-        "login/pages/info/info.component.mjs",
+        "login/pages/info/info.component.js",
         "login/pages/login/login.component.d.ts",
-        "login/pages/login/login.component.mjs",
+        "login/pages/login/login.component.js",
         "login/pages/login-config-totp/login-config-totp.component.d.ts",
-        "login/pages/login-config-totp/login-config-totp.component.mjs",
+        "login/pages/login-config-totp/login-config-totp.component.js",
         "login/pages/login-idp-link-confirm/login-idp-link-confirm.component.d.ts",
-        "login/pages/login-idp-link-confirm/login-idp-link-confirm.component.mjs",
+        "login/pages/login-idp-link-confirm/login-idp-link-confirm.component.js",
         "login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.d.ts",
-        "login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.mjs",
+        "login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.js",
         "login/pages/login-idp-link-email/login-idp-link-email.component.d.ts",
-        "login/pages/login-idp-link-email/login-idp-link-email.component.mjs",
+        "login/pages/login-idp-link-email/login-idp-link-email.component.js",
         "login/pages/login-oauth-grant/login-oauth-grant.component.d.ts",
-        "login/pages/login-oauth-grant/login-oauth-grant.component.mjs",
+        "login/pages/login-oauth-grant/login-oauth-grant.component.js",
         "login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.d.ts",
-        "login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.mjs",
+        "login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.js",
         "login/pages/login-otp/login-otp.component.d.ts",
-        "login/pages/login-otp/login-otp.component.mjs",
+        "login/pages/login-otp/login-otp.component.js",
         "login/pages/login-page-expired/login-page-expired.component.d.ts",
-        "login/pages/login-page-expired/login-page-expired.component.mjs",
+        "login/pages/login-page-expired/login-page-expired.component.js",
         "login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.d.ts",
-        "login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.mjs",
+        "login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.js",
         "login/pages/login-password/login-password.component.d.ts",
-        "login/pages/login-password/login-password.component.mjs",
+        "login/pages/login-password/login-password.component.js",
         "login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.d.ts",
-        "login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.mjs",
+        "login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.js",
         "login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.d.ts",
-        "login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.mjs",
+        "login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.js",
         "login/pages/login-reset-otp/login-reset-otp.component.d.ts",
-        "login/pages/login-reset-otp/login-reset-otp.component.mjs",
+        "login/pages/login-reset-otp/login-reset-otp.component.js",
         "login/pages/login-reset-password/login-reset-password.component.d.ts",
-        "login/pages/login-reset-password/login-reset-password.component.mjs",
+        "login/pages/login-reset-password/login-reset-password.component.js",
         "login/pages/login-update-password/login-update-password.component.d.ts",
-        "login/pages/login-update-password/login-update-password.component.mjs",
+        "login/pages/login-update-password/login-update-password.component.js",
         "login/pages/login-update-profile/login-update-profile.component.d.ts",
-        "login/pages/login-update-profile/login-update-profile.component.mjs",
+        "login/pages/login-update-profile/login-update-profile.component.js",
         "login/pages/login-username/login-username.component.d.ts",
-        "login/pages/login-username/login-username.component.mjs",
+        "login/pages/login-username/login-username.component.js",
         "login/pages/login-verify-email/login-verify-email.component.d.ts",
-        "login/pages/login-verify-email/login-verify-email.component.mjs",
+        "login/pages/login-verify-email/login-verify-email.component.js",
         "login/pages/login-x509-info/login-x509-info.component.d.ts",
-        "login/pages/login-x509-info/login-x509-info.component.mjs",
+        "login/pages/login-x509-info/login-x509-info.component.js",
         "login/pages/logout-confirm/logout-confirm.component.d.ts",
-        "login/pages/logout-confirm/logout-confirm.component.mjs",
+        "login/pages/logout-confirm/logout-confirm.component.js",
         "login/pages/register/register.component.d.ts",
-        "login/pages/register/register.component.mjs",
+        "login/pages/register/register.component.js",
         "login/pages/saml-post-form/saml-post-form.component.d.ts",
-        "login/pages/saml-post-form/saml-post-form.component.mjs",
+        "login/pages/saml-post-form/saml-post-form.component.js",
         "login/pages/select-authenticator/select-authenticator.component.d.ts",
-        "login/pages/select-authenticator/select-authenticator.component.mjs",
+        "login/pages/select-authenticator/select-authenticator.component.js",
         "login/pages/terms/terms.component.d.ts",
-        "login/pages/terms/terms.component.mjs",
+        "login/pages/terms/terms.component.js",
         "login/pages/update-email/update-email.component.d.ts",
-        "login/pages/update-email/update-email.component.mjs",
+        "login/pages/update-email/update-email.component.js",
         "login/pages/webauthn-authenticate/webauthn-authenticate.component.d.ts",
-        "login/pages/webauthn-authenticate/webauthn-authenticate.component.mjs",
+        "login/pages/webauthn-authenticate/webauthn-authenticate.component.js",
         "login/pages/webauthn-error/webauthn-error.component.d.ts",
-        "login/pages/webauthn-error/webauthn-error.component.mjs",
+        "login/pages/webauthn-error/webauthn-error.component.js",
         "login/pages/webauthn-register/webauthn-register.component.d.ts",
-        "login/pages/webauthn-register/webauthn-register.component.mjs",
-        "login/pipes/advanced-msg-str.pipe.d.ts",
-        "login/pipes/advanced-msg-str.pipe.mjs",
-        "login/pipes/index.d.ts",
-        "login/pipes/index.mjs",
+        "login/pages/webauthn-register/webauthn-register.component.js",
         "login/pipes/input-type.pipe.d.ts",
-        "login/pipes/input-type.pipe.mjs",
+        "login/pipes/input-type.pipe.js",
         "login/pipes/kc-sanitize.pipe.d.ts",
-        "login/pipes/kc-sanitize.pipe.mjs",
-        "login/pipes/msg-str.pipe.d.ts",
-        "login/pipes/msg-str.pipe.mjs",
+        "login/pipes/kc-sanitize.pipe.js",
         "login/pipes/to-array.pipe.d.ts",
-        "login/pipes/to-array.pipe.mjs",
+        "login/pipes/to-array.pipe.js",
         "login/pipes/to-number.pipe.d.ts",
-        "login/pipes/to-number.pipe.mjs",
-        "login/services/index.d.ts",
-        "login/services/index.mjs",
+        "login/pipes/to-number.pipe.js",
+        "login/providers/keycloakify-angular.providers.d.ts",
+        "login/providers/keycloakify-angular.providers.js",
+        "login/services/i18n.service.d.ts",
+        "login/services/i18n.service.js",
         "login/services/login-resource-injector.service.d.ts",
-        "login/services/login-resource-injector.service.mjs",
+        "login/services/login-resource-injector.service.js",
         "login/services/user-profile-form.service.d.ts",
-        "login/services/user-profile-form.service.mjs",
-        "src/lib/i18n.ts",
-        "src/lib/models/index.ts",
+        "login/services/user-profile-form.service.js",
+        "login/tokens/classes.token.d.ts",
+        "login/tokens/classes.token.js",
+        "login/tokens/i18n.token.d.ts",
+        "login/tokens/i18n.token.js",
+        "login/tokens/kc-context.token.d.ts",
+        "login/tokens/kc-context.token.js",
+        "login/tokens/make-user-confirm-password.token.d.ts",
+        "login/tokens/make-user-confirm-password.token.js",
         "src/lib/models/script.model.ts",
-        "src/lib/providers/keycloakify-angular.providers.ts",
-        "src/lib/public-api.ts",
-        "src/lib/services/i18n.service.ts",
-        "src/lib/services/index.ts",
         "src/lib/services/resource-injector.service.ts",
+        "src/lib/tokens/use-default-css.token.ts",
         "src/login/DefaultPage.ts",
         "src/login/KcContext.ts",
         "src/login/classes/component-reference.class.ts",
@@ -186,10 +169,6 @@
         "src/login/components/field-errors/field-errors.component.ts",
         "src/login/components/group-label/group-label.component.html",
         "src/login/components/group-label/group-label.component.ts",
-        "src/login/components/hello-world/hello-world.component.css",
-        "src/login/components/hello-world/hello-world.component.html",
-        "src/login/components/hello-world/hello-world.component.ts",
-        "src/login/components/index.ts",
         "src/login/components/input-field-by-type/input-field-by-type.component.html",
         "src/login/components/input-field-by-type/input-field-by-type.component.ts",
         "src/login/components/input-tag/input-tag.component.html",
@@ -209,7 +188,6 @@
         "src/login/containers/template.component.html",
         "src/login/containers/template.component.ts",
         "src/login/directives/attributes.directive.ts",
-        "src/login/directives/index.ts",
         "src/login/directives/kc-class.directive.ts",
         "src/login/i18n.ts",
         "src/login/pages/code/code.component.html",
@@ -284,16 +262,18 @@
         "src/login/pages/webauthn-error/webauthn-error.component.ts",
         "src/login/pages/webauthn-register/webauthn-register.component.html",
         "src/login/pages/webauthn-register/webauthn-register.component.ts",
-        "src/login/pipes/advanced-msg-str.pipe.ts",
-        "src/login/pipes/index.ts",
         "src/login/pipes/input-type.pipe.ts",
         "src/login/pipes/kc-sanitize.pipe.ts",
-        "src/login/pipes/msg-str.pipe.ts",
         "src/login/pipes/to-array.pipe.ts",
         "src/login/pipes/to-number.pipe.ts",
-        "src/login/services/index.ts",
+        "src/login/providers/keycloakify-angular.providers.ts",
+        "src/login/services/i18n.service.ts",
         "src/login/services/login-resource-injector.service.ts",
         "src/login/services/user-profile-form.service.ts",
+        "src/login/tokens/classes.token.ts",
+        "src/login/tokens/i18n.token.ts",
+        "src/login/tokens/kc-context.token.ts",
+        "src/login/tokens/make-user-confirm-password.token.ts",
         "src/tsconfig.json",
         "stories/login/pages/login/login.stories.ts"
     ],
@@ -304,16 +284,16 @@
     ],
     "homepage": "https://www.keycloakify.dev",
     "dependencies": {
-        "tsafe": "^1.6.6"
+        "tsafe": "^1.7.4"
     },
     "peerDependencies": {
-        "keycloakify": "^11.2.2",
+        "keycloakify": "^11.2.4",
         "@angular/core": "^18.0.0",
         "@angular/common": "^18.0.0",
         "@angular/platform-browser": "^18.0.0"
     },
     "devDependencies": {
-        "keycloakify": "^11.2.2",
+        "keycloakify": "^11.2.4",
         "prettier": "^3.2.5",
         "typescript": "~5.4.0",
         "husky": "^4.3.8",
@@ -332,6 +312,7 @@
         "@angular/compiler-cli": "^18.2.6",
         "@angular/compiler": "^18.2.6",
         "ng-packagr": "^18.2.1",
+        "run-exclusive": "^2.2.19",
         "tslib": "^2.7.0"
     },
     "publishConfig": {

package/src/lib/tokens/use-default-css.token.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+
+export const USE_DEFAULT_CSS = new InjectionToken<boolean>('use default css');

package/src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.html

@@ -1,24 +1,24 @@
 @let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);
 @if (hasRemove()) {
-  <button
-    [id]="'kc-remove-' + idPostfix"
-    type="button"
-    class="pf-c-button pf-m-inline pf-m-link"
-    (click)="onRemove()"
-  >
-    {{ 'remove' | msgStr }}
-  </button>
-  @if (hasAdd()) {
-    &nbsp;|&nbsp;
-  }
+    <button
+        [id]="'kc-remove-' + idPostfix"
+        type="button"
+        class="pf-c-button pf-m-inline pf-m-link"
+        (click)="onRemove()"
+    >
+        {{ i18n.msgStr('remove') }}
+    </button>
+    @if (hasAdd()) {
+        &nbsp;|&nbsp;
+    }
 }
 @if (hasAdd()) {
-  <button
-    [id]="'kc-add-' + idPostfix"
-    type="button"
-    class="pf-c-button pf-m-inline pf-m-link"
-    (click)="onAdd()"
-  >
-    {{ 'addValue' | msgStr }}
-  </button>
+    <button
+        [id]="'kc-add-' + idPostfix"
+        type="button"
+        class="pf-c-button pf-m-inline pf-m-link"
+        (click)="onAdd()"
+    >
+        {{ i18n.msgStr('addValue') }}
+    </button>
 }

package/src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.ts

@@ -1,13 +1,8 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    computed,
-    input,
-    output
-} from '@angular/core';
-import { Attribute } from 'keycloakify/login/KcContext';
-import { MsgStrPipe } from '@keycloakify/angular/login/pipes/msg-str.pipe';
+import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';
 import { FormAction } from '@keycloakify/angular/login/services/user-profile-form.service';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { I18n } from '../../i18n';
 
 @Component({
     standalone: true,
@@ -18,12 +13,13 @@ import { FormAction } from '@keycloakify/angular/login/services/user-profile-for
             }
         `
     ],
-    imports: [MsgStrPipe],
+    imports: [],
     selector: 'kc-add-remove-buttons-multi-valued-attribute',
     templateUrl: 'add-remove-buttons-multi-valued-attribute.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AddRemoveButtonsMultiValuedAttributeComponent {
+    i18n = inject<I18n>(LOGIN_I18N);
     attribute = input<Attribute>();
     values = input<string[]>();
     fieldIndex = input<number>();
@@ -72,11 +68,7 @@ export class AddRemoveButtonsMultiValuedAttributeComponent {
         });
     }
 
-    private getButtonToDisplayForMultivaluedAttributeField(params: {
-        attribute: Attribute;
-        values: string[];
-        fieldIndex: number;
-    }) {
+    private getButtonToDisplayForMultivaluedAttributeField(params: { attribute: Attribute; values: string[]; fieldIndex: number }) {
         const { attribute, values, fieldIndex } = params;
 
         const hasRemove = (() => {

package/src/login/components/field-errors/field-errors.component.html

@@ -1,15 +1,15 @@
 @let index = fieldIndex();
 <span
-  [id]="'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)"
-  [kcClass]="'kcInputErrorMessageClass'"
-  aria-live="polite"
+    [id]="'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)"
+    [kcClass]="'kcInputErrorMessageClass'"
+    aria-live="polite"
 >
-  @for (error of displayableErrors(); track error; let i = $index) {
-    @if (error.fieldIndex === index) {
-      <span [innerHTML]="error.errorMessage"></span>
-      @if (displayableErrors()?.length ?? 0 - 1 !== i) {
-        <br />
-      }
+    @for (error of displayableErrors(); track error; let i = $index) {
+        @if (error.fieldIndex === index) {
+            <span [innerHTML]="error.errorMessage"></span>
+            @if (displayableErrors()?.length ?? 0 - 1 !== i) {
+                <br />
+            }
+        }
     }
-  }
 </span>

package/src/login/components/field-errors/field-errors.component.ts

@@ -1,16 +1,11 @@
-import {
-    ChangeDetectionStrategy,
-    Component,
-    forwardRef,
-    inject,
-    input
-} from '@angular/core';
-import { CLASSES, USE_DEFAULT_CSS } from '@keycloakify/angular/lib/public-api';
-import { Attribute } from 'keycloakify/login/KcContext';
-import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
 import { FormFieldError } from '@keycloakify/angular/login/services/user-profile-form.service';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
+import { Attribute } from 'keycloakify/login/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
@@ -37,5 +32,5 @@ export class FieldErrorsComponent extends ComponentReference {
     displayableErrors = input<FormFieldError[]>();
     fieldIndex = input<number>();
     override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(CLASSES);
+    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
 }

package/src/login/components/group-label/group-label.component.html

@@ -1,30 +1,30 @@
 @let attr = attribute();
 @let groupName = groupNameRef();
 @if (attr && groupName !== '') {
-  <div
-    [kcClass]="'kcFormGroupClass'"
-    [kcAttributes]="attr.group?.html5DataAnnotations"
-  >
-    @let groupDisplayHeader = attr.group?.displayHeader ?? '';
-    @let groupHeaderText = groupDisplayHeader !== '' ? groupDisplayHeader : (attr.group?.name ?? '');
-    <div [kcClass]="'kcContentWrapperClass'">
-      <label
-        [id]="'header-' + attr.group?.name"
-        [kcClass]="'kcFormGroupHeader'"
-      >
-        {{ groupHeaderText | advancedMsgStr }}
-      </label>
+    <div
+        [kcClass]="'kcFormGroupClass'"
+        [kcAttributes]="attr.group?.html5DataAnnotations"
+    >
+        @let groupDisplayHeader = attr.group?.displayHeader ?? '';
+        @let groupHeaderText = groupDisplayHeader !== '' ? groupDisplayHeader : (attr.group?.name ?? '');
+        <div [kcClass]="'kcContentWrapperClass'">
+            <label
+                [id]="'header-' + attr.group?.name"
+                [kcClass]="'kcFormGroupHeader'"
+            >
+                {{ i18n.advancedMsgStr(groupHeaderText) }}
+            </label>
+        </div>
+        @let groupDisplayDescription = attr.group?.displayDescription ?? '';
+        @if (groupDisplayDescription !== '') {
+            <div [kcClass]="'kcLabelWrapperClass'">
+                <label
+                    [id]="'description-' + attr.group?.name"
+                    [kcClass]="'kcLabelClass'"
+                >
+                    {{ i18n.advancedMsgStr(groupDisplayDescription) }}
+                </label>
+            </div>
+        }
     </div>
-    @let groupDisplayDescription = attr.group?.displayDescription ?? '';
-    @if (groupDisplayDescription !== '') {
-      <div [kcClass]="'kcLabelWrapperClass'">
-        <label
-          [id]="'description-' + attr.group?.name"
-          [kcClass]="'kcLabelClass'"
-        >
-          {{ groupDisplayDescription | advancedMsgStr }}
-        </label>
-      </div>
-    }
-  </div>
 }