@keycloakify/angular 0.0.1-rc.20 → 0.0.1-rc.22

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

@@ -0,0 +1 @@
+export * from './login-recovery-authn-code-input.component';

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

@@ -1,11 +1,10 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, 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';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -13,7 +12,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, KcSanitizePipe],
+    imports: [KcClassDirective, KcSanitizePipe],
     selector: 'kc-login-recovery-authn-code-input',
     templateUrl: 'login-recovery-authn-code-input.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './login-reset-otp.component';

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

@@ -1,10 +1,9 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -12,7 +11,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [KcClassDirective, TemplateComponent],
+    imports: [KcClassDirective],
     selector: 'kc-login-reset-otp',
     templateUrl: 'login-reset-otp.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './login-reset-password.component';

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

@@ -1,11 +1,10 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, 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';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -13,7 +12,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, KcSanitizePipe],
+    imports: [KcClassDirective, KcSanitizePipe],
     selector: 'kc-login-reset-password',
     templateUrl: 'login-reset-password.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './login-update-password.component';

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

@@ -1,13 +1,12 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, 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';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
 import { PasswordWrapperComponent } from '@keycloakify/angular/login/components/password-wrapper';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -15,7 +14,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective, PasswordWrapperComponent, KcSanitizePipe, LogoutOtherSessionsComponent],
     selector: 'kc-login-update-password',
     templateUrl: 'login-update-password.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './login-update-profile.component';

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

@@ -10,7 +10,7 @@
     [kcClass]="'kcFormClass'"
     [action]="url.loginAction"
 >
-    <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
+    <kc-user-profile-form-fields />
     <div [kcClass]="'kcFormGroupClass'">
         <div
             id="kc-form-options"

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

@@ -1,13 +1,12 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
 import { takeUntilDestroyed } 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
@@ -16,7 +15,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet],
+    imports: [KcClassDirective, NgComponentOutlet, UserProfileFormFieldsComponent],
     selector: 'kc-login-update-profile',
     templateUrl: 'login-update-profile.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -47,7 +46,6 @@ export class LoginUpdateProfileComponent extends ComponentReference {
     socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');
 
     isFormSubmittable = signal(false);
-    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();
 
     constructor() {
         super();

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

@@ -0,0 +1 @@
+export * from './login-username.component';

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

@@ -1,12 +1,11 @@
 import { AsyncPipe, NgClass } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, TemplateRef, viewChild } from '@angular/core';
+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';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -17,7 +16,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
     templateUrl: './login-username.component.html',
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent],
+    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass],
     providers: [
         {
             provide: ComponentReference,

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

@@ -0,0 +1 @@
+export * from './login-verify-email.component';

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

@@ -1,10 +1,9 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -12,7 +11,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [KcClassDirective, TemplateComponent],
+    imports: [KcClassDirective],
     selector: 'kc-login-verify-email',
     templateUrl: 'login-verify-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './login-x509-info.component';

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

@@ -1,10 +1,9 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -12,7 +11,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective],
+    imports: [KcClassDirective],
     selector: 'kc-login-x509-info',
     templateUrl: 'login-x509-info.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './logout-confirm.component';

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

@@ -1,15 +1,14 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective],
+    imports: [KcClassDirective],
     selector: 'kc-logout-confirm',
     templateUrl: 'logout-confirm.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './register.component';

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

@@ -16,7 +16,7 @@
     [kcClass]="'kcFormClass'"
     [action]="url.registrationAction"
 >
