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

package/esm2022/login/pages/webauthn-register/webauthn-register.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, inject, viewChild } from '@angular/core';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ComponentReference } from '@keycloakify/angular/login/classes/component-reference';
 import { LogoutOtherSessionsComponent } from '@keycloakify/angular/login/components/logout-other-sessions';
@@ -17,11 +17,12 @@ export class WebauthnRegisterComponent extends ComponentReference {
         this.i18n = inject(LOGIN_I18N);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
-        this.displayRequiredFields = input(false);
-        this.documentTitle = input();
-        this.bodyClassName = input();
+        this.displayRequiredFields = false;
         this.displayInfo = false;
         this.displayMessage = true;
+        this.headerNode = viewChild('headerNode');
+        this.infoNode = viewChild('infoNode');
+        this.socialProvidersNode = viewChild('socialProvidersNode');
         this.authButtonId = 'authenticateWebAuthnButton';
         const { url, challenge, userid, username, signatureAlgorithms, rpEntityName, rpId, attestationConveyancePreference, authenticatorAttachment, requireResidentKey, userVerificationRequirement, createTimeout, excludeCredentialIds } = this.kcContext;
         const scripts = [
@@ -57,20 +58,20 @@ export class WebauthnRegisterComponent extends ComponentReference {
         this.loginResourceInjectorService.insertAdditionalScripts(scripts);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnRegisterComponent, isStandalone: true, selector: "kc-root", inputs: { 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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: WebauthnRegisterComponent, isStandalone: true, selector: "kc-webauthn-register", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => WebauthnRegisterComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n        {{ i18n.msgStr('webauthn-registration-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"register\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"attestationObject\"\n                    name=\"attestationObject\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"publicKeyCredentialId\"\n                    name=\"publicKeyCredentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorLabel\"\n                    name=\"authenticatorLabel\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"transports\"\n                    name=\"transports\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n                <kc-logout-other-sessions />\n            </div>\n        </form>\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [id]=\"authButtonId\"\n            [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n        />\n        @if (!isSetRetry && isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </ng-container>\n</kc-login-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-login-template", inputs: ["displayInfo", "displayMessage", "displayRequiredFields", "documentTitle", "bodyClassName"] }, { kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "headerNode", first: true, predicate: ["headerNode"], descendants: true, isSignal: true }, { propertyName: "infoNode", first: true, predicate: ["infoNode"], descendants: true, isSignal: true }, { propertyName: "socialProvidersNode", first: true, predicate: ["socialProvidersNode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: LogoutOtherSessionsComponent, selector: "kc-logout-other-sessions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: WebauthnRegisterComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-root', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ standalone: true, imports: [TemplateComponent, KcClassDirective, LogoutOtherSessionsComponent], selector: 'kc-webauthn-register', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => WebauthnRegisterComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<kc-login-template\n    [displayInfo]=\"displayInfo\"\n    [bodyClassName]=\"bodyClassName()\"\n    [displayMessage]=\"displayMessage\"\n    [displayRequiredFields]=\"displayRequiredFields()\"\n    [documentTitle]=\"documentTitle()\"\n>\n    <ng-container headerNode>\n        <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n        {{ i18n.msgStr('webauthn-registration-title') }}\n    </ng-container>\n    <ng-container content>\n        <form\n            id=\"register\"\n            method=\"post\"\n            [kcClass]=\"'kcFormClass'\"\n            [action]=\"url.loginAction\"\n        >\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <input\n                    type=\"hidden\"\n                    id=\"clientDataJSON\"\n                    name=\"clientDataJSON\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"attestationObject\"\n                    name=\"attestationObject\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"publicKeyCredentialId\"\n                    name=\"publicKeyCredentialId\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"authenticatorLabel\"\n                    name=\"authenticatorLabel\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"transports\"\n                    name=\"transports\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"error\"\n                    name=\"error\"\n                />\n                <kc-logout-other-sessions />\n            </div>\n        </form>\n        <input\n            type=\"submit\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n            [id]=\"authButtonId\"\n            [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n        />\n        @if (!isSetRetry && isAppInitiatedAction) {\n            <form\n                id=\"kc-webauthn-settings-form\"\n                method=\"post\"\n                [action]=\"url.loginAction\"\n                [kcClass]=\"'kcFormClass'\"\n            >\n                <button\n                    type=\"submit\"\n                    id=\"cancelWebAuthnAIA\"\n                    name=\"cancel-aia\"\n                    value=\"true\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </form>\n        }\n    </ng-container>\n</kc-login-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let isSetRetry = kcContext.isSetRetry;\n@let isAppInitiatedAction = kcContext.isAppInitiatedAction;\n\n<ng-template #headerNode>\n    <span [kcClass]=\"'kcWebAuthnKeyIcon'\"></span>\n    {{ i18n.msgStr('webauthn-registration-title') }}\n</ng-template>\n<form\n    id=\"register\"\n    method=\"post\"\n    [kcClass]=\"'kcFormClass'\"\n    [action]=\"url.loginAction\"\n>\n    <div [kcClass]=\"'kcFormGroupClass'\">\n        <input\n            type=\"hidden\"\n            id=\"clientDataJSON\"\n            name=\"clientDataJSON\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"attestationObject\"\n            name=\"attestationObject\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"publicKeyCredentialId\"\n            name=\"publicKeyCredentialId\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"authenticatorLabel\"\n            name=\"authenticatorLabel\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"transports\"\n            name=\"transports\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"error\"\n            name=\"error\"\n        />\n        <kc-logout-other-sessions />\n    </div>\n</form>\n<input\n    type=\"submit\"\n    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n    [id]=\"authButtonId\"\n    [value]=\"i18n.msgStr('doRegisterSecurityKey')\"\n/>\n@if (!isSetRetry && isAppInitiatedAction) {\n    <form\n        id=\"kc-webauthn-settings-form\"\n        method=\"post\"\n        [action]=\"url.loginAction\"\n        [kcClass]=\"'kcFormClass'\"\n    >\n        <button\n            type=\"submit\"\n            id=\"cancelWebAuthnAIA\"\n            name=\"cancel-aia\"\n            value=\"true\"\n            [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonBlockClass', 'kcButtonLargeClass']\"\n        >\n            {{ i18n.msgStr('doCancel') }}\n        </button>\n    </form>\n}\n" }]
         }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViYXV0aG4tcmVnaXN0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xvZ2luL3BhZ2VzL3dlYmF1dGhuLXJlZ2lzdGVyL3dlYmF1dGhuLXJlZ2lzdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9sb2dpbi9wYWdlcy93ZWJhdXRobi1yZWdpc3Rlci93ZWJhdXRobi1yZWdpc3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUM1RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQWtCaEYsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGtCQUFrQjtJQWM3RDtRQUNJLEtBQUssRUFBRSxDQUFDO1FBZFosY0FBUyxHQUFHLE1BQU0sQ0FBMEQsZ0JBQWdCLENBQUMsQ0FBQztRQUM5RixpQ0FBNEIsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztRQUNwRSxTQUFJLEdBQUcsTUFBTSxDQUFPLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUcsTUFBTSxDQUFVLGVBQWUsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxNQUFNLENBQW9DLGFBQWEsQ0FBQyxDQUFDO1FBQzVFLDBCQUFxQixHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFFL0IsaUJBQVksR0FBRyw0QkFBNEIsQ0FBQztRQUl4QyxNQUFNLEVBQ0YsR0FBRyxFQUNILFNBQVMsRUFDVCxNQUFNLEVBQ04sUUFBUSxFQUNSLG1CQUFtQixFQUNuQixZQUFZLEVBQ1osSUFBSSxFQUNKLCtCQUErQixFQUMvQix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLDJCQUEyQixFQUMzQixhQUFhLEVBQ2Isb0JBQW9CLEVBQ3ZCLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNuQixNQUFNLE9BQU8sR0FBYTtZQUN0QjtnQkFDSSxJQUFJLEVBQUUsUUFBUTtnQkFDZCxFQUFFLEVBQUUsd0JBQXdCO2dCQUM1QixXQUFXLEVBQUU7b0RBQ3VCLEdBQUcsQ0FBQyxhQUFhO2dFQUNMLElBQUksQ0FBQyxZQUFZOzs7cUNBRzVDLFNBQVM7a0NBQ1osTUFBTTtvQ0FDSixRQUFROzhDQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsbUJBQW1CLENBQUM7dUNBQzFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDOytCQUNwQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQzswREFDTyxJQUFJLENBQUMsU0FBUyxDQUFDLCtCQUErQixDQUFDO2tEQUN2RCxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDOzZDQUM1QyxJQUFJLENBQUMsU0FBUyxDQUFDLGtCQUFrQixDQUFDO3NEQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLDJCQUEyQixDQUFDO3dDQUN6RCxhQUFhOytDQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsb0JBQW9CLENBQUM7b0NBQy9DLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQzswQ0FDOUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyx5Q0FBeUMsQ0FBQyxDQUFDO2lDQUNwRixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLG1DQUFtQyxDQUFDLENBQUM7Ozs7V0FJM0Y7YUFDRTtTQUNKLENBQUM7UUFDRixJQUFJLENBQUMsNEJBQTRCLENBQUMsdUJBQXVCLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdkUsQ0FBQzs4R0E5RFEseUJBQXlCO2tHQUF6Qix5QkFBeUIsMGdCQVB2QjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQUM7YUFDM0Q7U0FDSixpREMxQkwsMDBGQWtGQSw0Q0RqRWMsaUJBQWlCLG9LQUFFLGdCQUFnQiwrRkFBRSw0QkFBNEI7OzJGQVdsRSx5QkFBeUI7a0JBYnJDLFNBQVM7aUNBQ00sSUFBSSxXQUNQLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsNEJBQTRCLENBQUMsWUFDbEUsU0FBUyxtQkFFRix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNQOzRCQUNJLE9BQU8sRUFBRSxrQkFBa0I7NEJBQzNCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDBCQUEwQixDQUFDO3lCQUMzRDtxQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgU2NyaXB0IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbGliL21vZGVscy9zY3JpcHQnO1xuaW1wb3J0IHsgVVNFX0RFRkFVTFRfQ1NTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbGliL3Rva2Vucy91c2UtZGVmYXVsdC1jc3MnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmZXJlbmNlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY2xhc3Nlcy9jb21wb25lbnQtcmVmZXJlbmNlJztcbmltcG9ydCB7IExvZ291dE90aGVyU2Vzc2lvbnNDb21wb25lbnQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jb21wb25lbnRzL2xvZ291dC1vdGhlci1zZXNzaW9ucyc7XG5pbXBvcnQgeyBUZW1wbGF0ZUNvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbnRhaW5lcnMvdGVtcGxhdGUnO1xuaW1wb3J0IHsgS2NDbGFzc0RpcmVjdGl2ZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2RpcmVjdGl2ZXMva2MtY2xhc3MnO1xuaW1wb3J0IHsgTG9naW5SZXNvdXJjZUluamVjdG9yU2VydmljZSB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3NlcnZpY2VzL2xvZ2luLXJlc291cmNlLWluamVjdG9yJztcbmltcG9ydCB7IExPR0lOX0NMQVNTRVMgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMvY2xhc3Nlcyc7XG5pbXBvcnQgeyBMT0dJTl9JMThOIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2kxOG4nO1xuaW1wb3J0IHsgS0NfTE9HSU5fQ09OVEVYVCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9rYy1jb250ZXh0JztcbmltcG9ydCB0eXBlIHsgQ2xhc3NLZXkgfSBmcm9tICdrZXljbG9ha2lmeS9sb2dpbi9saWIva2NDbHN4JztcbmltcG9ydCB0eXBlIHsgSTE4biB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2kxOG4nO1xuaW1wb3J0IHR5cGUgeyBLY0NvbnRleHQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9LY0NvbnRleHQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtUZW1wbGF0ZUNvbXBvbmVudCwgS2NDbGFzc0RpcmVjdGl2ZSwgTG9nb3V0T3RoZXJTZXNzaW9uc0NvbXBvbmVudF0sXG4gICAgc2VsZWN0b3I6ICdrYy1yb290JyxcbiAgICB0ZW1wbGF0ZVVybDogJ3dlYmF1dGhuLXJlZ2lzdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV2ViYXV0aG5SZWdpc3RlckNvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgV2ViYXV0aG5SZWdpc3RlckNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAga2NDb250ZXh0ID0gaW5qZWN0PEV4dHJhY3Q8S2NDb250ZXh0LCB7IHBhZ2VJZDogJ3dlYmF1dGhuLXJlZ2lzdGVyLmZ0bCcgfT4+KEtDX0xPR0lOX0NPTlRFWFQpO1xuICAgIGxvZ2luUmVzb3VyY2VJbmplY3RvclNlcnZpY2UgPSBpbmplY3QoTG9naW5SZXNvdXJjZUluamVjdG9yU2VydmljZSk7XG4gICAgaTE4biA9IGluamVjdDxJMThuPihMT0dJTl9JMThOKTtcbiAgICBvdmVycmlkZSBkb1VzZURlZmF1bHRDc3MgPSBpbmplY3Q8Ym9vbGVhbj4oVVNFX0RFRkFVTFRfQ1NTKTtcbiAgICBvdmVycmlkZSBjbGFzc2VzID0gaW5qZWN0PFBhcnRpYWw8UmVjb3JkPENsYXNzS2V5LCBzdHJpbmc+Pj4oTE9HSU5fQ0xBU1NFUyk7XG4gICAgZGlzcGxheVJlcXVpcmVkRmllbGRzID0gaW5wdXQoZmFsc2UpO1xuICAgIGRvY3VtZW50VGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gICAgYm9keUNsYXNzTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgICBkaXNwbGF5SW5mbzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGRpc3BsYXlNZXNzYWdlOiBib29sZWFuID0gdHJ1ZTtcblxuICAgIGF1dGhCdXR0b25JZCA9ICdhdXRoZW50aWNhdGVXZWJBdXRobkJ1dHRvbic7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdXJsLFxuICAgICAgICAgICAgY2hhbGxlbmdlLFxuICAgICAgICAgICAgdXNlcmlkLFxuICAgICAgICAgICAgdXNlcm5hbWUsXG4gICAgICAgICAgICBzaWduYXR1cmVBbGdvcml0aG1zLFxuICAgICAgICAgICAgcnBFbnRpdHlOYW1lLFxuICAgICAgICAgICAgcnBJZCxcbiAgICAgICAgICAgIGF0dGVzdGF0aW9uQ29udmV5YW5jZVByZWZlcmVuY2UsXG4gICAgICAgICAgICBhdXRoZW50aWNhdG9yQXR0YWNobWVudCxcbiAgICAgICAgICAgIHJlcXVpcmVSZXNpZGVudEtleSxcbiAgICAgICAgICAgIHVzZXJWZXJpZmljYXRpb25SZXF1aXJlbWVudCxcbiAgICAgICAgICAgIGNyZWF0ZVRpbWVvdXQsXG4gICAgICAgICAgICBleGNsdWRlQ3JlZGVudGlhbElkc1xuICAgICAgICB9ID0gdGhpcy5rY0NvbnRleHQ7XG4gICAgICAgIGNvbnN0IHNjcmlwdHM6IFNjcmlwdFtdID0gW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIHR5cGU6ICdtb2R1bGUnLFxuICAgICAgICAgICAgICAgIGlkOiAnV2ViQXV0aG5SZWdpc3RlclNjcmlwdCcsXG4gICAgICAgICAgICAgICAgdGV4dENvbnRlbnQ6IGBcbiAgICAgICAgICAgICAgaW1wb3J0IHsgcmVnaXN0ZXJCeVdlYkF1dGhuIH0gZnJvbSBcIiR7dXJsLnJlc291cmNlc1BhdGh9L2pzL3dlYmF1dGhuUmVnaXN0ZXIuanNcIjtcbiAgICAgICAgICAgICAgY29uc3QgcmVnaXN0ZXJCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnJHt0aGlzLmF1dGhCdXR0b25JZH0nKTtcbiAgICAgICAgICAgICAgcmVnaXN0ZXJCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGZ1bmN0aW9uKCkge1xuICAgICAgICAgICAgICAgICAgY29uc3QgaW5wdXQgPSB7XG4gICAgICAgICAgICAgICAgICAgICAgY2hhbGxlbmdlIDogJyR7Y2hhbGxlbmdlfScsXG4gICAgICAgICAgICAgICAgICAgICAgdXNlcmlkIDogJyR7dXNlcmlkfScsXG4gICAgICAgICAgICAgICAgICAgICAgdXNlcm5hbWUgOiAnJHt1c2VybmFtZX0nLFxuICAgICAgICAgICAgICAgICAgICAgIHNpZ25hdHVyZUFsZ29yaXRobXMgOiAke0pTT04uc3RyaW5naWZ5KHNpZ25hdHVyZUFsZ29yaXRobXMpfSxcbiAgICAgICAgICAgICAgICAgICAgICBycEVudGl0eU5hbWUgOiAke0pTT04uc3RyaW5naWZ5KHJwRW50aXR5TmFtZSl9LFxuICAgICAgICAgICAgICAgICAgICAgIHJwSWQgOiAke0pTT04uc3RyaW5naWZ5KHJwSWQpfSxcbiAgICAgICAgICAgICAgICAgICAgICBhdHRlc3RhdGlvbkNvbnZleWFuY2VQcmVmZXJlbmNlIDogJHtKU09OLnN0cmluZ2lmeShhdHRlc3RhdGlvbkNvbnZleWFuY2VQcmVmZXJlbmNlKX0sXG4gICAgICAgICAgICAgICAgICAgICAgYXV0aGVudGljYXRvckF0dGFjaG1lbnQgOiAke0pTT04uc3RyaW5naWZ5KGF1dGhlbnRpY2F0b3JBdHRhY2htZW50KX0sXG4gICAgICAgICAgICAgICAgICAgICAgcmVxdWlyZVJlc2lkZW50S2V5IDogJHtKU09OLnN0cmluZ2lmeShyZXF1aXJlUmVzaWRlbnRLZXkpfSxcbiAgICAgICAgICAgICAgICAgICAgICB1c2VyVmVyaWZpY2F0aW9uUmVxdWlyZW1lbnQgOiAke0pTT04uc3RyaW5naWZ5KHVzZXJWZXJpZmljYXRpb25SZXF1aXJlbWVudCl9LFxuICAgICAgICAgICAgICAgICAgICAgIGNyZWF0ZVRpbWVvdXQgOiAke2NyZWF0ZVRpbWVvdXR9LFxuICAgICAgICAgICAgICAgICAgICAgIGV4Y2x1ZGVDcmVkZW50aWFsSWRzIDogJHtKU09OLnN0cmluZ2lmeShleGNsdWRlQ3JlZGVudGlhbElkcyl9LFxuICAgICAgICAgICAgICAgICAgICAgIGluaXRMYWJlbCA6ICR7SlNPTi5zdHJpbmdpZnkodGhpcy5pMThuLm1zZ1N0cignd2ViYXV0aG4tcmVnaXN0cmF0aW9uLWluaXQtbGFiZWwnKSl9LFxuICAgICAgICAgICAgICAgICAgICAgIGluaXRMYWJlbFByb21wdCA6ICR7SlNPTi5zdHJpbmdpZnkodGhpcy5pMThuLm1zZ1N0cignd2ViYXV0aG4tcmVnaXN0cmF0aW9uLWluaXQtbGFiZWwtcHJvbXB0JykpfSxcbiAgICAgICAgICAgICAgICAgICAgICBlcnJtc2cgOiAke0pTT04uc3RyaW5naWZ5KHRoaXMuaTE4bi5tc2dTdHIoJ3dlYmF1dGhuLXVuc3VwcG9ydGVkLWJyb3dzZXItdGV4dCcpKX1cbiAgICAgICAgICAgICAgICAgIH07XG4gICAgICAgICAgICAgICAgICByZWdpc3RlckJ5V2ViQXV0aG4oaW5wdXQpO1xuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICBgXG4gICAgICAgICAgICB9XG4gICAgICAgIF07XG4gICAgICAgIHRoaXMubG9naW5SZXNvdXJjZUluamVjdG9yU2VydmljZS5pbnNlcnRBZGRpdGlvbmFsU2NyaXB0cyhzY3JpcHRzKTtcbiAgICB9XG59XG4iLCJAbGV0IHVybCA9IGtjQ29udGV4dC51cmw7XG5AbGV0IGlzU2V0UmV0cnkgPSBrY0NvbnRleHQuaXNTZXRSZXRyeTtcbkBsZXQgaXNBcHBJbml0aWF0ZWRBY3Rpb24gPSBrY0NvbnRleHQuaXNBcHBJbml0aWF0ZWRBY3Rpb247XG5cbjxrYy1sb2dpbi10ZW1wbGF0ZVxuICAgIFtkaXNwbGF5SW5mb109XCJkaXNwbGF5SW5mb1wiXG4gICAgW2JvZHlDbGFzc05hbWVdPVwiYm9keUNsYXNzTmFtZSgpXCJcbiAgICBbZGlzcGxheU1lc3NhZ2VdPVwiZGlzcGxheU1lc3NhZ2VcIlxuICAgIFtkaXNwbGF5UmVxdWlyZWRGaWVsZHNdPVwiZGlzcGxheVJlcXVpcmVkRmllbGRzKClcIlxuICAgIFtkb2N1bWVudFRpdGxlXT1cImRvY3VtZW50VGl0bGUoKVwiXG4+XG4gICAgPG5nLWNvbnRhaW5lciBoZWFkZXJOb2RlPlxuICAgICAgICA8c3BhbiBba2NDbGFzc109XCIna2NXZWJBdXRobktleUljb24nXCI+PC9zcGFuPlxuICAgICAgICB7eyBpMThuLm1zZ1N0cignd2ViYXV0aG4tcmVnaXN0cmF0aW9uLXRpdGxlJykgfX1cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyIGNvbnRlbnQ+XG4gICAgICAgIDxmb3JtXG4gICAgICAgICAgICBpZD1cInJlZ2lzdGVyXCJcbiAgICAgICAgICAgIG1ldGhvZD1cInBvc3RcIlxuICAgICAgICAgICAgW2tjQ2xhc3NdPVwiJ2tjRm9ybUNsYXNzJ1wiXG4gICAgICAgICAgICBbYWN0aW9uXT1cInVybC5sb2dpbkFjdGlvblwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgW2tjQ2xhc3NdPVwiJ2tjRm9ybUdyb3VwQ2xhc3MnXCI+XG4gICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJoaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICBpZD1cImNsaWVudERhdGFKU09OXCJcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cImNsaWVudERhdGFKU09OXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJhdHRlc3RhdGlvbk9iamVjdFwiXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJhdHRlc3RhdGlvbk9iamVjdFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgIGlkPVwicHVibGljS2V5Q3JlZGVudGlhbElkXCJcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cInB1YmxpY0tleUNyZWRlbnRpYWxJZFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgIGlkPVwiYXV0aGVudGljYXRvckxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgbmFtZT1cImF1dGhlbnRpY2F0b3JMYWJlbFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgIGlkPVwidHJhbnNwb3J0c1wiXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0cmFuc3BvcnRzXCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiaGlkZGVuXCJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgIG5hbWU9XCJlcnJvclwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8a2MtbG9nb3V0LW90aGVyLXNlc3Npb25zIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9mb3JtPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgW2tjQ2xhc3NdPVwiWydrY0J1dHRvbkNsYXNzJywgJ2tjQnV0dG9uUHJpbWFyeUNsYXNzJywgJ2tjQnV0dG9uQmxvY2tDbGFzcycsICdrY0J1dHRvbkxhcmdlQ2xhc3MnXVwiXG4gICAgICAgICAgICBbaWRdPVwiYXV0aEJ1dHRvbklkXCJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJpMThuLm1zZ1N0cignZG9SZWdpc3RlclNlY3VyaXR5S2V5JylcIlxuICAgICAgICAvPlxuICAgICAgICBAaWYgKCFpc1NldFJldHJ5ICYmIGlzQXBwSW5pdGlhdGVkQWN0aW9uKSB7XG4gICAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgICAgIGlkPVwia2Mtd2ViYXV0aG4tc2V0dGluZ3MtZm9ybVwiXG4gICAgICAgICAgICAgICAgbWV0aG9kPVwicG9zdFwiXG4gICAgICAgICAgICAgICAgW2FjdGlvbl09XCJ1cmwubG9naW5BY3Rpb25cIlxuICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1DbGFzcydcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICAgICAgICAgIGlkPVwiY2FuY2VsV2ViQXV0aG5BSUFcIlxuICAgICAgICAgICAgICAgICAgICBuYW1lPVwiY2FuY2VsLWFpYVwiXG4gICAgICAgICAgICAgICAgICAgIHZhbHVlPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvbkRlZmF1bHRDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge3sgaTE4bi5tc2dTdHIoJ2RvQ2FuY2VsJykgfX1cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgfVxuICAgIDwvbmctY29udGFpbmVyPlxuPC9rYy1sb2dpbi10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViYXV0aG4tcmVnaXN0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xvZ2luL3BhZ2VzL3dlYmF1dGhuLXJlZ2lzdGVyL3dlYmF1dGhuLXJlZ2lzdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9sb2dpbi9wYWdlcy93ZWJhdXRobi1yZWdpc3Rlci93ZWJhdXRobi1yZWdpc3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9HLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUM1RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUdsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQWdCaEYsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGtCQUFrQjtJQXFCN0Q7UUFDSSxLQUFLLEVBQUUsQ0FBQztRQXJCWixjQUFTLEdBQUcsTUFBTSxDQUEwRCxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlGLGlDQUE0QixHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxD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b25lbnQsIGZvcndhcmRSZWYsIGluamVjdCwgVGVtcGxhdGVSZWYsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHlwZSBTY3JpcHQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvbW9kZWxzL3NjcmlwdCc7XG5pbXBvcnQgeyBVU0VfREVGQVVMVF9DU1MgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9saWIvdG9rZW5zL3VzZS1kZWZhdWx0LWNzcyc7XG5pbXBvcnQgeyBDb21wb25lbnRSZWZlcmVuY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9jbGFzc2VzL2NvbXBvbmVudC1yZWZlcmVuY2UnO1xuaW1wb3J0IHsgTG9nb3V0T3RoZXJTZXNzaW9uc0NvbXBvbmVudCB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL2NvbXBvbmVudHMvbG9nb3V0LW90aGVyLXNlc3Npb25zJztcbmltcG9ydCB7IFRlbXBsYXRlQ29tcG9uZW50IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vY29udGFpbmVycy90ZW1wbGF0ZSc7XG5pbXBvcnQgeyBLY0NsYXNzRGlyZWN0aXZlIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vZGlyZWN0aXZlcy9rYy1jbGFzcyc7XG5pbXBvcnQgdHlwZSB7IEkxOG4gfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9pMThuJztcbmltcG9ydCB0eXBlIHsgS2NDb250ZXh0IH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vS2NDb250ZXh0JztcbmltcG9ydCB7IExvZ2luUmVzb3VyY2VJbmplY3RvclNlcnZpY2UgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi9zZXJ2aWNlcy9sb2dpbi1yZXNvdXJjZS1pbmplY3Rvcic7XG5pbXBvcnQgeyBMT0dJTl9DTEFTU0VTIH0gZnJvbSAnQGtleWNsb2FraWZ5L2FuZ3VsYXIvbG9naW4vdG9rZW5zL2NsYXNzZXMnO1xuaW1wb3J0IHsgTE9HSU5fSTE4TiB9IGZyb20gJ0BrZXljbG9ha2lmeS9hbmd1bGFyL2xvZ2luL3Rva2Vucy9pMThuJztcbmltcG9ydCB7IEtDX0xPR0lOX0NPTlRFWFQgfSBmcm9tICdAa2V5Y2xvYWtpZnkvYW5ndWxhci9sb2dpbi90b2tlbnMva2MtY29udGV4dCc7XG5pbXBvcnQgdHlwZSB7IENsYXNzS2V5IH0gZnJvbSAna2V5Y2xvYWtpZnkvbG9naW4vbGliL2tjQ2xzeCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1RlbXBsYXRlQ29tcG9uZW50LCBLY0NsYXNzRGlyZWN0aXZlLCBMb2dvdXRPdGhlclNlc3Npb25zQ29tcG9uZW50XSxcbiAgICBzZWxlY3RvcjogJ2tjLXdlYmF1dGhuLXJlZ2lzdGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJ3dlYmF1dGhuLXJlZ2lzdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogQ29tcG9uZW50UmVmZXJlbmNlLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV2ViYXV0aG5SZWdpc3RlckNvbXBvbmVudClcbiAgICAgICAgfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgV2ViYXV0aG5SZWdpc3RlckNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFJlZmVyZW5jZSB7XG4gICAga2NDb250ZXh0ID0gaW5qZWN0PEV4dHJhY3Q8S2NDb250ZXh0LCB7IHBhZ2VJZDogJ3dlYmF1dGhuLXJlZ2lzdGVyLmZ0bCcgfT4+KEtDX0xPR0lOX0NPTlRFWFQpO1xuICAgIGxvZ2luUmVzb3VyY2VJbmplY3RvclNlcnZpY2UgPSBpbmplY3QoTG9naW5SZXNvdXJjZUluamVjdG9yU2VydmljZSk7XG4gICAgaTE4biA9IGluamVjdDxJMThuPihMT0dJTl9JMThOKTtcblxuICAgIG92ZXJyaWRlIGRvVXNlRGVmYXVsdENzcyA9IGluamVjdDxib29sZWFuPihVU0VfREVGQVVMVF9DU1MpO1xuICAgIG92ZXJyaWRlIGNsYXNzZXMgPSBpbmplY3Q8UGFydGlhbDxSZWNvcmQ8Q2xhc3NLZXksIHN0cmluZz4+PihMT0dJTl9DTEFTU0VTKTtcblxuICAgIGRvY3VtZW50VGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgICBib2R5Q2xhc3NOYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBkaXNwbGF5UmVxdWlyZWRGaWVsZHMgPSBmYWxzZTtcbiAgICBkaXNwbGF5SW5mbyA9IGZhbHNlO1xuICAgIGRpc3BsYXlNZXNzYWdlID0gdHJ1ZTtcblxuICAgIGhlYWRlck5vZGU/ID0gdmlld0NoaWxkPFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50Pj4oJ2hlYWRlck5vZGUnKTtcbiAgICBpbmZvTm9kZT8gPSB2aWV3Q2hpbGQ8VGVtcGxhdGVSZWY8SFRNTEVsZW1lbnQ+PignaW5mb05vZGUnKTtcbiAgICBzb2NpYWxQcm92aWRlcnNOb2RlPyA9IHZpZXdDaGlsZDxUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD4+KCdzb2NpYWxQcm92aWRlcnNOb2RlJyk7XG5cbiAgICBhdXRoQnV0dG9uSWQgPSAnYXV0aGVudGljYXRlV2ViQXV0aG5CdXR0b24nO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHVybCxcbiAgICAgICAgICAgIGNoYWxsZW5nZSxcbiAgICAgICAgICAgIHVzZXJpZCxcbiAgICAgICAgICAgIHVzZXJuYW1lLFxuICAgICAgICAgICAgc2lnbmF0dXJlQWxnb3JpdGhtcyxcbiAgICAgICAgICAgIHJwRW50aXR5TmFtZSxcbiAgICAgICAgICAgIHJwSWQsXG4gICAgICAgICAgICBhdHRlc3RhdGlvbkNvbnZleWFuY2VQcmVmZXJlbmNlLFxuICAgICAgICAgICAgYXV0aGVudGljYXRvckF0dGFjaG1lbnQsXG4gICAgICAgICAgICByZXF1aXJlUmVzaWRlbnRLZXksXG4gICAgICAgICAgICB1c2VyVmVyaWZpY2F0aW9uUmVxdWlyZW1lbnQsXG4gICAgICAgICAgICBjcmVhdGVUaW1lb3V0LFxuICAgICAgICAgICAgZXhjbHVkZUNyZWRlbnRpYWxJZHNcbiAgICAgICAgfSA9IHRoaXMua2NDb250ZXh0O1xuICAgICAgICBjb25zdCBzY3JpcHRzOiBTY3JpcHRbXSA9IFtcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICB0eXBlOiAnbW9kdWxlJyxcbiAgICAgICAgICAgICAgICBpZDogJ1dlYkF1dGhuUmVnaXN0ZXJTY3JpcHQnLFxuICAgICAgICAgICAgICAgIHRleHRDb250ZW50OiBgXG4gICAgICAgICAgICAgIGltcG9ydCB7IHJlZ2lzdGVyQnlXZWJBdXRobiB9IGZyb20gXCIke3VybC5yZXNvdXJjZXNQYXRofS9qcy93ZWJhdXRoblJlZ2lzdGVyLmpzXCI7XG4gICAgICAgICAgICAgIGNvbnN0IHJlZ2lzdGVyQnV0dG9uID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJyR7dGhpcy5hdXRoQnV0dG9uSWR9Jyk7XG4gICAgICAgICAgICAgIHJlZ2lzdGVyQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBmdW5jdGlvbigpIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGlucHV0ID0ge1xuICAgICAgICAgICAgICAgICAgICAgIGNoYWxsZW5nZSA6ICcke2NoYWxsZW5nZX0nLFxuICAgICAgICAgICAgICAgICAgICAgIHVzZXJpZCA6ICcke3VzZXJpZH0nLFxuICAgICAgICAgICAgICAgICAgICAgIHVzZXJuYW1lIDogJyR7dXNlcm5hbWV9JyxcbiAgICAgICAgICAgICAgICAgICAgICBzaWduYXR1cmVBbGdvcml0aG1zIDogJHtKU09OLnN0cmluZ2lmeShzaWduYXR1cmVBbGdvcml0aG1zKX0sXG4gICAgICAgICAgICAgICAgICAgICAgcnBFbnRpdHlOYW1lIDogJHtKU09OLnN0cmluZ2lmeShycEVudGl0eU5hbWUpfSxcbiAgICAgICAgICAgICAgICAgICAgICBycElkIDogJHtKU09OLnN0cmluZ2lmeShycElkKX0sXG4gICAgICAgICAgICAgICAgICAgICAgYXR0ZXN0YXRpb25Db252ZXlhbmNlUHJlZmVyZW5jZSA6ICR7SlNPTi5zdHJpbmdpZnkoYXR0ZXN0YXRpb25Db252ZXlhbmNlUHJlZmVyZW5jZSl9LFxuICAgICAgICAgICAgICAgICAgICAgIGF1dGhlbnRpY2F0b3JBdHRhY2htZW50IDogJHtKU09OLnN0cmluZ2lmeShhdXRoZW50aWNhdG9yQXR0YWNobWVudCl9LFxuICAgICAgICAgICAgICAgICAgICAgIHJlcXVpcmVSZXNpZGVudEtleSA6ICR7SlNPTi5zdHJpbmdpZnkocmVxdWlyZVJlc2lkZW50S2V5KX0sXG4gICAgICAgICAgICAgICAgICAgICAgdXNlclZlcmlmaWNhdGlvblJlcXVpcmVtZW50IDogJHtKU09OLnN0cmluZ2lmeSh1c2VyVmVyaWZpY2F0aW9uUmVxdWlyZW1lbnQpfSxcbiAgICAgICAgICAgICAgICAgICAgICBjcmVhdGVUaW1lb3V0IDogJHtjcmVhdGVUaW1lb3V0fSxcbiAgICAgICAgICAgICAgICAgICAgICBleGNsdWRlQ3JlZGVudGlhbElkcyA6ICR7SlNPTi5zdHJpbmdpZnkoZXhjbHVkZUNyZWRlbnRpYWxJZHMpfSxcbiAgICAgICAgICAgICAgICAgICAgICBpbml0TGFiZWwgOiAke0pTT04uc3RyaW5naWZ5KHRoaXMuaTE4bi5tc2dTdHIoJ3dlYmF1dGhuLXJlZ2lzdHJhdGlvbi1pbml0LWxhYmVsJykpfSxcbiAgICAgICAgICAgICAgICAgICAgICBpbml0TGFiZWxQcm9tcHQgOiAke0pTT04uc3RyaW5naWZ5KHRoaXMuaTE4bi5tc2dTdHIoJ3dlYmF1dGhuLXJlZ2lzdHJhdGlvbi1pbml0LWxhYmVsLXByb21wdCcpKX0sXG4gICAgICAgICAgICAgICAgICAgICAgZXJybXNnIDogJHtKU09OLnN0cmluZ2lmeSh0aGlzLmkxOG4ubXNnU3RyKCd3ZWJhdXRobi11bnN1cHBvcnRlZC1icm93c2VyLXRleHQnKSl9XG4gICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgcmVnaXN0ZXJCeVdlYkF1dGhuKGlucHV0KTtcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgYFxuICAgICAgICAgICAgfVxuICAgICAgICBdO1xuICAgICAgICB0aGlzLmxvZ2luUmVzb3VyY2VJbmplY3RvclNlcnZpY2UuaW5zZXJ0QWRkaXRpb25hbFNjcmlwdHMoc2NyaXB0cyk7XG4gICAgfVxufVxuIiwiQGxldCB1cmwgPSBrY0NvbnRleHQudXJsO1xuQGxldCBpc1NldFJldHJ5ID0ga2NDb250ZXh0LmlzU2V0UmV0cnk7XG5AbGV0IGlzQXBwSW5pdGlhdGVkQWN0aW9uID0ga2NDb250ZXh0LmlzQXBwSW5pdGlhdGVkQWN0aW9uO1xuXG48bmctdGVtcGxhdGUgI2hlYWRlck5vZGU+XG4gICAgPHNwYW4gW2tjQ2xhc3NdPVwiJ2tjV2ViQXV0aG5LZXlJY29uJ1wiPjwvc3Bhbj5cbiAgICB7eyBpMThuLm1zZ1N0cignd2ViYXV0aG4tcmVnaXN0cmF0aW9uLXRpdGxlJykgfX1cbjwvbmctdGVtcGxhdGU+XG48Zm9ybVxuICAgIGlkPVwicmVnaXN0ZXJcIlxuICAgIG1ldGhvZD1cInBvc3RcIlxuICAgIFtrY0NsYXNzXT1cIidrY0Zvcm1DbGFzcydcIlxuICAgIFthY3Rpb25dPVwidXJsLmxvZ2luQWN0aW9uXCJcbj5cbiAgICA8ZGl2IFtrY0NsYXNzXT1cIidrY0Zvcm1Hcm91cENsYXNzJ1wiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJoaWRkZW5cIlxuICAgICAgICAgICAgaWQ9XCJjbGllbnREYXRhSlNPTlwiXG4gICAgICAgICAgICBuYW1lPVwiY2xpZW50RGF0YUpTT05cIlxuICAgICAgICAvPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJoaWRkZW5cIlxuICAgICAgICAgICAgaWQ9XCJhdHRlc3RhdGlvbk9iamVjdFwiXG4gICAgICAgICAgICBuYW1lPVwiYXR0ZXN0YXRpb25PYmplY3RcIlxuICAgICAgICAvPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHR5cGU9XCJoaWRkZW5cIlxuICAgICAgICAgICAgaWQ9XCJwdWJsaWNLZXlDcmVkZW50aWFsSWRcIlxuICAgICAgICAgICAgbmFtZT1cInB1YmxpY0tleUNyZWRlbnRpYWxJZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgICAgICBpZD1cImF1dGhlbnRpY2F0b3JMYWJlbFwiXG4gICAgICAgICAgICBuYW1lPVwiYXV0aGVudGljYXRvckxhYmVsXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB0eXBlPVwiaGlkZGVuXCJcbiAgICAgICAgICAgIGlkPVwidHJhbnNwb3J0c1wiXG4gICAgICAgICAgICBuYW1lPVwidHJhbnNwb3J0c1wiXG4gICAgICAgIC8+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgdHlwZT1cImhpZGRlblwiXG4gICAgICAgICAgICBpZD1cImVycm9yXCJcbiAgICAgICAgICAgIG5hbWU9XCJlcnJvclwiXG4gICAgICAgIC8+XG4gICAgICAgIDxrYy1sb2dvdXQtb3RoZXItc2Vzc2lvbnMgLz5cbiAgICA8L2Rpdj5cbjwvZm9ybT5cbjxpbnB1dFxuICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgIFtrY0NsYXNzXT1cIlsna2NCdXR0b25DbGFzcycsICdrY0J1dHRvblByaW1hcnlDbGFzcycsICdrY0J1dHRvbkJsb2NrQ2xhc3MnLCAna2NCdXR0b25MYXJnZUNsYXNzJ11cIlxuICAgIFtpZF09XCJhdXRoQnV0dG9uSWRcIlxuICAgIFt2YWx1ZV09XCJpMThuLm1zZ1N0cignZG9SZWdpc3RlclNlY3VyaXR5S2V5JylcIlxuLz5cbkBpZiAoIWlzU2V0UmV0cnkgJiYgaXNBcHBJbml0aWF0ZWRBY3Rpb24pIHtcbiAgICA8Zm9ybVxuICAgICAgICBpZD1cImtjLXdlYmF1dGhuLXNldHRpbmdzLWZvcm1cIlxuICAgICAgICBtZXRob2Q9XCJwb3N0XCJcbiAgICAgICAgW2FjdGlvbl09XCJ1cmwubG9naW5BY3Rpb25cIlxuICAgICAgICBba2NDbGFzc109XCIna2NGb3JtQ2xhc3MnXCJcbiAgICA+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgaWQ9XCJjYW5jZWxXZWJBdXRobkFJQVwiXG4gICAgICAgICAgICBuYW1lPVwiY2FuY2VsLWFpYVwiXG4gICAgICAgICAgICB2YWx1ZT1cInRydWVcIlxuICAgICAgICAgICAgW2tjQ2xhc3NdPVwiWydrY0J1dHRvbkNsYXNzJywgJ2tjQnV0dG9uRGVmYXVsdENsYXNzJywgJ2tjQnV0dG9uQmxvY2tDbGFzcycsICdrY0J1dHRvbkxhcmdlQ2xhc3MnXVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHt7IGkxOG4ubXNnU3RyKCdkb0NhbmNlbCcpIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZm9ybT5cbn1cbiJdfQ==

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

@@ -1,6 +1,6 @@
 import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Renderer2, input, forwardRef, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, output, inject, ViewContainerRef, effect, Component, Renderer2, ChangeDetectorRef, forwardRef, ChangeDetectionStrategy } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';
 import { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';
@@ -12,18 +12,45 @@ import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { getKcClsx } from 'keycloakify/account/lib/kcClsx';
 
+class DynamicPageInjectorComponent {
+    #vcr;
+    constructor() {
+        this.page = input();
+        this.componentCreated = output();
+        this.#vcr = inject(ViewContainerRef);
+        effect(() => {
+            const page = this.page();
+            if (!page)
+                return;
+            const compRef = this.#vcr.createComponent(page);
+            this.componentCreated.emit(compRef.instance);
+        }, { allowSignalWrites: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kc-dynamic-page-injector',
+                    standalone: true,
+                    template: ``
+                }]
+        }], ctorParameters: () => [] });
 class TemplateComponent extends ComponentReference {
+    #cdr;
     constructor() {
         super();
         this.i18n = inject(ACCOUNT_I18N);
         this.renderer = inject(Renderer2);
+        this.#cdr = inject(ChangeDetectorRef);
         this.meta = inject(Meta);
         this.title = inject(Title);
         this.kcContext = inject(KC_ACCOUNT_CONTEXT);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
         this.accountResourceInjectorService = inject(AccountResourceInjectorService);
-        this.active = input(undefined);
+        this.page = input();
         this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));
         this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);
     }
