@keycloakify/angular 21.1.2 → 21.1.3

package/bin/671.index.js

@@ -1036,11 +1036,17 @@ async function command(params) {
                 return sourceCode;
             })();
             if (modifiedCode === originalCode) {
-                console.log(source/* default */.Ay.red(`Unable to automatically update ${fileName}, please update it manually`));
+                console.log(source/* default */.Ay.yellow(`No changes for file ${fileName}, ignoring.`));
                 continue;
             }
-            external_fs_.writeFileSync(filePath, Buffer.from(modifiedCode, 'utf8'));
-            console.log(`${source/* default */.Ay.green('✓')} ${source/* default */.Ay.bold(`.${external_path_.sep}${(0,external_path_.relative)(process.cwd(), filePath)}`)} Updated`);
+            try {
+                external_fs_.writeFileSync(filePath, Buffer.from(modifiedCode, 'utf8'));
+                console.log(`${source/* default */.Ay.green('✓')} ${source/* default */.Ay.bold(`.${external_path_.sep}${(0,external_path_.relative)(process.cwd(), filePath)}`)} Updated`);
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                console.log(source/* default */.Ay.red(`Unable to automatically update ${fileName}, please update it manually (${errorMessage})`));
+            }
         }
         return;
     }

package/bin/index.js

@@ -979,17 +979,6 @@ function is(value) {
 /******/ 	__nccwpck_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ })();
 /******/ 
-/******/ /* webpack/runtime/make namespace object */
-/******/ (() => {
-/******/ 	// define __esModule on exports
-/******/ 	__nccwpck_require__.r = (exports) => {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/ })();
-/******/ 
 /******/ /* webpack/runtime/compat */
 /******/ 
 /******/ if (typeof __nccwpck_require__ !== 'undefined') __nccwpck_require__.ab = new URL('.', import.meta.url).pathname.slice(import.meta.url.match(/^file:\/\/\/\w:/) ? 1 : 0, -1) + "/";
@@ -1113,7 +1102,7 @@ const { buildContext, commandName } = readParams({ apiVersion: 'v1' });
             return;
         case 'initialize-account-theme':
             {
-                const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(545), __nccwpck_require__.e(187)]).then(__nccwpck_require__.bind(__nccwpck_require__, 187));
+                const { command } = await Promise.all(/* import() */[__nccwpck_require__.e(202), __nccwpck_require__.e(187)]).then(__nccwpck_require__.bind(__nccwpck_require__, 187));
                 command({ buildContext });
             }
             return;

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

@@ -119,10 +119,10 @@ class KcClassDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: KcClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: KcClassDirective, isStandalone: true, selector: "[kcClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass", kcClass: "kcClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: KcClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: KcClassDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[kcClass]' }]
         }], propDecorators: { klass: [{

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

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

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

@@ -20,15 +20,15 @@ class AccountComponent extends ComponentReference {
         };
         this.active = 'account';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AccountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: AccountComponent, isStandalone: true, selector: "kc-account", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AccountComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", 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<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            [class.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        [class.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        [class.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        [class.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\n                        [href]=\"referrer!.url\"\n                        [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n                    >\n                    </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: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AccountComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AccountComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KcSanitizePipe], selector: 'kc-account', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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 { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-account',\n    templateUrl: 'account.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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            [class.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        [class.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        [class.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        [class.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\n                        [href]=\"referrer!.url\"\n                        [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n                    >\n                    </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 './index';\n"],"names":[],"mappings":";;;;;;;;;;AAwBM,MAAO,gBAAiB,SAAQ,kBAAkB,CAAA;AAZxD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAgD,kBAAkB,CAAC;AAC5E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;AACpE,QAAA,IAAA,CAAA,iBAAiB,GAAsC;AAC5D,YAAA,WAAW,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,EAAE,WAAW,CAAA,KAAA;SAC5C;QACD,IAAA,CAAA,MAAM,GAAG,SAAS;AACrB,IAAA;8GATY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAPd;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB;AACjD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBL,69JAqKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxJc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;8BACG,CAAC,gBAAgB,EAAE,cAAc,CAAC,EAAA,QAAA,EACjC,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB;AACjD;AACJ,qBAAA,EAAA,QAAA,EAAA,69JAAA,EAAA;;;AEtBL;;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 { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, KcSanitizePipe],\n    selector: 'kc-account',\n    templateUrl: 'account.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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            [class.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        [class.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        [class.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        [class.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\n                        [href]=\"referrer!.url\"\n                        [innerHTML]=\"i18n.msgStr('backToApplication') | kcSanitize: 'html'\"\n                    >\n                    </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 './index';\n"],"names":[],"mappings":";;;;;;;;;;AAwBM,MAAO,gBAAiB,SAAQ,kBAAkB,CAAA;AAZxD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAgD,kBAAkB,CAAC;AAC5E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;AACpE,QAAA,IAAA,CAAA,iBAAiB,GAAsC;AAC5D,YAAA,WAAW,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,EAAE,WAAW,CAAA,KAAA;SAC5C;QACD,IAAA,CAAA,MAAM,GAAG,SAAS;AACrB,IAAA;+GATY,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAPd;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,gBAAgB;AACjD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBL,69JAqKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDxJc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAWjC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;8BACG,CAAC,gBAAgB,EAAE,cAAc,CAAC,EAAA,QAAA,EACjC,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,sBAAsB;AACjD;AACJ,qBAAA,EAAA,QAAA,EAAA,69JAAA,EAAA;;;AEtBL;;AAEG;;;;"}

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

