@keycloakify/angular 0.0.1-rc.18 → 0.0.1-rc.19

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginResetPasswordComponent extends ComponentReference {
     kcContext: KcContext.LoginResetPassword;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginResetPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginResetPasswordComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginResetPasswordComponent, "kc-login-reset-password", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginUpdatePasswordComponent extends ComponentReference {
     kcContext: KcContext.LoginUpdatePassword;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginUpdatePasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdatePasswordComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdatePasswordComponent, "kc-login-update-password", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,9 +1,9 @@
-import { Type } from '@angular/core';
+import { TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginUpdateProfileComponent extends ComponentReference {
     #private;
@@ -11,14 +11,17 @@ export declare class LoginUpdateProfileComponent extends ComponentReference {
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
     userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginUpdateProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdateProfileComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUpdateProfileComponent, "kc-login-update-profile", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,19 +1,23 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginUsernameComponent extends ComponentReference {
     kcContext: KcContext.LoginUsername;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    isLoginButtonDisabled: import("@angular/core").WritableSignal<boolean>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    isLoginButtonDisabled: import("@angular/core").WritableSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginUsernameComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUsernameComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginUsernameComponent, "kc-login-username", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginVerifyEmailComponent extends ComponentReference {
     kcContext: KcContext.LoginVerifyEmail;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginVerifyEmailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginVerifyEmailComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginVerifyEmailComponent, "kc-login-verify-email", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class LoginX509InfoComponent extends ComponentReference {
     kcContext: KcContext.LoginX509Info;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginX509InfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginX509InfoComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginX509InfoComponent, "kc-login-x509-info", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,19 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import * as i0 from "@angular/core";
 export declare class LogoutConfirmComponent extends ComponentReference {
     kcContext: KcContext.LogoutConfirm;
     i18n: I18n;
-    doUseDefaultCss: boolean;
-    classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LogoutConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LogoutConfirmComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoutConfirmComponent, "kc-logout-confirm", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,26 +1,29 @@
-import { Type } from '@angular/core';
+import { TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class RegisterComponent extends ComponentReference {
     #private;
     kcContext: KcContext.Register;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
-    areTermsAccepted: import("@angular/core").WritableSignal<boolean>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+    areTermsAccepted: import("@angular/core").WritableSignal<boolean>;
     userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
     constructor();
     onCallback(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RegisterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RegisterComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RegisterComponent, "kc-register", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,21 +1,24 @@
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class SamlPostFormComponent extends ComponentReference implements AfterViewInit {
     kcContext: KcContext.SamlPostForm;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
-    htmlFormElement: HTMLFormElement;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    htmlFormElement: import("@angular/core").Signal<HTMLFormElement | undefined>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SamlPostFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SamlPostFormComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SamlPostFormComponent, "kc-saml-post-form", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class SelectAuthenticatorComponent extends ComponentReference {
     kcContext: KcContext.SelectAuthenticator;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectAuthenticatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectAuthenticatorComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectAuthenticatorComponent, "kc-select-authenticator", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,18 +1,22 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class TermsComponent extends ComponentReference {
     kcContext: KcContext.Terms;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TermsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TermsComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TermsComponent, "kc-terms", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,6 @@
-import { Type } from '@angular/core';
+import { TemplateRef, Type } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { UserProfileFormFieldsComponent } from '@keycloakify/angular/login/components/user-profile-form-fields';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { I18n } from '@keycloakify/angular/login/i18n';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import * as i0 from "@angular/core";
@@ -9,16 +8,17 @@ export declare class UpdateEmailComponent extends ComponentReference {
     #private;
     kcContext: KcContext.UpdateEmail;
     i18n: I18n;
-    doUseDefaultCss: boolean;
-    classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
-    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     userProfileFormFields: import("@angular/core").InputSignal<Type<UserProfileFormFieldsComponent> | undefined>;
+    isFormSubmittable: import("@angular/core").WritableSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdateEmailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UpdateEmailComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpdateEmailComponent, "kc-update-email", never, { "userProfileFormFields": { "alias": "userProfileFormFields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,8 +1,9 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
 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 { type ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class WebauthnAuthenticateComponent extends ComponentReference {
     kcContext: KcContext.WebauthnAuthenticate;
@@ -10,14 +11,17 @@ export declare class WebauthnAuthenticateComponent extends ComponentReference {
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     authButtonId: string;
     constructor();
     selectAuthListItemIconClass(iconClass: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<WebauthnAuthenticateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnAuthenticateComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnAuthenticateComponent, "kc-webauthn-authenticate", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,19 +1,23 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import type { I18n } from '@keycloakify/angular/login/i18n';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import type { KcContext } from '@keycloakify/angular/login/KcContext';
+import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class WebauthnErrorComponent extends ComponentReference {
     kcContext: KcContext.WebauthnError;
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WebauthnErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnErrorComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnErrorComponent, "kc-webauthn-error", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,8 +1,9 @@
+import { TemplateRef } from '@angular/core';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
-import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
-import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 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 type { ClassKey } from 'keycloakify/login/lib/kcClsx';
 import * as i0 from "@angular/core";
 export declare class WebauthnRegisterComponent extends ComponentReference {
     kcContext: KcContext.WebauthnRegister;
@@ -10,13 +11,16 @@ export declare class WebauthnRegisterComponent extends ComponentReference {
     i18n: I18n;
     doUseDefaultCss: boolean;
     classes: Partial<Record<ClassKey, string>>;
-    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
-    documentTitle: import("@angular/core").InputSignal<string | undefined>;
-    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    documentTitle: string | undefined;
+    bodyClassName: string | undefined;
+    displayRequiredFields: boolean;
     displayInfo: boolean;
     displayMessage: boolean;
+    headerNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    infoNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
+    socialProvidersNode?: import("@angular/core").Signal<TemplateRef<HTMLElement> | undefined> | undefined;
     authButtonId: string;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<WebauthnRegisterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnRegisterComponent, "kc-root", never, { "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebauthnRegisterComponent, "kc-webauthn-register", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloakify/angular",
-  "version": "0.0.1-rc.18",
+  "version": "0.0.1-rc.19",
   "peerDependencies": {
     "keycloakify": "^11.2.4",
     "@angular/core": "^18.0.0",
@@ -303,6 +303,12 @@
       "esm": "./esm2022/login/directives/kc-class/keycloakify-angular-login-directives-kc-class.mjs",
       "default": "./fesm2022/keycloakify-angular-login-directives-kc-class.mjs"
     },
+    "./login/providers/keycloakify-angular": {
+      "types": "./login/providers/keycloakify-angular/index.d.ts",
+      "esm2022": "./esm2022/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.mjs",
+      "esm": "./esm2022/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.mjs",
+      "default": "./fesm2022/keycloakify-angular-login-providers-keycloakify-angular.mjs"
+    },
     "./login/pages/code": {
       "types": "./login/pages/code/index.d.ts",
       "esm2022": "./esm2022/login/pages/code/keycloakify-angular-login-pages-code.mjs",
@@ -519,12 +525,6 @@
       "esm": "./esm2022/login/pages/webauthn-register/keycloakify-angular-login-pages-webauthn-register.mjs",
       "default": "./fesm2022/keycloakify-angular-login-pages-webauthn-register.mjs"
     },
-    "./login/providers/keycloakify-angular": {
-      "types": "./login/providers/keycloakify-angular/index.d.ts",
-      "esm2022": "./esm2022/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.mjs",
-      "esm": "./esm2022/login/providers/keycloakify-angular/keycloakify-angular-login-providers-keycloakify-angular.mjs",
-      "default": "./fesm2022/keycloakify-angular-login-providers-keycloakify-angular.mjs"
-    },
     "./login/services/i18n": {
       "types": "./login/services/i18n/index.d.ts",
       "esm2022": "./esm2022/login/services/i18n/keycloakify-angular-login-services-i18n.mjs",
@@ -574,7 +574,7 @@
       "default": "./fesm2022/keycloakify-angular-login-tokens-make-user-confirm-password.mjs"
     }
   },
-  "description": "Angular components for Keycloakify",
+  "description": "Angular Components for Keycloakify!",
   "keywords": [
     "keycloak",
     "angular",

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

@@ -5,7 +5,6 @@
 @let realm = kcContext.realm;
 @let message = kcContext.message;
 @let referrer = kcContext.referrer;
-@let activeLink = active();
 @let isReadyToRender = isReadyToRender$ | async;
 
 @if (isReadyToRender) {
@@ -67,35 +66,35 @@
     <div class="container">
         <div class="bs-sidebar col-sm-3">
             <ul>
-                <li [ngClass]="{ active: activeLink === 'account' }">
+                <li [ngClass]="{ active: active === 'account' }">
                     <a [href]="url.accountUrl">{{ i18n.msgStr('account') }}</a>
                 </li>
                 @if (features.passwordUpdateSupported) {
-                    <li [ngClass]="{ active: activeLink === 'password' }">
+                    <li [ngClass]="{ active: active === 'password' }">
                         <a [href]="url.passwordUrl">{{ i18n.msgStr('password') }}</a>
                     </li>
                 }
-                <li [ngClass]="{ active: activeLink === 'totp' }">
+                <li [ngClass]="{ active: active === 'totp' }">
                     <a [href]="url.totpUrl">{{ i18n.msgStr('authenticator') }}</a>
                 </li>
                 @if (features.identityFederation) {
-                    <li [ngClass]="{ active: activeLink === 'social' }">
+                    <li [ngClass]="{ active: active === 'social' }">
                         <a [href]="url.socialUrl">{{ i18n.msgStr('federatedIdentity') }}</a>
                     </li>
                 }
-                <li [ngClass]="{ active: activeLink === 'sessions' }">
+                <li [ngClass]="{ active: active === 'sessions' }">
                     <a [href]="url.sessionsUrl">{{ i18n.msgStr('sessions') }}</a>
                 </li>
-                <li [ngClass]="{ active: activeLink === 'applications' }">
+                <li [ngClass]="{ active: active === 'applications' }">
                     <a [href]="url.applicationsUrl">{{ i18n.msgStr('applications') }}</a>
                 </li>
                 @if (features.log) {
-                    <li [ngClass]="{ active: activeLink === 'log' }">
+                    <li [ngClass]="{ active: active === 'log' }">
                         <a [href]="url.logUrl">{{ i18n.msgStr('log') }}</a>
                     </li>
                 }
                 @if (realm.userManagedAccessAllowed && features.authorization) {
-                    <li [ngClass]="{ active: activeLink === 'authorization' }">
+                    <li [ngClass]="{ active: active === 'authorization' }">
                         <a [href]="url.resourceUrl">{{ i18n.msgStr('myResources') }}</a>
                     </li>
                 }
@@ -119,7 +118,13 @@
                     ></span>
                 </div>
             }
-            <ng-content select="[content]" />
+            @let pageRef = page();
+            @if (!!pageRef) {
+                <kc-dynamic-page-injector
+                    [page]="pageRef"
+                    (componentCreated)="onComponentCreated($event)"
+                />
+            }
         </div>
     </div>
 }