@keycloakify/angular 0.1.7 → 0.2.0

package/src/account/pages/sessions/sessions.component.ts

@@ -11,7 +11,6 @@ import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css
 import type { ClassKey } from 'keycloakify/account';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, NgClass],
     selector: 'kc-sessions',
     templateUrl: 'sessions.component.html',

package/src/account/pages/totp/totp.component.ts

@@ -12,7 +12,6 @@ import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css
 import type { ClassKey } from 'keycloakify/account';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, KcSanitizePipe, NgClass],
     selector: 'kc-totp',
     templateUrl: 'totp.component.html',

package/src/account/providers/keycloakify-angular/keycloakify-angular.providers.ts

@@ -1,5 +1,10 @@
 import { DOCUMENT } from '@angular/common';
-import { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';
+import {
+    LOCALE_ID,
+    makeEnvironmentProviders,
+    inject,
+    provideAppInitializer
+} from '@angular/core';
 import type { KcContext } from '@keycloakify/angular/account/KcContext';
 import { I18nService } from '@keycloakify/angular/account/services/i18n';
 import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';
@@ -32,10 +37,8 @@ export const provideKeycloakifyAngular = (config: KeycloakifyAngularAccountConfi
             },
             deps: [DOCUMENT]
         },
-        {
-            provide: APP_INITIALIZER,
-            multi: true,
-            useFactory: (i18nService: I18nService, kcContext: KcContext) => async () => {
+        provideAppInitializer(
+            ((i18nService: I18nService, kcContext: KcContext) => async () => {
                 const getI18n = config.getI18n;
 
                 const { i18n, prI18n_currentLanguage } = getI18n({
@@ -49,9 +52,8 @@ export const provideKeycloakifyAngular = (config: KeycloakifyAngularAccountConfi
                     i18nService.i18n = i18n;
                     return true;
                 });
-            },
-            deps: [I18nService, KC_ACCOUNT_CONTEXT]
-        },
+            })(inject(I18nService), inject(KC_ACCOUNT_CONTEXT))
+        ),
         {
             provide: ACCOUNT_I18N,
             useFactory: (i18nService: I18nService) => i18nService.i18n,

package/src/account/template/template.component.ts

@@ -34,7 +34,6 @@ type ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'app
 @Component({
     selector: 'kc-root',
     templateUrl: 'template.component.html',
-    standalone: true,
     imports: [AsyncPipe, KcSanitizePipe, KcClassDirective, NgClass],
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

package/src/bin/add-story.ts

@@ -27,6 +27,7 @@ export async function command(params: { buildContext: BuildContext }) {
                 case 'login':
                     return buildContext.implementedThemeTypes.login.isImplemented;
             }
+            // @ts-ignore
             assert<Equals<typeof themeType, never>>(false);
         });
 
@@ -57,6 +58,7 @@ export async function command(params: { buildContext: BuildContext }) {
                 case 'account':
                     return [...ACCOUNT_THEME_PAGE_IDS];
             }
+            // @ts-ignore
             assert<Equals<typeof themeType, never>>(false);
         })()
     }).catch(() => {

package/src/bin/eject-page.ts

@@ -41,6 +41,7 @@ export async function command(params: { buildContext: BuildContext }) {
                 case 'login':
                     return buildContext.implementedThemeTypes.login.isImplemented;
             }
+            // @ts-ignore
             assert<Equals<typeof themeType, never>>(false);
         });
 
@@ -84,6 +85,7 @@ export async function command(params: { buildContext: BuildContext }) {
                 case 'account':
                     return [templateValue, ...ACCOUNT_THEME_PAGE_IDS];
             }
