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

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

@@ -1,97 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
-import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number.pipe';
-import { type FormAction, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form.service';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { type Attribute } from 'keycloakify/login/KcContext';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { type I18n } from '../../i18n';
-
-@Component({
-    standalone: true,
-    styles: [
-        `
-            :host {
-                display: contents;
-            }
-        `
-    ],
-    imports: [KcClassDirective, ToNumberPipe],
-    selector: 'kc-select-tag',
-    templateUrl: 'select-tag.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => SelectTagComponent)
-        }
-    ]
-})
-export class SelectTagComponent extends ComponentReference {
-    i18n = inject<I18n>(LOGIN_I18N);
-    attribute = input<Attribute>();
-    valueOrValues = input<string | string[]>();
-    displayableErrors = input<FormFieldError[]>();
-    dispatchFormAction = output<FormAction>();
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-
-    isMultiple = computed(() => {
-        return this.attribute()?.annotations?.inputType === 'multiselect';
-    });
-
-    options = computed(() => {
-        const attribute = this.attribute();
-        if (attribute) {
-            return (() => {
-                walk: {
-                    const { inputOptionsFromValidation } = attribute.annotations;
-
-                    if (inputOptionsFromValidation === undefined) {
-                        break walk;
-                    }
-
-                    const validator = (attribute.validators as Record<string, { options?: string[] }>)[inputOptionsFromValidation];
-
-                    if (validator === undefined) {
-                        break walk;
-                    }
-
-                    if (validator.options === undefined) {
-                        break walk;
-                    }
-
-                    return validator.options;
-                }
-
-                return attribute.validators.options?.options ?? [];
-            })();
-        }
-        return [];
-    });
-
-    onChange(event: Event) {
-        this.dispatchFormAction.emit({
-            action: 'update',
-            name: this.attribute()?.name ?? '',
-            valueOrValues: (() => {
-                if (this.isMultiple()) {
-                    return Array.from((event.target as HTMLSelectElement).selectedOptions).map(option => option.value);
-                }
-
-                return (event.target as HTMLSelectElement).value;
-            })()
-        });
-    }
-
-    onBlur() {
-        this.dispatchFormAction.emit({
-            action: 'focus lost',
-            name: this.attribute()?.name ?? '',
-            fieldIndex: undefined
-        });
-    }
-}

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

@@ -1,54 +0,0 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, output } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
-import { ToNumberPipe } from '@keycloakify/angular/lib/pipes/to-number.pipe';
-import { type FormAction, type FormFieldError } from '@keycloakify/angular/login/services/user-profile-form.service';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { type Attribute } from 'keycloakify/login/KcContext';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-
-@Component({
-    standalone: true,
-    styles: [
-        `
-            :host {
-                display: contents;
-            }
-        `
-    ],
-    imports: [KcClassDirective, ToNumberPipe],
-    selector: 'kc-textarea-tag',
-    templateUrl: 'textarea-tag.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => TextareaTagComponent)
-        }
-    ]
-})
-export class TextareaTagComponent extends ComponentReference {
-    attribute = input<Attribute>();
-    value = input<string>();
-    displayableErrors = input<FormFieldError[]>();
-    dispatchFormAction = output<FormAction>();
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-
-    onChange(event: Event) {
-        this.dispatchFormAction.emit({
-            action: 'update',
-            name: this.attribute()?.name ?? '',
-            valueOrValues: (event.target as HTMLTextAreaElement).value
-        });
-    }
-
-    onBlur() {
-        this.dispatchFormAction.emit({
-            action: 'focus lost',
-            name: this.attribute()?.name ?? '',
-            fieldIndex: undefined
-        });
-    }
-}

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

@@ -1,70 +0,0 @@
-import { NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChild, effect, forwardRef, inject, output, TemplateRef } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors/field-errors.component';
-import { GroupLabelComponent } from '@keycloakify/angular/login/components/group-label/group-label.component';
-import { InputFieldByTypeComponent } from '@keycloakify/angular/login/components/input-field-by-type/input-field-by-type.component';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
-import { type FormAction, UserProfileFormService } from '@keycloakify/angular/login/services/user-profile-form.service';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context.token';
-import { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password.token';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-import { SubmitService } from '@keycloakify/angular/login/services/submit.service';
-
-@Component({
-    standalone: true,
-    styles: [
-        `
-            :host {
-                display: contents;
-            }
-        `
-    ],
-    imports: [KcClassDirective, FieldErrorsComponent, InputFieldByTypeComponent, GroupLabelComponent, NgTemplateOutlet],
-    selector: 'kc-user-profile-form-fields',
-    templateUrl: 'user-profile-form-fields.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        UserProfileFormService,
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => UserProfileFormFieldsComponent)
-        }
-    ]
-})
-export class UserProfileFormFieldsComponent extends ComponentReference {
-    i18n = inject<I18n>(LOGIN_I18N);
-    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);
-    userProfileFormService = inject(UserProfileFormService);
-    #submitService = inject(SubmitService);
-    doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-
-    onIsFormSubmittable = output<boolean>();
-
-    formState = this.userProfileFormService.formState;
-
-    @ContentChild('beforField') beforeField: TemplateRef<unknown> | undefined;
-    @ContentChild('afterField') afterField: TemplateRef<unknown> | undefined;
-
-    constructor() {
-        super();
-        effect(
-            () => {
-                const isFormSubmittable = this.formState().isFormSubmittable;
-                this.#submitService.setIsSubmittable(isFormSubmittable);
-            },
-            { allowSignalWrites: true }
-        );
-    }
-
-    onDispatch(formAction: FormAction) {
-        this.userProfileFormService.dispatchFormAction(formAction);
-    }
-}

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

