@keycloakify/angular 0.0.1-rc.2 → 0.0.1-rc.21

package/fesm2022/keycloakify-angular-login-containers-template.mjs

@@ -0,0 +1,147 @@
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, inject, ViewContainerRef, effect, Component, Renderer2, ChangeDetectorRef, computed, forwardRef, ChangeDetectionStrategy } from '@angular/core';
+import { Meta, Title } from '@angular/platform-browser';
+import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+
+class DynamicPageInjectorComponent {
+    #vcr;
+    constructor() {
+        this.page = input();
+        this.userProfileFormFields = input();
+        this.componentCreated = output();
+        this.#vcr = inject(ViewContainerRef);
+        effect(() => {
+            const page = this.page();
+            const userProfileFormFields = this.userProfileFormFields();
+            if (!page)
+                return;
+            const compRef = this.#vcr.createComponent(page);
+            if ('userProfileFormFields' in compRef && userProfileFormFields) {
+                compRef.setInput('userProfileFormFields', userProfileFormFields);
+            }
+            this.componentCreated.emit(compRef.instance);
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kc-dynamic-page-injector',
+                    standalone: true,
+                    template: ``
+                }]
+        }], ctorParameters: () => [] });
+class TemplateComponent extends ComponentReference {
+    #cdr;
+    constructor() {
+        super();
+        this.i18n = inject(LOGIN_I18N);
+        this.renderer = inject(Renderer2);
+        this.#cdr = inject(ChangeDetectorRef);
+        this.meta = inject(Meta);
+        this.title = inject(Title);
+        this.kcContext = inject(KC_LOGIN_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.loginResourceInjectorService = inject(LoginResourceInjectorService);
+        this.displayInfo = false;
+        this.displayMessage = true;
+        this.displayRequiredFields = false;
+        this.page = input();
+        this.userProfileFormFields = input();
+        this.title.setTitle(this.documentTitle ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));
+        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);
+    }
+    ngOnInit() {
+        this.applyKcIndexClasses();
+    }
+    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'].submit();
+    }
+    onComponentCreated(compRef) {
+        if ('displayInfo' in compRef && compRef.displayInfo) {
+            this.displayInfo = compRef.displayInfo;
+        }
+        if ('displayMessage' in compRef && compRef.displayMessage) {
+            this.displayMessage = compRef.displayMessage;
+        }
+        if ('displayRequiredFields' in compRef && compRef.displayRequiredFields) {
+            this.displayRequiredFields = compRef.displayRequiredFields;
+        }
+        if ('documentTitle' in compRef && compRef.documentTitle) {
+            this.documentTitle = compRef.documentTitle;
+        }
+        if ('bodyClassName' in compRef && compRef.bodyClassName) {
+            this.bodyClassName = compRef.bodyClassName;
+        }
+        if ('headerNode' in compRef && compRef.headerNode) {
+            this.headerNode = computed(() => {
+                const headerNode = compRef.headerNode();
+                return headerNode;
+            });
+        }
+        if ('infoNode' in compRef && compRef.infoNode) {
+            this.infoNode = computed(() => {
+                const infoNode = compRef.infoNode();
+                return infoNode;
+            });
+        }
+        if ('socialProvidersNode' in compRef && compRef.socialProvidersNode) {
+            this.socialProvidersNode = computed(() => {
+                const socialProvidersNode = compRef.socialProvidersNode();
+                return socialProvidersNode;
+            });
+        }
+        this.#cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, userProfileFormFields: { classPropertyName: "userProfileFormFields", publicName: "userProfileFormFields", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => TemplateComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    @let pageRef = page();\n                    @if (!!pageRef) {\n                        <kc-dynamic-page-injector\n                            [page]=\"pageRef\"\n                            (componentCreated)=\"onComponentCreated($event)\"\n                        />\n                    }\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: DynamicPageInjectorComponent, selector: "kc-dynamic-page-injector", inputs: ["page", "userProfileFormFields"], outputs: ["componentCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kc-root', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, DynamicPageInjectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => TemplateComponent)
+                        }
+                    ], template: "@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    @let pageRef = page();\n                    @if (!!pageRef) {\n                        <kc-dynamic-page-injector\n                            [page]=\"pageRef\"\n                            (componentCreated)=\"onComponentCreated($event)\"\n                        />\n                    }\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DynamicPageInjectorComponent, TemplateComponent };
+//# sourceMappingURL=keycloakify-angular-login-containers-template.mjs.map

