@keycloakify/angular 0.0.1-rc.11 → 0.0.1-rc.13

package/login/tokens/classes.token.d.ts

@@ -1,127 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export declare const LOGIN_CLASSES: InjectionToken<{
-    kcHtmlClass?: string | undefined;
-    kcBodyClass?: string | undefined;
-    kcButtonClass?: string | undefined;
-    kcButtonPrimaryClass?: string | undefined;
-    kcButtonLargeClass?: string | undefined;
-    kcButtonDefaultClass?: string | undefined;
-    kcContentWrapperClass?: string | undefined;
-    kcFormClass?: string | undefined;
-    kcFormGroupClass?: string | undefined;
-    kcInputWrapperClass?: string | undefined;
-    kcLabelClass?: string | undefined;
-    kcInputClass?: string | undefined;
-    kcInputErrorMessageClass?: string | undefined;
-    kcHeaderWrapperClass?: string | undefined;
-    kcLocaleWrapperClass?: string | undefined;
-    kcInfoAreaWrapperClass?: string | undefined;
-    kcFormButtonsWrapperClass?: string | undefined;
-    kcFormOptionsWrapperClass?: string | undefined;
-    kcCheckboxInputClass?: string | undefined;
-    kcLocaleDropDownClass?: string | undefined;
-    kcLocaleListItemClass?: string | undefined;
-    "kcLogoIdP-facebook"?: string | undefined;
-    kcAuthenticatorOTPClass?: string | undefined;
-    "kcLogoIdP-bitbucket"?: string | undefined;
-    kcAuthenticatorWebAuthnClass?: string | undefined;
-    kcWebAuthnDefaultIcon?: string | undefined;
-    "kcLogoIdP-stackoverflow"?: string | undefined;
-    kcSelectAuthListItemClass?: string | undefined;
-    "kcLogoIdP-microsoft"?: string | undefined;
-    kcLoginOTPListItemHeaderClass?: string | undefined;
-    kcLocaleItemClass?: string | undefined;
-    kcLoginOTPListItemIconBodyClass?: string | undefined;
-    kcInputHelperTextAfterClass?: string | undefined;
-    kcSelectAuthListClass?: string | undefined;
-    kcInputClassRadioCheckboxLabelDisabled?: string | undefined;
-    kcSelectAuthListItemIconClass?: string | undefined;
-    kcRecoveryCodesWarning?: string | undefined;
-    kcFormSettingClass?: string | undefined;
-    kcWebAuthnBLE?: string | undefined;
-    kcSelectAuthListItemArrowIconClass?: string | undefined;
-    kcFeedbackAreaClass?: string | undefined;
-    kcFormPasswordVisibilityButtonClass?: string | undefined;
-    "kcLogoIdP-google"?: string | undefined;
-    kcCheckLabelClass?: string | undefined;
-    kcSelectAuthListItemFillClass?: string | undefined;
-    kcAuthenticatorDefaultClass?: string | undefined;
-    "kcLogoIdP-gitlab"?: string | undefined;
-    kcFormAreaClass?: string | undefined;
-    kcFormButtonsClass?: string | undefined;
-    kcInputClassRadioLabel?: string | undefined;
-    kcAuthenticatorWebAuthnPasswordlessClass?: string | undefined;
-    kcSelectAuthListItemHeadingClass?: string | undefined;
-    kcInfoAreaClass?: string | undefined;
-    kcLogoLink?: string | undefined;
-    kcContainerClass?: string | undefined;
-    kcSelectAuthListItemTitle?: string | undefined;
-    kcLoginOTPListItemTitleClass?: string | undefined;
-    "kcLogoIdP-openshift-v4"?: string | undefined;
-    kcWebAuthnUnknownIcon?: string | undefined;
-    kcFormSocialAccountNameClass?: string | undefined;
-    "kcLogoIdP-openshift-v3"?: string | undefined;
-    kcLoginOTPListInputClass?: string | undefined;
-    kcWebAuthnUSB?: string | undefined;
-    kcInputClassRadio?: string | undefined;
-    kcWebAuthnKeyIcon?: string | undefined;
-    kcFeedbackInfoIcon?: string | undefined;
-    kcCommonLogoIdP?: string | undefined;
-    kcRecoveryCodesActions?: string | undefined;
-    kcFormGroupHeader?: string | undefined;
-    kcFormSocialAccountSectionClass?: string | undefined;
-    "kcLogoIdP-instagram"?: string | undefined;
-    kcAlertClass?: string | undefined;
-    kcHeaderClass?: string | undefined;
-    kcLabelWrapperClass?: string | undefined;
-    kcFormPasswordVisibilityIconShow?: string | undefined;
-    kcFormSocialAccountLinkClass?: string | undefined;
-    kcLocaleMainClass?: string | undefined;
-    kcInputGroup?: string | undefined;
-    kcTextareaClass?: string | undefined;
-    kcButtonBlockClass?: string | undefined;
-    kcWebAuthnNFC?: string | undefined;
-    kcLocaleClass?: string | undefined;
-    kcInputClassCheckboxInput?: string | undefined;
-    kcFeedbackErrorIcon?: string | undefined;
-    kcInputLargeClass?: string | undefined;
-    kcRecoveryCodesList?: string | undefined;
-    kcFormSocialAccountListClass?: string | undefined;
-    kcAlertTitleClass?: string | undefined;
-    kcAuthenticatorPasswordClass?: string | undefined;
-    kcCheckInputClass?: string | undefined;
-    "kcLogoIdP-linkedin"?: string | undefined;
-    "kcLogoIdP-twitter"?: string | undefined;
-    kcFeedbackWarningIcon?: string | undefined;
-    kcResetFlowIcon?: string | undefined;
-    kcSelectAuthListItemIconPropertyClass?: string | undefined;
-    kcFeedbackSuccessIcon?: string | undefined;
-    kcLoginOTPListClass?: string | undefined;
-    kcSrOnlyClass?: string | undefined;
-    kcFormSocialAccountListGridClass?: string | undefined;
-    kcFormGroupErrorClass?: string | undefined;
-    kcSelectAuthListItemDescriptionClass?: string | undefined;
-    kcSelectAuthListItemBodyClass?: string | undefined;
-    kcWebAuthnInternal?: string | undefined;
-    kcSelectAuthListItemArrowClass?: string | undefined;
-    kcCheckClass?: string | undefined;
-    kcContentClass?: string | undefined;
-    kcLogoClass?: string | undefined;
-    kcLoginOTPListItemIconClass?: string | undefined;
-    kcLoginClass?: string | undefined;
-    kcSignUpClass?: string | undefined;
-    kcFormCardClass?: string | undefined;
-    kcLocaleListClass?: string | undefined;
-    "kcLogoIdP-paypal"?: string | undefined;
-    kcInputClassCheckbox?: string | undefined;
-    kcRecoveryCodesConfirmation?: string | undefined;
-    kcFormPasswordVisibilityIconHide?: string | undefined;
-    kcInputClassRadioInput?: string | undefined;
-    kcFormSocialAccountListButtonClass?: string | undefined;
-    kcInputClassCheckboxLabel?: string | undefined;
-    kcFormOptionsClass?: string | undefined;
-    kcFormHeaderClass?: string | undefined;
-    kcFormSocialAccountGridItem?: string | undefined;
-    kcInputHelperTextBeforeClass?: string | undefined;
-    "kcLogoIdP-github"?: string | undefined;
-}>;