@@ -47,27 +74,33 @@ class TemplateComponent extends ComponentReference {
             this.renderer.addClass(document.documentElement, klass);
         });
     }
+    onComponentCreated(compRef) {
+        if ('active' in compRef && compRef.active) {
+            this.active = compRef.active;
+        }
+        this.#cdr.markForCheck();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TemplateComponent, isStandalone: true, selector: "kc-account-template", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TemplateComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let activeLink = active();\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: activeLink === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: activeLink === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: activeLink === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: activeLink === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: activeLink === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: activeLink === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <ng-content select=\"[content]\" />\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: active === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: active === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: active === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: active === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: active === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: active === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            @let pageRef = page();\n            @if (!!pageRef) {\n                <kc-dynamic-page-injector\n                    [page]=\"pageRef\"\n                    (componentCreated)=\"onComponentCreated($event)\"\n                />\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DynamicPageInjectorComponent, selector: "kc-dynamic-page-injector", inputs: ["page"], outputs: ["componentCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kc-account-template', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'kc-root', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass, DynamicPageInjectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => TemplateComponent)
                         }
-                    ], template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let activeLink = active();\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: activeLink === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: activeLink === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: activeLink === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: activeLink === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: activeLink === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: activeLink === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <ng-content select=\"[content]\" />\n        </div>\n    </div>\n}\n" }]
+                    ], template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: active === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: active === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: active === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: active === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: active === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: active === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            @let pageRef = page();\n            @if (!!pageRef) {\n                <kc-dynamic-page-injector\n                    [page]=\"pageRef\"\n                    (componentCreated)=\"onComponentCreated($event)\"\n                />\n            }\n        </div>\n    </div>\n}\n" }]
         }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TemplateComponent };
