@keycloakify/angular 20.1.8 → 20.1.10

package/src/account/template/template.component.html

@@ -66,35 +66,35 @@
     <div class="container">
         <div class="bs-sidebar col-sm-3">
             <ul>
-                <li [ngClass]="{ active: active === 'account' }">
+                <li [class.active]="active === 'account'">
                     <a [href]="url.accountUrl">{{ i18n.msgStr('account') }}</a>
                 </li>
                 @if (features.passwordUpdateSupported) {
-                    <li [ngClass]="{ active: active === 'password' }">
+                    <li [class.active]="active === 'password'">
                         <a [href]="url.passwordUrl">{{ i18n.msgStr('password') }}</a>
                     </li>
                 }
-                <li [ngClass]="{ active: active === 'totp' }">
+                <li [class.active]="active === 'totp'">
                     <a [href]="url.totpUrl">{{ i18n.msgStr('authenticator') }}</a>
                 </li>
                 @if (features.identityFederation) {
-                    <li [ngClass]="{ active: active === 'social' }">
+                    <li [class.active]="active === 'social'">
                         <a [href]="url.socialUrl">{{ i18n.msgStr('federatedIdentity') }}</a>
                     </li>
                 }
-                <li [ngClass]="{ active: active === 'sessions' }">
+                <li [class.active]="active === 'sessions'">
                     <a [href]="url.sessionsUrl">{{ i18n.msgStr('sessions') }}</a>
                 </li>
-                <li [ngClass]="{ active: active === 'applications' }">
+                <li [class.active]="active === 'applications'">
                     <a [href]="url.applicationsUrl">{{ i18n.msgStr('applications') }}</a>
                 </li>
                 @if (features.log) {
-                    <li [ngClass]="{ active: active === 'log' }">
+                    <li [class.active]="active === 'log'">
                         <a [href]="url.logUrl">{{ i18n.msgStr('log') }}</a>
                     </li>
                 }
                 @if (realm.userManagedAccessAllowed && features.authorization) {
-                    <li [ngClass]="{ active: active === 'authorization' }">
+                    <li [class.active]="active === 'authorization'">
                         <a [href]="url.resourceUrl">{{ i18n.msgStr('myResources') }}</a>
                     </li>
                 }

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

@@ -15,7 +15,6 @@ import {
 } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/account/i18n';
 import type { KcContext } from '@keycloakify/angular/account/KcContext';
 import { AccountResourceInjectorService } from '@keycloakify/angular/account/services/account-resource-injector';