package/fesm2022/keycloakify-angular-login-containers-template.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-containers-template.mjs","sources":["../../src/login/containers/template/template.component.ts","../../src/login/containers/template/template.component.html","../../src/login/containers/template/keycloakify-angular-login-containers-template.ts"],"sourcesContent":["import { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    computed,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    OnInit,\n    output,\n    Renderer2,\n    Signal,\n    TemplateRef,\n    Type,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\nimport { KcContext } from '@keycloakify/angular/login/KcContext';\nimport { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';\nimport { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';\nimport { type ClassKey, getKcClsx } from 'keycloakify/login/lib/kcClsx';\nimport { Observable } from 'rxjs';\n\n@Component({\n    selector: 'kc-dynamic-page-injector',\n    standalone: true,\n    template: ``\n})\nexport class DynamicPageInjectorComponent {\n    page = input<Type<unknown>>();\n    userProfileFormFields = input<Type<unknown>>();\n    componentCreated = output<object>();\n    #vcr = inject<ViewContainerRef>(ViewContainerRef);\n    constructor() {\n        effect(\n            () => {\n                const page = this.page();\n                const userProfileFormFields = this.userProfileFormFields();\n                if (!page) return;\n                const compRef = this.#vcr.createComponent(page);\n                if ('userProfileFormFields' in compRef && userProfileFormFields) {\n                    compRef.setInput('userProfileFormFields', userProfileFormFields);\n                }\n                this.componentCreated.emit(compRef.instance as object);\n            },\n            { allowSignalWrites: true }\n        );\n    }\n}\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: './template.component.html',\n    standalone: true,\n    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, DynamicPageInjectorComponent],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference implements OnInit {\n    i18n = inject<I18n>(LOGIN_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_LOGIN_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(LOGIN_CLASSES);\n    loginResourceInjectorService = inject(LoginResourceInjectorService);\n\n    displayInfo = false;\n    displayMessage = true;\n    displayRequiredFields = false;\n    documentTitle: string | undefined;\n    bodyClassName: string | undefined;\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n    userProfileFormFields = input<Type<unknown>>();\n    headerNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    infoNode: Signal<TemplateRef<HTMLElement>> | undefined;\n    socialProvidersNode: Signal<TemplateRef<HTMLElement>> | undefined;\n\n    constructor() {\n        super();\n\n        this.title.setTitle(this.documentTitle ?? this.i18n.msgStr('loginTitle', this.kcContext.realm.displayName));\n        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);\n    }\n\n    ngOnInit() {\n        this.applyKcIndexClasses();\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = this.bodyClassName ?? kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    tryAnotherWay() {\n        document.forms['kc-select-try-another-way-form' as never].submit();\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('displayInfo' in compRef && compRef.displayInfo) {\n            this.displayInfo = compRef.displayInfo as boolean;\n        }\n        if ('displayMessage' in compRef && compRef.displayMessage) {\n            this.displayMessage = compRef.displayMessage as boolean;\n        }\n        if ('displayRequiredFields' in compRef && compRef.displayRequiredFields) {\n            this.displayRequiredFields = compRef.displayRequiredFields as boolean;\n        }\n        if ('documentTitle' in compRef && compRef.documentTitle) {\n            this.documentTitle = compRef.documentTitle as string;\n        }\n        if ('bodyClassName' in compRef && compRef.bodyClassName) {\n            this.bodyClassName = compRef.bodyClassName as string;\n        }\n        if ('headerNode' in compRef && compRef.headerNode) {\n            this.headerNode = computed(() => {\n                const headerNode = (compRef.headerNode as Signal<TemplateRef<HTMLElement>>)();\n                return headerNode;\n            });\n        }\n        if ('infoNode' in compRef && compRef.infoNode) {\n            this.infoNode = computed(() => {\n                const infoNode = (compRef.infoNode as Signal<TemplateRef<HTMLElement>>)();\n                return infoNode;\n            });\n        }\n        if ('socialProvidersNode' in compRef && compRef.socialProvidersNode) {\n            this.socialProvidersNode = computed(() => {\n                const socialProvidersNode = (compRef.socialProvidersNode as Signal<TemplateRef<HTMLElement>>)();\n                return socialProvidersNode;\n            });\n        }\n        this.#cdr.markForCheck();\n    }\n}\n","@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let auth = kcContext.auth;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n@let url = kcContext.url;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <div [kcClass]=\"'kcLoginClass'\">\n        <div\n            id=\"kc-header\"\n            [kcClass]=\"'kcHeaderClass'\"\n        >\n            <div\n                id=\"kc-header-wrapper\"\n                [kcClass]=\"'kcHeaderWrapperClass'\"\n            >\n                <div [innerHTML]=\"realm?.displayNameHtml ?? '' | kcSanitize: 'html'\"></div>\n            </div>\n        </div>\n\n        <div [kcClass]=\"'kcFormCardClass'\">\n            <header [kcClass]=\"'kcFormHeaderClass'\">\n                <!-- Locale switcher -->\n                @if (i18n.enabledLanguages.length > 1) {\n                    <div\n                        id=\"kc-locale\"\n                        [kcClass]=\"'kcLocaleMainClass'\"\n                    >\n                        <div\n                            id=\"kc-locale-wrapper\"\n                            [kcClass]=\"'kcLocaleWrapperClass'\"\n                        >\n                            <div\n                                id=\"kc-locale-dropdown\"\n                                class=\"menu-button-links\"\n                                [kcClass]=\"'kcLocaleDropDownClass'\"\n                            >\n                                <button\n                                    tabindex=\"1\"\n                                    id=\"kc-current-locale-link\"\n                                    aria-haspopup=\"true\"\n                                    aria-expanded=\"false\"\n                                    aria-controls=\"language-switch1\"\n                                    [attr.aria-label]=\"i18n.msgStr('languages')\"\n                                >\n                                    {{ i18n.currentLanguage.label }}\n                                </button>\n                                <ul\n                                    role=\"menu\"\n                                    tabindex=\"-1\"\n                                    aria-labelledby=\"kc-current-locale-link\"\n                                    aria-activedescendant=\"\"\n                                    id=\"language-switch1\"\n                                    [kcClass]=\"'kcLocaleListClass'\"\n                                >\n                                    @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {\n                                        <li\n                                            role=\"none\"\n                                            [kcClass]=\"'kcLocaleListItemClass'\"\n                                        >\n                                            <a\n                                                role=\"menuitem\"\n                                                tabindex=\"-1\"\n                                                [href]=\"entry.href\"\n                                                [kcClass]=\"'kcLocaleItemClass'\"\n                                                [id]=\"'language-' + idx\"\n                                            >\n                                                {{ entry.label }}\n                                            </a>\n                                        </li>\n                                    }\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                }\n\n                <!-- Header content -->\n                <ng-template #node>\n                    @if (auth && !auth.showUsername && !auth.showResetCredentials) {\n                        <h1 id=\"kc-page-title\">\n                            @let header = headerNode && headerNode();\n                            @if (header) {\n                                <ng-container [ngTemplateOutlet]=\"header\" />\n                            }\n                        </h1>\n                    } @else {\n                        <div\n                            id=\"kc-username\"\n                            [kcClass]=\"'kcFormGroupClass'\"\n                        >\n                            <label id=\"kc-attempted-username\">{{ auth?.attemptedUsername }}</label>\n                            <a\n                                id=\"reset-login\"\n                                [href]=\"url?.loginRestartFlowUrl\"\n                                [attr.aria-label]=\"i18n.msgStr('restartLoginTooltip')\"\n                            >\n                                <div class=\"kc-login-tooltip\">\n                                    <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                                    <span class=\"kc-tooltip-text\">\n                                        {{ i18n.msgStr('restartLoginTooltip') }}\n                                    </span>\n                                </div>\n                            </a>\n                        </div>\n                    }\n                </ng-template>\n\n                @if (displayRequiredFields) {\n                    <div [kcClass]=\"'kcContentWrapperClass'\">\n                        <div\n                            class=\"subtitle\"\n                            [kcClass]=\"'kcLabelWrapperClass'\"\n                        >\n                            <span class=\"subtitle\">\n                                <span class=\"required\">*</span>\n                                {{ i18n.msgStr('requiredFields') }}\n                            </span>\n                        </div>\n                        <div class=\"col-md-10\">\n                            <ng-container [ngTemplateOutlet]=\"node\" />\n                        </div>\n                    </div>\n                } @else {\n                    <ng-container [ngTemplateOutlet]=\"node\" />\n                }\n            </header>\n\n            <div id=\"kc-content\">\n                <div id=\"kc-content-wrapper\">\n                    <!-- Message display -->\n                    @if (displayMessage && message && (message.type !== 'warning' || !isAppInitiatedAction)) {\n                        <div\n                            [kcClass]=\"'kcAlertClass'\"\n                            [ngClass]=\"message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type\"\n                            [class]=\"'alert-' + message.type\"\n                        >\n                            <div class=\"pf-c-alert__icon\">\n                                @switch (message.type) {\n                                    @case ('success') {\n                                        <span [kcClass]=\"'kcFeedbackSuccessIcon'\"></span>\n                                    }\n                                    @case ('warning') {\n                                        <span [kcClass]=\"'kcFeedbackWarningIcon'\"></span>\n                                    }\n                                    @case ('info') {\n                                        <span [kcClass]=\"'kcFeedbackInfoIcon'\"></span>\n                                    }\n                                    @case ('error') {\n                                        <span [kcClass]=\"'kcFeedbackErrorIcon'\"></span>\n                                    }\n                                }\n                            </div>\n                            <span\n                                [kcClass]=\"'kcAlertTitleClass'\"\n                                [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                            ></span>\n                        </div>\n                    }\n                    <!-- Content -->\n                    @let pageRef = page();\n                    @if (!!pageRef) {\n                        <kc-dynamic-page-injector\n                            [page]=\"pageRef\"\n                            (componentCreated)=\"onComponentCreated($event)\"\n                        />\n                    }\n                    @if (!!auth && auth?.showTryAnotherWayLink) {\n                        <form\n                            id=\"kc-select-try-another-way-form\"\n                            method=\"post\"\n                            [action]=\"url?.loginAction\"\n                        >\n                            <div [kcClass]=\"'kcFormGroupClass'\">\n                                <div [kcClass]=\"'kcFormGroupClass'\">\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"tryAnotherWay\"\n                                        value=\"on\"\n                                    />\n                                    <a\n                                        id=\"try-another-way\"\n                                        (click)=\"tryAnotherWay()\"\n                                    >\n                                        {{ i18n.msgStr('doTryAnotherWay') }}\n                                    </a>\n                                </div>\n                            </div>\n                        </form>\n                    }\n                    @let socialProviders = socialProvidersNode && socialProvidersNode();\n                    @if (socialProviders) {\n                        <ng-container [ngTemplateOutlet]=\"socialProviders\" />\n                    }\n                    <!-- Info display -->\n                    @if (displayInfo) {\n                        <div\n                            id=\"kc-info\"\n                            [kcClass]=\"'kcSignUpClass'\"\n                        >\n                            <div\n                                id=\"kc-info-wrapper\"\n                                [kcClass]=\"'kcInfoAreaWrapperClass'\"\n                            >\n                                @let info = infoNode && infoNode();\n                                @if (info) {\n                                    <ng-container [ngTemplateOutlet]=\"info\" />\n                                }\n                            </div>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-directives-kc-class.mjs

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, isDevMode, ɵstringify as _stringify, Directive, Input } from '@angular/core';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/consistent-indexed-object-style */
+class KcClassDirective {
+    constructor() {
+        this.initialClasses = [];
+        this.stateMap = new Map();
+        this.#renderer = inject(Renderer2);
+        this.#el = inject(ElementRef);
+        this.#host = inject(ComponentReference);
+    }
+    #renderer;
+    #el;
+    #host;
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set klass(value) {
+        this.initialClasses = value != null ? value.trim().split(/\s+/) : [];
+    }
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set ngClass(value) {
+        this.rawClass = typeof value === 'string' ? value.trim().split(/\s+/) : value;
+    }
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set kcClass(value) {
+        this.rawKcClass =
+            typeof value === 'string' ? value.trim().split(/\s+/) : value;
+    }
+    ngDoCheck() {
+        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]), true);
+            }
+        }
+        this._applyStateDiff();
+    }
+    _updateState(klass, nextEnabled, 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);
+            }
+            this.stateMap.set(klassChecked, {
+                enabled: nextEnabled,
+                changed: true,
+                touched: true
+            });
+        }
+    }
+    _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;
+        }
+    }
+    _toggleClass(klass, enabled) {
+        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);
+                }
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.7", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: KcClassDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kcClass]', standalone: true }]
+        }], propDecorators: { klass: [{
+                type: Input,
+                args: ['class']
+            }], ngClass: [{
+                type: Input,
+                args: ['ngClass']
+            }], kcClass: [{
+                type: Input,
+                args: ['kcClass']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KcClassDirective };
+//# sourceMappingURL=keycloakify-angular-login-directives-kc-class.mjs.map

package/fesm2022/keycloakify-angular-login-directives-kc-class.mjs.map

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

package/fesm2022/keycloakify-angular-login-getDefaultPageComponent.mjs

@@ -0,0 +1,83 @@
+function getDefaultPageComponent(pageId) {
+    switch (pageId) {
+        case 'login.ftl':
+            return import('@keycloakify/angular/login/pages/login').then(c => c.LoginComponent);
+        case 'login-username.ftl':
+            return import('@keycloakify/angular/login/pages/login-username').then(c => c.LoginUsernameComponent);
+        case 'login-password.ftl':
+            return import('@keycloakify/angular/login/pages/login-password').then(c => c.LoginPasswordComponent);
+        case 'webauthn-authenticate.ftl':
+            return import('@keycloakify/angular/login/pages/webauthn-authenticate').then(c => c.WebauthnAuthenticateComponent);
+        case 'webauthn-register.ftl':
+            return import('@keycloakify/angular/login/pages/webauthn-register').then(c => c.WebauthnRegisterComponent);
+        case 'register.ftl':
+            return import('@keycloakify/angular/login/pages/register').then(c => c.RegisterComponent);
+        case 'info.ftl':
+            return import('@keycloakify/angular/login/pages/info').then(c => c.InfoComponent);
+        case 'error.ftl':
+            return import('@keycloakify/angular/login/pages/error').then(c => c.ErrorComponent);
+        case 'login-reset-password.ftl':
+            return import('@keycloakify/angular/login/pages/login-reset-password').then(c => c.LoginResetPasswordComponent);
+        case 'login-verify-email.ftl':
+            return import('@keycloakify/angular/login/pages/login-verify-email').then(c => c.LoginVerifyEmailComponent);
+        case 'terms.ftl':
+            return import('@keycloakify/angular/login/pages/terms').then(c => c.TermsComponent);
+        case 'login-oauth2-device-verify-user-code.ftl':
+            return import('@keycloakify/angular/login/pages/login-oauth2-device-verify-user-code').then(c => c.LoginOauth2DeviceVerifyUserCodeComponent);
+        case 'login-oauth-grant.ftl':
+            return import('@keycloakify/angular/login/pages/login-oauth-grant').then(c => c.LoginOauthGrantComponent);
+        case 'login-otp.ftl':
+            return import('@keycloakify/angular/login/pages/login-otp').then(c => c.LoginOtpComponent);
+        case 'login-update-profile.ftl':
+            return import('@keycloakify/angular/login/pages/login-update-profile').then(c => c.LoginUpdateProfileComponent);
+        case 'login-update-password.ftl':
+            return import('@keycloakify/angular/login/pages/login-update-password').then(c => c.LoginUpdatePasswordComponent);
+        case 'login-idp-link-confirm.ftl':
+            return import('@keycloakify/angular/login/pages/login-idp-link-confirm').then(c => c.LoginIdpLinkConfirmComponent);
+        case 'login-idp-link-email.ftl':
+            return import('@keycloakify/angular/login/pages/login-idp-link-email').then(c => c.LoginIdpLinkEmailComponent);
+        case 'login-page-expired.ftl':
+            return import('@keycloakify/angular/login/pages/login-page-expired').then(c => c.LoginPageExpiredComponent);
+        case 'login-config-totp.ftl':
+            return import('@keycloakify/angular/login/pages/login-config-totp').then(c => c.LoginConfigTotpComponent);
+        case 'logout-confirm.ftl':
+            return import('@keycloakify/angular/login/pages/logout-confirm').then(c => c.LogoutConfirmComponent);
+        case 'idp-review-user-profile.ftl':
+            return import('@keycloakify/angular/login/pages/idp-review-user-profile').then(c => c.IdpReviewUserProfileComponent);
+        case 'update-email.ftl':
+            return import('@keycloakify/angular/login/pages/update-email').then(c => c.UpdateEmailComponent);
+        case 'select-authenticator.ftl':
+            return import('@keycloakify/angular/login/pages/select-authenticator').then(c => c.SelectAuthenticatorComponent);
+        case 'saml-post-form.ftl':
+            return import('@keycloakify/angular/login/pages/saml-post-form').then(c => c.SamlPostFormComponent);
+        case 'delete-credential.ftl':
+            return import('@keycloakify/angular/login/pages/delete-credential').then(c => c.DeleteCredentialComponent);
+        case 'code.ftl':
+            return import('@keycloakify/angular/login/pages/code').then(c => c.CodeComponent);
+        case 'delete-account-confirm.ftl':
+            return import('@keycloakify/angular/login/pages/delete-account-confirm').then(c => c.DeleteAccountConfirmComponent);
+        case 'frontchannel-logout.ftl':
+            return import('@keycloakify/angular/login/pages/frontchannel-logout').then(c => c.FrontchannelLogoutComponent);
+        case 'login-recovery-authn-code-config.ftl':
+            return import('@keycloakify/angular/login/pages/login-recovery-authn-code-config').then(c => c.LoginRecoveryAuthnCodeConfigComponent);
+        case 'login-recovery-authn-code-input.ftl':
+            return import('@keycloakify/angular/login/pages/login-recovery-authn-code-input').then(c => c.LoginRecoveryAuthnCodeInputComponent);
+        case 'login-reset-otp.ftl':
+            return import('@keycloakify/angular/login/pages/login-reset-otp').then(c => c.LoginResetOtpComponent);
+        case 'login-x509-info.ftl':
+            return import('@keycloakify/angular/login/pages/login-x509-info').then(c => c.LoginX509InfoComponent);
+        case 'webauthn-error.ftl':
+            return import('@keycloakify/angular/login/pages/webauthn-error').then(c => c.WebauthnErrorComponent);
+        case 'login-passkeys-conditional-authenticate.ftl':
+            return import('@keycloakify/angular/login/pages/login-passkeys-conditional-authenticate').then(c => c.LoginPasskeysConditionalAuthenticateComponent);
+        case 'login-idp-link-confirm-override.ftl':
+            return import('@keycloakify/angular/login/pages/login-idp-link-confirm-override').then(c => c.LoginIdpLinkConfirmOverrideComponent);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { getDefaultPageComponent };
+//# sourceMappingURL=keycloakify-angular-login-getDefaultPageComponent.mjs.map

package/fesm2022/keycloakify-angular-login-getDefaultPageComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-getDefaultPageComponent.mjs","sources":["../../src/login/getDefaultPageComponent/getDefaultPageComponent.ts","../../src/login/getDefaultPageComponent/keycloakify-angular-login-getDefaultPageComponent.ts"],"sourcesContent":["import type { Type } from '@angular/core';\nimport type { KcContext } from '@keycloakify/angular/login/KcContext';\n\nexport function getDefaultPageComponent(\n    pageId: KcContext['pageId']\n): Promise<Type<unknown>> {\n    switch (pageId) {\n        case 'login.ftl':\n            return import('@keycloakify/angular/login/pages/login').then(\n                c => c.LoginComponent\n            );\n        case 'login-username.ftl':\n            return import('@keycloakify/angular/login/pages/login-username').then(\n                c => c.LoginUsernameComponent\n            );\n        case 'login-password.ftl':\n            return import('@keycloakify/angular/login/pages/login-password').then(\n                c => c.LoginPasswordComponent\n            );\n        case 'webauthn-authenticate.ftl':\n            return import('@keycloakify/angular/login/pages/webauthn-authenticate').then(\n                c => c.WebauthnAuthenticateComponent\n            );\n        case 'webauthn-register.ftl':\n            return import('@keycloakify/angular/login/pages/webauthn-register').then(\n                c => c.WebauthnRegisterComponent\n            );\n        case 'register.ftl':\n            return import('@keycloakify/angular/login/pages/register').then(\n                c => c.RegisterComponent\n            );\n        case 'info.ftl':\n            return import('@keycloakify/angular/login/pages/info').then(\n                c => c.InfoComponent\n            );\n        case 'error.ftl':\n            return import('@keycloakify/angular/login/pages/error').then(\n                c => c.ErrorComponent\n            );\n        case 'login-reset-password.ftl':\n            return import('@keycloakify/angular/login/pages/login-reset-password').then(\n                c => c.LoginResetPasswordComponent\n            );\n        case 'login-verify-email.ftl':\n            return import('@keycloakify/angular/login/pages/login-verify-email').then(\n                c => c.LoginVerifyEmailComponent\n            );\n        case 'terms.ftl':\n            return import('@keycloakify/angular/login/pages/terms').then(\n                c => c.TermsComponent\n            );\n        case 'login-oauth2-device-verify-user-code.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/login-oauth2-device-verify-user-code'\n            ).then(c => c.LoginOauth2DeviceVerifyUserCodeComponent);\n        case 'login-oauth-grant.ftl':\n            return import('@keycloakify/angular/login/pages/login-oauth-grant').then(\n                c => c.LoginOauthGrantComponent\n            );\n        case 'login-otp.ftl':\n            return import('@keycloakify/angular/login/pages/login-otp').then(\n                c => c.LoginOtpComponent\n            );\n        case 'login-update-profile.ftl':\n            return import('@keycloakify/angular/login/pages/login-update-profile').then(\n                c => c.LoginUpdateProfileComponent\n            );\n        case 'login-update-password.ftl':\n            return import('@keycloakify/angular/login/pages/login-update-password').then(\n                c => c.LoginUpdatePasswordComponent\n            );\n        case 'login-idp-link-confirm.ftl':\n            return import('@keycloakify/angular/login/pages/login-idp-link-confirm').then(\n                c => c.LoginIdpLinkConfirmComponent\n            );\n        case 'login-idp-link-email.ftl':\n            return import('@keycloakify/angular/login/pages/login-idp-link-email').then(\n                c => c.LoginIdpLinkEmailComponent\n            );\n        case 'login-page-expired.ftl':\n            return import('@keycloakify/angular/login/pages/login-page-expired').then(\n                c => c.LoginPageExpiredComponent\n            );\n        case 'login-config-totp.ftl':\n            return import('@keycloakify/angular/login/pages/login-config-totp').then(\n                c => c.LoginConfigTotpComponent\n            );\n        case 'logout-confirm.ftl':\n            return import('@keycloakify/angular/login/pages/logout-confirm').then(\n                c => c.LogoutConfirmComponent\n            );\n        case 'idp-review-user-profile.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/idp-review-user-profile'\n            ).then(c => c.IdpReviewUserProfileComponent);\n        case 'update-email.ftl':\n            return import('@keycloakify/angular/login/pages/update-email').then(\n                c => c.UpdateEmailComponent\n            );\n        case 'select-authenticator.ftl':\n            return import('@keycloakify/angular/login/pages/select-authenticator').then(\n                c => c.SelectAuthenticatorComponent\n            );\n        case 'saml-post-form.ftl':\n            return import('@keycloakify/angular/login/pages/saml-post-form').then(\n                c => c.SamlPostFormComponent\n            );\n        case 'delete-credential.ftl':\n            return import('@keycloakify/angular/login/pages/delete-credential').then(\n                c => c.DeleteCredentialComponent\n            );\n        case 'code.ftl':\n            return import('@keycloakify/angular/login/pages/code').then(\n                c => c.CodeComponent\n            );\n        case 'delete-account-confirm.ftl':\n            return import('@keycloakify/angular/login/pages/delete-account-confirm').then(\n                c => c.DeleteAccountConfirmComponent\n            );\n        case 'frontchannel-logout.ftl':\n            return import('@keycloakify/angular/login/pages/frontchannel-logout').then(\n                c => c.FrontchannelLogoutComponent\n            );\n        case 'login-recovery-authn-code-config.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/login-recovery-authn-code-config'\n            ).then(c => c.LoginRecoveryAuthnCodeConfigComponent);\n        case 'login-recovery-authn-code-input.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/login-recovery-authn-code-input'\n            ).then(c => c.LoginRecoveryAuthnCodeInputComponent);\n        case 'login-reset-otp.ftl':\n            return import('@keycloakify/angular/login/pages/login-reset-otp').then(\n                c => c.LoginResetOtpComponent\n            );\n        case 'login-x509-info.ftl':\n            return import('@keycloakify/angular/login/pages/login-x509-info').then(\n                c => c.LoginX509InfoComponent\n            );\n        case 'webauthn-error.ftl':\n            return import('@keycloakify/angular/login/pages/webauthn-error').then(\n                c => c.WebauthnErrorComponent\n            );\n        case 'login-passkeys-conditional-authenticate.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/login-passkeys-conditional-authenticate'\n            ).then(c => c.LoginPasskeysConditionalAuthenticateComponent);\n        case 'login-idp-link-confirm-override.ftl':\n            return import(\n                '@keycloakify/angular/login/pages/login-idp-link-confirm-override'\n            ).then(c => c.LoginIdpLinkConfirmOverrideComponent);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-i18n.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=keycloakify-angular-login-i18n.mjs.map

package/fesm2022/keycloakify-angular-login-i18n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keycloakify-angular-login-i18n.mjs","sources":["../../src/login/i18n/keycloakify-angular-login-i18n.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/keycloakify-angular-login-pages-code.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { inject, viewChild, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
+import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
+import { TemplateComponent } from '@keycloakify/angular/login/containers/template';
+import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
+import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
+
+class CodeComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.kcContext = inject(KC_LOGIN_CONTEXT);
+        this.i18n = inject(LOGIN_I18N);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(LOGIN_CLASSES);
+        this.displayRequiredFields = false;
+        this.displayInfo = false;
+        this.displayMessage = false;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: CodeComponent, isStandalone: true, selector: "kc-code", providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => CodeComponent)
+            }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: CodeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective], selector: 'kc-code', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => CodeComponent)
+                        }
+                    ], template: "@let code = kcContext.code;\n\n<ng-template #headerNode>\n    @if (code.success) {\n        {{ i18n.msgStr('codeSuccessTitle') }}\n    } @else {\n        {{ i18n.msgStr('codeErrorTitle', code.error) }}\n    }\n</ng-template>\n\n<div id=\"kc-code\">\n    @if (code.success) {\n        <p>{{ i18n.msgStr('copyCodeInstruction') }}</p>\n        <input\n            id=\"code\"\n            [kcClass]=\"'kcTextareaClass'\"\n            [defaultValue]=\"code.code\"\n        />\n    } @else {\n        <p id=\"error\">{{ code.error }}</p>\n    }\n</div>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CodeComponent };
+//# sourceMappingURL=keycloakify-angular-login-pages-code.mjs.map