package/login/tokens/classes.token.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const LOGIN_CLASSES = new InjectionToken('login classes');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xhc3Nlcy50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9jbGFzc2VzLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLElBQUksY0FBYyxDQUMzQyxlQUFlLENBQ2xCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHlwZSBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuXG5leHBvcnQgY29uc3QgTE9HSU5fQ0xBU1NFUyA9IG5ldyBJbmplY3Rpb25Ub2tlbjx7IFtrZXkgaW4gQ2xhc3NLZXldPzogc3RyaW5nIH0+KFxuICAgICdsb2dpbiBjbGFzc2VzJ1xuKTtcbiJdfQ==

package/login/tokens/i18n.token.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const LOGIN_I18N = new InjectionToken('login i18n');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9pMThuLnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLElBQUksY0FBYyxDQUFVLFlBQVksQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IExPR0lOX0kxOE4gPSBuZXcgSW5qZWN0aW9uVG9rZW48dW5rbm93bj4oJ2xvZ2luIGkxOG4nKTtcbiJdfQ==

package/login/tokens/kc-context.token.d.ts

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { type KcContext } from '../KcContext';
-export declare const KC_LOGIN_CONTEXT: InjectionToken<KcContext>;

package/login/tokens/kc-context.token.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const KC_LOGIN_CONTEXT = new InjectionToken('keycloak login context');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2MtY29udGV4dC50b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL3Rva2Vucy9rYy1jb250ZXh0LnRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQVksd0JBQXdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0eXBlIEtjQ29udGV4dCB9IGZyb20gJy4uL0tjQ29udGV4dCc7XG5cbmV4cG9ydCBjb25zdCBLQ19MT0dJTl9DT05URVhUID0gbmV3IEluamVjdGlvblRva2VuPEtjQ29udGV4dD4oJ2tleWNsb2FrIGxvZ2luIGNvbnRleHQnKTtcbiJdfQ==

