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

package/login/components/textarea-tag/textarea-tag.component.mjs

@@ -0,0 +1,48 @@
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, output } from '@angular/core';
+import { CLASSES, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { KcClassDirective } from '../../../login/directives/kc-class.directive';
+import { ToNumberPipe } from '../../../login/pipes/to-number.pipe';
+import * as i0 from "@angular/core";
+export class TextareaTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.value = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+    }
+    onChange(event) {
+        this.dispatchFormAction.emit({
+            action: 'update',
+            name: this.attribute()?.name ?? '',
+            valueOrValues: event.target.value
+        });
+    }
+    onBlur() {
+        this.dispatchFormAction.emit({
+            action: 'focus lost',
+            name: this.attribute()?.name ?? '',
+            fieldIndex: undefined
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextareaTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: TextareaTagComponent, isStandalone: true, selector: "kc-textarea-tag", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => TextareaTagComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: "@let attr = attribute();\n@if (attr) {\n  <textarea\n    [id]=\"attr.name\"\n    [name]=\"attr.name\"\n    [kcClass]=\"'kcInputClass'\"\n    [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n    [disabled]=\"attr.readOnly\"\n    [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n    [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n    [maxLength]=\"\n      attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\n    \"\n    [value]=\"value()\"\n    (change)=\"onChange($event)\"\n    (blur)=\"onBlur()\"\n  ></textarea>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: ToNumberPipe, name: "toNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TextareaTagComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [KcClassDirective, ToNumberPipe], selector: 'kc-textarea-tag', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => TextareaTagComponent)
+                        }
+                    ], template: "@let attr = attribute();\n@if (attr) {\n  <textarea\n    [id]=\"attr.name\"\n    [name]=\"attr.name\"\n    [kcClass]=\"'kcInputClass'\"\n    [attr.aria-invalid]=\"!!displayableErrors()?.length\"\n    [disabled]=\"attr.readOnly\"\n    [cols]=\"attr.annotations.inputTypeCols === undefined ? undefined : (attr.annotations.inputTypeCols | toNumber)\"\n    [rows]=\"attr.annotations.inputTypeRows === undefined ? undefined : (attr.annotations.inputTypeRows | toNumber)\"\n    [maxLength]=\"\n      attr.annotations.inputTypeMaxlength === undefined ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)\n    \"\n    [value]=\"value()\"\n    (change)=\"onChange($event)\"\n    (blur)=\"onBlur()\"\n  ></textarea>\n}\n", styles: [":host{display:contents}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtdGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL2NvbXBvbmVudHMvdGV4dGFyZWEtdGFnL3RleHRhcmVhLXRhZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL3RleHRhcmVhLXRhZy90ZXh0YXJlYS10YWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxFQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFHL0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDbEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDNUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQTBCL0UsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGtCQUFrQjtJQXBCNUQ7O1FBcUJJLGNBQVMsR0FBRyxLQUFLLEVBQWEsQ0FBQztRQUMvQixVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDeEIsc0JBQWlCLEdBQUcsS0FBSyxFQUFvQixDQUFDO1FBQzlDLHVCQUFrQixHQUFHLE1BQU0sRUFBYyxDQUFDO1FBQ2pDLG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLE9BQU8sQ0FBQyxDQUFDO0tBaUJ6RTtJQWZHLFFBQVEsQ0FBQyxLQUFZO1FBQ2pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsTUFBTSxFQUFFLFFBQVE7WUFDaEIsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLElBQUksRUFBRTtZQUNsQyxhQUFhLEVBQUcsS0FBSyxDQUFDLE1BQThCLENBQUMsS0FBSztTQUM3RCxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsTUFBTSxFQUFFLFlBQVk7WUFDcEIsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLElBQUksRUFBRTtZQUNsQyxVQUFVLEVBQUUsU0FBUztTQUN4QixDQUFDLENBQUM7SUFDUCxDQUFDOzhHQXRCUSxvQkFBb0I7a0dBQXBCLG9CQUFvQix5aEJBUGxCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGtCQUFrQjtnQkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQzthQUN0RDtTQUNKLGlEQ3JDTCxrdEJBa0JBLG1GRFVjLGdCQUFnQiwwRkFBRSxZQUFZOzsyRkFXL0Isb0JBQW9CO2tCQXBCaEMsU0FBUztpQ0FDTSxJQUFJLFdBUVAsQ0FBQyxnQkFBZ0IsRUFBRSxZQUFZLENBQUMsWUFDL0IsaUJBQWlCLG1CQUVWLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7eUJBQ3REO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgZm9yd2FyZFJlZixcbiAgICBpbmplY3QsXG4gICAgaW5wdXQsXG4gICAgb3V0cHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ0xBU1NFUywgVVNFX0RFRkFVTFRfQ1NTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbGliL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgQXR0cmlidXRlIH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UuY2xhc3MnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMva2MtY2xhc3MuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRvTnVtYmVyUGlwZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3BpcGVzL3RvLW51bWJlci5waXBlJztcbmltcG9ydCB7XG4gICAgRm9ybUFjdGlvbixcbiAgICBGb3JtRmllbGRFcnJvclxufSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9zZXJ2aWNlcy91c2VyLXByb2ZpbGUtZm9ybS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgYFxuICAgICAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAgICAgICAgICAgfVxuICAgICAgICBgXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbS2NDbGFzc0RpcmVjdGl2ZSwgVG9OdW1iZXJQaXBlXSxcbiAgICBzZWxlY3RvcjogJ2tjLXRleHRhcmVhLXRhZycsXG4gICAgdGVtcGxhdGVVcmw6ICd0ZXh0YXJlYS10YWcuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBDb21wb25lbnRSZWZlcmVuY2UsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0YXJlYVRhZ0NvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFUYWdDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnRSZWZlcmVuY2Uge1xuICAgIGF0dHJpYnV0ZSA9IGlucHV0PEF0dHJpYnV0ZT4oKTtcbiAgICB2YWx1ZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBkaXNwbGF5YWJsZUVycm9ycyA9IGlucHV0PEZvcm1GaWVsZEVycm9yW10+KCk7XG4gICAgZGlzcGF0Y2hGb3JtQWN0aW9uID0gb3V0cHV0PEZvcm1BY3Rpb24+KCk7XG4gICAgb3ZlcnJpZGUgZG9Vc2VEZWZhdWx0Q3NzID0gaW5qZWN0PGJvb2xlYW4+KFVTRV9ERUZBVUxUX0NTUyk7XG4gICAgb3ZlcnJpZGUgY2xhc3NlcyA9IGluamVjdDxQYXJ0aWFsPFJlY29yZDxDbGFzc0tleSwgc3RyaW5nPj4+KENMQVNTRVMpO1xuXG4gICAgb25DaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XG4gICAgICAgIHRoaXMuZGlzcGF0Y2hGb3JtQWN0aW9uLmVtaXQoe1xuICAgICAgICAgICAgYWN0aW9uOiAndXBkYXRlJyxcbiAgICAgICAgICAgIG5hbWU6IHRoaXMuYXR0cmlidXRlKCk/Lm5hbWUgPz8gJycsXG4gICAgICAgICAgICB2YWx1ZU9yVmFsdWVzOiAoZXZlbnQudGFyZ2V0IGFzIEhUTUxUZXh0QXJlYUVsZW1lbnQpLnZhbHVlXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQmx1cigpIHtcbiAgICAgICAgdGhpcy5kaXNwYXRjaEZvcm1BY3Rpb24uZW1pdCh7XG4gICAgICAgICAgICBhY3Rpb246ICdmb2N1cyBsb3N0JyxcbiAgICAgICAgICAgIG5hbWU6IHRoaXMuYXR0cmlidXRlKCk/Lm5hbWUgPz8gJycsXG4gICAgICAgICAgICBmaWVsZEluZGV4OiB1bmRlZmluZWRcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiQGxldCBhdHRyID0gYXR0cmlidXRlKCk7XG5AaWYgKGF0dHIpIHtcbiAgPHRleHRhcmVhXG4gICAgW2lkXT1cImF0dHIubmFtZVwiXG4gICAgW25hbWVdPVwiYXR0ci5uYW1lXCJcbiAgICBba2NDbGFzc109XCIna2NJbnB1dENsYXNzJ1wiXG4gICAgW2F0dHIuYXJpYS1pbnZhbGlkXT1cIiEhZGlzcGxheWFibGVFcnJvcnMoKT8ubGVuZ3RoXCJcbiAgICBbZGlzYWJsZWRdPVwiYXR0ci5yZWFkT25seVwiXG4gICAgW2NvbHNdPVwiYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVDb2xzID09PSB1bmRlZmluZWQgPyB1bmRlZmluZWQgOiAoYXR0ci5hbm5vdGF0aW9ucy5pbnB1dFR5cGVDb2xzIHwgdG9OdW1iZXIpXCJcbiAgICBbcm93c109XCJhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZVJvd3MgPT09IHVuZGVmaW5lZCA/IHVuZGVmaW5lZCA6IChhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZVJvd3MgfCB0b051bWJlcilcIlxuICAgIFttYXhMZW5ndGhdPVwiXG4gICAgICBhdHRyLmFubm90YXRpb25zLmlucHV0VHlwZU1heGxlbmd0aCA9PT0gdW5kZWZpbmVkID8gdW5kZWZpbmVkIDogKGF0dHIuYW5ub3RhdGlvbnMuaW5wdXRUeXBlTWF4bGVuZ3RoIHwgdG9OdW1iZXIpXG4gICAgXCJcbiAgICBbdmFsdWVdPVwidmFsdWUoKVwiXG4gICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gID48L3RleHRhcmVhPlxufVxuIl19

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

@@ -1,8 +1,9 @@
-import { TemplateRef } from "@angular/core";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { KcContext } from "keycloakify/login/KcContext";
-import { ComponentReference } from "../../../login/classes/component-reference.class";
-import { FormAction, UserProfileFormService } from "../../../login/services/user-profile-form.service";
+import { TemplateRef } from '@angular/core';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { KcContext } from 'keycloakify/login/KcContext';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { FormAction, UserProfileFormService } from '../../../login/services/user-profile-form.service';
+import * as i0 from "@angular/core";
 export declare class UserProfileFormFieldsComponent extends ComponentReference {
     kcContext: KcContext;
     userProfileFormService: UserProfileFormService;
@@ -22,4 +23,6 @@ export declare class UserProfileFormFieldsComponent extends ComponentReference {
     afterField: TemplateRef<unknown> | undefined;
     constructor();
     onDispatch(formAction: FormAction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserProfileFormFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileFormFieldsComponent, "kc-user-profile-form-fields", never, {}, { "onIsFormSubmittable": "onIsFormSubmittable"; }, ["beforeField", "afterField"], never, true, never>;
 }

package/login/components/user-profile-form-fields/user-profile-form-fields.component.mjs

@@ -0,0 +1,62 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, ContentChild, effect, forwardRef, inject, output } from '@angular/core';
+import { DO_MAKE_USER_CONFIRM_PASSWORD, KC_CONTEXT, CLASSES, USE_DEFAULT_CSS } from '../../../lib/public-api';
+import { ComponentReference } from '../../../login/classes/component-reference.class';
+import { KcClassDirective } from '../../../login/directives/kc-class.directive';
+import { AdvancedMsgStrPipe } from '../../../login/pipes/advanced-msg-str.pipe';
+import { UserProfileFormService } from '../../../login/services/user-profile-form.service';
+import { FieldErrorsComponent } from '../../../login/components/field-errors/field-errors.component';
+import { GroupLabelComponent } from '../../../login/components/group-label/group-label.component';
+import { InputFieldByTypeComponent } from '../../../login/components/input-field-by-type/input-field-by-type.component';
+import * as i0 from "@angular/core";
+export class UserProfileFormFieldsComponent extends ComponentReference {
+    constructor() {
+        super();
+        this.kcContext = inject(KC_CONTEXT);
+        this.userProfileFormService = inject(UserProfileFormService);
+        this.doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.onIsFormSubmittable = output();
+        this.formState = this.userProfileFormService.formState;
+        effect(() => {
+            const isFormSubmittable = this.formState().isFormSubmittable;
+            this.onIsFormSubmittable.emit(isFormSubmittable);
+        });
+    }
+    onDispatch(formAction) {
+        this.userProfileFormService.dispatchFormAction(formAction);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UserProfileFormFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: UserProfileFormFieldsComponent, isStandalone: true, selector: "kc-user-profile-form-fields", outputs: { onIsFormSubmittable: "onIsFormSubmittable" }, providers: [
+            UserProfileFormService,
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => UserProfileFormFieldsComponent)
+            }
+        ], queries: [{ propertyName: "beforeField", first: true, predicate: ["beforField"], descendants: true }, { propertyName: "afterField", first: true, predicate: ["afterField"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@let formFieldStates = formState().formFieldStates;\n\n@for (fieldState of formFieldStates; track fieldState.attribute) {\n  <!-- [groupNameRef]=\"groupNameRef\"\n  TODO: verify this logic\n  -->\n  <kc-group-label [attribute]=\"fieldState.attribute\"> </kc-group-label>\n\n  @if (beforeField) {\n    <ng-container\n      [ngTemplateOutlet]=\"beforeField\"\n      [ngTemplateOutletContext]=\"{\n        attribute: fieldState.attribute,\n        valueOrValues: fieldState.valueOrValues,\n        displayableErrors: fieldState.displayableErrors,\n      }\"\n    >\n    </ng-container>\n  }\n\n  <div\n    [kcClass]=\"'kcFormGroupClass'\"\n    [style.display]=\"fieldState.attribute.name === 'password-confirm' && !doMakeUserConfirmPassword ? 'none' : 'block'\"\n  >\n    <div [kcClass]=\"'kcLabelWrapperClass'\">\n      <label\n        [for]=\"fieldState.attribute.name\"\n        [kcClass]=\"'kcLabelClass'\"\n      >\n        {{ fieldState.attribute.displayName ?? '' | advancedMsgStr }}\n        @if (fieldState.attribute.required) {\n          *\n        }\n      </label>\n    </div>\n\n    <div [kcClass]=\"'kcInputWrapperClass'\">\n      @if (fieldState.attribute.annotations.inputHelperTextBefore) {\n        <div\n          [kcClass]=\"'kcInputHelperTextBeforeClass'\"\n          [id]=\"'form-help-text-before-' + fieldState.attribute.name\"\n          aria-live=\"polite\"\n        >\n          {{ fieldState.attribute.annotations.inputHelperTextBefore | advancedMsgStr }}\n        </div>\n      }\n\n      <kc-input-field-by-type\n        [attribute]=\"fieldState.attribute\"\n        [valueOrValues]=\"fieldState.valueOrValues\"\n        [displayableErrors]=\"fieldState.displayableErrors\"\n        (dispatchFormAction)=\"onDispatch($event)\"\n      >\n      </kc-input-field-by-type>\n\n      <kc-field-errors\n        [attribute]=\"fieldState.attribute\"\n        [displayableErrors]=\"fieldState.displayableErrors\"\n      >\n      </kc-field-errors>\n      @if (fieldState.attribute.annotations.inputHelperTextAfter) {\n        <div\n          [kcClass]=\"'kcInputHelperTextAfterClass'\"\n          [id]=\"'form-help-text-after-' + fieldState.attribute.name\"\n          aria-live=\"polite\"\n        >\n          {{ fieldState.attribute.annotations.inputHelperTextAfter | advancedMsgStr }}\n        </div>\n      }\n\n      @if (afterField) {\n        <ng-container\n          [ngTemplateOutlet]=\"afterField\"\n          [ngTemplateOutletContext]=\"{\n            attribute: fieldState.attribute,\n            valueOrValues: fieldState.valueOrValues,\n            displayableErrors: fieldState.displayableErrors,\n          }\"\n        >\n        </ng-container>\n      }\n      <!-- NOTE: Downloading of html5DataAnnotations scripts is done in the useUserProfileForm hook -->\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: FieldErrorsComponent, selector: "kc-field-errors", inputs: ["attribute", "displayableErrors", "fieldIndex"] }, { kind: "component", type: InputFieldByTypeComponent, selector: "kc-input-field-by-type", inputs: ["attribute", "valueOrValues", "displayableErrors"], outputs: ["dispatchFormAction"] }, { kind: "component", type: GroupLabelComponent, selector: "kc-group-label", inputs: ["attribute", "groupName"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AdvancedMsgStrPipe, name: "advancedMsgStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: UserProfileFormFieldsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        KcClassDirective,
+                        FieldErrorsComponent,
+                        InputFieldByTypeComponent,
+                        GroupLabelComponent,
+                        NgTemplateOutlet,
+                        AdvancedMsgStrPipe
+                    ], selector: 'kc-user-profile-form-fields', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        UserProfileFormService,
+                        {
+                            provide: ComponentReference,
+                            useExisting: forwardRef(() => UserProfileFormFieldsComponent)
+                        }
+                    ], template: "@let formFieldStates = formState().formFieldStates;\n\n@for (fieldState of formFieldStates; track fieldState.attribute) {\n  <!-- [groupNameRef]=\"groupNameRef\"\n  TODO: verify this logic\n  -->\n  <kc-group-label [attribute]=\"fieldState.attribute\"> </kc-group-label>\n\n  @if (beforeField) {\n    <ng-container\n      [ngTemplateOutlet]=\"beforeField\"\n      [ngTemplateOutletContext]=\"{\n        attribute: fieldState.attribute,\n        valueOrValues: fieldState.valueOrValues,\n        displayableErrors: fieldState.displayableErrors,\n      }\"\n    >\n    </ng-container>\n  }\n\n  <div\n    [kcClass]=\"'kcFormGroupClass'\"\n    [style.display]=\"fieldState.attribute.name === 'password-confirm' && !doMakeUserConfirmPassword ? 'none' : 'block'\"\n  >\n    <div [kcClass]=\"'kcLabelWrapperClass'\">\n      <label\n        [for]=\"fieldState.attribute.name\"\n        [kcClass]=\"'kcLabelClass'\"\n      >\n        {{ fieldState.attribute.displayName ?? '' | advancedMsgStr }}\n        @if (fieldState.attribute.required) {\n          *\n        }\n      </label>\n    </div>\n\n    <div [kcClass]=\"'kcInputWrapperClass'\">\n      @if (fieldState.attribute.annotations.inputHelperTextBefore) {\n        <div\n          [kcClass]=\"'kcInputHelperTextBeforeClass'\"\n          [id]=\"'form-help-text-before-' + fieldState.attribute.name\"\n          aria-live=\"polite\"\n        >\n          {{ fieldState.attribute.annotations.inputHelperTextBefore | advancedMsgStr }}\n        </div>\n      }\n\n      <kc-input-field-by-type\n        [attribute]=\"fieldState.attribute\"\n        [valueOrValues]=\"fieldState.valueOrValues\"\n        [displayableErrors]=\"fieldState.displayableErrors\"\n        (dispatchFormAction)=\"onDispatch($event)\"\n      >\n      </kc-input-field-by-type>\n\n      <kc-field-errors\n        [attribute]=\"fieldState.attribute\"\n        [displayableErrors]=\"fieldState.displayableErrors\"\n      >\n      </kc-field-errors>\n      @if (fieldState.attribute.annotations.inputHelperTextAfter) {\n        <div\n          [kcClass]=\"'kcInputHelperTextAfterClass'\"\n          [id]=\"'form-help-text-after-' + fieldState.attribute.name\"\n          aria-live=\"polite\"\n        >\n          {{ fieldState.attribute.annotations.inputHelperTextAfter | advancedMsgStr }}\n        </div>\n      }\n\n      @if (afterField) {\n        <ng-container\n          [ngTemplateOutlet]=\"afterField\"\n          [ngTemplateOutletContext]=\"{\n            attribute: fieldState.attribute,\n            valueOrValues: fieldState.valueOrValues,\n            displayableErrors: fieldState.displayableErrors,\n          }\"\n        >\n        </ng-container>\n      }\n      <!-- NOTE: Downloading of html5DataAnnotations scripts is done in the useUserProfileForm hook -->\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { beforeField: [{
+                type: ContentChild,
+                args: ['beforField']
+            }], afterField: [{
+                type: ContentChild,
+                args: ['afterField']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLWZvcm0tZmllbGRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tleWNsb2FraWZ5LWFuZ3VsYXIvc3JjL2xvZ2luL2NvbXBvbmVudHMvdXNlci1wcm9maWxlLWZvcm0tZmllbGRzL3VzZXItcHJvZmlsZS1mb3JtLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb21wb25lbnRzL3VzZXItcHJvZmlsZS1mb3JtLWZpZWxkcy91c2VyLXByb2ZpbGUtZm9ybS1maWVsZHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixVQUFVLEVBQ1YsTUFBTSxFQUNOLE1BQU0sRUFFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0gsNkJBQTZCLEVBQzdCLFVBQVUsRUFDVixPQUFPLEVBQ1AsZUFBZSxFQUNsQixNQUFNLHFDQUFxQyxDQUFDO0FBRzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQzVGLE9BQU8sRUFFSCxzQkFBc0IsRUFDekIsTUFBTSwrREFBK0QsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUNqSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5RUFBeUUsQ0FBQztBQUM5RyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5RkFBeUYsQ0FBQzs7QUE4QnBJLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxrQkFBa0I7SUFjbEU7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQWRaLGNBQVMsR0FBRyxNQUFNLENBQVksVUFBVSxDQUFDLENBQUM7UUFDMUMsMkJBQXNCLEdBQUcsTUFBTSxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDeEQsOEJBQXlCLEdBQUcsTUFBTSxDQUFDLDZCQUE2QixDQUFDLENBQUM7UUFDekQsb0JBQWUsR0FBRyxNQUFNLENBQVUsZUFBZSxDQUFDLENBQUM7UUFDbkQsWUFBTyxHQUFHLE1BQU0sQ0FBb0MsT0FBTyxDQUFDLENBQUM7UUFFdEUsd0JBQW1CLEdBQUcsTUFBTSxFQUFXLENBQUM7UUFFeEMsY0FBUyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxTQUFTLENBQUM7UUFPOUMsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNSLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLGlCQUFpQixDQUFDO1lBQzdELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNyRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVLENBQUMsVUFBc0I7UUFDN0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQy9ELENBQUM7OEdBeEJRLDhCQUE4QjtrR0FBOUIsOEJBQThCLG1JQVI1QjtZQUNQLHNCQUFzQjtZQUN0QjtnQkFDSSxPQUFPLEVBQUUsa0JBQWtCO2dCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2FBQ2hFO1NBQ0osbVBDeERMLHV3RkFxRkEsbUZEN0NRLGdCQUFnQiwrRkFDaEIsb0JBQW9CLHNIQUNwQix5QkFBeUIsaUtBQ3pCLG1CQUFtQiwrRkFDbkIsZ0JBQWdCLCtJQUNoQixrQkFBa0I7OzJGQWFiLDhCQUE4QjtrQkE1QjFDLFNBQVM7aUNBQ00sSUFBSSxXQVFQO3dCQUNMLGdCQUFnQjt3QkFDaEIsb0JBQW9CO3dCQUNwQix5QkFBeUI7d0JBQ3pCLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixrQkFBa0I7cUJBQ3JCLFlBQ1MsNkJBQTZCLG1CQUV0Qix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQLHNCQUFzQjt3QkFDdEI7NEJBQ0ksT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsK0JBQStCLENBQUM7eUJBQ2hFO3FCQUNKO3dEQWEyQixXQUFXO3NCQUF0QyxZQUFZO3VCQUFDLFlBQVk7Z0JBQ0UsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBDb250ZW50Q2hpbGQsXG4gICAgZWZmZWN0LFxuICAgIGZvcndhcmRSZWYsXG4gICAgaW5qZWN0LFxuICAgIG91dHB1dCxcbiAgICBUZW1wbGF0ZVJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgRE9fTUFLRV9VU0VSX0NPTkZJUk1fUEFTU1dPUkQsXG4gICAgS0NfQ09OVEVYVCxcbiAgICBDTEFTU0VTLFxuICAgIFVTRV9ERUZBVUxUX0NTU1xufSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBDbGFzc0tleSB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgS2NDb250ZXh0IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IENvbXBvbmVudFJlZmVyZW5jZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS5jbGFzcyc7XG5pbXBvcnQgeyBLY0NsYXNzRGlyZWN0aXZlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vZGlyZWN0aXZlcy9rYy1jbGFzcy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQWR2YW5jZWRNc2dTdHJQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMvYWR2YW5jZWQtbXNnLXN0ci5waXBlJztcbmltcG9ydCB7XG4gICAgRm9ybUFjdGlvbixcbiAgICBVc2VyUHJvZmlsZUZvcm1TZXJ2aWNlXG59IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3NlcnZpY2VzL3VzZXItcHJvZmlsZS1mb3JtLnNlcnZpY2UnO1xuaW1wb3J0IHsgRmllbGRFcnJvcnNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2ZpZWxkLWVycm9ycy9maWVsZC1lcnJvcnMuY29tcG9uZW50JztcbmltcG9ydCB7IEdyb3VwTGFiZWxDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2dyb3VwLWxhYmVsL2dyb3VwLWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbnB1dEZpZWxkQnlUeXBlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29tcG9uZW50cy9pbnB1dC1maWVsZC1ieS10eXBlL2lucHV0LWZpZWxkLWJ5LXR5cGUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzdHlsZXM6IFtcbiAgICAgICAgYFxuICAgICAgICAgICAgOmhvc3Qge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAgICAgICAgICAgfVxuICAgICAgICBgXG4gICAgXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIEtjQ2xhc3NEaXJlY3RpdmUsXG4gICAgICAgIEZpZWxkRXJyb3JzQ29tcG9uZW50LFxuICAgICAgICBJbnB1dEZpZWxkQnlUeXBlQ29tcG9uZW50LFxuICAgICAgICBHcm91cExhYmVsQ29tcG9uZW50LFxuICAgICAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgICAgICBBZHZhbmNlZE1zZ1N0clBpcGVcbiAgICBdLFxuICAgIHNlbGVjdG9yOiAna2MtdXNlci1wcm9maWxlLWZvcm0tZmllbGRzJyxcbiAgICB0ZW1wbGF0ZVVybDogJ3VzZXItcHJvZmlsZS1mb3JtLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFVzZXJQcm9maWxlRm9ybVNlcnZpY2UsXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFVzZXJQcm9maWxlRm9ybUZpZWxkc0NvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgVXNlclByb2ZpbGVGb3JtRmllbGRzQ29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50UmVmZXJlbmNlIHtcbiAgICBrY0NvbnRleHQgPSBpbmplY3Q8S2NDb250ZXh0PihLQ19DT05URVhUKTtcbiAgICB1c2VyUHJvZmlsZUZvcm1TZXJ2aWNlID0gaW5qZWN0KFVzZXJQcm9maWxlRm9ybVNlcnZpY2UpO1xuICAgIGRvTWFrZVVzZXJDb25maXJtUGFzc3dvcmQgPSBpbmplY3QoRE9fTUFLRV9VU0VSX0NPTkZJUk1fUEFTU1dPUkQpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihDTEFTU0VTKTtcblxuICAgIG9uSXNGb3JtU3VibWl0dGFibGUgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcblxuICAgIGZvcm1TdGF0ZSA9IHRoaXMudXNlclByb2ZpbGVGb3JtU2VydmljZS5mb3JtU3RhdGU7XG5cbiAgICBAQ29udGVudENoaWxkKCdiZWZvckZpZWxkJykgYmVmb3JlRmllbGQ6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgdW5kZWZpbmVkO1xuICAgIEBDb250ZW50Q2hpbGQoJ2FmdGVyRmllbGQnKSBhZnRlckZpZWxkOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgaXNGb3JtU3VibWl0dGFibGUgPSB0aGlzLmZvcm1TdGF0ZSgpLmlzRm9ybVN1Ym1pdHRhYmxlO1xuICAgICAgICAgICAgdGhpcy5vbklzRm9ybVN1Ym1pdHRhYmxlLmVtaXQoaXNGb3JtU3VibWl0dGFibGUpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbkRpc3BhdGNoKGZvcm1BY3Rpb246IEZvcm1BY3Rpb24pIHtcbiAgICAgICAgdGhpcy51c2VyUHJvZmlsZUZvcm1TZXJ2aWNlLmRpc3BhdGNoRm9ybUFjdGlvbihmb3JtQWN0aW9uKTtcbiAgICB9XG59XG4iLCJAbGV0IGZvcm1GaWVsZFN0YXRlcyA9IGZvcm1TdGF0ZSgpLmZvcm1GaWVsZFN0YXRlcztcblxuQGZvciAoZmllbGRTdGF0ZSBvZiBmb3JtRmllbGRTdGF0ZXM7IHRyYWNrIGZpZWxkU3RhdGUuYXR0cmlidXRlKSB7XG4gIDwhLS0gW2dyb3VwTmFtZVJlZl09XCJncm91cE5hbWVSZWZcIlxuICBUT0RPOiB2ZXJpZnkgdGhpcyBsb2dpY1xuICAtLT5cbiAgPGtjLWdyb3VwLWxhYmVsIFthdHRyaWJ1dGVdPVwiZmllbGRTdGF0ZS5hdHRyaWJ1dGVcIj4gPC9rYy1ncm91cC1sYWJlbD5cblxuICBAaWYgKGJlZm9yZUZpZWxkKSB7XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiYmVmb3JlRmllbGRcIlxuICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntcbiAgICAgICAgYXR0cmlidXRlOiBmaWVsZFN0YXRlLmF0dHJpYnV0ZSxcbiAgICAgICAgdmFsdWVPclZhbHVlczogZmllbGRTdGF0ZS52YWx1ZU9yVmFsdWVzLFxuICAgICAgICBkaXNwbGF5YWJsZUVycm9yczogZmllbGRTdGF0ZS5kaXNwbGF5YWJsZUVycm9ycyxcbiAgICAgIH1cIlxuICAgID5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgfVxuXG4gIDxkaXZcbiAgICBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIlxuICAgIFtzdHlsZS5kaXNwbGF5XT1cImZpZWxkU3RhdGUuYXR0cmlidXRlLm5hbWUgPT09ICdwYXNzd29yZC1jb25maXJtJyAmJiAhZG9NYWtlVXNlckNvbmZpcm1QYXNzd29yZCA/ICdub25lJyA6ICdibG9jaydcIlxuICA+XG4gICAgPGRpdiBba2NDbGFzc109XCIna2NMYWJlbFdyYXBwZXJDbGFzcydcIj5cbiAgICAgIDxsYWJlbFxuICAgICAgICBbZm9yXT1cImZpZWxkU3RhdGUuYXR0cmlidXRlLm5hbWVcIlxuICAgICAgICBba2NDbGFzc109XCIna2NMYWJlbENsYXNzJ1wiXG4gICAgICA+XG4gICAgICAgIHt7IGZpZWxkU3RhdGUuYXR0cmlidXRlLmRpc3BsYXlOYW1lID8/ICcnIHwgYWR2YW5jZWRNc2dTdHIgfX1cbiAgICAgICAgQGlmIChmaWVsZFN0YXRlLmF0dHJpYnV0ZS5yZXF1aXJlZCkge1xuICAgICAgICAgICpcbiAgICAgICAgfVxuICAgICAgPC9sYWJlbD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICBAaWYgKGZpZWxkU3RhdGUuYXR0cmlidXRlLmFubm90YXRpb25zLmlucHV0SGVscGVyVGV4dEJlZm9yZSkge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRIZWxwZXJUZXh0QmVmb3JlQ2xhc3MnXCJcbiAgICAgICAgICBbaWRdPVwiJ2Zvcm0taGVscC10ZXh0LWJlZm9yZS0nICsgZmllbGRTdGF0ZS5hdHRyaWJ1dGUubmFtZVwiXG4gICAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IGZpZWxkU3RhdGUuYXR0cmlidXRlLmFubm90YXRpb25zLmlucHV0SGVscGVyVGV4dEJlZm9yZSB8IGFkdmFuY2VkTXNnU3RyIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuXG4gICAgICA8a2MtaW5wdXQtZmllbGQtYnktdHlwZVxuICAgICAgICBbYXR0cmlidXRlXT1cImZpZWxkU3RhdGUuYXR0cmlidXRlXCJcbiAgICAgICAgW3ZhbHVlT3JWYWx1ZXNdPVwiZmllbGRTdGF0ZS52YWx1ZU9yVmFsdWVzXCJcbiAgICAgICAgW2Rpc3BsYXlhYmxlRXJyb3JzXT1cImZpZWxkU3RhdGUuZGlzcGxheWFibGVFcnJvcnNcIlxuICAgICAgICAoZGlzcGF0Y2hGb3JtQWN0aW9uKT1cIm9uRGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICA8L2tjLWlucHV0LWZpZWxkLWJ5LXR5cGU+XG5cbiAgICAgIDxrYy1maWVsZC1lcnJvcnNcbiAgICAgICAgW2F0dHJpYnV0ZV09XCJmaWVsZFN0YXRlLmF0dHJpYnV0ZVwiXG4gICAgICAgIFtkaXNwbGF5YWJsZUVycm9yc109XCJmaWVsZFN0YXRlLmRpc3BsYXlhYmxlRXJyb3JzXCJcbiAgICAgID5cbiAgICAgIDwva2MtZmllbGQtZXJyb3JzPlxuICAgICAgQGlmIChmaWVsZFN0YXRlLmF0dHJpYnV0ZS5hbm5vdGF0aW9ucy5pbnB1dEhlbHBlclRleHRBZnRlcikge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSW5wdXRIZWxwZXJUZXh0QWZ0ZXJDbGFzcydcIlxuICAgICAgICAgIFtpZF09XCInZm9ybS1oZWxwLXRleHQtYWZ0ZXItJyArIGZpZWxkU3RhdGUuYXR0cmlidXRlLm5hbWVcIlxuICAgICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBmaWVsZFN0YXRlLmF0dHJpYnV0ZS5hbm5vdGF0aW9ucy5pbnB1dEhlbHBlclRleHRBZnRlciB8IGFkdmFuY2VkTXNnU3RyIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuXG4gICAgICBAaWYgKGFmdGVyRmllbGQpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFmdGVyRmllbGRcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG4gICAgICAgICAgICBhdHRyaWJ1dGU6IGZpZWxkU3RhdGUuYXR0cmlidXRlLFxuICAgICAgICAgICAgdmFsdWVPclZhbHVlczogZmllbGRTdGF0ZS52YWx1ZU9yVmFsdWVzLFxuICAgICAgICAgICAgZGlzcGxheWFibGVFcnJvcnM6IGZpZWxkU3RhdGUuZGlzcGxheWFibGVFcnJvcnMsXG4gICAgICAgICAgfVwiXG4gICAgICAgID5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICB9XG4gICAgICA8IS0tIE5PVEU6IERvd25sb2FkaW5nIG9mIGh0bWw1RGF0YUFubm90YXRpb25zIHNjcmlwdHMgaXMgZG9uZSBpbiB0aGUgdXNlVXNlclByb2ZpbGVGb3JtIGhvb2sgLS0+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuIl19

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

@@ -1,11 +1,12 @@
-import { OnInit, Renderer2 } from "@angular/core";
-import { Meta, Title } from "@angular/platform-browser";
-import type { I18n } from "../../login/i18n";
-import { KcContext } from "keycloakify/login/KcContext/KcContext";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
-import { Observable } from "rxjs";
-import { ComponentReference } from "../../login/classes/component-reference.class";
-import { LoginResourceInjectorService } from "../../login/services/login-resource-injector.service";
+import { OnInit, Renderer2 } from '@angular/core';
+import { Meta, Title } from '@angular/platform-browser';
+import type { I18n } from '../../login/i18n';
+import { KcContext } from 'keycloakify/login/KcContext/KcContext';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import { Observable } from 'rxjs';
+import { ComponentReference } from '../../login/classes/component-reference.class';
+import { LoginResourceInjectorService } from '../../login/services/login-resource-injector.service';
+import * as i0 from "@angular/core";
 export declare class TemplateComponent extends ComponentReference implements OnInit {
     i18n: I18n;
     renderer: Renderer2;
@@ -25,4 +26,6 @@ export declare class TemplateComponent extends ComponentReference implements OnI
     ngOnInit(): void;
     private applyKcIndexClasses;
     tryAnotherWay(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplateComponent, "kc-login-template", never, { "displayInfo": { "alias": "displayInfo"; "required": false; "isSignal": true; }; "displayMessage": { "alias": "displayMessage"; "required": false; "isSignal": true; }; "displayRequiredFields": { "alias": "displayRequiredFields"; "required": false; "isSignal": true; }; "documentTitle": { "alias": "documentTitle"; "required": false; "isSignal": true; }; "bodyClassName": { "alias": "bodyClassName"; "required": false; "isSignal": true; }; }, {}, never, ["[headerNode]", "[content]", "[socialProvidersNode]", "[infoNode]"], true, never>;
 }

package/login/containers/template.component.mjs

@@ -0,0 +1,71 @@
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2 } from '@angular/core';
+import { Meta, Title } from '@angular/platform-browser';
+import { CLASSES, I18N, KC_CONTEXT, USE_DEFAULT_CSS } from '../../lib/public-api';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '../../login/classes/component-reference.class';
+import { KcClassDirective } from '../../login/directives/kc-class.directive';
+import { KcSanitizePipe } from '../../login/pipes';
+import { MsgStrPipe } from '../../login/pipes/msg-str.pipe';
+import { LoginResourceInjectorService } from '../../login/services/login-resource-injector.service';
+import * as i0 from "@angular/core";
+export class TemplateComponent extends ComponentReference {
+    constructor() {
+        super();
+        this.i18n = inject(I18N);
+        this.renderer = inject(Renderer2);
+        this.meta = inject(Meta);
+        this.title = inject(Title);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.loginResourceInjectorService = inject(LoginResourceInjectorService);
+        this.displayInfo = input(false);
+        this.displayMessage = input(true);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = 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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: TemplateComponent, isStandalone: true, selector: "kc-login-template", inputs: { displayInfo: { classPropertyName: "displayInfo", publicName: "displayInfo", isSignal: true, isRequired: false, transformFunction: null }, displayMessage: { classPropertyName: "displayMessage", publicName: "displayMessage", isSignal: true, isRequired: false, transformFunction: null }, displayRequiredFields: { classPropertyName: "displayRequiredFields", publicName: "displayRequiredFields", isSignal: true, isRequired: false, transformFunction: null }, documentTitle: { classPropertyName: "documentTitle", publicName: "documentTitle", isSignal: true, isRequired: false, transformFunction: null }, bodyClassName: { classPropertyName: "bodyClassName", publicName: "bodyClassName", 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                [kcClass]=\"'kcLocaleDropDownClass'\"\n                class=\"menu-button-links\"\n              >\n                <button\n                  tabindex=\"1\"\n                  id=\"kc-current-locale-link\"\n                  [attr.aria-label]=\"'languages' | msgStr\"\n                  aria-haspopup=\"true\"\n                  aria-expanded=\"false\"\n                  aria-controls=\"language-switch1\"\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                      [kcClass]=\"'kcLocaleListItemClass'\"\n                      role=\"none\"\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              <ng-content select=\"[headerNode]\"></ng-content>\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]=\"'restartLoginTooltip' | msgStr\"\n              >\n                <div class=\"kc-login-tooltip\">\n                  <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                  <span class=\"kc-tooltip-text\">\n                    {{ 'restartLoginTooltip' | msgStr }}\n                  </span>\n                </div>\n              </a>\n            </div>\n          }\n        </ng-template>\n\n        @if (displayRequiredFields()) {\n          <div [kcClass]=\"'kcContentWrapperClass'\">\n            <div\n              [kcClass]=\"'kcLabelWrapperClass'\"\n              class=\"subtitle\"\n            >\n              <span class=\"subtitle\">\n                <span class=\"required\">*</span>\n                {{ 'requiredFields' | msgStr }}\n              </span>\n            </div>\n            <div class=\"col-md-10\">\n              <ng-container [ngTemplateOutlet]=\"node\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"node\"></ng-container>\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          <ng-content select=\"[content]\"></ng-content>\n          @if (!!auth && auth?.showTryAnotherWayLink) {\n            <form\n              id=\"kc-select-try-another-way-form\"\n              [action]=\"url?.loginAction\"\n              method=\"post\"\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                    {{ 'doTryAnotherWay' | msgStr }}\n                  </a>\n                </div>\n              </div>\n            </form>\n          }\n\n          <ng-content select=\"[socialProvidersNode]\"></ng-content>\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                <ng-content select=\"[infoNode]\"></ng-content>\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: "pipe", type: MsgStrPipe, name: "msgStr" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kc-login-template', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, MsgStrPipe], 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                [kcClass]=\"'kcLocaleDropDownClass'\"\n                class=\"menu-button-links\"\n              >\n                <button\n                  tabindex=\"1\"\n                  id=\"kc-current-locale-link\"\n                  [attr.aria-label]=\"'languages' | msgStr\"\n                  aria-haspopup=\"true\"\n                  aria-expanded=\"false\"\n                  aria-controls=\"language-switch1\"\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                      [kcClass]=\"'kcLocaleListItemClass'\"\n                      role=\"none\"\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              <ng-content select=\"[headerNode]\"></ng-content>\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]=\"'restartLoginTooltip' | msgStr\"\n              >\n                <div class=\"kc-login-tooltip\">\n                  <i [kcClass]=\"'kcResetFlowIcon'\"></i>\n                  <span class=\"kc-tooltip-text\">\n                    {{ 'restartLoginTooltip' | msgStr }}\n                  </span>\n                </div>\n              </a>\n            </div>\n          }\n        </ng-template>\n\n        @if (displayRequiredFields()) {\n          <div [kcClass]=\"'kcContentWrapperClass'\">\n            <div\n              [kcClass]=\"'kcLabelWrapperClass'\"\n              class=\"subtitle\"\n            >\n              <span class=\"subtitle\">\n                <span class=\"required\">*</span>\n                {{ 'requiredFields' | msgStr }}\n              </span>\n            </div>\n            <div class=\"col-md-10\">\n              <ng-container [ngTemplateOutlet]=\"node\"></ng-container>\n            </div>\n          </div>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"node\"></ng-container>\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          <ng-content select=\"[content]\"></ng-content>\n          @if (!!auth && auth?.showTryAnotherWayLink) {\n            <form\n              id=\"kc-select-try-another-way-form\"\n              [action]=\"url?.loginAction\"\n              method=\"post\"\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                    {{ 'doTryAnotherWay' | msgStr }}\n                  </a>\n                </div>\n              </div>\n            </form>\n          }\n\n          <ng-content select=\"[socialProvidersNode]\"></ng-content>\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                <ng-content select=\"[infoNode]\"></ng-content>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vY29udGFpbmVycy90ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9jb250YWluZXJzL3RlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5RCxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFFTCxTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLEVBQ0gsT0FBTyxFQUNQLElBQUksRUFDSixVQUFVLEVBQ1YsZUFBZSxFQUNsQixNQUFNLHFDQUFxQyxDQUFDO0FBRzdDLE9BQU8sRUFBWSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUM1RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHFFQUFxRSxDQUFDOztBQWVuSCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsa0JBQWtCO0lBa0JyRDtRQUNJLEtBQUssRUFBRSxDQUFDO1FBbEJaLFNBQUksR0FBRyxNQUFNLENBQU8sSUFBSSxDQUFDLENBQUM7UUFDMUIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixTQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3BCLFVBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdEIsY0FBUyxHQUFHLE1BQU0sQ0FBWSxVQUFVLENBQUMsQ0FBQztRQUNqQyxvQkFBZSxHQUFHLE1BQU0sQ0FBVSxlQUFlLENBQUMsQ0FBQztRQUNuRCxZQUFPLEdBQUcsTUFBTSxDQUFvQyxPQUFPLENBQUMsQ0FBQztRQUN0RSxpQ0FBNEIsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztRQUVwRSxnQkFBVyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixtQkFBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QiwwQkFBcUIsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBTTVCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNmLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUN2RSxDQUFDO1FBQ0YsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxjQUFjLENBQ3BFLElBQUksQ0FBQyxlQUFlLENBQ3ZCLENBQUM7SUFDTixDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFTyxtQkFBbUI7UUFDdkIsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO1lBQ3JCLGVBQWUsRUFBRSxJQUFJLENBQUMsZUFBZTtZQUNyQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87U0FDeEIsQ0FBQyxDQUFDLE1BQU0sQ0FBQztRQUNWLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbEUsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzFDLE1BQU0sYUFBYSxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsTUFBTSxhQUFhLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQyxhQUFhLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDLENBQUM7UUFDSCxhQUFhLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDNUQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsYUFBYTtRQUNULFFBQVEsQ0FBQyxLQUFLLENBQUMsZ0NBQXlDLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUN2RSxDQUFDOzhHQXBEUSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpekJBUGY7WUFDUDtnQkFDSSxPQUFPLEVBQUUsa0JBQWtCO2dCQUMzQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2FBQ25EO1NBQ0osaURDdENMLHc0TkEyTUEsdUNENUtjLFNBQVMseUNBQUUsY0FBYyxtREFBRSxnQkFBZ0Isb0pBQUUsZ0JBQWdCLDBGQUFFLFVBQVU7OzJGQVMxRSxpQkFBaUI7a0JBYjdCLFNBQVM7K0JBQ0ksbUJBQW1CLGNBRWpCLElBQUksV0FDUCxDQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsVUFBVSxDQUFDLG1CQUNuRSx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDO3lCQUNuRDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSwgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBmb3J3YXJkUmVmLFxuICAgIGluamVjdCxcbiAgICBpbnB1dCxcbiAgICBPbkluaXQsXG4gICAgUmVuZGVyZXIyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWV0YSwgVGl0bGUgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcbmltcG9ydCB7XG4gICAgQ0xBU1NFUyxcbiAgICBJMThOLFxuICAgIEtDX0NPTlRFWFQsXG4gICAgVVNFX0RFRkFVTFRfQ1NTXG59IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xpYi9wdWJsaWMtYXBpJztcbmltcG9ydCB0eXBlIHsgSTE4biB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2kxOG4nO1xuaW1wb3J0IHsgS2NDb250ZXh0IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vS2NDb250ZXh0L0tjQ29udGV4dCc7XG5pbXBvcnQgeyBDbGFzc0tleSwgZ2V0S2NDbHN4IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UuY2xhc3MnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMva2MtY2xhc3MuZGlyZWN0aXZlJztcbmltcG9ydCB7IEtjU2FuaXRpemVQaXBlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vcGlwZXMnO1xuaW1wb3J0IHsgTXNnU3RyUGlwZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3BpcGVzL21zZy1zdHIucGlwZSc7XG5pbXBvcnQgeyBMb2dpblJlc291cmNlSW5qZWN0b3JTZXJ2aWNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vc2VydmljZXMvbG9naW4tcmVzb3VyY2UtaW5qZWN0b3Iuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2MtbG9naW4tdGVtcGxhdGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQXN5bmNQaXBlLCBLY1Nhbml0aXplUGlwZSwgTmdUZW1wbGF0ZU91dGxldCwgS2NDbGFzc0RpcmVjdGl2ZSwgTXNnU3RyUGlwZV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IENvbXBvbmVudFJlZmVyZW5jZSxcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRlbXBsYXRlQ29tcG9uZW50KVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBUZW1wbGF0ZUNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgaTE4biA9IGluamVjdDxJMThuPihJMThOKTtcbiAgICByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuICAgIG1ldGEgPSBpbmplY3QoTWV0YSk7XG4gICAgdGl0bGUgPSBpbmplY3QoVGl0bGUpO1xuICAgIGtjQ29udGV4dCA9IGluamVjdDxLY0NvbnRleHQ+KEtDX0NPTlRFWFQpO1xuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihDTEFTU0VTKTtcbiAgICBsb2dpblJlc291cmNlSW5qZWN0b3JTZXJ2aWNlID0gaW5qZWN0KExvZ2luUmVzb3VyY2VJbmplY3RvclNlcnZpY2UpO1xuXG4gICAgZGlzcGxheUluZm8gPSBpbnB1dChmYWxzZSk7XG4gICAgZGlzcGxheU1lc3NhZ2UgPSBpbnB1dCh0cnVlKTtcbiAgICBkaXNwbGF5UmVxdWlyZWRGaWVsZHMgPSBpbnB1dChmYWxzZSk7XG4gICAgZG9jdW1lbnRUaXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBib2R5Q2xhc3NOYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gICAgaXNSZWFkeVRvUmVuZGVyJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICB0aGlzLnRpdGxlLnNldFRpdGxlKFxuICAgICAgICAgICAgdGhpcy5kb2N1bWVudFRpdGxlKCkgPz9cbiAgICAgICAgICAgICAgICB0aGlzLmkxOG4ubXNnU3RyKCdsb2dpblRpdGxlJywgdGhpcy5rY0NvbnRleHQucmVhbG0uZGlzcGxheU5hbWUpXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuaXNSZWFkeVRvUmVuZGVyJCA9IHRoaXMubG9naW5SZXNvdXJjZUluamVjdG9yU2VydmljZS5pbmplY3RSZXNvdXJjZShcbiAgICAgICAgICAgIHRoaXMuZG9Vc2VEZWZhdWx0Q3NzXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYXBwbHlLY0luZGV4Q2xhc3NlcygpO1xuICAgIH1cblxuICAgIHByaXZhdGUgYXBwbHlLY0luZGV4Q2xhc3NlcygpIHtcbiAgICAgICAgY29uc3Qga2NDbHN4ID0gZ2V0S2NDbHN4KHtcbiAgICAgICAgICAgIGRvVXNlRGVmYXVsdENzczogdGhpcy5kb1VzZURlZmF1bHRDc3MsXG4gICAgICAgICAgICBjbGFzc2VzOiB0aGlzLmNsYXNzZXNcbiAgICAgICAgfSkua2NDbHN4O1xuICAgICAgICBjb25zdCBrY0JvZHlDbGFzcyA9IHRoaXMuYm9keUNsYXNzTmFtZSgpID8/IGtjQ2xzeCgna2NCb2R5Q2xhc3MnKTtcbiAgICAgICAgY29uc3Qga2NIdG1sQ2xhc3MgPSBrY0Nsc3goJ2tjSHRtbENsYXNzJyk7XG4gICAgICAgIGNvbnN0IGtjQm9keUNsYXNzZXMgPSBrY0JvZHlDbGFzcy5zcGxpdCgvXFxzKy8pO1xuICAgICAgICBjb25zdCBrY0h0bWxDbGFzc2VzID0ga2NIdG1sQ2xhc3Muc3BsaXQoL1xccysvKTtcbiAgICAgICAga2NCb2R5Q2xhc3Nlcy5mb3JFYWNoKGtsYXNzID0+IHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoZG9jdW1lbnQuYm9keSwga2xhc3MpO1xuICAgICAgICB9KTtcbiAgICAgICAga2NIdG1sQ2xhc3Nlcy5mb3JFYWNoKGtsYXNzID0+IHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LCBrbGFzcyk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHRyeUFub3RoZXJXYXkoKSB7XG4gICAgICAgIGRvY3VtZW50LmZvcm1zWydrYy1zZWxlY3QtdHJ5LWFub3RoZXItd2F5LWZvcm0nIGFzIG5ldmVyXS5zdWJtaXQoKTtcbiAgICB9XG59XG4iLCJAbGV0IHJlYWxtID0ga2NDb250ZXh0LnJlYWxtO1xuQGxldCBtZXNzYWdlID0ga2NDb250ZXh0Lm1lc3NhZ2U7XG5AbGV0IGF1dGggPSBrY0NvbnRleHQuYXV0aDtcbkBsZXQgaXNBcHBJbml0aWF0ZWRBY3Rpb24gPSBrY0NvbnRleHQuaXNBcHBJbml0aWF0ZWRBY3Rpb247XG5AbGV0IHVybCA9IGtjQ29udGV4dC51cmw7XG5AbGV0IGlzUmVhZHlUb1JlbmRlciA9IGlzUmVhZHlUb1JlbmRlciQgfCBhc3luYztcblxuQGlmIChpc1JlYWR5VG9SZW5kZXIpIHtcbiAgPGRpdiBba2NDbGFzc109XCIna2NMb2dpbkNsYXNzJ1wiPlxuICAgIDxkaXZcbiAgICAgIGlkPVwia2MtaGVhZGVyXCJcbiAgICAgIFtrY0NsYXNzXT1cIidrY0hlYWRlckNsYXNzJ1wiXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBpZD1cImtjLWhlYWRlci13cmFwcGVyXCJcbiAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSGVhZGVyV3JhcHBlckNsYXNzJ1wiXG4gICAgICA+XG4gICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJyZWFsbT8uZGlzcGxheU5hbWVIdG1sIHwga2NTYW5pdGl6ZTogJ2h0bWwnXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUNhcmRDbGFzcydcIj5cbiAgICAgIDxoZWFkZXIgW2tjQ2xhc3NdPVwiJ2tjRm9ybUhlYWRlckNsYXNzJ1wiPlxuICAgICAgICA8IS0tIExvY2FsZSBzd2l0Y2hlciAtLT5cbiAgICAgICAgQGlmIChpMThuLmVuYWJsZWRMYW5ndWFnZXMubGVuZ3RoID4gMSkge1xuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGlkPVwia2MtbG9jYWxlXCJcbiAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvY2FsZU1haW5DbGFzcydcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgaWQ9XCJrYy1sb2NhbGUtd3JhcHBlclwiXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvY2FsZVdyYXBwZXJDbGFzcydcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgaWQ9XCJrYy1sb2NhbGUtZHJvcGRvd25cIlxuICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvY2FsZURyb3BEb3duQ2xhc3MnXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtYnV0dG9uLWxpbmtzXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgIHRhYmluZGV4PVwiMVwiXG4gICAgICAgICAgICAgICAgICBpZD1cImtjLWN1cnJlbnQtbG9jYWxlLWxpbmtcIlxuICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInbGFuZ3VhZ2VzJyB8IG1zZ1N0clwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImxhbmd1YWdlLXN3aXRjaDFcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHt7IGkxOG4uY3VycmVudExhbmd1YWdlLmxhYmVsIH19XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPHVsXG4gICAgICAgICAgICAgICAgICByb2xlPVwibWVudVwiXG4gICAgICAgICAgICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImtjLWN1cnJlbnQtbG9jYWxlLWxpbmtcIlxuICAgICAgICAgICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PVwiXCJcbiAgICAgICAgICAgICAgICAgIGlkPVwibGFuZ3VhZ2Utc3dpdGNoMVwiXG4gICAgICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NMb2NhbGVMaXN0Q2xhc3MnXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICBAZm9yIChlbnRyeSBvZiBpMThuLmVuYWJsZWRMYW5ndWFnZXM7IHRyYWNrIGVudHJ5OyBsZXQgaWR4ID0gJGluZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xvY2FsZUxpc3RJdGVtQ2xhc3MnXCJcbiAgICAgICAgICAgICAgICAgICAgICByb2xlPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cIm1lbnVpdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRhYmluZGV4PVwiLTFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2hyZWZdPVwiZW50cnkuaHJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NMb2NhbGVJdGVtQ2xhc3MnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpZF09XCInbGFuZ3VhZ2UtJyArIGlkeFwiXG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgZW50cnkubGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gSGVhZGVyIGNvbnRlbnQgLS0+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbm9kZT5cbiAgICAgICAgICBAaWYgKGF1dGggJiYgIWF1dGguc2hvd1VzZXJuYW1lICYmICFhdXRoLnNob3dSZXNldENyZWRlbnRpYWxzKSB7XG4gICAgICAgICAgICA8aDEgaWQ9XCJrYy1wYWdlLXRpdGxlXCI+XG4gICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXJOb2RlXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGlkPVwia2MtdXNlcm5hbWVcIlxuICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bGFiZWwgaWQ9XCJrYy1hdHRlbXB0ZWQtdXNlcm5hbWVcIj57eyBhdXRoPy5hdHRlbXB0ZWRVc2VybmFtZSB9fTwvbGFiZWw+XG4gICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgaWQ9XCJyZXNldC1sb2dpblwiXG4gICAgICAgICAgICAgICAgW2hyZWZdPVwidXJsPy5sb2dpblJlc3RhcnRGbG93VXJsXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidyZXN0YXJ0TG9naW5Ub29sdGlwJyB8IG1zZ1N0clwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwia2MtbG9naW4tdG9vbHRpcFwiPlxuICAgICAgICAgICAgICAgICAgPGkgW2tjQ2xhc3NdPVwiJ2tjUmVzZXRGbG93SWNvbidcIj48L2k+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImtjLXRvb2x0aXAtdGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICB7eyAncmVzdGFydExvZ2luVG9vbHRpcCcgfCBtc2dTdHIgfX1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIEBpZiAoZGlzcGxheVJlcXVpcmVkRmllbGRzKCkpIHtcbiAgICAgICAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0NvbnRlbnRXcmFwcGVyQ2xhc3MnXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0xhYmVsV3JhcHBlckNsYXNzJ1wiXG4gICAgICAgICAgICAgIGNsYXNzPVwic3VidGl0bGVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJyZXF1aXJlZFwiPio8L3NwYW4+XG4gICAgICAgICAgICAgICAge3sgJ3JlcXVpcmVkRmllbGRzJyB8IG1zZ1N0ciB9fVxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTBcIj5cbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJub2RlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJub2RlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIH1cbiAgICAgIDwvaGVhZGVyPlxuXG4gICAgICA8ZGl2IGlkPVwia2MtY29udGVudFwiPlxuICAgICAgICA8ZGl2IGlkPVwia2MtY29udGVudC13cmFwcGVyXCI+XG4gICAgICAgICAgPCEtLSBNZXNzYWdlIGRpc3BsYXkgLS0+XG4gICAgICAgICAgQGlmIChkaXNwbGF5TWVzc2FnZSgpICYmIG1lc3NhZ2UgJiYgKG1lc3NhZ2UudHlwZSAhPT0gJ3dhcm5pbmcnIHx8ICFpc0FwcEluaXRpYXRlZEFjdGlvbikpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjQWxlcnRDbGFzcydcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJtZXNzYWdlLnR5cGUgPT09ICdlcnJvcicgPyAncGYtbS1kYW5nZXInIDogJ3BmLW0tJyArIG1lc3NhZ2UudHlwZVwiXG4gICAgICAgICAgICAgIFtjbGFzc109XCInYWxlcnQtJyArIG1lc3NhZ2UudHlwZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwZi1jLWFsZXJ0X19pY29uXCI+XG4gICAgICAgICAgICAgICAgQHN3aXRjaCAobWVzc2FnZS50eXBlKSB7XG4gICAgICAgICAgICAgICAgICBAY2FzZSAoJ3N1Y2Nlc3MnKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIFtrY0NsYXNzXT1cIidrY0ZlZWRiYWNrU3VjY2Vzc0ljb24nXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgQGNhc2UgKCd3YXJuaW5nJykge1xuICAgICAgICAgICAgICAgICAgICA8c3BhbiBba2NDbGFzc109XCIna2NGZWVkYmFja1dhcm5pbmdJY29uJ1wiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIEBjYXNlICgnaW5mbycpIHtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gW2tjQ2xhc3NdPVwiJ2tjRmVlZGJhY2tJbmZvSWNvbidcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBAY2FzZSAoJ2Vycm9yJykge1xuICAgICAgICAgICAgICAgICAgICA8c3BhbiBba2NDbGFzc109XCIna2NGZWVkYmFja0Vycm9ySWNvbidcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBba2NDbGFzc109XCIna2NBbGVydFRpdGxlQ2xhc3MnXCJcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIm1lc3NhZ2Uuc3VtbWFyeSB8IGtjU2FuaXRpemU6ICdodG1sJ1wiXG4gICAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgPCEtLSBDb250ZW50IC0tPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICBAaWYgKCEhYXV0aCAmJiBhdXRoPy5zaG93VHJ5QW5vdGhlcldheUxpbmspIHtcbiAgICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICAgIGlkPVwia2Mtc2VsZWN0LXRyeS1hbm90aGVyLXdheS1mb3JtXCJcbiAgICAgICAgICAgICAgW2FjdGlvbl09XCJ1cmw/LmxvZ2luQWN0aW9uXCJcbiAgICAgICAgICAgICAgbWV0aG9kPVwicG9zdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBba2NDbGFzc109XCIna2NGb3JtR3JvdXBDbGFzcydcIj5cbiAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cInRyeUFub3RoZXJXYXlcIlxuICAgICAgICAgICAgICAgICAgICB2YWx1ZT1cIm9uXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgICAgICBpZD1cInRyeS1hbm90aGVyLXdheVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJ0cnlBbm90aGVyV2F5KClcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyAnZG9UcnlBbm90aGVyV2F5JyB8IG1zZ1N0ciB9fVxuICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICB9XG5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc29jaWFsUHJvdmlkZXJzTm9kZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPCEtLSBJbmZvIGRpc3BsYXkgLS0+XG4gICAgICAgICAgQGlmIChkaXNwbGF5SW5mbygpKSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGlkPVwia2MtaW5mb1wiXG4gICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY1NpZ25VcENsYXNzJ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBpZD1cImtjLWluZm8td3JhcHBlclwiXG4gICAgICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjSW5mb0FyZWFXcmFwcGVyQ2xhc3MnXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpbmZvTm9kZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbn1cbiJdfQ==

package/login/directives/attributes.directive.d.ts

@@ -1,5 +1,8 @@
+import * as i0 from "@angular/core";
 export declare class AttributesDirective {
     #private;
     kcAttributes: import("@angular/core").InputSignal<Record<string, string> | undefined>;
     constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AttributesDirective, "[kcAttributes]", never, { "kcAttributes": { "alias": "kcAttributes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/login/directives/attributes.directive.mjs

@@ -0,0 +1,26 @@
+import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AttributesDirective {
+    #el;
+    #renderer;
+    constructor() {
+        this.kcAttributes = input();
+        this.#el = inject(ElementRef);
+        this.#renderer = inject(Renderer2);
+        effect(() => {
+            const attributes = this.kcAttributes();
+            if (attributes) {
+                Object.entries(attributes).forEach(([key, value]) => {
+                    this.#renderer.setAttribute(this.#el.nativeElement, `data-${key}`, value);
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AttributesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: AttributesDirective, isStandalone: true, selector: "[kcAttributes]", inputs: { kcAttributes: { classPropertyName: "kcAttributes", publicName: "kcAttributes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AttributesDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kcAttributes]', standalone: true }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0cmlidXRlcy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9kaXJlY3RpdmVzL2F0dHJpYnV0ZXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHeEYsTUFBTSxPQUFPLG1CQUFtQjtJQUVuQixHQUFHLENBQStDO0lBQ2xELFNBQVMsQ0FBcUI7SUFFdkM7UUFKQSxpQkFBWSxHQUFHLEtBQUssRUFBMEIsQ0FBQztRQUN0QyxRQUFHLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBR25DLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDUixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdkMsSUFBSSxVQUFVLEVBQUUsQ0FBQztnQkFDYixNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUU7b0JBQ2hELElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFDdEIsUUFBUSxHQUFHLEVBQUUsRUFDYixLQUFLLENBQ1IsQ0FBQztnQkFDTixDQUFDLENBQUMsQ0FBQztZQUNQLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7OEdBbEJRLG1CQUFtQjtrR0FBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQUQvQixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGVmZmVjdCwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1trY0F0dHJpYnV0ZXNdJywgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIEF0dHJpYnV0ZXNEaXJlY3RpdmUge1xuICAgIGtjQXR0cmlidXRlcyA9IGlucHV0PFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KCk7XG4gICAgcmVhZG9ubHkgI2VsID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcbiAgICByZWFkb25seSAjcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgYXR0cmlidXRlcyA9IHRoaXMua2NBdHRyaWJ1dGVzKCk7XG4gICAgICAgICAgICBpZiAoYXR0cmlidXRlcykge1xuICAgICAgICAgICAgICAgIE9iamVjdC5lbnRyaWVzKGF0dHJpYnV0ZXMpLmZvckVhY2goKFtrZXksIHZhbHVlXSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLiNyZW5kZXJlci5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLiNlbC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICAgICAgYGRhdGEtJHtrZXl9YCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==

package/login/directives/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./attributes.directive";
-export * from "./kc-class.directive";
+export * from './attributes.directive';
+export * from './kc-class.directive';

package/login/directives/index.mjs

@@ -0,0 +1,3 @@
+export * from './attributes.directive';
+export * from './kc-class.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZXljbG9ha2lmeS1hbmd1bGFyL3NyYy9sb2dpbi9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXR0cmlidXRlcy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9rYy1jbGFzcy5kaXJlY3RpdmUnO1xuIl19

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

@@ -1,5 +1,6 @@
-import { DoCheck } from "@angular/core";
-import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { DoCheck } from '@angular/core';
+import { ClassKey } from 'keycloakify/login/lib/kcClsx';
+import * as i0 from "@angular/core";
 type KcClassSupportedTypes = ClassKey[] | Set<ClassKey> | Partial<{
     [key in ClassKey]: any;
 }> | null | undefined;
@@ -19,5 +20,7 @@ export declare class KcClassDirective implements DoCheck {
     private _updateState;
     private _applyStateDiff;
     private _toggleClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KcClassDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KcClassDirective, "[kcClass]", never, { "klass": { "alias": "class"; "required": false; }; "ngClass": { "alias": "ngClass"; "required": false; }; "kcClass": { "alias": "kcClass"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/login/directives/kc-class.directive.mjs

@@ -0,0 +1,138 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/consistent-indexed-object-style */
+import { Directive, ElementRef, inject, Input, isDevMode, Renderer2, ɵstringify as stringify } from '@angular/core';
+import { getKcClsx } from 'keycloakify/login/lib/kcClsx';
+import { ComponentReference } from '../classes/component-reference.class';
+import * as i0 from "@angular/core";
+export 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.6", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", 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.6", 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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2MtY2xhc3MuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2V5Y2xvYWtpZnktYW5ndWxhci9zcmMvbG9naW4vZGlyZWN0aXZlcy9rYy1jbGFzcy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsdURBQXVEO0FBQ3ZELHVFQUF1RTtBQUN2RSxPQUFPLEVBQ0gsU0FBUyxFQUVULFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxJQUFJLFNBQVMsRUFDMUIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOztBQXdCMUUsTUFBTSxPQUFPLGdCQUFnQjtJQUQ3QjtRQUVZLG1CQUFjLEdBQWEsRUFBRSxDQUFDO1FBSTlCLGFBQVEsR0FBRyxJQUFJLEdBQUcsRUFBb0MsQ0FBQztRQUN0RCxjQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlCLFFBQUcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDekIsVUFBSyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0tBd0gvQztJQTFIWSxTQUFTLENBQXFCO0lBQzlCLEdBQUcsQ0FBc0I7SUFDekIsS0FBSyxDQUE4QjtJQUM1QywyREFBMkQ7SUFDM0QsSUFDSSxLQUFLLENBQUMsS0FBYTtRQUNuQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN6RSxDQUFDO0lBRUQsMkRBQTJEO0lBQzNELElBQ0ksT0FBTyxDQUFDLEtBQXFD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IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9jb25zaXN0ZW50LWluZGV4ZWQtb2JqZWN0LXN0eWxlICovXG5pbXBvcnQge1xuICAgIERpcmVjdGl2ZSxcbiAgICBEb0NoZWNrLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIGlzRGV2TW9kZSxcbiAgICBSZW5kZXJlcjIsXG4gICAgybVzdHJpbmdpZnkgYXMgc3RyaW5naWZ5XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcbmltcG9ydCB7IGdldEtjQ2xzeCB9IGZyb20gJ2tleWNsb2FraWZ5L2xvZ2luL2xpYi9rY0Nsc3gnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnLi4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlLmNsYXNzJztcblxuaW50ZXJmYWNlIENzc0NsYXNzU3RhdGUge1xuICAgIC8vIFBFUkY6IGNvdWxkIHVzZSBhIGJpdCBtYXNrIHRvIHJlcHJlc2VudCBzdGF0ZSBhcyBhbGwgZmllbGRzIGFyZSBib29sZWFuIGZsYWdzXG4gICAgZW5hYmxlZDogYm9vbGVhbjtcbiAgICBjaGFuZ2VkOiBib29sZWFuO1xuICAgIHRvdWNoZWQ6IGJvb2xlYW47XG59XG5cbnR5cGUgS2NDbGFzc1N1cHBvcnRlZFR5cGVzID1cbiAgICB8IENsYXNzS2V5W11cbiAgICB8IFNldDxDbGFzc0tleT5cbiAgICB8IFBhcnRpYWw8eyBba2V5IGluIENsYXNzS2V5XTogYW55IH0+XG4gICAgfCBudWxsXG4gICAgfCB1bmRlZmluZWQ7XG5cbnR5cGUgTmdDbGFzc1N1cHBvcnRlZFR5cGVzID1cbiAgICB8IHN0cmluZ1tdXG4gICAgfCBTZXQ8c3RyaW5nPlxuICAgIHwgeyBba2V5OiBzdHJpbmddOiBhbnkgfVxuICAgIHwgbnVsbFxuICAgIHwgdW5kZWZpbmVkO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdba2NDbGFzc10nLCBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgS2NDbGFzc0RpcmVjdGl2ZSBpbXBsZW1lbnRzIERvQ2hlY2sge1xuICAgIHByaXZhdGUgaW5pdGlhbENsYXNzZXM6IHN0cmluZ1tdID0gW107XG4gICAgcHJpdmF0ZSByYXdDbGFzczogTmdDbGFzc1N1cHBvcnRlZFR5cGVzO1xuICAgIHByaXZhdGUgcmF3S2NDbGFzczogS2NDbGFzc1N1cHBvcnRlZFR5cGVzO1xuXG4gICAgcHJpdmF0ZSBzdGF0ZU1hcCA9IG5ldyBNYXA8c3RyaW5nIHwgQ2xhc3NLZXksIENzc0NsYXNzU3RhdGU+KCk7XG4gICAgcmVhZG9ubHkgI3JlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyMik7XG4gICAgcmVhZG9ubHkgI2VsID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAgIHJlYWRvbmx5ICNob3N0ID0gaW5qZWN0KENvbXBvbmVudFJlZmVyZW5jZSk7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ2NsYXNzJylcbiAgICBzZXQga2xhc3ModmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLmluaXRpYWxDbGFzc2VzID0gdmFsdWUgIT0gbnVsbCA/IHZhbHVlLnRyaW0oKS5zcGxpdCgvXFxzKy8pIDogW107XG4gICAgfVxuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dC1yZW5hbWVcbiAgICBASW5wdXQoJ25nQ2xhc3MnKVxuICAgIHNldCBuZ0NsYXNzKHZhbHVlOiBzdHJpbmcgfCBOZ0NsYXNzU3VwcG9ydGVkVHlwZXMpIHtcbiAgICAgICAgdGhpcy5yYXdDbGFzcyA9IHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgPyB2YWx1ZS50cmltKCkuc3BsaXQoL1xccysvKSA6IHZhbHVlO1xuICAgIH1cblxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXQtcmVuYW1lXG4gICAgQElucHV0KCdrY0NsYXNzJylcbiAgICBzZXQga2NDbGFzcyh2YWx1ZTogQ2xhc3NLZXkgfCBLY0NsYXNzU3VwcG9ydGVkVHlwZXMpIHtcbiAgICAgICAgdGhpcy5yYXdLY0NsYXNzID1cbiAgICAgICAgICAgIHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgPyAodmFsdWUudHJpbSgpLnNwbGl0KC9cXHMrLykgYXMgQ2xhc3NLZXlbXSkgOiB2YWx1ZTtcbiAgICB9XG5cbiAgICBuZ0RvQ2hlY2soKTogdm9pZCB7XG4gICAgICAgIGZvciAoY29uc3Qga2xhc3Mgb2YgdGhpcy5pbml0aWFsQ2xhc3Nlcykge1xuICAgICAgICAgICAgdGhpcy5fdXBkYXRlU3RhdGUoa2xhc3MsIHRydWUpO1xuICAgICAgICB9XG4gICAgICAgIC8vIGNsYXNzZXMgZnJvbSB0aGUgW25nQ2xhc3NdIGJpbmRpbmdcbiAgICAgICAgY29uc3QgcmF3Q2xhc3MgPSB0aGlzLnJhd0NsYXNzO1xuICAgICAgICBpZiAoQXJyYXkuaXNBcnJheShyYXdDbGFzcykgfHwgcmF3Q2xhc3MgaW5zdGFuY2VvZiBTZXQpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3Qga2xhc3Mgb2YgcmF3Q2xhc3MpIHtcbiAgICAgICAgICAgICAgICB0aGlzLl91cGRhdGVTdGF0ZShrbGFzcywgdHJ1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSBpZiAocmF3Q2xhc3MgIT0gbnVsbCkge1xuICAgICAgICAgICAgZm9yIChjb25zdCBrbGFzcyBvZiBPYmplY3Qua2V5cyhyYXdDbGFzcykpIHtcbiAgICAgICAgICAgICAgICB0aGlzLl91cGRhdGVTdGF0ZShrbGFzcywgQm9vbGVhbihyYXdDbGFzc1trbGFzc10pKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIGNsYXNzZXMgZnJvbSB0aGUgW2tjQ2xhc3NdIGJpbmRpbmdcbiAgICAgICAgY29uc3QgcmF3S2NDbGFzcyA9IHRoaXMucmF3S2NDbGFzcztcbiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkocmF3S2NDbGFzcykgfHwgcmF3S2NDbGFzcyBpbnN0YW5jZW9mIFNldCkge1xuICAgICAgICAgICAgZm9yIChjb25zdCBrbGFzcyBvZiByYXdLY0NsYXNzKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fdXBkYXRlU3RhdGUoa2xhc3MsIHRydWUsIHRydWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKHJhd0tjQ2xhc3MgIT0gbnVsbCkge1xuICAgICAgICAgICAgZm9yIChjb25zdCBrbGFzcyBvZiBPYmplY3Qua2V5cyhyYXdLY0NsYXNzKSkge1xuICAgICAgICAgICAgICAgIHRoaXMuX3VwZGF0ZVN0YXRlKGtsYXNzLCBCb29sZWFuKHJhd0tjQ2xhc3Nba2xhc3MgYXMgQ2xhc3NLZXldKSwgdHJ1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLl9hcHBseVN0YXRlRGlmZigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3VwZGF0ZVN0YXRlKFxuICAgICAgICBrbGFzczogc3RyaW5nIHwgQ2xhc3NLZXksXG4gICAgICAgIG5leHRFbmFibGVkOiBib29sZWFuLFxuICAgICAgICBrY0Nsc3hDaGVjayA9IGZhbHNlXG4gICAgKSB7XG4gICAgICAgIGNvbnN0IHN0YXRlID0gdGhpcy5zdGF0ZU1hcC5nZXQoa2xhc3MpO1xuICAgICAgICBpZiAoc3RhdGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgaWYgKHN0YXRlLmVuYWJsZWQgIT09IG5leHRFbmFibGVkKSB7XG4gICAgICAgICAgICAgICAgc3RhdGUuY2hhbmdlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgc3RhdGUuZW5hYmxlZCA9IG5leHRFbmFibGVkO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3RhdGUudG91Y2hlZCA9IHRydWU7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBsZXQga2xhc3NDaGVja2VkID0ga2xhc3M7XG4gICAgICAgICAgICBpZiAoa2NDbHN4Q2hlY2spIHtcbiAgICAgICAgICAgICAgICBjb25zdCBkb1VzZURlZmF1bHRDc3MgPSB0aGlzLiNob3N0LmRvVXNlRGVmYXVsdENzcyA/PyB0cnVlO1xuICAgICAgICAgICAgICAgIGNvbnN0IGNsYXNzZXMgPSB0aGlzLiNob3N0LmNsYXNzZXM7XG4gICAgICAgICAgICAgICAgY29uc3Qga2NDbHN4ID0gZ2V0S2NDbHN4KHsgZG9Vc2VEZWZhdWx0Q3NzLCBjbGFzc2VzIH0pLmtjQ2xzeDtcbiAgICAgICAgICAgICAgICBrbGFzc0NoZWNrZWQgPSBrY0Nsc3goa2xhc3MgYXMgQ2xhc3NLZXkpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgdGhpcy5zdGF0ZU1hcC5zZXQoa2xhc3NDaGVja2VkLCB7XG4gICAgICAgICAgICAgICAgZW5hYmxlZDogbmV4dEVuYWJsZWQsXG4gICAgICAgICAgICAgICAgY2hhbmdlZDogdHJ1ZSxcbiAgICAgICAgICAgICAgICB0b3VjaGVkOiB0cnVlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX2FwcGx5U3RhdGVEaWZmKCkge1xuICAgICAgICBmb3IgKGNvbnN0IHN0YXRlRW50cnkgb2YgdGhpcy5zdGF0ZU1hcCkge1xuICAgICAgICAgICAgY29uc3Qga2xhc3MgPSBzdGF0ZUVudHJ5WzBdO1xuICAgICAgICAgICAgY29uc3Qgc3RhdGUgPSBzdGF0ZUVudHJ5WzFdO1xuXG4gICAgICAgICAgICBpZiAoc3RhdGUuY2hhbmdlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuX3RvZ2dsZUNsYXNzKGtsYXNzLCBzdGF0ZS5lbmFibGVkKTtcbiAgICAgICAgICAgICAgICBzdGF0ZS5jaGFuZ2VkID0gZmFsc2U7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFzdGF0ZS50b3VjaGVkKSB7XG4gICAgICAgICAgICAgICAgLy8gQSBjbGFzcyB0aGF0IHdhcyBwcmV2aW91c2x5IGFjdGl2ZSBnb3QgcmVtb3ZlZCBmcm9tIHRoZSBuZXcgY29sbGVjdGlvbiBvZiBjbGFzc2VzIC1cbiAgICAgICAgICAgICAgICAvLyByZW1vdmUgZnJvbSB0aGUgRE9NIGFzIHdlbGwuXG4gICAgICAgICAgICAgICAgaWYgKHN0YXRlLmVuYWJsZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fdG9nZ2xlQ2xhc3Moa2xhc3MsIGZhbHNlKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpcy5zdGF0ZU1hcC5kZWxldGUoa2xhc3MpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzdGF0ZS50b3VjaGVkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF90b2dnbGVDbGFzcyhrbGFzczogc3RyaW5nLCBlbmFibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBrbGFzcyAhPT0gJ3N0cmluZycpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICAgIGBOZ0NsYXNzIGNhbiBvbmx5IHRvZ2dsZSBDU1MgY2xhc3NlcyBleHByZXNzZWQgYXMgc3RyaW5ncywgZ290ICR7c3RyaW5naWZ5KGtsYXNzKX1gXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGtsYXNzID0ga2xhc3MudHJpbSgpO1xuICAgICAgICBpZiAoa2xhc3MubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAga2xhc3Muc3BsaXQoL1xccysvKS5mb3JFYWNoKGtsYXNzID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZW5hYmxlZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLiNyZW5kZXJlci5hZGRDbGFzcyh0aGlzLiNlbC5uYXRpdmVFbGVtZW50LCBrbGFzcyk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy4jcmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy4jZWwubmF0aXZlRWxlbWVudCwga2xhc3MpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19