@keycloakify/angular 0.0.3 → 0.0.5

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

@@ -26,10 +26,10 @@ class DynamicPageInjectorComponent {
             this.componentCreated.emit(compRef.instance);
         }, { allowSignalWrites: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.7", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DynamicPageInjectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.8", type: DynamicPageInjectorComponent, isStandalone: true, selector: "kc-dynamic-page-injector", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { componentCreated: "componentCreated" }, ngImport: i0, template: ``, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: DynamicPageInjectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kc-dynamic-page-injector',
@@ -78,15 +78,15 @@ class TemplateComponent extends ComponentReference {
         this.applyKcIndexClasses();
         this.#cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: TemplateComponent, isStandalone: true, selector: "kc-root", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => TemplateComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: "@let enabledLanguages = i18n.enabledLanguages;\n@let currentLanguage = i18n.currentLanguage;\n@let url = kcContext.url;\n@let features = kcContext.features;\n@let realm = kcContext.realm;\n@let message = kcContext.message;\n@let referrer = kcContext.referrer;\n@let isReadyToRender = isReadyToRender$ | async;\n\n@if (isReadyToRender) {\n    <header class=\"navbar navbar-default navbar-pf navbar-main header\">\n        <nav\n            class=\"navbar\"\n            role=\"navigation\"\n        >\n            <div class=\"navbar-header\">\n                <div class=\"container\">\n                    <h1 class=\"navbar-title\">Keycloak</h1>\n                </div>\n            </div>\n            <div class=\"navbar-collapse navbar-collapse-1\">\n                <div class=\"container\">\n                    <ul class=\"nav navbar-nav navbar-utility\">\n                        @if (enabledLanguages.length > 1) {\n                            <li>\n                                <div\n                                    class=\"kc-dropdown\"\n                                    id=\"kc-locale-dropdown\"\n                                >\n                                    <a\n                                        href=\"#\"\n                                        id=\"kc-current-locale-link\"\n                                    >\n                                        {{ currentLanguage.label }}\n                                    </a>\n                                    <ul>\n                                        @for (enabledLanguage of enabledLanguages; track enabledLanguage.languageTag) {\n                                            @let label = enabledLanguage.label;\n                                            @let href = enabledLanguage.href;\n\n                                            <li class=\"kc-dropdown-item\">\n                                                <a [href]=\"href\">{{ label }}</a>\n                                            </li>\n                                        }\n                                    </ul>\n                                </div>\n                            </li>\n                        }\n                        @if (!!referrer?.url) {\n                            <a\n                                id=\"referrer\"\n                                [href]=\"referrer?.url\"\n                            >\n                                {{ i18n.msgStr('backTo', referrer?.name) }}\n                            </a>\n                        }\n                        <li>\n                            <a [href]=\"url.getLogoutUrl()\">{{ i18n.msgStr('doSignOut') }}</a>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </nav>\n    </header>\n\n    <div class=\"container\">\n        <div class=\"bs-sidebar col-sm-3\">\n            <ul>\n                <li [ngClass]=\"{ active: active === 'account' }\">\n                    <a [href]=\"url.accountUrl\">{{ i18n.msgStr('account') }}</a>\n                </li>\n                @if (features.passwordUpdateSupported) {\n                    <li [ngClass]=\"{ active: active === 'password' }\">\n                        <a [href]=\"url.passwordUrl\">{{ i18n.msgStr('password') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'totp' }\">\n                    <a [href]=\"url.totpUrl\">{{ i18n.msgStr('authenticator') }}</a>\n                </li>\n                @if (features.identityFederation) {\n                    <li [ngClass]=\"{ active: active === 'social' }\">\n                        <a [href]=\"url.socialUrl\">{{ i18n.msgStr('federatedIdentity') }}</a>\n                    </li>\n                }\n                <li [ngClass]=\"{ active: active === 'sessions' }\">\n                    <a [href]=\"url.sessionsUrl\">{{ i18n.msgStr('sessions') }}</a>\n                </li>\n                <li [ngClass]=\"{ active: active === 'applications' }\">\n                    <a [href]=\"url.applicationsUrl\">{{ i18n.msgStr('applications') }}</a>\n                </li>\n                @if (features.log) {\n                    <li [ngClass]=\"{ active: active === 'log' }\">\n                        <a [href]=\"url.logUrl\">{{ i18n.msgStr('log') }}</a>\n                    </li>\n                }\n                @if (realm.userManagedAccessAllowed && features.authorization) {\n                    <li [ngClass]=\"{ active: active === 'authorization' }\">\n                        <a [href]=\"url.resourceUrl\">{{ i18n.msgStr('myResources') }}</a>\n                    </li>\n                }\n            </ul>\n        </div>\n\n        <div class=\"col-sm-9 content-area\">\n            @if (message) {\n                <div [ngClass]=\"['alert', 'alert-' + message.type]\">\n                    @switch (message.type) {\n                        @case ('success') {\n                            <span class=\"pficon pficon-ok\"></span>\n                        }\n                        @case ('error') {\n                            <span class=\"pficon pficon-error-circle-o\"></span>\n                        }\n                    }\n                    <span\n                        class=\"kc-feedback-text\"\n                        [innerHTML]=\"message.summary | kcSanitize: 'html'\"\n                    ></span>\n                </div>\n            }\n            @let pageRef = page();\n            @if (!!pageRef) {\n                <kc-dynamic-page-injector\n                    [page]=\"pageRef\"\n                    (componentCreated)=\"onComponentCreated($event)\"\n                />\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DynamicPageInjectorComponent, selector: "kc-dynamic-page-injector", inputs: ["page"], outputs: ["componentCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TemplateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kc-root', standalone: true, imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, NgClass, DynamicPageInjectorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {

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

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

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

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

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

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

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

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

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

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

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

@@ -89,15 +89,15 @@ class PasswordComponent extends ComponentReference {
         this.hasNewPasswordConfirmBlurred.set(true);
         this.checkNewPasswordConfirm(this.newPasswordConfirm());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: PasswordComponent, isStandalone: true, selector: "kc-password", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: PasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: PasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: PasswordComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, NgClass], selector: 'kc-password', providers: [
                         {

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

@@ -17,15 +17,15 @@ class SessionsComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'sessions';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: SessionsComponent, isStandalone: true, selector: "kc-sessions", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SessionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: SessionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SessionsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, NgClass], selector: 'kc-sessions', providers: [
                         {

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

@@ -18,15 +18,15 @@ class TotpComponent extends ComponentReference {
         this.classes = inject(ACCOUNT_CLASSES);
         this.active = 'totp';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: TotpComponent, isStandalone: true, selector: "kc-totp", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TotpComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, KcSanitizePipe, NgClass], selector: 'kc-totp', providers: [
                         {

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

@@ -26,10 +26,10 @@ class AccountResourceInjectorService {
     insertAdditionalScripts(scripts) {
         scripts.map(script => this.resourceInjectorService.createScript(script));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AccountResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AccountResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

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

@@ -17,10 +17,10 @@ class AttributesDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AttributesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.7", 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: "18.2.8", ngImport: i0, type: AttributesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.8", type: AttributesDirective, isStandalone: true, selector: "[kcAttributes]", inputs: { kcAttributes: { classPropertyName: "kcAttributes", publicName: "kcAttributes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AttributesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AttributesDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[kcAttributes]', standalone: true }]
         }], ctorParameters: () => [] });

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: "18.2.7", ngImport: i0, type: InputTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: InputTypePipe, isStandalone: true, name: "inputType" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: InputTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: InputTypePipe, isStandalone: true, name: "inputType" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: InputTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: IsArrayWithEmptyObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: IsArrayWithEmptyObjectPipe, isStandalone: true, name: "isArrayWithEmptyObject" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: IsArrayWithEmptyObjectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: IsArrayWithEmptyObjectPipe, isStandalone: true, name: "isArrayWithEmptyObject" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: IsArrayWithEmptyObjectPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: KcSanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: KcSanitizePipe, isStandalone: true, name: "kcSanitize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: KcSanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: KcSanitizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'kcSanitize', standalone: true }]
         }] });

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: "18.2.7", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ToArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: ToArrayPipe, isStandalone: true, name: "toArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ToArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: ToNumberPipe, isStandalone: true, name: "toNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ToNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ToNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'toNumber',

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

@@ -25,7 +25,8 @@ class ResourceInjectorService {
             link.onerror = () => {
                 observer.error(new Error(`Failed to load stylesheet: ${url}`));
             };
-            this.renderer.appendChild(document.head, link);
+            const head = document.head;
+            head.insertBefore(link, head.firstChild);
         });
     }
     createScript({ type, id, src, textContent }) {
@@ -43,10 +44,10 @@ class ResourceInjectorService {
         script.id = id;
         this.renderer.appendChild(document.head, script);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: ResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -1 +1 @@
-{"version":3,"file":"keycloakify-angular-lib-services-resource-injector.mjs","sources":["../../src/lib/services/resource-injector/resource-injector.service.ts","../../src/lib/services/resource-injector/keycloakify-angular-lib-services-resource-injector.ts"],"sourcesContent":["import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Script } from '@keycloakify/angular/lib/models/script';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class ResourceInjectorService {\n    private renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    createLink(url: string): Observable<void> {\n        return new Observable<void>(observer => {\n            // check if the style is already injected\n            if (Array.from(document.styleSheets).some(s => s.href?.includes(url))) {\n                observer.next();\n                observer.complete();\n                console.debug(`stylesheet: ${url} already loaded`);\n                return;\n            }\n            const link = document.createElement('link');\n            link.rel = 'stylesheet';\n            link.href = url;\n\n            link.onload = () => {\n                observer.next();\n                observer.complete();\n            };\n\n            link.onerror = () => {\n                observer.error(new Error(`Failed to load stylesheet: ${url}`));\n            };\n\n            this.renderer.appendChild(document.head, link);\n        });\n    }\n    createScript({ type, id, src, textContent }: Script): void {\n        // check if the script is already injected\n        if (Array.from(document.scripts).some(s => s.id?.includes(id))) {\n            console.debug(`script: ${src} already injected`);\n            return;\n        }\n        const script = document.createElement('script');\n        script.type = type;\n        if (src) script.src = src;\n        if (textContent) script.textContent = textContent;\n        script.id = id;\n\n        this.renderer.appendChild(document.head, script);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIY,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAyCrF,KAAA;AAvCG,IAAA,UAAU,CAAC,GAAW,EAAA;AAClB,QAAA,OAAO,IAAI,UAAU,CAAO,QAAQ,IAAG;;YAEnC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;gBACnE,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACpB,gBAAA,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,CAAA,eAAA,CAAiB,CAAC,CAAC;gBACnD,OAAO;aACV;YACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC;AACxB,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;AAEhB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAK;gBACf,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACxB,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,OAAO,GAAG,MAAK;gBAChB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAA,2BAAA,EAA8B,GAAG,CAAA,CAAE,CAAC,CAAC,CAAC;AACnE,aAAC,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnD,SAAC,CAAC,CAAC;KACN;IACD,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAU,EAAA;;QAE/C,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE;AAC5D,YAAA,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,CAAA,iBAAA,CAAmB,CAAC,CAAC;YACjD,OAAO;SACV;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAChD,QAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,QAAA,IAAI,GAAG;AAAE,YAAA,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAC1B,QAAA,IAAI,WAAW;AAAE,YAAA,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AAClD,QAAA,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;QAEf,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACpD;8GAzCQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFpB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;ACND;;AAEG;;;;"}
+{"version":3,"file":"keycloakify-angular-lib-services-resource-injector.mjs","sources":["../../src/lib/services/resource-injector/resource-injector.service.ts","../../src/lib/services/resource-injector/keycloakify-angular-lib-services-resource-injector.ts"],"sourcesContent":["import { inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Script } from '@keycloakify/angular/lib/models/script';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class ResourceInjectorService {\n    private renderer: Renderer2 = inject(RendererFactory2).createRenderer(null, null);\n\n    createLink(url: string): Observable<void> {\n        return new Observable<void>(observer => {\n            // check if the style is already injected\n            if (Array.from(document.styleSheets).some(s => s.href?.includes(url))) {\n                observer.next();\n                observer.complete();\n                console.debug(`stylesheet: ${url} already loaded`);\n                return;\n            }\n            const link = document.createElement('link');\n            link.rel = 'stylesheet';\n            link.href = url;\n\n            link.onload = () => {\n                observer.next();\n                observer.complete();\n            };\n\n            link.onerror = () => {\n                observer.error(new Error(`Failed to load stylesheet: ${url}`));\n            };\n\n            const head = document.head;\n            head.insertBefore(link, head.firstChild);\n        });\n    }\n    createScript({ type, id, src, textContent }: Script): void {\n        // check if the script is already injected\n        if (Array.from(document.scripts).some(s => s.id?.includes(id))) {\n            console.debug(`script: ${src} already injected`);\n            return;\n        }\n        const script = document.createElement('script');\n        script.type = type;\n        if (src) script.src = src;\n        if (textContent) script.textContent = textContent;\n        script.id = id;\n\n        this.renderer.appendChild(document.head, script);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIY,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AA0CrF,KAAA;AAxCG,IAAA,UAAU,CAAC,GAAW,EAAA;AAClB,QAAA,OAAO,IAAI,UAAU,CAAO,QAAQ,IAAG;;YAEnC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE;gBACnE,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACpB,gBAAA,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,CAAA,eAAA,CAAiB,CAAC,CAAC;gBACnD,OAAO;aACV;YACD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC5C,YAAA,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC;AACxB,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;AAEhB,YAAA,IAAI,CAAC,MAAM,GAAG,MAAK;gBACf,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAChB,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACxB,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,OAAO,GAAG,MAAK;gBAChB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAA,2BAAA,EAA8B,GAAG,CAAA,CAAE,CAAC,CAAC,CAAC;AACnE,aAAC,CAAC;AAEF,YAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC7C,SAAC,CAAC,CAAC;KACN;IACD,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,EAAU,EAAA;;QAE/C,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE;AAC5D,YAAA,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,CAAA,iBAAA,CAAmB,CAAC,CAAC;YACjD,OAAO;SACV;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAChD,QAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,QAAA,IAAI,GAAG;AAAE,YAAA,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAC1B,QAAA,IAAI,WAAW;AAAE,YAAA,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AAClD,QAAA,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;QAEf,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACpD;8GA1CQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFpB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, input, output, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { getButtonToDisplayForMultivaluedAttributeField } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 
 class AddRemoveButtonsMultiValuedAttributeComponent {
@@ -14,7 +15,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
             const values = this.values();
             const fieldIndex = this.fieldIndex();
             if (attribute && values && fieldIndex) {
-                return this.getButtonToDisplayForMultivaluedAttributeField({
+                return getButtonToDisplayForMultivaluedAttributeField({
                     attribute,
                     values,
                     fieldIndex
@@ -27,7 +28,7 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
             const values = this.values();
             const fieldIndex = this.fieldIndex();
             if (attribute && values && fieldIndex) {
-                return this.getButtonToDisplayForMultivaluedAttributeField({
+                return getButtonToDisplayForMultivaluedAttributeField({
                     attribute,
                     values,
                     fieldIndex
@@ -50,57 +51,10 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
             valueOrValues: (this.values() ?? []).filter((_, i) => i !== this.fieldIndex())
         });
     }
-    getButtonToDisplayForMultivaluedAttributeField(params) {
-        const { attribute, values, fieldIndex } = params;
-        const hasRemove = (() => {
-            if (values.length === 1) {
-                return false;
-            }
-            const minCount = (() => {
-                const { multivalued } = attribute.validators;
-                if (multivalued === undefined) {
-                    return undefined;
-                }
-                const minStr = multivalued.min;
-                if (minStr === undefined) {
-                    return undefined;
-                }
-                return parseInt(`${minStr}`);
-            })();
-            if (minCount === undefined) {
-                return true;
-            }
-            if (values.length === minCount) {
-                return false;
-            }
-            return true;
-        })();
-        const hasAdd = (() => {
-            if (fieldIndex + 1 !== values.length) {
-                return false;
-            }
-            const maxCount = (() => {
-                const { multivalued } = attribute.validators;
-                if (multivalued === undefined) {
-                    return undefined;
-                }
-                const maxStr = multivalued.max;
-                if (maxStr === undefined) {
-                    return undefined;
-                }
-                return parseInt(`${maxStr}`);
-            })();
-            if (maxCount === undefined) {
-                return true;
-            }
-            return values.length !== maxCount;
-        })();
-        return { hasRemove, hasAdd };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", 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: "18.2.8", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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: "18.2.7", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [], 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"] }]
         }] });