package/login/tokens/make-user-confirm-password.token.js

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-export const DO_MAKE_USER_CONFIRM_PASSWORD = new InjectionToken('doMakeUserConfirmPassword');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZS11c2VyLWNvbmZpcm0tcGFzc3dvcmQudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi90b2tlbnMvbWFrZS11c2VyLWNvbmZpcm0tcGFzc3dvcmQudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSw2QkFBNkIsR0FBRyxJQUFJLGNBQWMsQ0FDM0QsMkJBQTJCLENBQzlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgRE9fTUFLRV9VU0VSX0NPTkZJUk1fUEFTU1dPUkQgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oXG4gICAgJ2RvTWFrZVVzZXJDb25maXJtUGFzc3dvcmQnXG4pO1xuIl19

package/src/account/DefaultPage.ts

@@ -1,51 +0,0 @@
-import { Type } from '@angular/core';
-import { type ClassKey } from 'keycloakify/account';
-import { type KcContext } from './KcContext';
-
-const DefaultPage = async (
-  pageId: KcContext['pageId'],
-  doUseDefaultCss = true,
-  classes: { [key in ClassKey]?: string } = {},
-): Promise<{
-  ComponentBootstrap: Type<unknown>;
-  doMakeUserConfirmPassword: boolean;
-  doUseDefaultCss: boolean;
-  classes: { [key in ClassKey]?: string };
-}> => {
-  let ComponentBootstrapPromise;
-  switch (pageId) {
-    case 'password.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/password/password.component').then((c) => c.PasswordComponent);
-      break;
-    case 'account.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/account/account.component').then((c) => c.AccountComponent);
-      break;
-    case 'sessions.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/sessions/sessions.component').then((c) => c.SessionsComponent);
-      break;
-    case 'totp.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/totp/totp.component').then((c) => c.TotpComponent);
-      break;
-    case 'applications.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/applications/applications.component').then(
-        (c) => c.ApplicationsComponent,
-      );
-      break;
-    case 'log.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/log/log.component').then((c) => c.LogComponent);
-      break;
-    case 'federatedIdentity.ftl':
-      ComponentBootstrapPromise = import('@keycloakify/angular/account/pages/federatedIdentity/federatedIdentity.component').then(
-        (c) => c.FederatedIdentityComponent,
-      );
-      break;
-  }
-  return ComponentBootstrapPromise?.then((ComponentBootstrap) => ({
-    ComponentBootstrap,
-    doMakeUserConfirmPassword: false,
-    doUseDefaultCss,
-    classes,
-  }));
-};
-
-export { DefaultPage };

