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

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.6", ngImport: i0, type: AccountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: AccountComponent, isStandalone: true, selector: "kc-root", providers: [
+    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-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            [action]=\"url.accountUrl\"\n            class=\"form-horizontal\"\n            method=\"post\"\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                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\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.6", ngImport: i0, type: AccountComponent, decorators: [{
+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            [action]=\"url.accountUrl\"\n            class=\"form-horizontal\"\n            method=\"post\"\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                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\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            [action]=\"url.accountUrl\"\n            class=\"form-horizontal\"\n            method=\"post\"\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                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Save\"\n                        >\n                            {{ i18n.msgStr('doSave') }}\n                        </button>\n                        <button\n                            type=\"submit\"\n                            [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                            name=\"submitAction\"\n                            value=\"Cancel\"\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;;;;"}

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

@@ -17,23 +17,24 @@ class ApplicationsComponent extends ComponentReference {
         this.kcContext = inject(KC_ACCOUNT_CONTEXT);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
+        this.active = 'applications';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ApplicationsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: ApplicationsComponent, isStandalone: true, selector: "kc-root", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApplicationsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: ApplicationsComponent, isStandalone: true, selector: "kc-applications", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => ApplicationsComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<kc-account-template [active]=\"'applications'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n            </div>\n\n            <form\n                [action]=\"url.applicationsUrl\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"stateChecker\"\n                    name=\"stateChecker\"\n                    [value]=\"stateChecker\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"referrer\"\n                    name=\"referrer\"\n                    [value]=\"stateChecker\"\n                />\n\n                <table class=\"table table-striped table-bordered\">\n                    <thead>\n                        <tr>\n                            <td>{{ i18n.msgStr('application') }}</td>\n                            <td>{{ i18n.msgStr('availableRoles') }}</td>\n                            <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                            <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                            <td>{{ i18n.msgStr('action') }}</td>\n                        </tr>\n                    </thead>\n\n                    <tbody>\n                        @for (application of applications ?? []; track application) {\n                            <tr>\n                                <td>\n                                    @if (application.effectiveUrl) {\n                                        <a [href]=\"application.effectiveUrl\">\n                                            @if (application.client.name) {\n                                                {{ i18n.advancedMsgStr(application.client.name) }}\n                                            } @else {\n                                                {{ application.client.clientId }}\n                                            }\n                                        </a>\n                                    } @else {\n                                        @if (application.client.name) {\n                                            {{ i18n.advancedMsgStr(application.client.name) }}\n                                        } @else {\n                                            {{ application.client.clientId }}\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                        @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                            <span>\n                                                @if (role.description) {\n                                                    {{ i18n.advancedMsgStr(role.description) }}\n                                                } @else {\n                                                    {{ i18n.advancedMsgStr(role.name) }}\n                                                }\n                                                @if (!last) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                    @if (application.resourceRolesAvailable) {\n                                        @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                            <span>\n                                                @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                                    ,&nbsp;\n                                                }\n                                                @for (\n                                                    clientRole of application.resourceRolesAvailable[resource.key];\n                                                    track clientRole;\n                                                    let roleLast = $last\n                                                ) {\n                                                    <span>\n                                                        {{\n                                                            i18n.advancedMsgStr(\n                                                                clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName\n                                                            )\n                                                        }}\n                                                        {{ i18n.msgStr('inResource') }}\n                                                        <strong>\n                                                            {{\n                                                                clientRole.clientName\n                                                                    ? i18n.advancedMsgStr(clientRole.clientName)\n                                                                    : clientRole.clientId\n                                                            }}</strong\n                                                        >\n                                                        @if (!roleLast) {\n                                                            ,&nbsp;\n                                                        }\n                                                    </span>\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (application.client.consentRequired) {\n                                        @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                            {{ i18n.advancedMsgStr(claim) }}\n                                            @if (!last) {\n                                                ,&nbsp;\n                                            }\n                                        }\n                                    } @else {\n                                        <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                                    }\n                                </td>\n\n                                <td>\n                                    @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                        {{ i18n.advancedMsgStr(grant) }}\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (\n                                        (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                        application.additionalGrants.length > 0\n                                    ) {\n                                        <button\n                                            type=\"submit\"\n                                            [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                            [id]=\"'revoke-' + application.client.clientId\"\n                                            name=\"clientId\"\n                                            [value]=\"application.client.id\"\n                                        >\n                                            {{ i18n.msgStr('revoke') }}\n                                        </button>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </form>\n        </div>\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: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: IsArrayWithEmptyObjectPipe, name: "isArrayWithEmptyObject" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n    </div>\n\n    <form\n        method=\"post\"\n        [action]=\"url.applicationsUrl\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"stateChecker\"\n            name=\"stateChecker\"\n            [value]=\"stateChecker\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"referrer\"\n            name=\"referrer\"\n            [value]=\"stateChecker\"\n        />\n\n        <table class=\"table table-striped table-bordered\">\n            <thead>\n                <tr>\n                    <td>{{ i18n.msgStr('application') }}</td>\n                    <td>{{ i18n.msgStr('availableRoles') }}</td>\n                    <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                    <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                    <td>{{ i18n.msgStr('action') }}</td>\n                </tr>\n            </thead>\n\n            <tbody>\n                @for (application of applications ?? []; track application) {\n                    <tr>\n                        <td>\n                            @if (application.effectiveUrl) {\n                                <a [href]=\"application.effectiveUrl\">\n                                    @if (application.client.name) {\n                                        {{ i18n.advancedMsgStr(application.client.name) }}\n                                    } @else {\n                                        {{ application.client.clientId }}\n                                    }\n                                </a>\n                            } @else {\n                                @if (application.client.name) {\n                                    {{ i18n.advancedMsgStr(application.client.name) }}\n                                } @else {\n                                    {{ application.client.clientId }}\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                    <span>\n                                        @if (role.description) {\n                                            {{ i18n.advancedMsgStr(role.description) }}\n                                        } @else {\n                                            {{ i18n.advancedMsgStr(role.name) }}\n                                        }\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    </span>\n                                }\n                            }\n                            @if (application.resourceRolesAvailable) {\n                                @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                    <span>\n                                        @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                            ,&nbsp;\n                                        }\n                                        @for (\n                                            clientRole of application.resourceRolesAvailable[resource.key];\n                                            track clientRole;\n                                            let roleLast = $last\n                                        ) {\n                                            <span>\n                                                {{\n                                                    i18n.advancedMsgStr(clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName)\n                                                }}\n                                                {{ i18n.msgStr('inResource') }}\n                                                <strong>\n                                                    {{\n                                                        clientRole.clientName ? i18n.advancedMsgStr(clientRole.clientName) : clientRole.clientId\n                                                    }}</strong\n                                                >\n                                                @if (!roleLast) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    </span>\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (application.client.consentRequired) {\n                                @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                    {{ i18n.advancedMsgStr(claim) }}\n                                    @if (!last) {\n                                        ,&nbsp;\n                                    }\n                                }\n                            } @else {\n                                <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                            }\n                        </td>\n\n                        <td>\n                            @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                {{ i18n.advancedMsgStr(grant) }}\n                                @if (!last) {\n                                    ,&nbsp;\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (\n                                (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                application.additionalGrants.length > 0\n                            ) {\n                                <button\n                                    type=\"submit\"\n                                    name=\"clientId\"\n                                    [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                    [id]=\"'revoke-' + application.client.clientId\"\n                                    [value]=\"application.client.id\"\n                                >\n                                    {{ i18n.msgStr('revoke') }}\n                                </button>\n                            }\n                        </td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n    </form>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: IsArrayWithEmptyObjectPipe, name: "isArrayWithEmptyObject" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ApplicationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ApplicationsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass, KeyValuePipe, IsArrayWithEmptyObjectPipe], selector: 'kc-root', providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass, KeyValuePipe, IsArrayWithEmptyObjectPipe], selector: 'kc-applications', providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => ApplicationsComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<kc-account-template [active]=\"'applications'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n            </div>\n\n            <form\n                [action]=\"url.applicationsUrl\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"stateChecker\"\n                    name=\"stateChecker\"\n                    [value]=\"stateChecker\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"referrer\"\n                    name=\"referrer\"\n                    [value]=\"stateChecker\"\n                />\n\n                <table class=\"table table-striped table-bordered\">\n                    <thead>\n                        <tr>\n                            <td>{{ i18n.msgStr('application') }}</td>\n                            <td>{{ i18n.msgStr('availableRoles') }}</td>\n                            <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                            <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                            <td>{{ i18n.msgStr('action') }}</td>\n                        </tr>\n                    </thead>\n\n                    <tbody>\n                        @for (application of applications ?? []; track application) {\n                            <tr>\n                                <td>\n                                    @if (application.effectiveUrl) {\n                                        <a [href]=\"application.effectiveUrl\">\n                                            @if (application.client.name) {\n                                                {{ i18n.advancedMsgStr(application.client.name) }}\n                                            } @else {\n                                                {{ application.client.clientId }}\n                                            }\n                                        </a>\n                                    } @else {\n                                        @if (application.client.name) {\n                                            {{ i18n.advancedMsgStr(application.client.name) }}\n                                        } @else {\n                                            {{ application.client.clientId }}\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                        @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                            <span>\n                                                @if (role.description) {\n                                                    {{ i18n.advancedMsgStr(role.description) }}\n                                                } @else {\n                                                    {{ i18n.advancedMsgStr(role.name) }}\n                                                }\n                                                @if (!last) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                    @if (application.resourceRolesAvailable) {\n                                        @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                            <span>\n                                                @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                                    ,&nbsp;\n                                                }\n                                                @for (\n                                                    clientRole of application.resourceRolesAvailable[resource.key];\n                                                    track clientRole;\n                                                    let roleLast = $last\n                                                ) {\n                                                    <span>\n                                                        {{\n                                                            i18n.advancedMsgStr(\n                                                                clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName\n                                                            )\n                                                        }}\n                                                        {{ i18n.msgStr('inResource') }}\n                                                        <strong>\n                                                            {{\n                                                                clientRole.clientName\n                                                                    ? i18n.advancedMsgStr(clientRole.clientName)\n                                                                    : clientRole.clientId\n                                                            }}</strong\n                                                        >\n                                                        @if (!roleLast) {\n                                                            ,&nbsp;\n                                                        }\n                                                    </span>\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (application.client.consentRequired) {\n                                        @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                            {{ i18n.advancedMsgStr(claim) }}\n                                            @if (!last) {\n                                                ,&nbsp;\n                                            }\n                                        }\n                                    } @else {\n                                        <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                                    }\n                                </td>\n\n                                <td>\n                                    @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                        {{ i18n.advancedMsgStr(grant) }}\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (\n                                        (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                        application.additionalGrants.length > 0\n                                    ) {\n                                        <button\n                                            type=\"submit\"\n                                            [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                            [id]=\"'revoke-' + application.client.clientId\"\n                                            name=\"clientId\"\n                                            [value]=\"application.client.id\"\n                                        >\n                                            {{ i18n.msgStr('revoke') }}\n                                        </button>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </form>\n        </div>\n    </ng-container>\n</kc-account-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n    </div>\n\n    <form\n        method=\"post\"\n        [action]=\"url.applicationsUrl\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"stateChecker\"\n            name=\"stateChecker\"\n            [value]=\"stateChecker\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"referrer\"\n            name=\"referrer\"\n            [value]=\"stateChecker\"\n        />\n\n        <table class=\"table table-striped table-bordered\">\n            <thead>\n                <tr>\n                    <td>{{ i18n.msgStr('application') }}</td>\n                    <td>{{ i18n.msgStr('availableRoles') }}</td>\n                    <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                    <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                    <td>{{ i18n.msgStr('action') }}</td>\n                </tr>\n            </thead>\n\n            <tbody>\n                @for (application of applications ?? []; track application) {\n                    <tr>\n                        <td>\n                            @if (application.effectiveUrl) {\n                                <a [href]=\"application.effectiveUrl\">\n                                    @if (application.client.name) {\n                                        {{ i18n.advancedMsgStr(application.client.name) }}\n                                    } @else {\n                                        {{ application.client.clientId }}\n                                    }\n                                </a>\n                            } @else {\n                                @if (application.client.name) {\n                                    {{ i18n.advancedMsgStr(application.client.name) }}\n                                } @else {\n                                    {{ application.client.clientId }}\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                    <span>\n                                        @if (role.description) {\n                                            {{ i18n.advancedMsgStr(role.description) }}\n                                        } @else {\n                                            {{ i18n.advancedMsgStr(role.name) }}\n                                        }\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    </span>\n                                }\n                            }\n                            @if (application.resourceRolesAvailable) {\n                                @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                    <span>\n                                        @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                            ,&nbsp;\n                                        }\n                                        @for (\n                                            clientRole of application.resourceRolesAvailable[resource.key];\n                                            track clientRole;\n                                            let roleLast = $last\n                                        ) {\n                                            <span>\n                                                {{\n                                                    i18n.advancedMsgStr(clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName)\n                                                }}\n                                                {{ i18n.msgStr('inResource') }}\n                                                <strong>\n                                                    {{\n                                                        clientRole.clientName ? i18n.advancedMsgStr(clientRole.clientName) : clientRole.clientId\n                                                    }}</strong\n                                                >\n                                                @if (!roleLast) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    </span>\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (application.client.consentRequired) {\n                                @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                    {{ i18n.advancedMsgStr(claim) }}\n                                    @if (!last) {\n                                        ,&nbsp;\n                                    }\n                                }\n                            } @else {\n                                <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                            }\n                        </td>\n\n                        <td>\n                            @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                {{ i18n.advancedMsgStr(grant) }}\n                                @if (!last) {\n                                    ,&nbsp;\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (\n                                (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                application.additionalGrants.length > 0\n                            ) {\n                                <button\n                                    type=\"submit\"\n                                    name=\"clientId\"\n                                    [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                    [id]=\"'revoke-' + application.client.clientId\"\n                                    [value]=\"application.client.id\"\n                                >\n                                    {{ i18n.msgStr('revoke') }}\n                                </button>\n                            }\n                        </td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n    </form>\n</div>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-applications.mjs","sources":["../../src/account/pages/applications/applications.component.ts","../../src/account/pages/applications/applications.component.html","../../src/account/pages/applications/keycloakify-angular-account-pages-applications.ts"],"sourcesContent":["import { KeyValuePipe, 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 { IsArrayWithEmptyObjectPipe } from '@keycloakify/angular/lib/pipes/is-array-with-empty-object';\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, KeyValuePipe, IsArrayWithEmptyObjectPipe],\n    selector: 'kc-root',\n    templateUrl: 'applications.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => ApplicationsComponent)\n        }\n    ]\n})\nexport class ApplicationsComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'applications.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<kc-account-template [active]=\"'applications'\">\n    <ng-container content>\n        <div class=\"row\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n            </div>\n\n            <form\n                [action]=\"url.applicationsUrl\"\n                method=\"post\"\n            >\n                <input\n                    type=\"hidden\"\n                    id=\"stateChecker\"\n                    name=\"stateChecker\"\n                    [value]=\"stateChecker\"\n                />\n                <input\n                    type=\"hidden\"\n                    id=\"referrer\"\n                    name=\"referrer\"\n                    [value]=\"stateChecker\"\n                />\n\n                <table class=\"table table-striped table-bordered\">\n                    <thead>\n                        <tr>\n                            <td>{{ i18n.msgStr('application') }}</td>\n                            <td>{{ i18n.msgStr('availableRoles') }}</td>\n                            <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                            <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                            <td>{{ i18n.msgStr('action') }}</td>\n                        </tr>\n                    </thead>\n\n                    <tbody>\n                        @for (application of applications ?? []; track application) {\n                            <tr>\n                                <td>\n                                    @if (application.effectiveUrl) {\n                                        <a [href]=\"application.effectiveUrl\">\n                                            @if (application.client.name) {\n                                                {{ i18n.advancedMsgStr(application.client.name) }}\n                                            } @else {\n                                                {{ application.client.clientId }}\n                                            }\n                                        </a>\n                                    } @else {\n                                        @if (application.client.name) {\n                                            {{ i18n.advancedMsgStr(application.client.name) }}\n                                        } @else {\n                                            {{ application.client.clientId }}\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                        @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                            <span>\n                                                @if (role.description) {\n                                                    {{ i18n.advancedMsgStr(role.description) }}\n                                                } @else {\n                                                    {{ i18n.advancedMsgStr(role.name) }}\n                                                }\n                                                @if (!last) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                    @if (application.resourceRolesAvailable) {\n                                        @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                            <span>\n                                                @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                                    ,&nbsp;\n                                                }\n                                                @for (\n                                                    clientRole of application.resourceRolesAvailable[resource.key];\n                                                    track clientRole;\n                                                    let roleLast = $last\n                                                ) {\n                                                    <span>\n                                                        {{\n                                                            i18n.advancedMsgStr(\n                                                                clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName\n                                                            )\n                                                        }}\n                                                        {{ i18n.msgStr('inResource') }}\n                                                        <strong>\n                                                            {{\n                                                                clientRole.clientName\n                                                                    ? i18n.advancedMsgStr(clientRole.clientName)\n                                                                    : clientRole.clientId\n                                                            }}</strong\n                                                        >\n                                                        @if (!roleLast) {\n                                                            ,&nbsp;\n                                                        }\n                                                    </span>\n                                                }\n                                            </span>\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (application.client.consentRequired) {\n                                        @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                            {{ i18n.advancedMsgStr(claim) }}\n                                            @if (!last) {\n                                                ,&nbsp;\n                                            }\n                                        }\n                                    } @else {\n                                        <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                                    }\n                                </td>\n\n                                <td>\n                                    @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                        {{ i18n.advancedMsgStr(grant) }}\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    }\n                                </td>\n\n                                <td>\n                                    @if (\n                                        (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                        application.additionalGrants.length > 0\n                                    ) {\n                                        <button\n                                            type=\"submit\"\n                                            [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                            [id]=\"'revoke-' + application.client.clientId\"\n                                            name=\"clientId\"\n                                            [value]=\"application.client.id\"\n                                        >\n                                            {{ i18n.msgStr('revoke') }}\n                                        </button>\n                                    }\n                                </td>\n                            </tr>\n                        }\n                    </tbody>\n                </table>\n            </form>\n        </div>\n    </ng-container>\n</kc-account-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BM,MAAO,qBAAsB,SAAQ,kBAAkB,CAAA;AAZ7D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAqD,kBAAkB,CAAC,CAAC;AAClF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAPnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;AACvD,aAAA;SACJ,ECxBL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,62QA4JA,4CD5Ic,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAW,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,YAAY,4CAAE,0BAA0B,EAAA,IAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUvF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY,EAAE,0BAA0B,CAAC,EAAA,QAAA,EACvF,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC;AACvD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,62QAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-account-pages-applications.mjs","sources":["../../src/account/pages/applications/applications.component.ts","../../src/account/pages/applications/applications.component.html","../../src/account/pages/applications/keycloakify-angular-account-pages-applications.ts"],"sourcesContent":["import { KeyValuePipe, 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 { IsArrayWithEmptyObjectPipe } from '@keycloakify/angular/lib/pipes/is-array-with-empty-object';\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, KeyValuePipe, IsArrayWithEmptyObjectPipe],\n    selector: 'kc-applications',\n    templateUrl: 'applications.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => ApplicationsComponent)\n        }\n    ]\n})\nexport class ApplicationsComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'applications.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'applications';\n}\n","@let url = kcContext.url;\n@let stateChecker = kcContext.stateChecker;\n@let applications = kcContext.applications?.applications;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('applicationsHtmlTitle') }}</h2>\n    </div>\n\n    <form\n        method=\"post\"\n        [action]=\"url.applicationsUrl\"\n    >\n        <input\n            type=\"hidden\"\n            id=\"stateChecker\"\n            name=\"stateChecker\"\n            [value]=\"stateChecker\"\n        />\n        <input\n            type=\"hidden\"\n            id=\"referrer\"\n            name=\"referrer\"\n            [value]=\"stateChecker\"\n        />\n\n        <table class=\"table table-striped table-bordered\">\n            <thead>\n                <tr>\n                    <td>{{ i18n.msgStr('application') }}</td>\n                    <td>{{ i18n.msgStr('availableRoles') }}</td>\n                    <td>{{ i18n.msgStr('grantedPermissions') }}</td>\n                    <td>{{ i18n.msgStr('additionalGrants') }}</td>\n                    <td>{{ i18n.msgStr('action') }}</td>\n                </tr>\n            </thead>\n\n            <tbody>\n                @for (application of applications ?? []; track application) {\n                    <tr>\n                        <td>\n                            @if (application.effectiveUrl) {\n                                <a [href]=\"application.effectiveUrl\">\n                                    @if (application.client.name) {\n                                        {{ i18n.advancedMsgStr(application.client.name) }}\n                                    } @else {\n                                        {{ application.client.clientId }}\n                                    }\n                                </a>\n                            } @else {\n                                @if (application.client.name) {\n                                    {{ i18n.advancedMsgStr(application.client.name) }}\n                                } @else {\n                                    {{ application.client.clientId }}\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                @for (role of application.realmRolesAvailable; track role; let last = $last) {\n                                    <span>\n                                        @if (role.description) {\n                                            {{ i18n.advancedMsgStr(role.description) }}\n                                        } @else {\n                                            {{ i18n.advancedMsgStr(role.name) }}\n                                        }\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    </span>\n                                }\n                            }\n                            @if (application.resourceRolesAvailable) {\n                                @for (resource of application.resourceRolesAvailable | keyvalue; track resource.key) {\n                                    <span>\n                                        @if (!(application.realmRolesAvailable | isArrayWithEmptyObject)) {\n                                            ,&nbsp;\n                                        }\n                                        @for (\n                                            clientRole of application.resourceRolesAvailable[resource.key];\n                                            track clientRole;\n                                            let roleLast = $last\n                                        ) {\n                                            <span>\n                                                {{\n                                                    i18n.advancedMsgStr(clientRole.roleDescription ? clientRole.roleDescription : clientRole.roleName)\n                                                }}\n                                                {{ i18n.msgStr('inResource') }}\n                                                <strong>\n                                                    {{\n                                                        clientRole.clientName ? i18n.advancedMsgStr(clientRole.clientName) : clientRole.clientId\n                                                    }}</strong\n                                                >\n                                                @if (!roleLast) {\n                                                    ,&nbsp;\n                                                }\n                                            </span>\n                                        }\n                                    </span>\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (application.client.consentRequired) {\n                                @for (claim of application.clientScopesGranted; track claim; let last = $last) {\n                                    {{ i18n.advancedMsgStr(claim) }}\n                                    @if (!last) {\n                                        ,&nbsp;\n                                    }\n                                }\n                            } @else {\n                                <strong>{{ i18n.msgStr('fullAccess') }}</strong>\n                            }\n                        </td>\n\n                        <td>\n                            @for (grant of application.additionalGrants; track grant; let last = $last) {\n                                {{ i18n.advancedMsgStr(grant) }}\n                                @if (!last) {\n                                    ,&nbsp;\n                                }\n                            }\n                        </td>\n\n                        <td>\n                            @if (\n                                (application.client.consentRequired && application.clientScopesGranted.length > 0) ||\n                                application.additionalGrants.length > 0\n                            ) {\n                                <button\n                                    type=\"submit\"\n                                    name=\"clientId\"\n                                    [kcClass]=\"['kcButtonPrimaryClass', 'kcButtonClass']\"\n                                    [id]=\"'revoke-' + application.client.clientId\"\n                                    [value]=\"application.client.id\"\n                                >\n                                    {{ i18n.msgStr('revoke') }}\n                                </button>\n                            }\n                        </td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n    </form>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BM,MAAO,qBAAsB,SAAQ,kBAAkB,CAAA;AAZ7D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAqD,kBAAkB,CAAC,CAAC;AAClF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;QAC9E,IAAM,CAAA,MAAA,GAAG,cAAc,CAAC;AAC3B,KAAA;8GANY,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAPnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB,CAAC;AACvD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBL,+5NAoJA,EDpIc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAA8B,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,YAAY,4CAAE,0BAA0B,EAAA,IAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUvF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY,EAAE,0BAA0B,CAAC,EAAA,QAAA,EACvF,iBAAiB,EAEhB,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B,CAAC;AACvD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+5NAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}

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

@@ -16,23 +16,24 @@ class FederatedIdentityComponent extends ComponentReference {
         this.kcContext = inject(KC_ACCOUNT_CONTEXT);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
+        this.active = 'social';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FederatedIdentityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: FederatedIdentityComponent, isStandalone: true, selector: "kc-root", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FederatedIdentityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FederatedIdentityComponent, isStandalone: true, selector: "kc-federatedIdentity", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => FederatedIdentityComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<kc-account-template [active]=\"'social'\">\n    <ng-container content>\n        <div class=\"main-layout social\">\n            <div class=\"row\">\n                <div class=\"col-md-10\">\n                    <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n                </div>\n            </div>\n            <div id=\"federated-identities\">\n                @for (identity of federatedIdentity.identities; track identity) {\n                    <div class=\"row margin-bottom\">\n                        <div class=\"col-sm-2 col-md-2\">\n                            <label\n                                [for]=\"identity.providerId\"\n                                class=\"control-label\"\n                            >\n                                {{ identity.displayName }}\n                            </label>\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            <input\n                                disabled\n                                class=\"form-control\"\n                                [value]=\"identity.userName\"\n                            />\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            @if (identity.connected) {\n                                @if (federatedIdentity.removeLinkPossible) {\n                                    <form\n                                        [action]=\"url.socialUrl\"\n                                        method=\"post\"\n                                        class=\"form-inline\"\n                                    >\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"stateChecker\"\n                                            [value]=\"stateChecker\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"action\"\n                                            value=\"remove\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"providerId\"\n                                            [value]=\"identity.providerId\"\n                                        />\n                                        <button\n                                            [id]=\"'remove-link-' + identity.providerId\"\n                                            class=\"btn btn-default\"\n                                        >\n                                            {{ i18n.msgStr('doRemove') }}\n                                        </button>\n                                    </form>\n                                }\n                            } @else {\n                                <form\n                                    [action]=\"url.socialUrl\"\n                                    method=\"post\"\n                                    class=\"form-inline\"\n                                >\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"stateChecker\"\n                                        [value]=\"stateChecker\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"action\"\n                                        value=\"add\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"providerId\"\n                                        [value]=\"identity.providerId\"\n                                    />\n                                    <button\n                                        [id]=\"'add-link-' + identity.providerId\"\n                                        class=\"btn btn-default\"\n                                    >\n                                        {{ i18n.msgStr('doAdd') }}\n                                    </button>\n                                </form>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    </ng-container>\n</kc-account-template>\n", dependencies: [{ kind: "component", type: TemplateComponent, selector: "kc-account-template", inputs: ["active"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"main-layout social\">\n    <div class=\"row\">\n        <div class=\"col-md-10\">\n            <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n        </div>\n    </div>\n    <div id=\"federated-identities\">\n        @for (identity of federatedIdentity.identities; track identity) {\n            <div class=\"row margin-bottom\">\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        class=\"control-label\"\n                        [for]=\"identity.providerId\"\n                    >\n                        {{ identity.displayName }}\n                    </label>\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    <input\n                        disabled\n                        class=\"form-control\"\n                        [value]=\"identity.userName\"\n                    />\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    @if (identity.connected) {\n                        @if (federatedIdentity.removeLinkPossible) {\n                            <form\n                                method=\"post\"\n                                class=\"form-inline\"\n                                [action]=\"url.socialUrl\"\n                            >\n                                <input\n                                    type=\"hidden\"\n                                    name=\"stateChecker\"\n                                    [value]=\"stateChecker\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"action\"\n                                    value=\"remove\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"providerId\"\n                                    [value]=\"identity.providerId\"\n                                />\n                                <button\n                                    class=\"btn btn-default\"\n                                    [id]=\"'remove-link-' + identity.providerId\"\n                                >\n                                    {{ i18n.msgStr('doRemove') }}\n                                </button>\n                            </form>\n                        }\n                    } @else {\n                        <form\n                            method=\"post\"\n                            class=\"form-inline\"\n                            [action]=\"url.socialUrl\"\n                        >\n                            <input\n                                type=\"hidden\"\n                                name=\"stateChecker\"\n                                [value]=\"stateChecker\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"action\"\n                                value=\"add\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"providerId\"\n                                [value]=\"identity.providerId\"\n                            />\n                            <button\n                                class=\"btn btn-default\"\n                                [id]=\"'add-link-' + identity.providerId\"\n                            >\n                                {{ i18n.msgStr('doAdd') }}\n                            </button>\n                        </form>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FederatedIdentityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FederatedIdentityComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass], selector: 'kc-root', providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass], selector: 'kc-federatedIdentity', providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => FederatedIdentityComponent)
                         }
-                    ], template: "@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<kc-account-template [active]=\"'social'\">\n    <ng-container content>\n        <div class=\"main-layout social\">\n            <div class=\"row\">\n                <div class=\"col-md-10\">\n                    <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n                </div>\n            </div>\n            <div id=\"federated-identities\">\n                @for (identity of federatedIdentity.identities; track identity) {\n                    <div class=\"row margin-bottom\">\n                        <div class=\"col-sm-2 col-md-2\">\n                            <label\n                                [for]=\"identity.providerId\"\n                                class=\"control-label\"\n                            >\n                                {{ identity.displayName }}\n                            </label>\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            <input\n                                disabled\n                                class=\"form-control\"\n                                [value]=\"identity.userName\"\n                            />\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            @if (identity.connected) {\n                                @if (federatedIdentity.removeLinkPossible) {\n                                    <form\n                                        [action]=\"url.socialUrl\"\n                                        method=\"post\"\n                                        class=\"form-inline\"\n                                    >\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"stateChecker\"\n                                            [value]=\"stateChecker\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"action\"\n                                            value=\"remove\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"providerId\"\n                                            [value]=\"identity.providerId\"\n                                        />\n                                        <button\n                                            [id]=\"'remove-link-' + identity.providerId\"\n                                            class=\"btn btn-default\"\n                                        >\n                                            {{ i18n.msgStr('doRemove') }}\n                                        </button>\n                                    </form>\n                                }\n                            } @else {\n                                <form\n                                    [action]=\"url.socialUrl\"\n                                    method=\"post\"\n                                    class=\"form-inline\"\n                                >\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"stateChecker\"\n                                        [value]=\"stateChecker\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"action\"\n                                        value=\"add\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"providerId\"\n                                        [value]=\"identity.providerId\"\n                                    />\n                                    <button\n                                        [id]=\"'add-link-' + identity.providerId\"\n                                        class=\"btn btn-default\"\n                                    >\n                                        {{ i18n.msgStr('doAdd') }}\n                                    </button>\n                                </form>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n    </ng-container>\n</kc-account-template>\n" }]
+                    ], template: "@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"main-layout social\">\n    <div class=\"row\">\n        <div class=\"col-md-10\">\n            <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n        </div>\n    </div>\n    <div id=\"federated-identities\">\n        @for (identity of federatedIdentity.identities; track identity) {\n            <div class=\"row margin-bottom\">\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        class=\"control-label\"\n                        [for]=\"identity.providerId\"\n                    >\n                        {{ identity.displayName }}\n                    </label>\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    <input\n                        disabled\n                        class=\"form-control\"\n                        [value]=\"identity.userName\"\n                    />\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    @if (identity.connected) {\n                        @if (federatedIdentity.removeLinkPossible) {\n                            <form\n                                method=\"post\"\n                                class=\"form-inline\"\n                                [action]=\"url.socialUrl\"\n                            >\n                                <input\n                                    type=\"hidden\"\n                                    name=\"stateChecker\"\n                                    [value]=\"stateChecker\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"action\"\n                                    value=\"remove\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"providerId\"\n                                    [value]=\"identity.providerId\"\n                                />\n                                <button\n                                    class=\"btn btn-default\"\n                                    [id]=\"'remove-link-' + identity.providerId\"\n                                >\n                                    {{ i18n.msgStr('doRemove') }}\n                                </button>\n                            </form>\n                        }\n                    } @else {\n                        <form\n                            method=\"post\"\n                            class=\"form-inline\"\n                            [action]=\"url.socialUrl\"\n                        >\n                            <input\n                                type=\"hidden\"\n                                name=\"stateChecker\"\n                                [value]=\"stateChecker\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"action\"\n                                value=\"add\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"providerId\"\n                                [value]=\"identity.providerId\"\n                            />\n                            <button\n                                class=\"btn btn-default\"\n                                [id]=\"'add-link-' + identity.providerId\"\n                            >\n                                {{ i18n.msgStr('doAdd') }}\n                            </button>\n                        </form>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n</div>\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-federatedIdentity.mjs","sources":["../../src/account/pages/federatedIdentity/federatedIdentity.component.ts","../../src/account/pages/federatedIdentity/federatedIdentity.component.html","../../src/account/pages/federatedIdentity/keycloakify-angular-account-pages-federatedIdentity.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: 'federatedIdentity.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => FederatedIdentityComponent)\n        }\n    ]\n})\nexport class FederatedIdentityComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'federatedIdentity.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<kc-account-template [active]=\"'social'\">\n    <ng-container content>\n        <div class=\"main-layout social\">\n            <div class=\"row\">\n                <div class=\"col-md-10\">\n                    <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n                </div>\n            </div>\n            <div id=\"federated-identities\">\n                @for (identity of federatedIdentity.identities; track identity) {\n                    <div class=\"row margin-bottom\">\n                        <div class=\"col-sm-2 col-md-2\">\n                            <label\n                                [for]=\"identity.providerId\"\n                                class=\"control-label\"\n                            >\n                                {{ identity.displayName }}\n                            </label>\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            <input\n                                disabled\n                                class=\"form-control\"\n                                [value]=\"identity.userName\"\n                            />\n                        </div>\n                        <div class=\"col-sm-5 col-md-5\">\n                            @if (identity.connected) {\n                                @if (federatedIdentity.removeLinkPossible) {\n                                    <form\n                                        [action]=\"url.socialUrl\"\n                                        method=\"post\"\n                                        class=\"form-inline\"\n                                    >\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"stateChecker\"\n                                            [value]=\"stateChecker\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"action\"\n                                            value=\"remove\"\n                                        />\n                                        <input\n                                            type=\"hidden\"\n                                            name=\"providerId\"\n                                            [value]=\"identity.providerId\"\n                                        />\n                                        <button\n                                            [id]=\"'remove-link-' + identity.providerId\"\n                                            class=\"btn btn-default\"\n                                        >\n                                            {{ i18n.msgStr('doRemove') }}\n                                        </button>\n                                    </form>\n                                }\n                            } @else {\n                                <form\n                                    [action]=\"url.socialUrl\"\n                                    method=\"post\"\n                                    class=\"form-inline\"\n                                >\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"stateChecker\"\n                                        [value]=\"stateChecker\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"action\"\n                                        value=\"add\"\n                                    />\n                                    <input\n                                        type=\"hidden\"\n                                        name=\"providerId\"\n                                        [value]=\"identity.providerId\"\n                                    />\n                                    <button\n                                        [id]=\"'add-link-' + identity.providerId\"\n                                        class=\"btn btn-default\"\n                                    >\n                                        {{ i18n.msgStr('doAdd') }}\n                                    </button>\n                                </form>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\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,0BAA2B,SAAQ,kBAAkB,CAAA;AAZlE,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,kBAAkB,CAAC,CAAC;AACvF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAPxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B,CAAC;AAC5D,aAAA;SACJ,ECvBL,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8qJAiGA,4CDlFgC,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUpC,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAZtC,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,gCAAgC,CAAC;AAC5D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,8qJAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-account-pages-federatedIdentity.mjs","sources":["../../src/account/pages/federatedIdentity/federatedIdentity.component.ts","../../src/account/pages/federatedIdentity/federatedIdentity.component.html","../../src/account/pages/federatedIdentity/keycloakify-angular-account-pages-federatedIdentity.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-federatedIdentity',\n    templateUrl: 'federatedIdentity.component.html',\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => FederatedIdentityComponent)\n        }\n    ]\n})\nexport class FederatedIdentityComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'federatedIdentity.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'social';\n}\n","@let url = kcContext.url;\n@let federatedIdentity = kcContext.federatedIdentity;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"main-layout social\">\n    <div class=\"row\">\n        <div class=\"col-md-10\">\n            <h2>{{ i18n.msgStr('federatedIdentitiesHtmlTitle') }}</h2>\n        </div>\n    </div>\n    <div id=\"federated-identities\">\n        @for (identity of federatedIdentity.identities; track identity) {\n            <div class=\"row margin-bottom\">\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        class=\"control-label\"\n                        [for]=\"identity.providerId\"\n                    >\n                        {{ identity.displayName }}\n                    </label>\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    <input\n                        disabled\n                        class=\"form-control\"\n                        [value]=\"identity.userName\"\n                    />\n                </div>\n                <div class=\"col-sm-5 col-md-5\">\n                    @if (identity.connected) {\n                        @if (federatedIdentity.removeLinkPossible) {\n                            <form\n                                method=\"post\"\n                                class=\"form-inline\"\n                                [action]=\"url.socialUrl\"\n                            >\n                                <input\n                                    type=\"hidden\"\n                                    name=\"stateChecker\"\n                                    [value]=\"stateChecker\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"action\"\n                                    value=\"remove\"\n                                />\n                                <input\n                                    type=\"hidden\"\n                                    name=\"providerId\"\n                                    [value]=\"identity.providerId\"\n                                />\n                                <button\n                                    class=\"btn btn-default\"\n                                    [id]=\"'remove-link-' + identity.providerId\"\n                                >\n                                    {{ i18n.msgStr('doRemove') }}\n                                </button>\n                            </form>\n                        }\n                    } @else {\n                        <form\n                            method=\"post\"\n                            class=\"form-inline\"\n                            [action]=\"url.socialUrl\"\n                        >\n                            <input\n                                type=\"hidden\"\n                                name=\"stateChecker\"\n                                [value]=\"stateChecker\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"action\"\n                                value=\"add\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                name=\"providerId\"\n                                [value]=\"identity.providerId\"\n                            />\n                            <button\n                                class=\"btn btn-default\"\n                                [id]=\"'add-link-' + identity.providerId\"\n                            >\n                                {{ i18n.msgStr('doAdd') }}\n                            </button>\n                        </form>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,0BAA2B,SAAQ,kBAAkB,CAAA;AAZlE,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,kBAAkB,CAAC,CAAC;AACvF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;QAC9E,IAAM,CAAA,MAAA,GAAG,QAAQ,CAAC;AACrB,KAAA;8GANY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAPxB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B,CAAC;AAC5D,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,g3HA6FA,EAAA,CAAA,CAAA,EAAA;;2FDpEa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAZtC,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAC7C,QAAA,EAAA,sBAAsB,EAErB,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC,CAAC;AAC5D,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,g3HAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -16,23 +16,24 @@ class LogComponent extends ComponentReference {
         this.kcContext = inject(KC_ACCOUNT_CONTEXT);
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
+        this.active = 'log';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: LogComponent, isStandalone: true, selector: "kc-root", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: LogComponent, isStandalone: true, selector: "kc-log", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LogComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let log = kcContext.log;\n\n<kc-account-template [active]=\"'log'\">\n    <ng-container content>\n        <div [kcClass]=\"'kcContentWrapperClass'\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('accountLogHtmlTitle') }}</h2>\n            </div>\n\n            <table class=\"table table-striped table-bordered\">\n                <thead>\n                    <tr>\n                        <td>{{ i18n.msgStr('date') }}</td>\n                        <td>{{ i18n.msgStr('event') }}</td>\n                        <td>{{ i18n.msgStr('ip') }}</td>\n                        <td>{{ i18n.msgStr('client') }}</td>\n                        <td>{{ i18n.msgStr('details') }}</td>\n                    </tr>\n                </thead>\n\n                <tbody>\n                    @for (event of log.events; track event) {\n                        <tr>\n                            <td>{{ event.date ? (event.date | date) : '' }}</td>\n                            <td>{{ event.event }}</td>\n                            <td>{{ event.ipAddress }}</td>\n                            <td>{{ event.client || '' }}</td>\n                            <td>\n                                @for (detail of event.details; track detail; let last = $last) {\n                                    <span>\n                                        {{ detail.key }} = {{ detail.value }}\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    </span>\n                                }\n                            </td>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\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: "pipe", type: DatePipe, name: "date" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let log = kcContext.log;\n\n<div [kcClass]=\"'kcContentWrapperClass'\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('accountLogHtmlTitle') }}</h2>\n    </div>\n\n    <table class=\"table table-striped table-bordered\">\n        <thead>\n            <tr>\n                <td>{{ i18n.msgStr('date') }}</td>\n                <td>{{ i18n.msgStr('event') }}</td>\n                <td>{{ i18n.msgStr('ip') }}</td>\n                <td>{{ i18n.msgStr('client') }}</td>\n                <td>{{ i18n.msgStr('details') }}</td>\n            </tr>\n        </thead>\n\n        <tbody>\n            @for (event of log.events; track event) {\n                <tr>\n                    <td>{{ event.date ? (event.date | date) : '' }}</td>\n                    <td>{{ event.event }}</td>\n                    <td>{{ event.ipAddress }}</td>\n                    <td>{{ event.client || '' }}</td>\n                    <td>\n                        @for (detail of event.details; track detail; let last = $last) {\n                            <span>\n                                {{ detail.key }} = {{ detail.value }}\n                                @if (!last) {\n                                    ,&nbsp;\n                                }\n                            </span>\n                        }\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n</div>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: LogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: LogComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass, DatePipe], selector: 'kc-root', providers: [
+            args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, NgClass, DatePipe], selector: 'kc-log', providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => LogComponent)
                         }
-                    ], template: "@let log = kcContext.log;\n\n<kc-account-template [active]=\"'log'\">\n    <ng-container content>\n        <div [kcClass]=\"'kcContentWrapperClass'\">\n            <div class=\"col-md-10\">\n                <h2>{{ i18n.msgStr('accountLogHtmlTitle') }}</h2>\n            </div>\n\n            <table class=\"table table-striped table-bordered\">\n                <thead>\n                    <tr>\n                        <td>{{ i18n.msgStr('date') }}</td>\n                        <td>{{ i18n.msgStr('event') }}</td>\n                        <td>{{ i18n.msgStr('ip') }}</td>\n                        <td>{{ i18n.msgStr('client') }}</td>\n                        <td>{{ i18n.msgStr('details') }}</td>\n                    </tr>\n                </thead>\n\n                <tbody>\n                    @for (event of log.events; track event) {\n                        <tr>\n                            <td>{{ event.date ? (event.date | date) : '' }}</td>\n                            <td>{{ event.event }}</td>\n                            <td>{{ event.ipAddress }}</td>\n                            <td>{{ event.client || '' }}</td>\n                            <td>\n                                @for (detail of event.details; track detail; let last = $last) {\n                                    <span>\n                                        {{ detail.key }} = {{ detail.value }}\n                                        @if (!last) {\n                                            ,&nbsp;\n                                        }\n                                    </span>\n                                }\n                            </td>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-container>\n</kc-account-template>\n" }]
+                    ], template: "@let log = kcContext.log;\n\n<div [kcClass]=\"'kcContentWrapperClass'\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('accountLogHtmlTitle') }}</h2>\n    </div>\n\n    <table class=\"table table-striped table-bordered\">\n        <thead>\n            <tr>\n                <td>{{ i18n.msgStr('date') }}</td>\n                <td>{{ i18n.msgStr('event') }}</td>\n                <td>{{ i18n.msgStr('ip') }}</td>\n                <td>{{ i18n.msgStr('client') }}</td>\n                <td>{{ i18n.msgStr('details') }}</td>\n            </tr>\n        </thead>\n\n        <tbody>\n            @for (event of log.events; track event) {\n                <tr>\n                    <td>{{ event.date ? (event.date | date) : '' }}</td>\n                    <td>{{ event.event }}</td>\n                    <td>{{ event.ipAddress }}</td>\n                    <td>{{ event.client || '' }}</td>\n                    <td>\n                        @for (detail of event.details; track detail; let last = $last) {\n                            <span>\n                                {{ detail.key }} = {{ detail.value }}\n                                @if (!last) {\n                                    ,&nbsp;\n                                }\n                            </span>\n                        }\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n</div>\n" }]
         }] });
 
 /**