+            // @ts-ignore
             assert<Equals<typeof themeType, never>>(false);
         })()
     }).catch(() => {

package/src/bin/initialize-account-theme/boilerplate/KcPageStory.ts

@@ -50,7 +50,6 @@ export const decorators = (_: unknown, context: StoryContextLike) => ({
     template: `@if (pageComponent) {
         <kc-root [page]="pageComponent"></kc-root>
     }`,
-    standalone: true,
     imports: [TemplateComponent]
 })
 export class KcPageStory implements OnInit {

package/src/bin/tools/readThisNpmPackageVersion.ts

@@ -0,0 +1,24 @@
+import { getThisCodebaseRootDirPath } from './getThisCodebaseRootDirPath';
+import { assert } from 'tsafe/assert';
+import * as fs from 'fs';
+import { join as pathJoin } from 'path';
+
+let cache: string | undefined = undefined;
+
+export function readThisNpmPackageVersion(): string {
+    if (cache !== undefined) {
+        return cache;
+    }
+
+    const version = JSON.parse(
+        fs
+            .readFileSync(pathJoin(getThisCodebaseRootDirPath(), 'package.json'))
+            .toString('utf8')
+    )['version'];
+
+    assert(typeof version === 'string');
+
+    cache = version;
+
+    return version;
+}

package/src/bin/tools/runPrettier.ts

@@ -1,10 +1,13 @@
 import { getNodeModulesBinDirPath } from './nodeModulesBinDirPath';
-import { join as pathJoin } from 'path';
+import { join as pathJoin, resolve as pathResolve } from 'path';
 import * as fsPr from 'fs/promises';
 import { id } from 'tsafe/id';
 import { assert } from 'tsafe/assert';
 import chalk from 'chalk';
 import * as crypto from 'crypto';
+import { is } from 'tsafe/is';
+import { symToStr } from 'tsafe/symToStr';
+import { readThisNpmPackageVersion } from './readThisNpmPackageVersion';
 
 getIsPrettierAvailable.cache = id<boolean | undefined>(undefined);
 
@@ -33,14 +36,32 @@ type PrettierAndConfigHash = {
 
 getPrettier.cache = id<PrettierAndConfigHash | undefined>(undefined);
 
-async function getPrettier(): Promise<PrettierAndConfigHash> {
+export async function getPrettier(): Promise<PrettierAndConfigHash> {
     assert(getIsPrettierAvailable());
 
     if (getPrettier.cache !== undefined) {
         return getPrettier.cache;
     }
 
-    const prettier = await import('prettier');
+    let prettier = id<typeof import('prettier') | undefined>(undefined);
+
+    import_prettier: {
+        // NOTE: When module is linked we want to make sure we import the correct version
+        // of prettier, that is the one of the project, not the one of this repo.
+        // So we do a sketchy eval to bypass ncc.
+        // We make sure to only do that when linking, otherwise we import properly.
+        if (readThisNpmPackageVersion().startsWith('0.0.0')) {
+            eval(
+                `${symToStr({ prettier })} = require("${pathResolve(pathJoin(getNodeModulesBinDirPath(), '..', 'prettier'))}")`
+            );
+
+            assert(!is<undefined>(prettier));
+
+            break import_prettier;
+        }
+
+        prettier = await import('prettier');
+    }
 
     const configHash = await (async () => {
         const configFilePath = await prettier.resolveConfigFile(

package/src/bin/tsconfig.json

@@ -9,11 +9,10 @@
         "noFallthroughCasesInSwitch": true,
         "composite": true,
         "rootDir": ".",
-        "module": "ES2020",
-        "target": "ES2017",
+        "module": "ES2022",
+        "target": "ES2022",
         "esModuleInterop": true,
-        "lib": ["es2015", "ES2019.Object"],
-        "moduleResolution": "node"
+        "moduleResolution": "bundler"
     },
     "include": ["**/*.ts"],
     "exclude": ["initialize-account-theme/boilerplate"]

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

@@ -5,7 +5,6 @@ import { type Attribute } from 'keycloakify/login/KcContext';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

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

@@ -8,7 +8,6 @@ import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

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

@@ -10,7 +10,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/input-field-by-type/input-field-by-type.component.ts

@@ -13,7 +13,6 @@ import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/input-tag/input-tag.component.ts

@@ -16,7 +16,6 @@ import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/input-tag-selects/input-tag-selects.component.ts

@@ -10,7 +10,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/logout-other-sessions/logout-other-sessions.component.ts

@@ -16,7 +16,6 @@ import type { I18n } from '@keycloakify/angular/login/i18n';
             }
         `
     ],
-    standalone: true,
     imports: [KcClassDirective],
     changeDetection: ChangeDetectionStrategy.OnPush,
     templateUrl: 'logout-other-sessions.component.html',

package/src/login/components/password-wrapper/password-wrapper.component.ts

@@ -17,7 +17,6 @@ import type { I18n } from '@keycloakify/angular/login/i18n';
             }
         `
     ],
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [KcClassDirective, AsyncPipe],
     templateUrl: 'password-wrapper.component.html',

package/src/login/components/select-tag/select-tag.component.ts

@@ -11,7 +11,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/textarea-tag/textarea-tag.component.ts

@@ -9,7 +9,6 @@ import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts

@@ -16,7 +16,6 @@ import { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     styles: [
         `
             :host {

package/src/login/pages/code/code.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-code',
     templateUrl: 'code.component.html',

package/src/login/pages/delete-account-confirm/delete-account-confirm.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-delete-account-confirm',
     templateUrl: 'delete-account-confirm.component.html',

package/src/login/pages/delete-credential/delete-credential.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-delete-credential',
     templateUrl: 'delete-credential.component.html',

package/src/login/pages/error/error.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcSanitizePipe],
     selector: 'kc-error',
     templateUrl: 'error.component.html',

package/src/login/pages/frontchannel-logout/frontchannel-logout.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcSanitizePipe],
     selector: 'kc-frontchannel-logout',
     templateUrl: 'frontchannel-logout.component.html',

package/src/login/pages/idp-review-user-profile/idp-review-user-profile.component.ts

@@ -15,7 +15,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { map } from 'rxjs';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, NgComponentOutlet],
     selector: 'kc-idp-review-user-profile',
     templateUrl: 'idp-review-user-profile.component.html',

package/src/login/pages/info/info.component.ts

@@ -10,9 +10,8 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcSanitizePipe],
-    selector: 'kc-ínfo',
+    selector: 'kc-info',
     templateUrl: 'info.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

package/src/login/pages/login/login.component.ts

@@ -15,7 +15,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 @Component({
     selector: 'kc-login',
     templateUrl: 'login.component.html',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],
     providers: [

package/src/login/pages/login-config-totp/login-config-totp.component.ts

@@ -12,7 +12,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, KcSanitizePipe, LogoutOtherSessionsComponent],
     selector: 'kc-login-config-totp',
     templateUrl: 'login-config-totp.component.html',

package/src/login/pages/login-idp-link-confirm/login-idp-link-confirm.component.ts

@@ -7,7 +7,6 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-idp-link-confirm',
     templateUrl: 'login-idp-link-confirm.component.html',

package/src/login/pages/login-idp-link-confirm-override/login-idp-link-confirm-override.component.ts

@@ -7,7 +7,6 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-idp-link-confirm-override',
     templateUrl: 'login-idp-link-confirm-override.component.html',

package/src/login/pages/login-idp-link-email/login-idp-link-email.component.ts

@@ -7,7 +7,6 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-idp-link-email',
     templateUrl: 'login-idp-link-email.component.html',

package/src/login/pages/login-oauth-grant/login-oauth-grant.component.ts

@@ -7,7 +7,6 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-oauth-grant',
     templateUrl: 'login-oauth-grant.component.html',

package/src/login/pages/login-oauth2-device-verify-user-code/login-oauth2-device-verify-user-code.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-oauth2-device-verify-user-code',
     templateUrl: 'login-oauth2-device-verify-user-code.component.html',

package/src/login/pages/login-otp/login-otp.component.ts

@@ -11,7 +11,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, KcSanitizePipe],
     selector: 'kc-login-otp',
     templateUrl: 'login-otp.component.html',

package/src/login/pages/login-page-expired/login-page-expired.component.ts

@@ -9,7 +9,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [],
     selector: 'kc-login-page-expired',
     templateUrl: 'login-page-expired.component.html',

package/src/login/pages/login-passkeys-conditional-authenticate/login-passkeys-conditional-authenticate.component.ts

@@ -12,7 +12,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-passkeys-conditional-authenticate',
     templateUrl: 'login-passkeys-conditional-authenticate.component.html',

package/src/login/pages/login-password/login-password.component.ts

@@ -12,7 +12,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe],
     selector: 'kc-login-password',
     templateUrl: 'login-password.component.html',

package/src/login/pages/login-recovery-authn-code-config/login-recovery-authn-code-config.component.ts

@@ -12,7 +12,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-login-recovery-authn-code-config',
     templateUrl: 'login-recovery-authn-code-config.component.html',

package/src/login/pages/login-recovery-authn-code-input/login-recovery-authn-code-input.component.ts

@@ -11,7 +11,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, KcSanitizePipe],
     selector: 'kc-login-recovery-authn-code-input',
     templateUrl: 'login-recovery-authn-code-input.component.html',

package/src/login/pages/login-reset-otp/login-reset-otp.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-reset-otp',
     templateUrl: 'login-reset-otp.component.html',

package/src/login/pages/login-reset-password/login-reset-password.component.ts

@@ -11,7 +11,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, KcSanitizePipe],
     selector: 'kc-login-reset-password',
     templateUrl: 'login-reset-password.component.html',

package/src/login/pages/login-update-password/login-update-password.component.ts

@@ -13,7 +13,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent],
     selector: 'kc-login-update-password',
     templateUrl: 'login-update-password.component.html',

package/src/login/pages/login-update-profile/login-update-profile.component.ts

@@ -15,7 +15,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import { map } from 'rxjs';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, NgComponentOutlet],
     selector: 'kc-login-update-profile',
     templateUrl: 'login-update-profile.component.html',

package/src/login/pages/login-username/login-username.component.ts

@@ -14,7 +14,6 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 @Component({
     selector: 'kc-login-username',
     templateUrl: 'login-username.component.html',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass],
     providers: [

package/src/login/pages/login-verify-email/login-verify-email.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-verify-email',
     templateUrl: 'login-verify-email.component.html',

package/src/login/pages/login-x509-info/login-x509-info.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-login-x509-info',
     templateUrl: 'login-x509-info.component.html',

package/src/login/pages/logout-confirm/logout-confirm.component.ts

@@ -7,7 +7,6 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-logout-confirm',
     templateUrl: 'logout-confirm.component.html',

package/src/login/pages/register/register.component.ts

@@ -18,7 +18,6 @@ import { map } from 'rxjs';
 @Component({
     selector: 'kc-register',
     templateUrl: 'register.component.html',
-    standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, NgComponentOutlet],
     providers: [

package/src/login/pages/saml-post-form/saml-post-form.component.ts

@@ -9,7 +9,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [],
     selector: 'kc-saml-post-form',
     templateUrl: 'saml-post-form.component.html',

package/src/login/pages/select-authenticator/select-authenticator.component.ts

@@ -11,7 +11,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, NgClass],
     selector: 'kc-select-authenticator',
     templateUrl: 'select-authenticator.component.html',

package/src/login/pages/terms/terms.component.ts

@@ -10,7 +10,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective],
     selector: 'kc-terms',
     templateUrl: 'terms.component.html',

package/src/login/pages/update-email/update-email.component.ts

@@ -13,7 +13,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { map } from 'rxjs';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent],
     selector: 'kc-update-email',
     templateUrl: 'update-email.component.html',

package/src/login/pages/webauthn-authenticate/webauthn-authenticate.component.ts

@@ -13,7 +13,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-webauthn-authenticate',
     templateUrl: 'webauthn-authenticate.component.html',

package/src/login/pages/webauthn-error/webauthn-error.component.ts

@@ -11,7 +11,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    standalone: true,
     imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-webauthn-error',
     templateUrl: 'webauthn-error.component.html',