package/src/account/classes/component-reference.class.ts

@@ -1,6 +0,0 @@
-import { ClassKey } from 'keycloakify/account';
-export abstract class ComponentReference {
-  doUseDefaultCss!: boolean | undefined;
-  classes!: Partial<Record<ClassKey, string>> | undefined;
-  additionalClasses!: Partial<Record<ClassKey, string>>;
-}

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

@@ -1,71 +0,0 @@
-import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, OnInit, Renderer2 } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference.class';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class.directive';
-import { AccountResourceInjectorService } from '@keycloakify/angular/account/services/resource-injector.service';
-import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes.token';
-import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n.token';
-import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context.token';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize.pipe';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';
-import { Observable } from 'rxjs';
-import { I18n } from '../i18n';
-import { type KcContext } from '../KcContext';
-
-@Component({
-    selector: 'kc-account-template',
-    templateUrl: './template.component.html',
-    standalone: true,
-    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => TemplateComponent)
-        }
-    ]
-})
-export class TemplateComponent extends ComponentReference implements OnInit {
-    i18n = inject<I18n>(ACCOUNT_I18N);
-    renderer = inject(Renderer2);
-    meta = inject(Meta);
-    title = inject(Title);
-    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);
-    accountResourceInjectorService = inject(AccountResourceInjectorService);
-
-    active = input<'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined>(undefined);
-
-    isReadyToRender$: Observable<boolean>;
-
-    constructor() {
-        super();
-        this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));
-        this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);
-    }
-
-    ngOnInit() {
-        this.applyKcIndexClasses();
-    }
-
-    private applyKcIndexClasses() {
-        const kcClsx = getKcClsx({
-            doUseDefaultCss: this.doUseDefaultCss,
-            classes: this.classes
-        }).kcClsx;
-        const kcBodyClass = kcClsx('kcBodyClass');
-        const kcHtmlClass = kcClsx('kcHtmlClass');
-        const kcBodyClasses = kcBodyClass.split(/\s+/);
-        const kcHtmlClasses = kcHtmlClass.split(/\s+/);
-        kcBodyClasses.push('admin-console', 'user');
-        kcBodyClasses.forEach(klass => {
-            this.renderer.addClass(document.body, klass);
-        });
-        kcHtmlClasses.forEach(klass => {
-            this.renderer.addClass(document.documentElement, klass);
-        });
-    }
-}

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