@@ -32,7 +31,7 @@ type ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'app
 @Component({
     selector: 'kc-root',
     templateUrl: 'template.component.html',
-    imports: [AsyncPipe, KcSanitizePipe, KcClassDirective, NgClass],
+    imports: [AsyncPipe, KcSanitizePipe, NgClass],
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [
         {

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

@@ -1,5 +1,6 @@
 /* eslint-disable @angular-eslint/component-class-suffix */
 import { Component, inject, OnInit, Type } from '@angular/core';
+import type { KcContext } from '@keycloakify/angular/account/KcContext';
 import { provideKeycloakifyAngular } from '@keycloakify/angular/account/providers/keycloakify-angular';
 import { TemplateComponent } from '@keycloakify/angular/account/template';
 import { getKcPage } from './KcPage';
@@ -54,7 +55,7 @@ export const decorators = (_: unknown, context: StoryContextLike) => ({
 })
 export class KcPageStory implements OnInit {
     pageComponent: Type<unknown> | undefined;
-    kcContext = inject(KC_ACCOUNT_CONTEXT);
+    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);
     ngOnInit() {
         getKcPage(this.kcContext.pageId).then(kcPage => {
             this.pageComponent = kcPage.PageComponent;

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

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';
 import { getButtonToDisplayForMultivaluedAttributeField, type FormAction } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
@@ -12,7 +12,6 @@ import type { I18n } from '@keycloakify/angular/login/i18n';
             }
         `
     ],
-    imports: [],
     selector: 'kc-add-remove-buttons-multi-valued-attribute',
     templateUrl: 'add-remove-buttons-multi-valued-attribute.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush

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

@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import type { FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({

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

@@ -5,7 +5,7 @@ import { AttributesDirective } from '@keycloakify/angular/lib/directives/attribu
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 

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

@@ -9,7 +9,7 @@ import { SelectTagComponent } from '@keycloakify/angular/login/components/select
 import { TextareaTagComponent } from '@keycloakify/angular/login/components/textarea-tag';
 import { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({

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

@@ -12,7 +12,7 @@ import type { I18n } from '@keycloakify/angular/login/i18n';
 import { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({

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

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import { type FormAction, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import type { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 

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

@@ -1,4 +1,3 @@
-import { AsyncPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, WritableSignal } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
@@ -18,7 +17,7 @@ import type { I18n } from '@keycloakify/angular/login/i18n';
         `
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, AsyncPipe],
+    imports: [KcClassDirective],
     templateUrl: 'password-wrapper.component.html',
     providers: [
         {

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

@@ -3,10 +3,10 @@ import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';
-import { type FormAction, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import type { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 

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

@@ -3,9 +3,9 @@ import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number';
-import { type FormAction, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import type { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
-import { type Attribute } from 'keycloakify/login/KcContext';
+import type { Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({

package/src/login/i18n.ts

@@ -1,4 +1,4 @@
 import type { GenericI18n_noJsx } from 'keycloakify/login/i18n/noJsx/GenericI18n_noJsx';
-import { type MessageKey as MessageKey_defaultSet } from 'keycloakify/login/i18n/messages_defaultSet/types';
+import type { MessageKey as MessageKey_defaultSet } from 'keycloakify/login/i18n/messages_defaultSet/types';
 /** INTERNAL: DO NOT IMPORT THIS */
 export type I18n = GenericI18n_noJsx<MessageKey_defaultSet, string>;

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

@@ -1,4 +1,4 @@
-import { AsyncPipe, CommonModule, NgClass } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
@@ -16,7 +16,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
     selector: 'kc-login',
     templateUrl: 'login.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, PasswordWrapperComponent, NgClass, CommonModule],
+    imports: [KcClassDirective, KcSanitizePipe, PasswordWrapperComponent, CommonModule],
     providers: [
         {
             provide: ComponentReference,

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

@@ -1,13 +1,11 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    imports: [KcClassDirective],
     selector: 'kc-login-idp-link-email',
     templateUrl: 'login-idp-link-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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({
-    imports: [],
     selector: 'kc-login-page-expired',
     templateUrl: 'login-page-expired.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
-import { type Script } from '@keycloakify/angular/lib/models/script';
+import type { Script } from '@keycloakify/angular/lib/models/script';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

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

@@ -1,4 +1,3 @@
-import { AsyncPipe, NgClass } from '@angular/common';
 import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
@@ -15,7 +14,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
     selector: 'kc-login-username',
     templateUrl: 'login-username.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass],
+    imports: [KcClassDirective, KcSanitizePipe],
     providers: [
         {
             provide: ComponentReference,

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

@@ -1,7 +1,6 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
@@ -10,7 +9,6 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    imports: [KcClassDirective],
     selector: 'kc-login-verify-email',
     templateUrl: 'login-verify-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -42,7 +42,11 @@
     <div id="kc-info-message">
         @if (!logoutConfirm.skipLink && client.baseUrl) {
             <p>
-                <a [href]="client.baseUrl">{{ i18n.msgStr('backToApplication') }}</a>
+                <a
+                    [href]="client.baseUrl"
+                    [innerHTML]="i18n.msgStr('backToApplication') | kcSanitize: 'html'"
+                >
+                </a>
             </p>
         }
     </div>

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

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
@@ -7,7 +8,7 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
-    imports: [KcClassDirective],
+    imports: [KcSanitizePipe, KcClassDirective],
     selector: 'kc-logout-confirm',
     templateUrl: 'logout-confirm.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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({
-    imports: [],
     selector: 'kc-saml-post-form',
     templateUrl: 'saml-post-form.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -1,4 +1,3 @@
-import { NgClass } from '@angular/common';
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
@@ -11,7 +10,7 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    imports: [KcClassDirective, NgClass],
+    imports: [KcClassDirective],
     selector: 'kc-select-authenticator',
     templateUrl: 'select-authenticator.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -1,8 +1,7 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
-import { type Script } from '@keycloakify/angular/lib/models/script';
+import type { Script } from '@keycloakify/angular/lib/models/script';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
@@ -13,7 +12,7 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    imports: [KcClassDirective, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective],
     selector: 'kc-webauthn-authenticate',
     templateUrl: 'webauthn-authenticate.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -1,7 +1,6 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
@@ -11,7 +10,7 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
-    imports: [KcClassDirective, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective],
     selector: 'kc-webauthn-error',
     templateUrl: 'webauthn-error.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
-import { type Script } from '@keycloakify/angular/lib/models/script';
+import type { Script } from '@keycloakify/angular/lib/models/script';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';

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

@@ -12,7 +12,7 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';
-import { type KcContextLike } from 'keycloakify/login/i18n/noJsx';
+import type { KcContextLike } from 'keycloakify/login/i18n/noJsx';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 export type KeycloakifyAngularLoginConfig = {

package/src/login/services/login-resource-injector/login-resource-injector.service.ts

@@ -3,7 +3,7 @@ import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 import { ResourceInjectorService } from '@keycloakify/angular/lib/services/resource-injector';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { catchError, forkJoin, of, switchMap } from 'rxjs';
-import { type Script } from '@keycloakify/angular/lib/models/script';
+import type { Script } from '@keycloakify/angular/lib/models/script';
 
 @Injectable({
     providedIn: 'root'