+export { DynamicPageInjectorComponent, TemplateComponent };
 //# sourceMappingURL=keycloakify-angular-account-containers-template.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-containers-template.mjs","sources":["../../src/account/containers/template/template.component.ts","../../src/account/containers/template/template.component.html","../../src/account/containers/template/keycloakify-angular-account-containers-template.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject, input, OnInit, Renderer2 } from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { AccountResourceInjectorService } from '@keycloakify/angular/account/services/account-resource-injector';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';\nimport { Observable } from 'rxjs';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n    selector: 'kc-account-template',\n    templateUrl: './template.component.html',\n    standalone: true,\n    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference implements OnInit {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    renderer = inject(Renderer2);\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    accountResourceInjectorService = inject(AccountResourceInjectorService);\n\n    active = input<'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined>(undefined);\n\n    isReadyToRender$: Observable<boolean>;\n\n    constructor() {\n        super();\n        this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));\n        this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);\n    }\n\n    ngOnInit() {\n        this.applyKcIndexClasses();\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.push('admin-console', 'user');\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n}\n","@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let activeLink = active();\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: activeLink === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: activeLink === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: activeLink === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: activeLink === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: activeLink === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: activeLink === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: activeLink === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <ng-content select=\"[content]\" />\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-account-containers-template.mjs","sources":["../../src/account/containers/template/template.component.ts","../../src/account/containers/template/template.component.html","../../src/account/containers/template/keycloakify-angular-account-containers-template.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    OnInit,\n    output,\n    Renderer2,\n    Type,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { AccountResourceInjectorService } from '@keycloakify/angular/account/services/account-resource-injector';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';\nimport { Observable } from 'rxjs';\ntype ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined;\n\n@Component({\n    selector: 'kc-dynamic-page-injector',\n    standalone: true,\n    template: ``\n})\nexport class DynamicPageInjectorComponent {\n    page = input<Type<unknown>>();\n    componentCreated = output<object>();\n    #vcr = inject<ViewContainerRef>(ViewContainerRef);\n    constructor() {\n        effect(\n            () => {\n                const page = this.page();\n                if (!page) return;\n                const compRef = this.#vcr.createComponent(page);\n                this.componentCreated.emit(compRef.instance as object);\n            },\n            { allowSignalWrites: true }\n        );\n    }\n}\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: './template.component.html',\n    standalone: true,\n    imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass, DynamicPageInjectorComponent],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference implements OnInit {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    accountResourceInjectorService = inject(AccountResourceInjectorService);\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n\n    active: ActiveType;\n\n    constructor() {\n        super();\n        this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));\n        this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);\n    }\n\n    ngOnInit() {\n        this.applyKcIndexClasses();\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.push('admin-console', 'user');\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('active' in compRef && compRef.active) {\n            this.active = compRef.active as ActiveType;\n        }\n\n        this.#cdr.markForCheck();\n    }\n}\n","@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: active === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: active === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: active === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: active === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: active === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: active === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            @let pageRef = page();\n            @if (!!pageRef) {\n                <kc-dynamic-page-injector\n                    [page]=\"pageRef\"\n                    (componentCreated)=\"onComponentCreated($event)\"\n                />\n            }\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAmCa,4BAA4B,CAAA;AAGrC,IAAA,IAAI,CAA8C;AAClD,IAAA,WAAA,GAAA;QAHA,IAAI,CAAA,IAAA,GAAG,KAAK,EAAiB,CAAC;QAC9B,IAAgB,CAAA,gBAAA,GAAG,MAAM,EAAU,CAAC;AACpC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAmB,gBAAgB,CAAC,CAAC;QAE9C,MAAM,CACF,MAAK;AACD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAChD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,QAAkB,CAAC,CAAC;AAC3D,SAAC,EACD,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAC9B,CAAC;KACL;8GAdQ,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wQAF3B,CAAE,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAEH,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAE,CAAA;AACf,iBAAA,CAAA;;AA+BK,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAGrD,IAAA,IAAI,CAA6B;AAcjC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;AAjBZ,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC7B,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACtB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAY,kBAAkB,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AAC9E,QAAA,IAAA,CAAA,8BAA8B,GAAG,MAAM,CAAC,8BAA8B,CAAC,CAAC;QAIxE,IAAI,CAAA,IAAA,GAAG,KAAK,EAAiB,CAAC;AAM1B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC;AAChE,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,8BAA8B,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACpG;IAED,QAAQ,GAAA;QACJ,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC9B;IAEO,mBAAmB,GAAA;QACvB,MAAM,MAAM,GAAG,SAAS,CAAC;YACrB,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,OAAO,EAAE,IAAI,CAAC,OAAO;SACxB,CAAC,CAAC,MAAM,CAAC;AACV,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC1C,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAC1C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC/C,QAAA,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAC5C,QAAA,aAAa,CAAC,OAAO,CAAC,KAAK,IAAG;YAC1B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACjD,SAAC,CAAC,CAAC;AACH,QAAA,aAAa,CAAC,OAAO,CAAC,KAAK,IAAG;YAC1B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC5D,SAAC,CAAC,CAAC;KACN;AAED,IAAA,kBAAkB,CAAC,OAAe,EAAA;QAC9B,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE;AACvC,YAAA,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAoB,CAAC;SAC9C;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;KAC5B;8GAnDQ,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAPf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACnD,aAAA;SACJ,EC/DL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wnLAkIA,uCD1Ec,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,cAAc,EAAsC,IAAA,EAAA,YAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,oFArBvE,4BAA4B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA8B5B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;+BACI,SAAS,EAAA,UAAA,EAEP,IAAI,EACP,OAAA,EAAA,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,4BAA4B,CAAC,mBAC9F,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACnD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,wnLAAA,EAAA,CAAA;;;AE/DL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-account-pages-account.mjs