@@ -1,150 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/consistent-indexed-object-style */
-import {
-  Directive,
-  DoCheck,
-  ElementRef,
-  inject,
-  Input,
-  isDevMode,
-  Renderer2,
-  ɵstringify as stringify,
-} from '@angular/core';
-import { ClassKey } from 'keycloakify/account';
-import { getKcClsx } from 'keycloakify/account/lib/kcClsx';
-import { ComponentReference } from '../classes/component-reference.class';
-
-interface CssClassState {
-  // PERF: could use a bit mask to represent state as all fields are boolean flags
-  enabled: boolean;
-  changed: boolean;
-  touched: boolean;
-}
-
-type KcClassSupportedTypes = ClassKey[] | Set<ClassKey> | Partial<{ [key in ClassKey]: any }> | null | undefined;
-
-type NgClassSupportedTypes = string[] | Set<string> | { [key: string]: any } | null | undefined;
-
-@Directive({ selector: '[kcClass]', standalone: true })
-export class KcClassDirective implements DoCheck {
-  private initialClasses: string[] = [];
-  private rawClass: NgClassSupportedTypes;
-  private rawKcClass: KcClassSupportedTypes;
-
-  private stateMap = new Map<string | ClassKey, CssClassState>();
-  readonly #renderer = inject(Renderer2);
-  readonly #el = inject(ElementRef);
-  readonly #host = inject(ComponentReference);
-  // eslint-disable-next-line @angular-eslint/no-input-rename
-  @Input('class')
-  set klass(value: string) {
-    this.initialClasses = value != null ? value.trim().split(/\s+/) : [];
-  }
-
-  // eslint-disable-next-line @angular-eslint/no-input-rename
-  @Input('ngClass')
-  set ngClass(value: string | NgClassSupportedTypes) {
-    this.rawClass = typeof value === 'string' ? value.trim().split(/\s+/) : value;
-  }
-
-  // eslint-disable-next-line @angular-eslint/no-input-rename
-  @Input('kcClass')
-  set kcClass(value: ClassKey | KcClassSupportedTypes) {
-    this.rawKcClass = typeof value === 'string' ? (value.trim().split(/\s+/) as ClassKey[]) : value;
-  }
-
-  ngDoCheck(): void {
-    for (const klass of this.initialClasses) {
-      this._updateState(klass, true);
-    }
-    // classes from the [ngClass] binding
-    const rawClass = this.rawClass;
-    if (Array.isArray(rawClass) || rawClass instanceof Set) {
-      for (const klass of rawClass) {
-        this._updateState(klass, true);
-      }
-    } else if (rawClass != null) {
-      for (const klass of Object.keys(rawClass)) {
-        this._updateState(klass, Boolean(rawClass[klass]));
-      }
-    }
-
-    // classes from the [kcClass] binding
-    const rawKcClass = this.rawKcClass;
-    if (Array.isArray(rawKcClass) || rawKcClass instanceof Set) {
-      for (const klass of rawKcClass) {
-        this._updateState(klass, true, true);
-      }
-    } else if (rawKcClass != null) {
-      for (const klass of Object.keys(rawKcClass)) {
-        this._updateState(klass, Boolean(rawKcClass[klass as ClassKey]), true);
-      }
-    }
-
-    this._applyStateDiff();
-  }
-
-  private _updateState(klass: string | ClassKey, nextEnabled: boolean, kcClsxCheck = false) {
-    const state = this.stateMap.get(klass);
-    if (state !== undefined) {
-      if (state.enabled !== nextEnabled) {
-        state.changed = true;
-        state.enabled = nextEnabled;
-      }
-      state.touched = true;
-    } else {
-      let klassChecked = klass;
-      if (kcClsxCheck) {
-        const doUseDefaultCss = this.#host.doUseDefaultCss ?? true;
-        const classes = { ...(this.#host.classes ?? {}), ...(this.#host.additionalClasses ?? {}) };
-        const kcClsx = getKcClsx({ doUseDefaultCss, classes }).kcClsx;
-        klassChecked = kcClsx(klass as ClassKey);
-      }
-      this.stateMap.set(klassChecked, {
-        enabled: nextEnabled,
-        changed: true,
-        touched: true,
-      });
-    }
-  }
-
-  private _applyStateDiff() {
-    for (const stateEntry of this.stateMap) {
-      const klass = stateEntry[0];
-      const state = stateEntry[1];
-
-      if (state.changed) {
-        this._toggleClass(klass, state.enabled);
-        state.changed = false;
-      } else if (!state.touched) {
-        // A class that was previously active got removed from the new collection of classes -
-        // remove from the DOM as well.
-        if (state.enabled) {
-          this._toggleClass(klass, false);
-        }
-        this.stateMap.delete(klass);
-      }
-
-      state.touched = false;
-    }
-  }
-
-  private _toggleClass(klass: string, enabled: boolean): void {
-    if (isDevMode()) {
-      if (typeof klass !== 'string') {
-        throw new Error(`NgClass can only toggle CSS classes expressed as strings, got ${stringify(klass)}`);
-      }
-    }
-
-    klass = klass.trim();
-    if (klass.length > 0) {
-      klass.split(/\s+/).forEach((klass) => {
-        if (enabled) {
-          this.#renderer.addClass(this.#el.nativeElement, klass);
-        } else {
-          this.#renderer.removeClass(this.#el.nativeElement, klass);
-        }
-      });
-    }
-  }
-}

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

@@ -1,34 +0,0 @@
-import { NgClass } from '@angular/common';
-import { Component, forwardRef, inject } from '@angular/core';
-import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/account/containers/template.component';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class.directive';
-import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes.token';
-import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n.token';
-import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context.token';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { type ClassKey } from 'keycloakify/account';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [KcClassDirective, TemplateComponent, NgClass],
-    selector: 'kc-root',
-    templateUrl: 'account.component.html',
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => AccountComponent)
-        }
-    ]
-})
-export class AccountComponent extends ComponentReference {
-    i18n = inject<I18n>(ACCOUNT_I18N);
-    kcContext = inject<Extract<KcContext, { pageId: 'account.ftl' }>>(KC_ACCOUNT_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);
-    override additionalClasses: Partial<Record<ClassKey, string>> = {
-        kcBodyClass: `${this.classes?.kcBodyClass} user`
-    };
-}

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