@@ -18,15 +18,15 @@ class ApplicationsComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'applications';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ApplicationsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: ApplicationsComponent, isStandalone: true, selector: "kc-applications", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ApplicationsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", 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<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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ApplicationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ApplicationsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KeyValuePipe, IsArrayWithEmptyObjectPipe], selector: 'kc-applications', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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 } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, KeyValuePipe, IsArrayWithEmptyObjectPipe],\n    selector: 'kc-applications',\n    templateUrl: 'applications.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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 './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,qBAAsB,SAAQ,kBAAkB,CAAA;AAZ7D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAqD,kBAAkB,CAAC;AACjF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,cAAc;AAC1B,IAAA;8GANY,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAPnB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB;AACtD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,+5NAoJA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtIc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,YAAY,4CAAE,0BAA0B,EAAA,IAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAW3D,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,gBAAgB,EAAE,YAAY,EAAE,0BAA0B,CAAC,EAAA,QAAA,EAC3D,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B;AACtD;AACJ,qBAAA,EAAA,QAAA,EAAA,+5NAAA,EAAA;;;AEvBL;;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 } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, KeyValuePipe, IsArrayWithEmptyObjectPipe],\n    selector: 'kc-applications',\n    templateUrl: 'applications.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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 './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,qBAAsB,SAAQ,kBAAkB,CAAA;AAZ7D,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAqD,kBAAkB,CAAC;AACjF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,cAAc;AAC1B,IAAA;+GANY,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,SAAA,EAPnB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qBAAqB;AACtD;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,+5NAoJA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtIc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,YAAY,4CAAE,0BAA0B,EAAA,IAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAW3D,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAC,gBAAgB,EAAE,YAAY,EAAE,0BAA0B,CAAC,EAAA,QAAA,EAC3D,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,2BAA2B;AACtD;AACJ,qBAAA,EAAA,QAAA,EAAA,+5NAAA,EAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -15,15 +15,15 @@ class FederatedIdentityComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'social';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FederatedIdentityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FederatedIdentityComponent, isStandalone: true, selector: "kc-federated-identity", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FederatedIdentityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: FederatedIdentityComponent, isStandalone: true, selector: "kc-federated-identity", 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<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", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FederatedIdentityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FederatedIdentityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-federated-identity', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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 { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\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/lib/kcClsx';\n\n@Component({\n    selector: 'kc-federated-identity',\n    templateUrl: 'federatedIdentity.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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 './index';\n"],"names":[],"mappings":";;;;;;;;AAqBM,MAAO,0BAA2B,SAAQ,kBAAkB,CAAA;AAXlE,IAAA,WAAA,GAAA;;AAYI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,kBAAkB,CAAC;AACtF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,QAAQ;AACpB,IAAA;8GANY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAPxB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B;AAC3D;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,g3HA6FA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDxEa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,eAAA,EAEhB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC;AAC3D;AACJ,qBAAA,EAAA,QAAA,EAAA,g3HAAA,EAAA;;;AEnBL;;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 { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\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/lib/kcClsx';\n\n@Component({\n    selector: 'kc-federated-identity',\n    templateUrl: 'federatedIdentity.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\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 './index';\n"],"names":[],"mappings":";;;;;;;;AAqBM,MAAO,0BAA2B,SAAQ,kBAAkB,CAAA;AAXlE,IAAA,WAAA,GAAA;;AAYI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA0D,kBAAkB,CAAC;AACtF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,QAAQ;AACpB,IAAA;+GANY,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,SAAA,EAPxB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,0BAA0B;AAC3D;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,g3HA6FA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDxEa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,eAAA,EAEhB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,gCAAgC;AAC3D;AACJ,qBAAA,EAAA,QAAA,EAAA,g3HAAA,EAAA;;;AEnBL;;AAEG;;;;"}

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

@@ -17,15 +17,15 @@ class LogComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'log';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: LogComponent, isStandalone: true, selector: "kc-log", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: LogComponent, isStandalone: true, selector: "kc-log", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => LogComponent)
             }
         ], 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: LogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LogComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, DatePipe], selector: 'kc-log', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-log.mjs","sources":["../../src/account/pages/log/log.component.ts","../../src/account/pages/log/log.component.html","../../src/account/pages/log/keycloakify-angular-account-pages-log.ts"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, DatePipe],\n    selector: 'kc-log',\n    templateUrl: 'log.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LogComponent)\n        }\n    ]\n})\nexport class LogComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'log.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'log';\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAwBM,MAAO,YAAa,SAAQ,kBAAkB,CAAA;AAZpD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA4C,kBAAkB,CAAC;AACxE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,KAAK;AACjB,IAAA;8GANY,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAPV;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY;AAC7C;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBL,04CAwCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3Bc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAW3B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,SAAS;8BACG,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAA,QAAA,EAC3B,QAAQ,EAAA,eAAA,EAED,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kBAAkB;AAC7C;AACJ,qBAAA,EAAA,QAAA,EAAA,04CAAA,EAAA;;;AEtBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-account-pages-log.mjs","sources":["../../src/account/pages/log/log.component.ts","../../src/account/pages/log/log.component.html","../../src/account/pages/log/keycloakify-angular-account-pages-log.ts"],"sourcesContent":["import { DatePipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective, DatePipe],\n    selector: 'kc-log',\n    templateUrl: 'log.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => LogComponent)\n        }\n    ]\n})\nexport class LogComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'log.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'log';\n}\n","@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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAwBM,MAAO,YAAa,SAAQ,kBAAkB,CAAA;AAZpD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA4C,kBAAkB,CAAC;AACxE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,KAAK;AACjB,IAAA;+GANY,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAPV;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY;AAC7C;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBL,04CAwCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3Bc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,QAAQ,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAW3B,YAAY,EAAA,UAAA,EAAA,CAAA;kBAZxB,SAAS;8BACG,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAA,QAAA,EAC3B,QAAQ,EAAA,eAAA,EAED,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,kBAAkB;AAC7C;AACJ,qBAAA,EAAA,QAAA,EAAA,04CAAA,EAAA;;;AEtBL;;AAEG;;;;"}

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

