@keycloakify/angular 20.1.11 → 21.0.0-rc.1

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

@@ -1,6 +1,6 @@
 import { inject, Injectable } from '@angular/core';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
-import { Script } from '@keycloakify/angular/lib/models/script';
+import { type Script } from '@keycloakify/angular/lib/models/script';
 import { ResourceInjectorService } from '@keycloakify/angular/lib/services/resource-injector';
 import { catchError, forkJoin, of, switchMap } from 'rxjs';
 import type { KcContext } from '@keycloakify/angular/account/KcContext';

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

@@ -4,12 +4,12 @@ import {
     ChangeDetectorRef,
     Component,
     effect,
-    EffectRef,
+    type EffectRef,
     forwardRef,
     inject,
     input,
     Renderer2,
-    Type,
+    type Type,
     viewChild,
     ViewContainerRef
 } from '@angular/core';
@@ -23,8 +23,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
-import { ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';
-import { Observable } from 'rxjs';
+import { type ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';
+import { type Observable } from 'rxjs';
 
 type ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined;
 

package/src/eslint.config.js

@@ -1,5 +1,5 @@
 // @ts-check
-import tseslint from 'typescript-eslint';
+import { defineConfig } from 'eslint/config';
 import rootConfig from '../eslint.config.js';
 
-export default tseslint.config(...rootConfig);
+export default defineConfig(...rootConfig);

package/src/lib/pipes/input-type/input-type.pipe.ts

@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, type PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'inputType'

package/src/lib/pipes/is-array-with-empty-object/is-array-with-empty-object.pipe.ts

@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, type PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'isArrayWithEmptyObject'

package/src/lib/pipes/kc-sanitize/kc-sanitize.pipe.ts

@@ -1,11 +1,11 @@
-import { inject, Pipe, PipeTransform } from '@angular/core';
+import { inject, Pipe, type PipeTransform } from '@angular/core';
 import {
     DomSanitizer,
-    SafeHtml,
-    SafeResourceUrl,
-    SafeScript,
-    SafeStyle,
-    SafeUrl
+    type SafeHtml,
+    type SafeResourceUrl,
+    type SafeScript,
+    type SafeStyle,
+    type SafeUrl
 } from '@angular/platform-browser';
 
 @Pipe({ name: 'kcSanitize' })

package/src/lib/pipes/to-array/to-array.pipe.ts

@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, type PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'toArray'

package/src/lib/pipes/to-number/to-number.pipe.ts

@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, type PipeTransform } from '@angular/core';
 
 @Pipe({
     name: 'toNumber'

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

@@ -1,6 +1,6 @@
-import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';
+import { inject, Injectable, type Renderer2, RendererFactory2 } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Script } from '@keycloakify/angular/lib/models/script';
+import { type Script } from '@keycloakify/angular/lib/models/script';
 
 @Injectable({
     providedIn: 'root'

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

@@ -7,7 +7,7 @@ import { InputTagSelectsComponent } from '@keycloakify/angular/login/components/
 import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';
 import { SelectTagComponent } from '@keycloakify/angular/login/components/select-tag';
 import { TextareaTagComponent } from '@keycloakify/angular/login/components/textarea-tag';
-import { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import { type FormAction, 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 { ClassKey } from 'keycloakify/login/lib/kcClsx';

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

@@ -9,7 +9,7 @@ import { AddRemoveButtonsMultiValuedAttributeComponent } from '@keycloakify/angu
 import { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
 import type { I18n } from '@keycloakify/angular/login/i18n';
-import { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
+import { type FormAction, type 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';

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output, Signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output, type Signal } 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';

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

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, WritableSignal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2, signal, type 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';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';

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

@@ -1,5 +1,5 @@
 import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChild, forwardRef, inject, TemplateRef } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ContentChild, forwardRef, inject, type TemplateRef } 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 { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';

package/src/login/defaultPage.ts

@@ -50,9 +50,9 @@ export function getDefaultPageComponent(
                 c => c.TermsComponent
             );
         case 'login-oauth2-device-verify-user-code.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/login-oauth2-device-verify-user-code'
-            ).then(c => c.LoginOauth2DeviceVerifyUserCodeComponent);
+            return import('@keycloakify/angular/login/pages/login-oauth2-device-verify-user-code').then(
+                c => c.LoginOauth2DeviceVerifyUserCodeComponent
+            );
         case 'login-oauth-grant.ftl':
             return import('@keycloakify/angular/login/pages/login-oauth-grant').then(
                 c => c.LoginOauthGrantComponent
@@ -90,9 +90,9 @@ export function getDefaultPageComponent(
                 c => c.LogoutConfirmComponent
             );
         case 'idp-review-user-profile.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/idp-review-user-profile'
-            ).then(c => c.IdpReviewUserProfileComponent);
+            return import('@keycloakify/angular/login/pages/idp-review-user-profile').then(
+                c => c.IdpReviewUserProfileComponent
+            );
         case 'update-email.ftl':
             return import('@keycloakify/angular/login/pages/update-email').then(
                 c => c.UpdateEmailComponent
@@ -122,13 +122,13 @@ export function getDefaultPageComponent(
                 c => c.FrontchannelLogoutComponent
             );
         case 'login-recovery-authn-code-config.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/login-recovery-authn-code-config'
-            ).then(c => c.LoginRecoveryAuthnCodeConfigComponent);
+            return import('@keycloakify/angular/login/pages/login-recovery-authn-code-config').then(
+                c => c.LoginRecoveryAuthnCodeConfigComponent
+            );
         case 'login-recovery-authn-code-input.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/login-recovery-authn-code-input'
-            ).then(c => c.LoginRecoveryAuthnCodeInputComponent);
+            return import('@keycloakify/angular/login/pages/login-recovery-authn-code-input').then(
+                c => c.LoginRecoveryAuthnCodeInputComponent
+            );
         case 'login-reset-otp.ftl':
             return import('@keycloakify/angular/login/pages/login-reset-otp').then(
                 c => c.LoginResetOtpComponent
@@ -142,12 +142,14 @@ export function getDefaultPageComponent(
                 c => c.WebauthnErrorComponent
             );
         case 'login-passkeys-conditional-authenticate.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/login-passkeys-conditional-authenticate'
-            ).then(c => c.LoginPasskeysConditionalAuthenticateComponent);
+            return import('@keycloakify/angular/login/pages/login-passkeys-conditional-authenticate').then(
+                c => c.LoginPasskeysConditionalAuthenticateComponent
+            );
         case 'login-idp-link-confirm-override.ftl':
-            return import(
-                '@keycloakify/angular/login/pages/login-idp-link-confirm-override'
-            ).then(c => c.LoginIdpLinkConfirmOverrideComponent);
+            return import('@keycloakify/angular/login/pages/login-idp-link-confirm-override').then(
+                c => c.LoginIdpLinkConfirmOverrideComponent
+            );
+        default:
+            throw new Error(`FTL page "${pageId}" not found!`);
     }
 }

package/src/login/directives/kc-class/kc-class.directive.ts

@@ -2,7 +2,7 @@
 
 import {
     Directive,
-    DoCheck,
+    type DoCheck,
     ElementRef,
     inject,
     Input,

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

@@ -1,5 +1,5 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, type Type, viewChild } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';

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

@@ -1,4 +1,4 @@
-import { CommonModule } from '@angular/common';
+import { 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';
@@ -16,7 +16,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
     selector: 'kc-login',
     templateUrl: 'login.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, KcSanitizePipe, PasswordWrapperComponent, CommonModule],
+    imports: [KcClassDirective, KcSanitizePipe, PasswordWrapperComponent, NgClass],
     providers: [
         {
             provide: ComponentReference,

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
+import { type AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, signal, 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';

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

@@ -1,9 +1,9 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, type Type, viewChild } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
+import { type UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 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';

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

@@ -5,18 +5,18 @@ import {
     forwardRef,
     inject,
     input,
-    OnDestroy,
-    OnInit,
+    type OnDestroy,
+    type OnInit,
     signal,
     type TemplateRef,
-    Type,
+    type Type,
     viewChild
 } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
+import { type UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 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';

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

@@ -1,4 +1,13 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
+import {
+    type AfterViewInit,
+    ChangeDetectionStrategy,
+    Component,
+    type ElementRef,
+    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 type { I18n } from '@keycloakify/angular/login/i18n';

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

@@ -1,9 +1,9 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, type TemplateRef, type Type, viewChild } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
-import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
+import { type UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
 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';

package/src/login/services/user-profile-form/user-profile-form.service.ts

@@ -1,6 +1,6 @@
-import { inject, Injectable, OnDestroy } from '@angular/core';
+import { inject, Injectable, type OnDestroy } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { DomSanitizer, type SafeHtml } from '@angular/platform-browser';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -11,7 +11,7 @@ import type {
     Validators
 } from 'keycloakify/login/KcContext';
 import * as reactlessApi from 'keycloakify/login/lib/getUserProfileApi';
-import { BehaviorSubject, map, Observable } from 'rxjs';
+import { BehaviorSubject, map, type Observable } from 'rxjs';
 import { assert, type Equals } from 'tsafe/assert';
 
 export { getButtonToDisplayForMultivaluedAttributeField } from 'keycloakify/login/lib/getUserProfileApi';

package/src/login/template/template.component.ts

@@ -5,7 +5,7 @@ import {
     Component,
     computed,
     effect,
-    EffectRef,
+    type EffectRef,
     forwardRef,
     inject,
     input,
@@ -22,7 +22,7 @@ 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 { KcContext } from '@keycloakify/angular/login/KcContext';
+import { type KcContext } from '@keycloakify/angular/login/KcContext';
 import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/{login/tokens/classes/index.d.ts → types/keycloakify-angular-login-tokens-classes.d.ts}

@@ -122,6 +122,7 @@ declare const LOGIN_CLASSES: InjectionToken<{
     kcFormHeaderClass?: string | undefined;
     kcFormSocialAccountGridItem?: string | undefined;
     kcButtonPrimaryClass?: string | undefined;
+    kcButtonSecondaryClass?: string | undefined;
     kcInputHelperTextBeforeClass?: string | undefined;
     "kcLogoIdP-github"?: string | undefined;
     kcLabelClass?: string | undefined;

package/{account/DefaultPage/index.d.ts → types/keycloakify-angular-account-DefaultPage.d.ts}

@@ -1,6 +1,6 @@
 import { Type } from '@angular/core';
-import { ClassKey } from 'keycloakify/account';
 import { KcContext } from '@keycloakify/angular/account/KcContext';
+import { ClassKey } from 'keycloakify/account';
 
 declare const DefaultPage: (pageId: KcContext["pageId"], doUseDefaultCss?: boolean, classes?: { [key in ClassKey]?: string; }) => Promise<{
     ComponentBootstrap: Type<unknown>;