@@ -1,32 +0,0 @@
-import { KeyValuePipe, NgClass } from '@angular/common';
-import { Component, forwardRef, inject } from '@angular/core';
-import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/account/containers/template.component';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class.directive';
-import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes.token';
-import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n.token';
-import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context.token';
-import { IsArrayWithEmptyObjectPipe } from '@keycloakify/angular/lib/pipes/is-array-with-empty-object.pipe';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { type ClassKey } from 'keycloakify/account';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [KcClassDirective, TemplateComponent, NgClass, KeyValuePipe, IsArrayWithEmptyObjectPipe],
-    selector: 'kc-root',
-    templateUrl: 'applications.component.html',
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => ApplicationsComponent)
-        }
-    ]
-})
-export class ApplicationsComponent extends ComponentReference {
-    i18n = inject<I18n>(ACCOUNT_I18N);
-    kcContext = inject<Extract<KcContext, { pageId: 'applications.ftl' }>>(KC_ACCOUNT_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);
-}

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

@@ -1,31 +0,0 @@
-import { NgClass } from '@angular/common';
-import { Component, forwardRef, inject } from '@angular/core';
-import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/account/containers/template.component';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class.directive';
-import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes.token';
-import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n.token';
-import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context.token';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { type ClassKey } from 'keycloakify/account';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [KcClassDirective, TemplateComponent, NgClass],
-    selector: 'kc-root',
-    templateUrl: 'federatedIdentity.component.html',
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => FederatedIdentityComponent)
-        }
-    ]
-})
-export class FederatedIdentityComponent extends ComponentReference {
-    i18n = inject<I18n>(ACCOUNT_I18N);
-    kcContext = inject<Extract<KcContext, { pageId: 'federatedIdentity.ftl' }>>(KC_ACCOUNT_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);
-}

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

@@ -1,31 +0,0 @@
-import { DatePipe, NgClass } from '@angular/common';
-import { Component, forwardRef, inject } from '@angular/core';
-import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/account/containers/template.component';
-import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class.directive';
-import { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes.token';
-import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n.token';
-import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context.token';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { type ClassKey } from 'keycloakify/account';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [KcClassDirective, TemplateComponent, NgClass, DatePipe],
-    selector: 'kc-root',
-    templateUrl: 'log.component.html',
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => LogComponent)
-        }
-    ]
-})
-export class LogComponent extends ComponentReference {
-    i18n = inject<I18n>(ACCOUNT_I18N);
-    kcContext = inject<Extract<KcContext, { pageId: 'log.ftl' }>>(KC_ACCOUNT_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);
-}