-    <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
+    <kc-user-profile-form-fields />
     @if (termsAcceptanceRequired) {
         <div className="form-group">
             <div [kcClass]="'kcInputWrapperClass'">

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

@@ -1,14 +1,13 @@
 import { AsyncPipe, NgClass, NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
 import { takeUntilDestroyed } 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
@@ -20,7 +19,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
     templateUrl: './register.component.html',
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, TemplateComponent, NgComponentOutlet],
+    imports: [KcClassDirective, AsyncPipe, KcSanitizePipe, NgClass, NgComponentOutlet, UserProfileFormFieldsComponent],
     providers: [
         {
             provide: ComponentReference,
@@ -49,7 +48,6 @@ export class RegisterComponent extends ComponentReference {
 
     isFormSubmittable = signal(false);
     areTermsAccepted = signal(false);
-    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();
 
     constructor() {
         super();

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

@@ -0,0 +1 @@
+export * from './saml-post-form.component';

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

@@ -1,9 +1,8 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { AfterViewInit, 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -11,7 +10,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent],
+    imports: [],
     selector: 'kc-saml-post-form',
     templateUrl: 'saml-post-form.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './select-authenticator.component';

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

@@ -1,11 +1,10 @@
 import { NgClass } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -13,7 +12,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, NgClass],
+    imports: [KcClassDirective, NgClass],
     selector: 'kc-select-authenticator',
     templateUrl: 'select-authenticator.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './terms.component';

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

@@ -1,10 +1,9 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -12,7 +11,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective],
+    imports: [KcClassDirective],
     selector: 'kc-terms',
     templateUrl: 'terms.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './update-email.component';

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

@@ -10,7 +10,7 @@
     [kcClass]="'kcFormClass'"
     [action]="url.loginAction"
 >
-    <ng-container [ngComponentOutlet]="userProfileFormFields() ?? null" />
+    <kc-user-profile-form-fields />
     <div [kcClass]="'kcFormGroupClass'">
         <div
             id="kc-form-options"

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

@@ -1,20 +1,19 @@
 import { NgComponentOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, signal, TemplateRef, Type, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, signal, type TemplateRef, viewChild } from '@angular/core';
 import { takeUntilDestroyed } 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective, NgComponentOutlet, LogoutOtherSessionsComponent, UserProfileFormFieldsComponent],
     selector: 'kc-update-email',
     templateUrl: 'update-email.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -41,7 +40,6 @@ export class UpdateEmailComponent extends ComponentReference {
     infoNode? = viewChild<TemplateRef<HTMLElement>>('infoNode');
     socialProvidersNode? = viewChild<TemplateRef<HTMLElement>>('socialProvidersNode');
 
-    userProfileFormFields = input<Type<UserProfileFormFieldsComponent>>();
     isFormSubmittable = signal(false);
 
     constructor() {

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

@@ -0,0 +1 @@
+export * from './webauthn-authenticate.component';

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

@@ -1,12 +1,11 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+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';
@@ -15,7 +14,7 @@ import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-webauthn-authenticate',
     templateUrl: 'webauthn-authenticate.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './webauthn-error.component';

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

@@ -1,11 +1,10 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+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';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
@@ -13,7 +12,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-webauthn-error',
     templateUrl: 'webauthn-error.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './webauthn-register.component';

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

@@ -1,12 +1,11 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, TemplateRef, viewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, type TemplateRef, viewChild } from '@angular/core';
 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 { TemplateComponent } from '@keycloakify/angular/login/containers/template';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+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';
@@ -15,7 +14,7 @@ import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 
 @Component({
     standalone: true,
-    imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent],
+    imports: [KcClassDirective, LogoutOtherSessionsComponent],
     selector: 'kc-webauthn-register',
     templateUrl: 'webauthn-register.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -0,0 +1 @@
+export * from './keycloakify-angular.providers';

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

@@ -1,7 +1,7 @@
 import { DOCUMENT } from '@angular/common';
 import { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
-import type { KcContext } from '../../KcContext';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { I18nService } from '@keycloakify/angular/login/services/i18n';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
@@ -20,7 +20,7 @@ export type KeycloakifyAngularLoginConfig = {
     };
 };
 
-export const provideKeycloakifyAngularLogin = (config: KeycloakifyAngularLoginConfig) =>
+export const provideKeycloakifyAngular = (config: KeycloakifyAngularLoginConfig) =>
     makeEnvironmentProviders([
         {
             provide: KC_LOGIN_CONTEXT,

package/src/login/services/i18n/index.ts

@@ -0,0 +1 @@
+export * from './i18n.service';

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

@@ -0,0 +1 @@
+export * from './login-resource-injector.service';

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

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

package/src/login/services/submit/index.ts

@@ -0,0 +1 @@
+export * from './submit.service';

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

@@ -0,0 +1 @@
+export * from './user-profile-form.service';

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

@@ -10,8 +10,8 @@ import {
     WritableSignal
 } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import type { KcContext } from '../../KcContext';
-import type { I18n } from '../../i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';

package/src/login/tokens/classes/index.ts

@@ -0,0 +1 @@
+export * from './classes.token';

package/src/login/tokens/i18n/index.ts

@@ -0,0 +1 @@
+export * from './i18n.token';

package/src/login/tokens/kc-context/index.ts

@@ -0,0 +1 @@
+export * from './kc-context.token';