@@ -88,15 +88,15 @@ class PasswordComponent extends ComponentReference {
         this.hasNewPasswordConfirmBlurred.set(true);
         this.checkNewPasswordConfirm(this.newPasswordConfirm());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PasswordComponent, isStandalone: true, selector: "kc-password", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: PasswordComponent, isStandalone: true, selector: "kc-password", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => PasswordComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let password = kcContext.password;\n@let account = kcContext.account;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('changePasswordHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\">{{ i18n.msgStr('allFieldsRequired') }}</span>\n    </div>\n</div>\n\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.passwordUrl\"\n>\n    <input\n        type=\"text\"\n        id=\"username\"\n        name=\"username\"\n        autocomplete=\"username\"\n        readonly\n        [value]=\"account.username ?? ''\"\n        [style.display]=\"'none'\"\n    />\n\n    @if (password.passwordSet) {\n        <div class=\"form-group\">\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"password\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n            </div>\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"password\"\n                    class=\"form-control\"\n                    id=\"password\"\n                    name=\"password\"\n                    autofocus\n                    autocomplete=\"current-password\"\n                    [value]=\"currentPassword()\"\n                    (change)=\"currentPassword.set($any($event.target).value)\"\n                />\n            </div>\n        </div>\n    }\n\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-new\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-new\"\n                name=\"password-new\"\n                autocomplete=\"new-password\"\n                [value]=\"newPassword()\"\n                (change)=\"onNewPasswordChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordBlur()\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-confirm\"\n                class=\"control-label two-lines\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-confirm\"\n                name=\"password-confirm\"\n                autocomplete=\"new-password\"\n                [value]=\"newPasswordConfirm()\"\n                (change)=\"onNewPasswordConfirmChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordConfirmBlur()\"\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                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [disabled]=\"newPasswordError() !== '' || newPasswordConfirmError() !== ''\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: PasswordComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-password.mjs","sources":["../../src/account/pages/password/password.component.ts","../../src/account/pages/password/password.component.html","../../src/account/pages/password/keycloakify-angular-account-pages-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-password',\n    templateUrl: 'password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => PasswordComponent)\n        }\n    ]\n})\nexport class PasswordComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'password.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} password`\n    };\n\n    active = 'password';\n\n    currentPassword = signal('');\n    newPassword = signal('');\n    newPasswordConfirm = signal('');\n    newPasswordError = signal('');\n    newPasswordConfirmError = signal('');\n    hasNewPasswordBlurred = signal(false);\n    hasNewPasswordConfirmBlurred = signal(false);\n\n    constructor() {\n        super();\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        window.kcContext = {\n            ...this.kcContext,\n            message: (() => {\n                if (this.newPasswordError() !== '') {\n                    return {\n                        type: 'error',\n                        summary: this.newPasswordError()\n                    };\n                }\n                if (this.newPasswordConfirmError() !== '') {\n                    return {\n                        type: 'error',\n                        summary: this.newPasswordConfirmError()\n                    };\n                }\n                return this.kcContext.message;\n            })()\n        };\n    }\n\n    checkNewPassword(newPassword: string) {\n        if (!this.kcContext.password.passwordSet) return;\n        if (newPassword === this.currentPassword()) {\n            this.newPasswordError.set('newPasswordSameAsOld');\n        } else {\n            this.newPasswordError.set('');\n        }\n    }\n    checkNewPasswordConfirm(newPasswordConfirm: string) {\n        if (newPasswordConfirm === '') return;\n        if (newPasswordConfirm !== this.newPassword()) {\n            this.newPasswordConfirmError.set('passwordConfirmNotMatch');\n        } else {\n            this.newPasswordConfirmError.set('');\n        }\n    }\n\n    onNewPasswordChange(value: string) {\n        const newPassword = value;\n\n        this.newPassword.set(newPassword);\n        if (this.hasNewPasswordBlurred()) {\n            this.checkNewPassword(newPassword);\n        }\n    }\n\n    onNewPasswordBlur() {\n        this.hasNewPasswordBlurred.set(true);\n        this.checkNewPassword(this.newPassword());\n    }\n\n    onNewPasswordConfirmChange(value: string) {\n        const newPasswordConfirm = value;\n\n        this.newPasswordConfirm.set(newPasswordConfirm);\n        if (this.hasNewPasswordConfirmBlurred()) {\n            this.checkNewPasswordConfirm(newPasswordConfirm);\n        }\n    }\n\n    onNewPasswordConfirmBlur() {\n        this.hasNewPasswordConfirmBlurred.set(true);\n        this.checkNewPasswordConfirm(this.newPasswordConfirm());\n    }\n}\n","@let url = kcContext.url;\n@let password = kcContext.password;\n@let account = kcContext.account;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('changePasswordHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\">{{ i18n.msgStr('allFieldsRequired') }}</span>\n    </div>\n</div>\n\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.passwordUrl\"\n>\n    <input\n        type=\"text\"\n        id=\"username\"\n        name=\"username\"\n        autocomplete=\"username\"\n        readonly\n        [value]=\"account.username ?? ''\"\n        [style.display]=\"'none'\"\n    />\n\n    @if (password.passwordSet) {\n        <div class=\"form-group\">\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"password\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n            </div>\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"password\"\n                    class=\"form-control\"\n                    id=\"password\"\n                    name=\"password\"\n                    autofocus\n                    autocomplete=\"current-password\"\n                    [value]=\"currentPassword()\"\n                    (change)=\"currentPassword.set($any($event.target).value)\"\n                />\n            </div>\n        </div>\n    }\n\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-new\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-new\"\n                name=\"password-new\"\n                autocomplete=\"new-password\"\n                [value]=\"newPassword()\"\n                (change)=\"onNewPasswordChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordBlur()\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-confirm\"\n                class=\"control-label two-lines\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-confirm\"\n                name=\"password-confirm\"\n                autocomplete=\"new-password\"\n                [value]=\"newPasswordConfirm()\"\n                (change)=\"onNewPasswordConfirmChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordConfirmBlur()\"\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                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [disabled]=\"newPasswordError() !== '' || newPasswordConfirmError() !== ''\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"keycloakify-angular-account-pages-password.mjs","sources":["../../src/account/pages/password/password.component.ts","../../src/account/pages/password/password.component.html","../../src/account/pages/password/keycloakify-angular-account-pages-password.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject, signal } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-password',\n    templateUrl: 'password.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => PasswordComponent)\n        }\n    ]\n})\nexport class PasswordComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'password.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} password`\n    };\n\n    active = 'password';\n\n    currentPassword = signal('');\n    newPassword = signal('');\n    newPasswordConfirm = signal('');\n    newPasswordError = signal('');\n    newPasswordConfirmError = signal('');\n    hasNewPasswordBlurred = signal(false);\n    hasNewPasswordConfirmBlurred = signal(false);\n\n    constructor() {\n        super();\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        window.kcContext = {\n            ...this.kcContext,\n            message: (() => {\n                if (this.newPasswordError() !== '') {\n                    return {\n                        type: 'error',\n                        summary: this.newPasswordError()\n                    };\n                }\n                if (this.newPasswordConfirmError() !== '') {\n                    return {\n                        type: 'error',\n                        summary: this.newPasswordConfirmError()\n                    };\n                }\n                return this.kcContext.message;\n            })()\n        };\n    }\n\n    checkNewPassword(newPassword: string) {\n        if (!this.kcContext.password.passwordSet) return;\n        if (newPassword === this.currentPassword()) {\n            this.newPasswordError.set('newPasswordSameAsOld');\n        } else {\n            this.newPasswordError.set('');\n        }\n    }\n    checkNewPasswordConfirm(newPasswordConfirm: string) {\n        if (newPasswordConfirm === '') return;\n        if (newPasswordConfirm !== this.newPassword()) {\n            this.newPasswordConfirmError.set('passwordConfirmNotMatch');\n        } else {\n            this.newPasswordConfirmError.set('');\n        }\n    }\n\n    onNewPasswordChange(value: string) {\n        const newPassword = value;\n\n        this.newPassword.set(newPassword);\n        if (this.hasNewPasswordBlurred()) {\n            this.checkNewPassword(newPassword);\n        }\n    }\n\n    onNewPasswordBlur() {\n        this.hasNewPasswordBlurred.set(true);\n        this.checkNewPassword(this.newPassword());\n    }\n\n    onNewPasswordConfirmChange(value: string) {\n        const newPasswordConfirm = value;\n\n        this.newPasswordConfirm.set(newPasswordConfirm);\n        if (this.hasNewPasswordConfirmBlurred()) {\n            this.checkNewPasswordConfirm(newPasswordConfirm);\n        }\n    }\n\n    onNewPasswordConfirmBlur() {\n        this.hasNewPasswordConfirmBlurred.set(true);\n        this.checkNewPasswordConfirm(this.newPasswordConfirm());\n    }\n}\n","@let url = kcContext.url;\n@let password = kcContext.password;\n@let account = kcContext.account;\n@let stateChecker = kcContext.stateChecker;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('changePasswordHtmlTitle') }}</h2>\n    </div>\n    <div class=\"col-md-2 subtitle\">\n        <span class=\"subtitle\">{{ i18n.msgStr('allFieldsRequired') }}</span>\n    </div>\n</div>\n\n<form\n    class=\"form-horizontal\"\n    method=\"post\"\n    [action]=\"url.passwordUrl\"\n>\n    <input\n        type=\"text\"\n        id=\"username\"\n        name=\"username\"\n        autocomplete=\"username\"\n        readonly\n        [value]=\"account.username ?? ''\"\n        [style.display]=\"'none'\"\n    />\n\n    @if (password.passwordSet) {\n        <div class=\"form-group\">\n            <div class=\"col-sm-2 col-md-2\">\n                <label\n                    for=\"password\"\n                    class=\"control-label\"\n                >\n                    {{ i18n.msgStr('password') }}\n                </label>\n            </div>\n            <div class=\"col-sm-10 col-md-10\">\n                <input\n                    type=\"password\"\n                    class=\"form-control\"\n                    id=\"password\"\n                    name=\"password\"\n                    autofocus\n                    autocomplete=\"current-password\"\n                    [value]=\"currentPassword()\"\n                    (change)=\"currentPassword.set($any($event.target).value)\"\n                />\n            </div>\n        </div>\n    }\n\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-new\"\n                class=\"control-label\"\n            >\n                {{ i18n.msgStr('passwordNew') }}\n            </label>\n        </div>\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-new\"\n                name=\"password-new\"\n                autocomplete=\"new-password\"\n                [value]=\"newPassword()\"\n                (change)=\"onNewPasswordChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordBlur()\"\n            />\n        </div>\n    </div>\n\n    <div class=\"form-group\">\n        <div class=\"col-sm-2 col-md-2\">\n            <label\n                for=\"password-confirm\"\n                class=\"control-label two-lines\"\n            >\n                {{ i18n.msgStr('passwordConfirm') }}\n            </label>\n        </div>\n\n        <div class=\"col-sm-10 col-md-10\">\n            <input\n                type=\"password\"\n                class=\"form-control\"\n                id=\"password-confirm\"\n                name=\"password-confirm\"\n                autocomplete=\"new-password\"\n                [value]=\"newPasswordConfirm()\"\n                (change)=\"onNewPasswordConfirmChange($any($event.target).value)\"\n                (blur)=\"onNewPasswordConfirmBlur()\"\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                <button\n                    type=\"submit\"\n                    name=\"submitAction\"\n                    value=\"Save\"\n                    [disabled]=\"newPasswordError() !== '' || newPasswordConfirmError() !== ''\"\n                    [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                >\n                    {{ i18n.msgStr('doSave') }}\n                </button>\n            </div>\n        </div>\n    </div>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -16,15 +16,15 @@ class SessionsComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'sessions';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: SessionsComponent, isStandalone: true, selector: "kc-sessions", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: SessionsComponent, isStandalone: true, selector: "kc-sessions", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => SessionsComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let sessions = kcContext.sessions;\n@let stateChecker = kcContext.stateChecker;\n\n<div [kcClass]=\"'kcContentWrapperClass'\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('sessionsHtmlTitle') }}</h2>\n    </div>\n</div>\n\n<table class=\"table table-striped table-bordered\">\n    <thead>\n        <tr>\n            <th>{{ i18n.msgStr('ip') }}</th>\n            <th>{{ i18n.msgStr('started') }}</th>\n            <th>{{ i18n.msgStr('lastAccess') }}</th>\n            <th>{{ i18n.msgStr('expires') }}</th>\n            <th>{{ i18n.msgStr('clients') }}</th>\n        </tr>\n    </thead>\n\n    <tbody role=\"rowgroup\">\n        @for (session of sessions.sessions; track session) {\n            <tr>\n                <td>{{ session.ipAddress }}</td>\n                <td>{{ session?.started }}</td>\n                <td>{{ session?.lastAccess }}</td>\n                <td>{{ session?.expires }}</td>\n                <td>\n                    @for (client of session.clients; track client) {\n                        <div>\n                            {{ client }}\n                            <br />\n                        </div>\n                    }\n                </td>\n            </tr>\n        }\n    </tbody>\n</table>\n\n<form\n    method=\"post\"\n    [action]=\"url.sessionsUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    <button\n        id=\"logout-all-sessions\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonDefaultClass', 'kcButtonClass']\"\n    >\n        {{ i18n.msgStr('doLogOutAllSessions') }}\n    </button>\n</form>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: SessionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: SessionsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-sessions', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-pages-sessions.mjs","sources":["../../src/account/pages/sessions/sessions.component.ts","../../src/account/pages/sessions/sessions.component.html","../../src/account/pages/sessions/keycloakify-angular-account-pages-sessions.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-sessions',\n    templateUrl: 'sessions.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SessionsComponent)\n        }\n    ]\n})\nexport class SessionsComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'sessions.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'sessions';\n}\n","@let url = kcContext.url;\n@let sessions = kcContext.sessions;\n@let stateChecker = kcContext.stateChecker;\n\n<div [kcClass]=\"'kcContentWrapperClass'\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('sessionsHtmlTitle') }}</h2>\n    </div>\n</div>\n\n<table class=\"table table-striped table-bordered\">\n    <thead>\n        <tr>\n            <th>{{ i18n.msgStr('ip') }}</th>\n            <th>{{ i18n.msgStr('started') }}</th>\n            <th>{{ i18n.msgStr('lastAccess') }}</th>\n            <th>{{ i18n.msgStr('expires') }}</th>\n            <th>{{ i18n.msgStr('clients') }}</th>\n        </tr>\n    </thead>\n\n    <tbody role=\"rowgroup\">\n        @for (session of sessions.sessions; track session) {\n            <tr>\n                <td>{{ session.ipAddress }}</td>\n                <td>{{ session?.started }}</td>\n                <td>{{ session?.lastAccess }}</td>\n                <td>{{ session?.expires }}</td>\n                <td>\n                    @for (client of session.clients; track client) {\n                        <div>\n                            {{ client }}\n                            <br />\n                        </div>\n                    }\n                </td>\n            </tr>\n        }\n    </tbody>\n</table>\n\n<form\n    method=\"post\"\n    [action]=\"url.sessionsUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    <button\n        id=\"logout-all-sessions\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonDefaultClass', 'kcButtonClass']\"\n    >\n        {{ i18n.msgStr('doLogOutAllSessions') }}\n    </button>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAuBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAZzD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAiD,kBAAkB,CAAC;AAC7E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,UAAU;AACtB,IAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EAPf;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB;AAClD;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBL,uqDA2DA,4CD/Cc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAWjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;8BACG,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB;AAClD;AACJ,qBAAA,EAAA,QAAA,EAAA,uqDAAA,EAAA;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-account-pages-sessions.mjs","sources":["../../src/account/pages/sessions/sessions.component.ts","../../src/account/pages/sessions/sessions.component.html","../../src/account/pages/sessions/keycloakify-angular-account-pages-sessions.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\nimport { 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/lib/kcClsx';\n\n@Component({\n    imports: [KcClassDirective],\n    selector: 'kc-sessions',\n    templateUrl: 'sessions.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => SessionsComponent)\n        }\n    ]\n})\nexport class SessionsComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    kcContext = inject<Extract<KcContext, { pageId: 'sessions.ftl' }>>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    active = 'sessions';\n}\n","@let url = kcContext.url;\n@let sessions = kcContext.sessions;\n@let stateChecker = kcContext.stateChecker;\n\n<div [kcClass]=\"'kcContentWrapperClass'\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('sessionsHtmlTitle') }}</h2>\n    </div>\n</div>\n\n<table class=\"table table-striped table-bordered\">\n    <thead>\n        <tr>\n            <th>{{ i18n.msgStr('ip') }}</th>\n            <th>{{ i18n.msgStr('started') }}</th>\n            <th>{{ i18n.msgStr('lastAccess') }}</th>\n            <th>{{ i18n.msgStr('expires') }}</th>\n            <th>{{ i18n.msgStr('clients') }}</th>\n        </tr>\n    </thead>\n\n    <tbody role=\"rowgroup\">\n        @for (session of sessions.sessions; track session) {\n            <tr>\n                <td>{{ session.ipAddress }}</td>\n                <td>{{ session?.started }}</td>\n                <td>{{ session?.lastAccess }}</td>\n                <td>{{ session?.expires }}</td>\n                <td>\n                    @for (client of session.clients; track client) {\n                        <div>\n                            {{ client }}\n                            <br />\n                        </div>\n                    }\n                </td>\n            </tr>\n        }\n    </tbody>\n</table>\n\n<form\n    method=\"post\"\n    [action]=\"url.sessionsUrl\"\n>\n    <input\n        type=\"hidden\"\n        id=\"stateChecker\"\n        name=\"stateChecker\"\n        [value]=\"stateChecker\"\n    />\n    <button\n        id=\"logout-all-sessions\"\n        type=\"submit\"\n        [kcClass]=\"['kcButtonDefaultClass', 'kcButtonClass']\"\n    >\n        {{ i18n.msgStr('doLogOutAllSessions') }}\n    </button>\n</form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAuBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAZzD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC;AACjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAiD,kBAAkB,CAAC;AAC7E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC;QAC7E,IAAA,CAAA,MAAM,GAAG,UAAU;AACtB,IAAA;+GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EAPf;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB;AAClD;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBL,uqDA2DA,4CD/Cc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAWjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;8BACG,CAAC,gBAAgB,CAAC,EAAA,QAAA,EACjB,aAAa,mBAEN,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB;AAClD;AACJ,qBAAA,EAAA,QAAA,EAAA,uqDAAA,EAAA;;;AErBL;;AAEG;;;;"}