@@ -19,23 +19,24 @@ class AccountComponent extends ComponentReference {
         this.additionalClasses = {
             kcBodyClass: `${this.classes?.kcBodyClass} user`
         };
+        this.active = 'account';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AccountComponent, isStandalone: true, selector: "kc-root", providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: AccountComponent, isStandalone: true, selector: "kc-account", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => AccountComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<kc-account-template [active]=\"'account'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n            </div>\n            <div class=\"col-md-2 subtitle\">\n                <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n            </div>\n        </div>\n        <form\n            class=\"form-horizontal\"\n            method=\"post\"\n            [action]=\"url.accountUrl\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"stateChecker\"\n                name=\"stateChecker\"\n                [value]=\"stateChecker\"\n            />\n            @if (!realm.registrationEmailAsUsername) {\n                <div\n                    class=\"form-group\"\n                    [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n                >\n                    <div class=\"col-sm-2 col-md-2\">\n                        <label\n                            for=\"username\"\n                            class=\"control-label\"\n                        >\n                            {{ i18n.msgStr('username') }}\n                        </label>\n                        @if (realm.editUsernameAllowed) {\n                            <span class=\"required\">*</span>\n                        }\n                    </div>\n\n                    <div class=\"col-sm-10 col-md-10\">\n                        <input\n                            type=\"text\"\n                            class=\"form-control\"\n                            id=\"username\"\n                            name=\"username\"\n                            [disabled]=\"!realm.editUsernameAllowed\"\n                            [defaultValue]=\"account.username ?? ''\"\n                        />\n                    </div>\n                </div>\n            }\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"email\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('email') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"email\"\n                        name=\"email\"\n                        autoFocus\n                        [defaultValue]=\"account.email ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"firstName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('firstName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"firstName\"\n                        name=\"firstName\"\n                        [defaultValue]=\"account.firstName\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"lastName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('lastName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"lastName\"\n                        name=\"lastName\"\n                        [defaultValue]=\"account.lastName ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div class=\"form-group\">\n                <div\n                    id=\"kc-form-buttons\"\n                    class=\"col-md-offset-2 col-md-10 submit\"\n                >\n                    <div>\n                        @if (referrer) {\n                            <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                        }\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-account-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-account-template", inputs: ["active"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n    </div>\n</div>\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.accountUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    @if (!realm.registrationEmailAsUsername) {\n        <div\n            class=\"form-group\"\n            [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n        >\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"username\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('username') }}\n                </label>\n                @if (realm.editUsernameAllowed) {\n                    <span class=\"required\">*</span>\n                }\n            </div>\n\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"text\"\n                    class=\"form-control\"\n                    id=\"username\"\n                    name=\"username\"\n                    [disabled]=\"!realm.editUsernameAllowed\"\n                    [defaultValue]=\"account.username ?? ''\"\n                />\n            </div>\n        </div>\n    }\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"email\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('email') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"email\"\n                name=\"email\"\n                autoFocus\n                [defaultValue]=\"account.email ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"firstName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('firstName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"firstName\"\n                name=\"firstName\"\n                [defaultValue]=\"account.firstName\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"lastName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('lastName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"lastName\"\n                name=\"lastName\"\n                [defaultValue]=\"account.lastName ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div\n            id=\"kc-form-buttons\"\n            class=\"col-md-offset-2 col-md-10 submit\"\n        >\n            <div>\n                @if (referrer) {\n                    <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                }\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Cancel\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass], selector: 'kc-root', providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass], selector: 'kc-account', providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => AccountComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<kc-account-template [active]=\"'account'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n            </div>\n            <div class=\"col-md-2 subtitle\">\n                <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n            </div>\n        </div>\n        <form\n            class=\"form-horizontal\"\n            method=\"post\"\n            [action]=\"url.accountUrl\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"stateChecker\"\n                name=\"stateChecker\"\n                [value]=\"stateChecker\"\n            />\n            @if (!realm.registrationEmailAsUsername) {\n                <div\n                    class=\"form-group\"\n                    [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n                >\n                    <div class=\"col-sm-2 col-md-2\">\n                        <label\n                            for=\"username\"\n                            class=\"control-label\"\n                        >\n                            {{ i18n.msgStr('username') }}\n                        </label>\n                        @if (realm.editUsernameAllowed) {\n                            <span class=\"required\">*</span>\n                        }\n                    </div>\n\n                    <div class=\"col-sm-10 col-md-10\">\n                        <input\n                            type=\"text\"\n                            class=\"form-control\"\n                            id=\"username\"\n                            name=\"username\"\n                            [disabled]=\"!realm.editUsernameAllowed\"\n                            [defaultValue]=\"account.username ?? ''\"\n                        />\n                    </div>\n                </div>\n            }\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"email\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('email') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"email\"\n                        name=\"email\"\n                        autoFocus\n                        [defaultValue]=\"account.email ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"firstName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('firstName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"firstName\"\n                        name=\"firstName\"\n                        [defaultValue]=\"account.firstName\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"lastName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('lastName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"lastName\"\n                        name=\"lastName\"\n                        [defaultValue]=\"account.lastName ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div class=\"form-group\">\n                <div\n                    id=\"kc-form-buttons\"\n                    class=\"col-md-offset-2 col-md-10 submit\"\n                >\n                    <div>\n                        @if (referrer) {\n                            <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                        }\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-account-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n    </div>\n</div>\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.accountUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    @if (!realm.registrationEmailAsUsername) {\n        <div\n            class=\"form-group\"\n            [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n        >\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"username\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('username') }}\n                </label>\n                @if (realm.editUsernameAllowed) {\n                    <span class=\"required\">*</span>\n                }\n            </div>\n\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"text\"\n                    class=\"form-control\"\n                    id=\"username\"\n                    name=\"username\"\n                    [disabled]=\"!realm.editUsernameAllowed\"\n                    [defaultValue]=\"account.username ?? ''\"\n                />\n            </div>\n        </div>\n    }\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"email\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('email') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"email\"\n                name=\"email\"\n                autoFocus\n                [defaultValue]=\"account.email ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"firstName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('firstName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"firstName\"\n                name=\"firstName\"\n                [defaultValue]=\"account.firstName\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"lastName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('lastName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"lastName\"\n                name=\"lastName\"\n                [defaultValue]=\"account.lastName ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div\n            id=\"kc-form-buttons\"\n            class=\"col-md-offset-2 col-md-10 submit\"\n        >\n            <div>\n                @if (referrer) {\n                    <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                }\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Cancel\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n" }]
         }] });
 
 /**

package/fesm2022/keycloakify-angular-account-pages-account.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-account.mjs","sources":["../../src/account/pages/account/account.component.ts","../../src/account/pages/account/account.component.html","../../src/account/pages/account/keycloakify-angular-account-pages-account.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent, NgClass],\n    selector: 'kc-root',\n    templateUrl: 'account.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => AccountComponent)\n        }\n    ]\n})\nexport class AccountComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'account.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    override additionalClasses: Partial<Record<ClassKey, string>> = {\n        kcBodyClass: `${this.classes?.kcBodyClass} user`\n    };\n}\n","@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<kc-account-template [active]=\"'account'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n            </div>\n            <div class=\"col-md-2 subtitle\">\n                <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n            </div>\n        </div>\n        <form\n            class=\"form-horizontal\"\n            method=\"post\"\n            [action]=\"url.accountUrl\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"stateChecker\"\n                name=\"stateChecker\"\n                [value]=\"stateChecker\"\n            />\n            @if (!realm.registrationEmailAsUsername) {\n                <div\n                    class=\"form-group\"\n                    [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n                >\n                    <div class=\"col-sm-2 col-md-2\">\n                        <label\n                            for=\"username\"\n                            class=\"control-label\"\n                        >\n                            {{ i18n.msgStr('username') }}\n                        </label>\n                        @if (realm.editUsernameAllowed) {\n                            <span class=\"required\">*</span>\n                        }\n                    </div>\n\n                    <div class=\"col-sm-10 col-md-10\">\n                        <input\n                            type=\"text\"\n                            class=\"form-control\"\n                            id=\"username\"\n                            name=\"username\"\n                            [disabled]=\"!realm.editUsernameAllowed\"\n                            [defaultValue]=\"account.username ?? ''\"\n                        />\n                    </div>\n                </div>\n            }\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"email\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('email') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"email\"\n                        name=\"email\"\n                        autoFocus\n                        [defaultValue]=\"account.email ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"firstName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('firstName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"firstName\"\n                        name=\"firstName\"\n                        [defaultValue]=\"account.firstName\"\n                    />\n                </div>\n            </div>\n\n            <div\n                class=\"form-group\"\n                [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n            >\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"lastName\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('lastName') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        class=\"form-control\"\n                        id=\"lastName\"\n                        name=\"lastName\"\n                        [defaultValue]=\"account.lastName ?? ''\"\n                    />\n                </div>\n            </div>\n\n            <div class=\"form-group\">\n                <div\n                    id=\"kc-form-buttons\"\n                    class=\"col-md-offset-2 col-md-10 submit\"\n                >\n                    <div>\n                        @if (referrer) {\n                            <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                        }\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        >\n                            {{ i18n.msgStr('doCancel') }}\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </form>\n    </ng-container>\n</kc-account-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,gBAAiB,SAAQ,kBAAkB,CAAA;AAZxD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAgD,kBAAkB,CAAC,CAAC;AAC7E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACrE,QAAA,IAAA,CAAA,iBAAiB,GAAsC;AAC5D,YAAA,WAAW,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,EAAE,WAAW,CAAO,KAAA,CAAA;SACnD,CAAC;AACL,KAAA;8GARY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAPd,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAClD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,0oMAqKA,EDtJc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,oFAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAU7C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAC7C,QAAA,EAAA,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAClD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,0oMAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-account-pages-account.mjs","sources":["../../src/account/pages/account/account.component.ts","../../src/account/pages/account/account.component.html","../../src/account/pages/account/keycloakify-angular-account-pages-account.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\n\n@Component({\n    standalone: true,\n    imports: [KcClassDirective, TemplateComponent, NgClass],\n    selector: 'kc-account',\n    templateUrl: 'account.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => AccountComponent)\n        }\n    ]\n})\nexport class AccountComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'account.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    override additionalClasses: Partial<Record<ClassKey, string>> = {\n        kcBodyClass: `${this.classes?.kcBodyClass} user`\n    };\n    active = 'account';\n}\n","@let url = kcContext.url;\n@let realm = kcContext.realm;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let account = kcContext.account;\n@let referrer = kcContext.referrer;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('editAccountHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\"> <span class=\"required\">*</span> {{ i18n.msgStr('requiredFields') }} </span>\n    </div>\n</div>\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.accountUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    @if (!realm.registrationEmailAsUsername) {\n        <div\n            class=\"form-group\"\n            [ngClass]=\"{ 'has-error': messagesPerField.existsError('username') }\"\n        >\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"username\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('username') }}\n                </label>\n                @if (realm.editUsernameAllowed) {\n                    <span class=\"required\">*</span>\n                }\n            </div>\n\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"text\"\n                    class=\"form-control\"\n                    id=\"username\"\n                    name=\"username\"\n                    [disabled]=\"!realm.editUsernameAllowed\"\n                    [defaultValue]=\"account.username ?? ''\"\n                />\n            </div>\n        </div>\n    }\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('email') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"email\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('email') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"email\"\n                name=\"email\"\n                autoFocus\n                [defaultValue]=\"account.email ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('firstName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"firstName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('firstName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"firstName\"\n                name=\"firstName\"\n                [defaultValue]=\"account.firstName\"\n            />\n        </div>\n    </div>\n\n    <div\n        class=\"form-group\"\n        [ngClass]=\"{ 'has-error': messagesPerField.existsError('lastName') }\"\n    >\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"lastName\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('lastName') }}\n            </label>\n            <span class=\"required\">*</span>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"text\"\n                class=\"form-control\"\n                id=\"lastName\"\n                name=\"lastName\"\n                [defaultValue]=\"account.lastName ?? ''\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div\n            id=\"kc-form-buttons\"\n            class=\"col-md-offset-2 col-md-10 submit\"\n        >\n            <div>\n                @if (referrer) {\n                    <a [href]=\"referrer?.url\">{{ i18n.msgStr('backToApplication') }}</a>\n                }\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Cancel\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doCancel') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,gBAAiB,SAAQ,kBAAkB,CAAA;AAZxD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAgD,kBAAkB,CAAC,CAAC;AAC7E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACrE,QAAA,IAAA,CAAA,iBAAiB,GAAsC;AAC5D,YAAA,WAAW,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,EAAE,WAAW,CAAO,KAAA,CAAA;SACnD,CAAC;QACF,IAAM,CAAA,MAAA,GAAG,SAAS,CAAC;AACtB,KAAA;8GATY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAPd,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB,CAAC;AAClD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,m4JAiKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlJc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAqB,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAU7C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAC7C,QAAA,EAAA,YAAY,EAEX,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB,CAAC;AAClD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,m4JAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}