@keycloakify/angular 21.0.0-rc.2 → 21.0.0-rc.3

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

@@ -18,13 +18,13 @@ class PasswordComponent extends ComponentReference {
             kcBodyClass: `${this.classes?.kcBodyClass} password`
         };
         this.active = 'password';
-        this.currentPassword = signal('', { ...(ngDevMode ? { debugName: "currentPassword" } : {}) });
-        this.newPassword = signal('', { ...(ngDevMode ? { debugName: "newPassword" } : {}) });
-        this.newPasswordConfirm = signal('', { ...(ngDevMode ? { debugName: "newPasswordConfirm" } : {}) });
-        this.newPasswordError = signal('', { ...(ngDevMode ? { debugName: "newPasswordError" } : {}) });
-        this.newPasswordConfirmError = signal('', { ...(ngDevMode ? { debugName: "newPasswordConfirmError" } : {}) });
-        this.hasNewPasswordBlurred = signal(false, { ...(ngDevMode ? { debugName: "hasNewPasswordBlurred" } : {}) });
-        this.hasNewPasswordConfirmBlurred = signal(false, { ...(ngDevMode ? { debugName: "hasNewPasswordConfirmBlurred" } : {}) });
+        this.currentPassword = signal('', ...(ngDevMode ? [{ debugName: "currentPassword" }] : []));
+        this.newPassword = signal('', ...(ngDevMode ? [{ debugName: "newPassword" }] : []));
+        this.newPasswordConfirm = signal('', ...(ngDevMode ? [{ debugName: "newPasswordConfirm" }] : []));
+        this.newPasswordError = signal('', ...(ngDevMode ? [{ debugName: "newPasswordError" }] : []));
+        this.newPasswordConfirmError = signal('', ...(ngDevMode ? [{ debugName: "newPasswordConfirmError" }] : []));
+        this.hasNewPasswordBlurred = signal(false, ...(ngDevMode ? [{ debugName: "hasNewPasswordBlurred" }] : []));
+        this.hasNewPasswordConfirmBlurred = signal(false, ...(ngDevMode ? [{ debugName: "hasNewPasswordConfirmBlurred" }] : []));
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         window.kcContext = {
@@ -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.0.1", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: PasswordComponent, isStandalone: true, selector: "kc-password", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", 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.0.1", ngImport: i0, type: PasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", 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';\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';\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.0.1", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: SessionsComponent, isStandalone: true, selector: "kc-sessions", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", 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.0.1", ngImport: i0, type: SessionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SessionsComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective], selector: 'kc-sessions', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -17,15 +17,15 @@ class TotpComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'totp';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TotpComponent, isStandalone: true, selector: "kc-totp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: TotpComponent, isStandalone: true, selector: "kc-totp", providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TotpComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: "@let url = kcContext.url;\n@let mode = kcContext.mode;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let totp = kcContext.totp;\n\n<div class=\"row\">\n    <div class=\"col-md-10\">\n        <h2>{{ i18n.msgStr('authenticatorTitle') }}</h2>\n    </div>\n    @if (totp.otpCredentials.length) {\n        <div class=\"subtitle col-md-2\">\n            <span class=\"required\">*</span>\n            {{ i18n.msgStr('requiredFields') }}\n        </div>\n    }\n</div>\n@if (totp.enabled) {\n    <table class=\"table table-bordered table-striped\">\n        <thead>\n            @if (totp.otpCredentials.length > 1) {\n                <tr>\n                    <th [colSpan]=\"4\">{{ i18n.msgStr('configureAuthenticators') }}</th>\n                </tr>\n            } @else {\n                <tr>\n                    <th [colSpan]=\"3\">{{ i18n.msgStr('configureAuthenticators') }}</th>\n                </tr>\n            }\n        </thead>\n        <tbody>\n            @for (credential of totp.otpCredentials; track credential; let index = $index) {\n                <tr>\n                    <td class=\"provider\">{{ i18n.msgStr('mobile') }}</td>\n                    @if (totp.otpCredentials.length > 1) {\n                        <td class=\"provider\">{{ credential.id }}</td>\n                    }\n                    <td class=\"provider\">{{ credential.userLabel || '' }}</td>\n                    <td class=\"action\">\n                        <form\n                            method=\"post\"\n                            class=\"form-inline\"\n                            [action]=\"url.totpUrl\"\n                        >\n                            <input\n                                type=\"hidden\"\n                                id=\"stateChecker\"\n                                name=\"stateChecker\"\n                                [value]=\"stateChecker\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                id=\"submitAction\"\n                                name=\"submitAction\"\n                                value=\"Delete\"\n                            />\n                            <input\n                                type=\"hidden\"\n                                id=\"credentialId\"\n                                name=\"credentialId\"\n                                [value]=\"credential.id\"\n                            />\n                            <button\n                                class=\"btn btn-default\"\n                                [id]=\"'remove-mobile-' + index\"\n                            >\n                                <i class=\"pficon pficon-delete\"></i>\n                            </button>\n                        </form>\n                    </td>\n                </tr>\n            }\n        </tbody>\n    </table>\n} @else {\n    <div>\n        <hr />\n        <ol id=\"kc-totp-settings\">\n            <li>\n                <p>{{ i18n.msgStr('totpStep1') }}</p>\n\n                <ul id=\"kc-totp-supported-apps\">\n                    @for (app of totp.supportedApplications; track app) {\n                        <li>{{ i18n.advancedMsgStr(app) }}</li>\n                    }\n                </ul>\n            </li>\n            @if (mode && mode === 'manual') {\n                <li>\n                    <p>{{ i18n.msgStr('totpManualStep2') }}</p>\n                    <p>\n                        <span id=\"kc-totp-secret-key\">{{ totp.totpSecretEncoded }}</span>\n                    </p>\n                    <p>\n                        <a\n                            id=\"mode-barcode\"\n                            [href]=\"totp.qrUrl\"\n                        >\n                            {{ i18n.msgStr('totpScanBarcode') }}\n                        </a>\n                    </p>\n                </li>\n                <li>\n                    <p>{{ i18n.msgStr('totpManualStep3') }}</p>\n                    <ul>\n                        <li id=\"kc-totp-type\">{{ i18n.msgStr('totpType') }}: {{ i18n.msgStr($any('totp.' + totp.policy.type)) }}</li>\n                        <li id=\"kc-totp-algorithm\">{{ i18n.msgStr('totpAlgorithm') }}: {{ totp.policy.getAlgorithmKey() }}</li>\n                        <li id=\"kc-totp-digits\">{{ i18n.msgStr('totpDigits') }}: {{ totp.policy.digits }}</li>\n                        @if (totp.policy.type === 'totp') {\n                            <li id=\"kc-totp-period\">{{ i18n.msgStr('totpInterval') }}: {{ totp.policy.period }}</li>\n                        } @else {\n                            <li id=\"kc-totp-counter\">{{ i18n.msgStr('totpCounter') }}: {{ totp.policy.initialCounter }}</li>\n                        }\n                    </ul>\n                </li>\n            } @else {\n                <li>\n                    <p>{{ i18n.msgStr('totpStep2') }}</p>\n                    <p>\n                        <img\n                            id=\"kc-totp-secret-qr-code\"\n                            alt=\"Figure: Barcode\"\n                            [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n                        />\n                    </p>\n                    <p>\n                        <a\n                            id=\"mode-manual\"\n                            [href]=\"totp.manualUrl\"\n                        >\n                            {{ i18n.msgStr('totpUnableToScan') }}\n                        </a>\n                    </p>\n                </li>\n            }\n            <li>\n                <p>{{ i18n.msgStr('totpStep3') }}</p>\n                <p>{{ i18n.msgStr('totpStep3DeviceName') }}</p>\n            </li>\n        </ol>\n        <hr />\n        <form\n            id=\"kc-totp-settings-form\"\n            method=\"post\"\n            [action]=\"url.totpUrl\"\n            [kcClass]=\"'kcFormClass'\"\n        >\n            <input\n                type=\"hidden\"\n                id=\"stateChecker\"\n                name=\"stateChecker\"\n                [value]=\"stateChecker\"\n            />\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"totp\"\n                        class=\"control-label\"\n                    >\n                        {{ i18n.msgStr('authenticatorCode') }}\n                    </label>\n                    <span class=\"required\">*</span>\n                </div>\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        id=\"totp\"\n                        name=\"totp\"\n                        autocomplete=\"off\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [attr.aria-invalid]=\"messagesPerField.existsError('totp')\"\n                    />\n                    @if (messagesPerField.existsError('totp')) {\n                        <span\n                            id=\"input-error-otp-code\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.get('totp') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n                <input\n                    type=\"hidden\"\n                    id=\"totpSecret\"\n                    name=\"totpSecret\"\n                    [value]=\"totp.totpSecret\"\n                />\n                @if (mode) {\n                    <input\n                        type=\"hidden\"\n                        id=\"mode\"\n                        [value]=\"mode\"\n                    />\n                }\n            </div>\n\n            <div [kcClass]=\"'kcFormGroupClass'\">\n                <div class=\"col-sm-2 col-md-2\">\n                    <label\n                        for=\"userLabel\"\n                        [kcClass]=\"'kcLabelClass'\"\n                    >\n                        {{ i18n.msgStr('totpDeviceName') }}\n                    </label>\n                    @if (totp.otpCredentials.length >= 1) {\n                        <span class=\"required\">*</span>\n                    }\n                </div>\n                <div class=\"col-sm-10 col-md-10\">\n                    <input\n                        type=\"text\"\n                        id=\"userLabel\"\n                        name=\"userLabel\"\n                        autocomplete=\"off\"\n                        [kcClass]=\"'kcInputClass'\"\n                        [attr.aria-invalid]=\"messagesPerField.existsError('userLabel')\"\n                    />\n                    @if (messagesPerField.existsError('userLabel')) {\n                        <span\n                            id=\"input-error-otp-label\"\n                            aria-live=\"polite\"\n                            [kcClass]=\"'kcInputErrorMessageClass'\"\n                            [innerHTML]=\"messagesPerField.get('userLabel') | kcSanitize: 'html'\"\n                        ></span>\n                    }\n                </div>\n            </div>\n\n            <div\n                id=\"kc-form-buttons\"\n                class=\"text-right\"\n                [kcClass]=\"'kcFormGroupClass'\"\n            >\n                <div [kcClass]=\"'kcInputWrapperClass'\">\n                    <input\n                        type=\"submit\"\n                        id=\"saveTOTPBtn\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                        [value]=\"i18n.msgStr('doSave')\"\n                    />\n                    <button\n                        type=\"submit\"\n                        id=\"cancelTOTPBtn\"\n                        name=\"submitAction\"\n                        value=\"Cancel\"\n                        [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                    >\n                        {{ i18n.msgStr('doCancel') }}\n                    </button>\n                </div>\n            </div>\n        </form>\n    </div>\n}\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.0.1", ngImport: i0, type: TotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TotpComponent, decorators: [{
             type: Component,
             args: [{ imports: [KcClassDirective, KcSanitizePipe], selector: 'kc-totp', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

package/fesm2022/keycloakify-angular-account-services-account-resource-injector.mjs

@@ -27,10 +27,10 @@ class AccountResourceInjectorService {
     insertAdditionalScripts(scripts) {
         scripts.map(script => this.resourceInjectorService.createScript(script));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AccountResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AccountResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AccountResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AccountResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AccountResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AccountResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/keycloakify-angular-account-services-i18n.mjs

@@ -3,10 +3,10 @@ import { Injectable } from '@angular/core';
 
 /** INTERNAL: DO NOT IMPORT THIS */
 class I18nService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

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

@@ -26,7 +26,7 @@ class TemplateComponent extends ComponentReference {
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
         this.accountResourceInjectorService = inject(AccountResourceInjectorService);
-        this.page = input(undefined, { ...(ngDevMode ? { debugName: "page" } : {}) });
+        this.page = input(...(ngDevMode ? [undefined, { debugName: "page" }] : []));
         this.pageRef = viewChild('pageRef', { ...(ngDevMode ? { debugName: "pageRef" } : {}), read: ViewContainerRef });
         this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);
         this.#effectRef = effect(() => {
@@ -64,15 +64,15 @@ class TemplateComponent extends ComponentReference {
         this.#cdr.markForCheck();
         this.#effectRef.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TemplateComponent)
             }
         ], viewQueries: [{ propertyName: "pageRef", first: true, predicate: ["pageRef"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [class.active]=\"active === 'account'\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [class.active]=\"active === 'password'\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'totp'\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [class.active]=\"active === 'social'\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'sessions'\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [class.active]=\"active === 'applications'\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [class.active]=\"active === 'log'\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [class.active]=\"active === 'authorization'\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <!-- Content -->\n            <ng-template #pageRef></ng-template>\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: TemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-root', imports: [AsyncPipe, KcSanitizePipe, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-account-template.mjs","sources":["../../src/account/template/template.component.ts","../../src/account/template/template.component.html","../../src/account/template/keycloakify-angular-account-template.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    effect,\n    type EffectRef,\n    forwardRef,\n    inject,\n    input,\n    Renderer2,\n    type Type,\n    viewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\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 { AccountResourceInjectorService } from '@keycloakify/angular/account/services/account-resource-injector';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { type ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';\nimport { type Observable } from 'rxjs';\n\ntype ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined;\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: 'template.component.html',\n    imports: [AsyncPipe, KcSanitizePipe, NgClass],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    #effectRef: EffectRef;\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    accountResourceInjectorService = inject(AccountResourceInjectorService);\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n    pageRef = viewChild('pageRef', { read: ViewContainerRef });\n\n    active: ActiveType;\n\n    constructor() {\n        super();\n\n        this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);\n        this.#effectRef = effect(\n            () => {\n                const page = this.page();\n                const pageRef = this.pageRef();\n                if (!page || !pageRef) return;\n\n                const compRef = pageRef.createComponent(page);\n                this.onComponentCreated(compRef.instance as object);\n            },\n            { manualCleanup: true }\n        );\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.push('admin-console', 'user');\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('active' in compRef && compRef.active) {\n            this.active = compRef.active as ActiveType;\n        }\n\n        this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));\n        this.applyKcIndexClasses();\n        this.#cdr.markForCheck();\n        this.#effectRef.destroy();\n    }\n}\n","@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [class.active]=\"active === 'account'\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [class.active]=\"active === 'password'\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'totp'\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [class.active]=\"active === 'social'\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'sessions'\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [class.active]=\"active === 'applications'\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [class.active]=\"active === 'log'\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [class.active]=\"active === 'authorization'\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <!-- Content -->\n            <ng-template #pageRef></ng-template>\n        </div>\n    </div>\n}\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-template.mjs","sources":["../../src/account/template/template.component.ts","../../src/account/template/template.component.html","../../src/account/template/keycloakify-angular-account-template.ts"],"sourcesContent":["import { AsyncPipe, NgClass } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    effect,\n    type EffectRef,\n    forwardRef,\n    inject,\n    input,\n    Renderer2,\n    type Type,\n    viewChild,\n    ViewContainerRef\n} from '@angular/core';\nimport { Meta, Title } from '@angular/platform-browser';\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 { AccountResourceInjectorService } from '@keycloakify/angular/account/services/account-resource-injector';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport { type ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';\nimport { type Observable } from 'rxjs';\n\ntype ActiveType = 'account' | 'password' | 'totp' | 'social' | 'sessions' | 'applications' | 'log' | 'authorization' | undefined;\n\n@Component({\n    selector: 'kc-root',\n    templateUrl: 'template.component.html',\n    imports: [AsyncPipe, KcSanitizePipe, NgClass],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: ComponentReference,\n            useExisting: forwardRef(() => TemplateComponent)\n        }\n    ]\n})\nexport class TemplateComponent extends ComponentReference {\n    i18n = inject<I18n>(ACCOUNT_I18N);\n    renderer = inject(Renderer2);\n    #cdr = inject(ChangeDetectorRef);\n    #effectRef: EffectRef;\n    meta = inject(Meta);\n    title = inject(Title);\n    kcContext = inject<KcContext>(KC_ACCOUNT_CONTEXT);\n    override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n    override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n    accountResourceInjectorService = inject(AccountResourceInjectorService);\n\n    isReadyToRender$: Observable<boolean>;\n\n    page = input<Type<unknown>>();\n    pageRef = viewChild('pageRef', { read: ViewContainerRef });\n\n    active: ActiveType;\n\n    constructor() {\n        super();\n\n        this.isReadyToRender$ = this.accountResourceInjectorService.injectResource(this.doUseDefaultCss);\n        this.#effectRef = effect(\n            () => {\n                const page = this.page();\n                const pageRef = this.pageRef();\n                if (!page || !pageRef) return;\n\n                const compRef = pageRef.createComponent(page);\n                this.onComponentCreated(compRef.instance as object);\n            },\n            { manualCleanup: true }\n        );\n    }\n\n    private applyKcIndexClasses() {\n        const kcClsx = getKcClsx({\n            doUseDefaultCss: this.doUseDefaultCss,\n            classes: this.classes\n        }).kcClsx;\n        const kcBodyClass = kcClsx('kcBodyClass');\n        const kcHtmlClass = kcClsx('kcHtmlClass');\n        const kcBodyClasses = kcBodyClass.split(/\\s+/);\n        const kcHtmlClasses = kcHtmlClass.split(/\\s+/);\n        kcBodyClasses.push('admin-console', 'user');\n        kcBodyClasses.forEach(klass => {\n            this.renderer.addClass(document.body, klass);\n        });\n        kcHtmlClasses.forEach(klass => {\n            this.renderer.addClass(document.documentElement, klass);\n        });\n    }\n\n    onComponentCreated(compRef: object) {\n        if ('active' in compRef && compRef.active) {\n            this.active = compRef.active as ActiveType;\n        }\n\n        this.title.setTitle(this.i18n.msgStr('accountManagementTitle'));\n        this.applyKcIndexClasses();\n        this.#cdr.markForCheck();\n        this.#effectRef.destroy();\n    }\n}\n","@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [class.active]=\"active === 'account'\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [class.active]=\"active === 'password'\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'totp'\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [class.active]=\"active === 'social'\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [class.active]=\"active === 'sessions'\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [class.active]=\"active === 'applications'\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [class.active]=\"active === 'log'\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [class.active]=\"active === 'authorization'\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            <!-- Content -->\n            <ng-template #pageRef></ng-template>\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-lib-directives-attributes.mjs

@@ -5,7 +5,7 @@ class AttributesDirective {
     #el;
     #renderer;
     constructor() {
-        this.kcAttributes = input(undefined, { ...(ngDevMode ? { debugName: "kcAttributes" } : {}) });
+        this.kcAttributes = input(...(ngDevMode ? [undefined, { debugName: "kcAttributes" }] : []));
         this.#el = inject(ElementRef);
         this.#renderer = inject(Renderer2);
         effect(() => {
@@ -17,10 +17,10 @@ class AttributesDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AttributesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.1", type: AttributesDirective, isStandalone: true, selector: "[kcAttributes]", inputs: { kcAttributes: { classPropertyName: "kcAttributes", publicName: "kcAttributes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AttributesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.5", type: AttributesDirective, isStandalone: true, selector: "[kcAttributes]", inputs: { kcAttributes: { classPropertyName: "kcAttributes", publicName: "kcAttributes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AttributesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AttributesDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[kcAttributes]' }]
         }], ctorParameters: () => [], propDecorators: { kcAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "kcAttributes", required: false }] }] } });

package/fesm2022/keycloakify-angular-lib-directives-attributes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-lib-directives-attributes.mjs","sources":["../../src/lib/directives/attributes/attributes.directive.ts","../../src/lib/directives/attributes/keycloakify-angular-lib-directives-attributes.ts"],"sourcesContent":["import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core';\n\n@Directive({ selector: '[kcAttributes]' })\nexport class AttributesDirective {\n    kcAttributes = input<Record<string, string>>();\n    readonly #el = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #renderer = inject(Renderer2);\n\n    constructor() {\n        effect(() => {\n            const attributes = this.kcAttributes();\n            if (attributes) {\n                Object.entries(attributes).forEach(([key, value]) => {\n                    this.#renderer.setAttribute(\n                        this.#el.nativeElement,\n                        `data-${key}`,\n                        value\n                    );\n                });\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,mBAAmB,CAAA;AAEnB,IAAA,GAAG;AACH,IAAA,SAAS;AAElB,IAAA,WAAA,GAAA;QAJA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,SAAA,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,cAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAA0B;AACrC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAA0B,UAAU,CAAC;AACjD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAGlC,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE;YACtC,IAAI,UAAU,EAAE;AACZ,gBAAA,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAChD,oBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EACtB,CAAA,KAAA,EAAQ,GAAG,EAAE,EACb,KAAK,CACR;AACL,gBAAA,CAAC,CAAC;YACN;AACJ,QAAA,CAAC,CAAC;IACN;8GAlBS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,SAAS;mBAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE;;;ACFzC;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-lib-directives-attributes.mjs","sources":["../../src/lib/directives/attributes/attributes.directive.ts","../../src/lib/directives/attributes/keycloakify-angular-lib-directives-attributes.ts"],"sourcesContent":["import { Directive, effect, ElementRef, inject, input, Renderer2 } from '@angular/core';\n\n@Directive({ selector: '[kcAttributes]' })\nexport class AttributesDirective {\n    kcAttributes = input<Record<string, string>>();\n    readonly #el = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #renderer = inject(Renderer2);\n\n    constructor() {\n        effect(() => {\n            const attributes = this.kcAttributes();\n            if (attributes) {\n                Object.entries(attributes).forEach(([key, value]) => {\n                    this.#renderer.setAttribute(\n                        this.#el.nativeElement,\n                        `data-${key}`,\n                        value\n                    );\n                });\n            }\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAGa,mBAAmB,CAAA;AAEnB,IAAA,GAAG;AACH,IAAA,SAAS;AAElB,IAAA,WAAA,GAAA;QAJA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA0B;AACrC,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAA0B,UAAU,CAAC;AACjD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAGlC,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE;YACtC,IAAI,UAAU,EAAE;AACZ,gBAAA,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAChD,oBAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EACtB,CAAA,KAAA,EAAQ,GAAG,EAAE,EACb,KAAK,CACR;AACL,gBAAA,CAAC,CAAC;YACN;AACJ,QAAA,CAAC,CAAC;IACN;8GAlBS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,SAAS;mBAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE;;;ACFzC;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-lib-pipes-input-type.mjs

@@ -8,10 +8,10 @@ class InputTypePipe {
         }
         return inputType ?? 'text';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: InputTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: InputTypePipe, isStandalone: true, name: "inputType" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: InputTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: InputTypePipe, isStandalone: true, name: "inputType" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: InputTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: InputTypePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'inputType'

package/fesm2022/keycloakify-angular-lib-pipes-is-array-with-empty-object.mjs

@@ -8,10 +8,10 @@ class IsArrayWithEmptyObjectPipe {
             typeof variable[0] === 'object' &&
             Object.keys(variable[0]).length === 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: IsArrayWithEmptyObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: IsArrayWithEmptyObjectPipe, isStandalone: true, name: "isArrayWithEmptyObject" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IsArrayWithEmptyObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: IsArrayWithEmptyObjectPipe, isStandalone: true, name: "isArrayWithEmptyObject" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: IsArrayWithEmptyObjectPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: IsArrayWithEmptyObjectPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isArrayWithEmptyObject'

package/fesm2022/keycloakify-angular-lib-pipes-kc-sanitize.mjs

@@ -20,10 +20,10 @@ class KcSanitizePipe {
                 throw new Error(`Invalid safe type specified: ${type}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: KcSanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: KcSanitizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'kcSanitize' }]
         }] });

package/fesm2022/keycloakify-angular-lib-pipes-to-array.mjs

@@ -9,10 +9,10 @@ class ToArrayPipe {
         }
         return emptyWhenString ? [] : [value];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToArrayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toArray'

package/fesm2022/keycloakify-angular-lib-pipes-to-number.mjs

@@ -8,10 +8,10 @@ class ToNumberPipe {
             throw new Error('number is NaN');
         return number;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.1", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toNumber'

package/fesm2022/keycloakify-angular-lib-services-resource-injector.mjs

@@ -45,10 +45,10 @@ class ResourceInjectorService {
         script.id = id;
         this.renderer.appendChild(document.head, script);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs

@@ -6,9 +6,9 @@ import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 class AddRemoveButtonsMultiValuedAttributeComponent {
     constructor() {
         this.i18n = inject(LOGIN_I18N);
-        this.attribute = input(undefined, { ...(ngDevMode ? { debugName: "attribute" } : {}) });
-        this.values = input(undefined, { ...(ngDevMode ? { debugName: "values" } : {}) });
-        this.fieldIndex = input(undefined, { ...(ngDevMode ? { debugName: "fieldIndex" } : {}) });
+        this.attribute = input(...(ngDevMode ? [undefined, { debugName: "attribute" }] : []));
+        this.values = input(...(ngDevMode ? [undefined, { debugName: "values" }] : []));
+        this.fieldIndex = input(...(ngDevMode ? [undefined, { debugName: "fieldIndex" }] : []));
         this.dispatchFormAction = output();
         this.hasRemove = computed(() => {
             const attribute = this.attribute();
@@ -22,7 +22,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
                 }).hasRemove;
             }
             return false;
-        }, { ...(ngDevMode ? { debugName: "hasRemove" } : {}) });
+        }, ...(ngDevMode ? [{ debugName: "hasRemove" }] : []));
         this.hasAdd = computed(() => {
             const attribute = this.attribute();
             const values = this.values();
@@ -35,7 +35,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
                 }).hasAdd;
             }
             return false;
-        }, { ...(ngDevMode ? { debugName: "hasAdd" } : {}) });
+        }, ...(ngDevMode ? [{ debugName: "hasAdd" }] : []));
     }
     onAdd() {
         this.dispatchFormAction.emit({
@@ -51,10 +51,10 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
             valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: AddRemoveButtonsMultiValuedAttributeComponent, isStandalone: true, selector: "kc-add-remove-buttons-multi-valued-attribute", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, ngImport: i0, template: "@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: AddRemoveButtonsMultiValuedAttributeComponent, isStandalone: true, selector: "kc-add-remove-buttons-multi-valued-attribute", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dispatchFormAction: "dispatchFormAction" }, ngImport: i0, template: "@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-add-remove-buttons-multi-valued-attribute', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"] }]
         }], propDecorators: { attribute: [{ type: i0.Input, args: [{ isSignal: true, alias: "attribute", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldIndex", required: false }] }], dispatchFormAction: [{ type: i0.Output, args: ["dispatchFormAction"] }] } });

package/fesm2022/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.mjs","sources":["../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.ts","../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.html","../../src/login/components/add-remove-buttons-multi-valued-attribute/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { getButtonToDisplayForMultivaluedAttributeField, type FormAction } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { Attribute } from 'keycloakify/login/KcContext';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    selector: 'kc-add-remove-buttons-multi-valued-attribute',\n    templateUrl: 'add-remove-buttons-multi-valued-attribute.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AddRemoveButtonsMultiValuedAttributeComponent {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    values = input<string[]>();\n    fieldIndex = input<number>();\n    dispatchFormAction = output<FormAction>();\n\n    hasRemove = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasRemove;\n        }\n        return false;\n    });\n    hasAdd = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasAdd;\n        }\n        return false;\n    });\n\n    onAdd() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: [...(this.values() ?? []), '']\n        });\n    }\n\n    onRemove() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())\n        });\n    }\n}\n","@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\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-login-components-add-remove-buttons-multi-valued-attribute.mjs","sources":["../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.ts","../../src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.html","../../src/login/components/add-remove-buttons-multi-valued-attribute/keycloakify-angular-login-components-add-remove-buttons-multi-valued-attribute.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output } from '@angular/core';\nimport { getButtonToDisplayForMultivaluedAttributeField, type FormAction } from '@keycloakify/angular/login/services/user-profile-form';\nimport { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';\nimport type { Attribute } from 'keycloakify/login/KcContext';\nimport type { I18n } from '@keycloakify/angular/login/i18n';\n\n@Component({\n    styles: [\n        `\n            :host {\n                display: contents;\n            }\n        `\n    ],\n    selector: 'kc-add-remove-buttons-multi-valued-attribute',\n    templateUrl: 'add-remove-buttons-multi-valued-attribute.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AddRemoveButtonsMultiValuedAttributeComponent {\n    i18n = inject<I18n>(LOGIN_I18N);\n    attribute = input<Attribute>();\n    values = input<string[]>();\n    fieldIndex = input<number>();\n    dispatchFormAction = output<FormAction>();\n\n    hasRemove = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasRemove;\n        }\n        return false;\n    });\n    hasAdd = computed(() => {\n        const attribute = this.attribute();\n        const values = this.values();\n        const fieldIndex = this.fieldIndex();\n        if (attribute && values && fieldIndex) {\n            return getButtonToDisplayForMultivaluedAttributeField({\n                attribute,\n                values,\n                fieldIndex\n            }).hasAdd;\n        }\n        return false;\n    });\n\n    onAdd() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: [...(this.values() ?? []), '']\n        });\n    }\n\n    onRemove() {\n        this.dispatchFormAction.emit({\n            action: 'update',\n            name: this.attribute()?.name ?? '',\n            valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())\n        });\n    }\n}\n","@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-remove-' + idPostfix\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        [id]=\"'kc-add-' + idPostfix\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAkBa,6CAA6C,CAAA;AAZ1D,IAAA,WAAA,GAAA;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,UAAU,CAAC;QAC/B,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;QAC9B,IAAA,CAAA,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;QAC1B,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QAC5B,IAAA,CAAA,kBAAkB,GAAG,MAAM,EAAc;AAEzC,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACtB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,UAAU,EAAE;AACnC,gBAAA,OAAO,8CAA8C,CAAC;oBAClD,SAAS;oBACT,MAAM;oBACN;iBACH,CAAC,CAAC,SAAS;YAChB;AACA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC,qDAAC;AACF,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACnB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE;AAClC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE;AACpC,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,UAAU,EAAE;AACnC,gBAAA,OAAO,8CAA8C,CAAC;oBAClD,SAAS;oBACT,MAAM;oBACN;iBACH,CAAC,CAAC,MAAM;YACb;AACA,YAAA,OAAO,KAAK;AAChB,QAAA,CAAC,kDAAC;AAiBL,IAAA;IAfG,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;AAClC,YAAA,aAAa,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;AAC/C,SAAA,CAAC;IACN;IAEA,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,EAAE;YAClC,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE;AAChF,SAAA,CAAC;IACN;8GAhDS,6CAA6C,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6CAA6C,ijBClB1D,4mBAwBA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDNa,6CAA6C,EAAA,UAAA,EAAA,CAAA;kBAZzD,SAAS;+BAQI,8CAA8C,EAAA,eAAA,EAEvC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4mBAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AEhBnD;;AAEG;;;;"}