@@ -1,78 +0,0 @@
-import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, OnInit, Renderer2 } from '@angular/core';
-import { Meta, Title } from '@angular/platform-browser';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
-import type { I18n } from '@keycloakify/angular/login/i18n';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize.pipe';
-import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector.service';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context.token';
-import { KcContext } from 'keycloakify/login/KcContext/KcContext';
-import { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';
-import { Observable } from 'rxjs';
-
-@Component({
-    selector: 'kc-login-template',
-    templateUrl: './template.component.html',
-    standalone: true,
-    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => TemplateComponent)
-        }
-    ]
-})
-export class TemplateComponent extends ComponentReference implements OnInit {
-    i18n = inject<I18n>(LOGIN_I18N);
-    renderer = inject(Renderer2);
-    meta = inject(Meta);
-    title = inject(Title);
-    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-    loginResourceInjectorService = inject(LoginResourceInjectorService);
-
-    displayInfo = input(false);
-    displayMessage = input(true);
-    displayRequiredFields = input(false);
-    documentTitle = input<string>();
-    bodyClassName = input<string>();
-
-    isReadyToRender$: Observable<boolean>;
-
-    constructor() {
-        super();
-        this.title.setTitle(this.documentTitle() ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));
-        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);
-    }
-
-    ngOnInit() {
-        this.applyKcIndexClasses();
-    }
-
-    private applyKcIndexClasses() {
-        const kcClsx = getKcClsx({
-            doUseDefaultCss: this.doUseDefaultCss,
-            classes: this.classes
-        }).kcClsx;
-        const kcBodyClass = this.bodyClassName() ?? kcClsx('kcBodyClass');
-        const kcHtmlClass = kcClsx('kcHtmlClass');
-        const kcBodyClasses = kcBodyClass.split(/\s+/);
-        const kcHtmlClasses = kcHtmlClass.split(/\s+/);
-        kcBodyClasses.forEach(klass => {
-            this.renderer.addClass(document.body, klass);
-        });
-        kcHtmlClasses.forEach(klass => {
-            this.renderer.addClass(document.documentElement, klass);
-        });
-    }
-
-    tryAnotherWay() {
-        document.forms['kc-select-try-another-way-form' as never].submit();
-    }
-}

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

@@ -1,167 +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 { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { getKcClsx } from 'keycloakify/login/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;
-                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/login/pages/code/code.component.ts

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

package/src/login/pages/delete-account-confirm/delete-account-confirm.component.ts

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

package/src/login/pages/delete-credential/delete-credential.component.ts

@@ -1,36 +0,0 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
-import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class.directive';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context.token';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { type I18n } from '../../i18n';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [TemplateComponent, KcClassDirective],
-    selector: 'kc-root',
-    templateUrl: 'delete-credential.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => DeleteCredentialComponent)
-        }
-    ]
-})
-export class DeleteCredentialComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: 'delete-credential.ftl' }>>(KC_LOGIN_CONTEXT);
-    i18n = inject<I18n>(LOGIN_I18N);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-    displayRequiredFields = input(false);
-    documentTitle = input<string>();
-    bodyClassName = input<string>();
-    displayInfo: boolean = false;
-    displayMessage: boolean = false;
-}

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

@@ -1,31 +0,0 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize.pipe';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { type I18n } from '../../i18n';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context.token';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [TemplateComponent, KcSanitizePipe],
-    selector: 'kc-root',
-    templateUrl: 'error.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => ErrorComponent)
-        }
-    ]
-})
-export class ErrorComponent extends ComponentReference {
-    kcContext = inject<Extract<KcContext, { pageId: 'error.ftl' }>>(KC_LOGIN_CONTEXT);
-    i18n = inject<I18n>(LOGIN_I18N);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-}

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

@@ -1,41 +0,0 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input, OnInit } from '@angular/core';
-import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css.token';
-import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference.class';
-import { TemplateComponent } from '@keycloakify/angular/login/containers/template.component';
-import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize.pipe';
-import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n.token';
-import { type I18n } from '../../i18n';
-import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes.token';
-import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context.token';
-import { type ClassKey } from 'keycloakify/login/lib/kcClsx';
-import { type KcContext } from '../../KcContext';
-
-@Component({
-    standalone: true,
-    imports: [TemplateComponent, KcSanitizePipe],
-    selector: 'kc-root',
-    templateUrl: 'frontchannel-logout.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    providers: [
-        {
-            provide: ComponentReference,
-            useExisting: forwardRef(() => FrontchannelLogoutComponent)
-        }
-    ]
-})
-export class FrontchannelLogoutComponent extends ComponentReference implements OnInit {
-    kcContext = inject<Extract<KcContext, { pageId: 'frontchannel-logout.ftl' }>>(KC_LOGIN_CONTEXT);
-    i18n = inject<I18n>(LOGIN_I18N);
-    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);
-    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);
-    displayRequiredFields = input(false);
-    bodyClassName = input<string>();
-    displayInfo: boolean = false;
-    displayMessage: boolean = false;
-
-    ngOnInit(): void {
-        if (this.kcContext.logout.logoutRedirectUri) {
-            window.location.replace(this.kcContext.logout.logoutRedirectUri);
-        }
-    }
-}