npm - @keycloakify/angular - Versions diffs - 0.0.1-rc.17 → 0.0.1-rc.18 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-account-pages-sessions.mjs","sources":["../../src/account/pages/sessions/sessions.component.ts","../../src/account/pages/sessions/sessions.component.html","../../src/account/pages/sessions/keycloakify-angular-account-pages-sessions.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, TemplateComponent, NgClass],\n selector: 'kc-root',\n templateUrl: 'sessions.component.html',\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => SessionsComponent)\n }\n ]\n})\nexport class SessionsComponent extends ComponentReference {\n i18n = inject<I18n>(ACCOUNT_I18N);\n kcContext = inject<Extract<KcContext, { pageId: 'sessions.ftl' }>>(KC_ACCOUNT_CONTEXT);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let sessions = kcContext.sessions;\n@let stateChecker = kcContext.stateChecker;\n\n<kc-account-template [active]=\"'sessions'\">\n <ng-container content>\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 ~~[action]~~=\"~~url.sessionsUrl~~\"\n ~~method~~=\"~~post~~\"\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 </ng-container>\n</kc-account-template>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAZzD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAiD,kBAAkB,CAAC,CAAC;AAC9E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAPf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACnD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,+rEA+DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhDc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUpC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAC7C,QAAA,EAAA,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACnD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+rEAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}
1	+ {"version":3,"file":"keycloakify-angular-account-pages-sessions.mjs","sources":["../../src/account/pages/sessions/sessions.component.ts","../../src/account/pages/sessions/sessions.component.html","../../src/account/pages/sessions/keycloakify-angular-account-pages-sessions.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, TemplateComponent, NgClass],\n selector: 'kc-root',\n templateUrl: 'sessions.component.html',\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => SessionsComponent)\n }\n ]\n})\nexport class SessionsComponent extends ComponentReference {\n i18n = inject<I18n>(ACCOUNT_I18N);\n kcContext = inject<Extract<KcContext, { pageId: 'sessions.ftl' }>>(KC_ACCOUNT_CONTEXT);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let sessions = kcContext.sessions;\n@let stateChecker = kcContext.stateChecker;\n\n<kc-account-template [active]=\"'sessions'\">\n <ng-container content>\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 </ng-container>\n</kc-account-template>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAZzD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAiD,kBAAkB,CAAC,CAAC;AAC9E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAPf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACnD,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBL,+rEA+DA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhDc,gBAAgB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUpC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAC7C,QAAA,EAAA,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACnD,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,+rEAAA,EAAA,CAAA;;;AEvBL;;AAEG;;;;"}

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

@@ -18,22 +18,22 @@ class TotpComponent extends ComponentReference {
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(ACCOUNT_CLASSES);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TotpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: TotpComponent, isStandalone: true, selector: "kc-root", providers: [
+    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-root", 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<kc-account-template [active]=\"'totp'\">\n    <ng-container content>\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                                    [action]=\"url.totpUrl\"\n                                    method=\"post\"\n                                    class=\"form-inline\"\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                                        [id]=\"'remove-mobile-' + index\"\n                                        class=\"btn btn-default\"\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                                    [href]=\"totp.qrUrl\"\n                                    id=\"mode-barcode\"\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                                    [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n                                    alt=\"Figure: Barcode\"\n                                />\n                            </p>\n                            <p>\n                                <a\n                                    [href]=\"totp.manualUrl\"\n                                    id=\"mode-manual\"\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                    [action]=\"url.totpUrl\"\n                    [kcClass]=\"'kcFormClass'\"\n                    id=\"kc-totp-settings-form\"\n                    method=\"post\"\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                                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                                    aria-live=\"polite\"\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                                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                                    aria-live=\"polite\"\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                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                id=\"saveTOTPBtn\"\n                                [value]=\"i18n.msgStr('doSave')\"\n                            />\n                            <button\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                id=\"cancelTOTPBtn\"\n                                name=\"submitAction\"\n                                value=\"Cancel\"\n                            >\n                                {{ i18n.msgStr('doCancel') }}\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        }\n    </ng-container>\n</kc-account-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-account-template", inputs: ["active"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }] }); }
+        ], 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<kc-account-template [active]=\"'totp'\">\n    <ng-container content>\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    </ng-container>\n</kc-account-template>\n", dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }, { kind: "component", type: TemplateComponent, selector: "kc-account-template", inputs: ["active"] }, { kind: "pipe", type: KcSanitizePipe, name: "kcSanitize" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: TotpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: TotpComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective, TemplateComponent, KcSanitizePipe, NgClass], selector: 'kc-root', providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => TotpComponent)
                         }
-                    ], 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<kc-account-template [active]=\"'totp'\">\n    <ng-container content>\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                                    [action]=\"url.totpUrl\"\n                                    method=\"post\"\n                                    class=\"form-inline\"\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                                        [id]=\"'remove-mobile-' + index\"\n                                        class=\"btn btn-default\"\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                                    [href]=\"totp.qrUrl\"\n                                    id=\"mode-barcode\"\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                                    [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n                                    alt=\"Figure: Barcode\"\n                                />\n                            </p>\n                            <p>\n                                <a\n                                    [href]=\"totp.manualUrl\"\n                                    id=\"mode-manual\"\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                    [action]=\"url.totpUrl\"\n                    [kcClass]=\"'kcFormClass'\"\n                    id=\"kc-totp-settings-form\"\n                    method=\"post\"\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                                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                                    aria-live=\"polite\"\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                                    [kcClass]=\"'kcInputErrorMessageClass'\"\n                                    aria-live=\"polite\"\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                                [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n                                id=\"saveTOTPBtn\"\n                                [value]=\"i18n.msgStr('doSave')\"\n                            />\n                            <button\n                                type=\"submit\"\n                                [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n                                id=\"cancelTOTPBtn\"\n                                name=\"submitAction\"\n                                value=\"Cancel\"\n                            >\n                                {{ i18n.msgStr('doCancel') }}\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        }\n    </ng-container>\n</kc-account-template>\n" }]
+                    ], 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<kc-account-template [active]=\"'totp'\">\n    <ng-container content>\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    </ng-container>\n</kc-account-template>\n" }]
         }] });
 /**

package/fesm2022/keycloakify-angular-account-pages-totp.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-account-pages-totp.mjs","sources":["../../src/account/pages/totp/totp.component.ts","../../src/account/pages/totp/totp.component.html","../../src/account/pages/totp/keycloakify-angular-account-pages-totp.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, TemplateComponent, KcSanitizePipe, NgClass],\n selector: 'kc-root',\n templateUrl: 'totp.component.html',\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => TotpComponent)\n }\n ]\n})\nexport class TotpComponent extends ComponentReference {\n i18n = inject<I18n>(ACCOUNT_I18N);\n kcContext = inject<Extract<KcContext, { pageId: 'totp.ftl' }>>(KC_ACCOUNT_CONTEXT);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let mode = kcContext.mode;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let totp = kcContext.totp;\n\n<kc-account-template [active]=\"'totp'\">\n <ng-container content>\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 [action]=\"url.totpUrl\"\n method=\"post\"\n class=\"form-inline\"\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 [id]=\"'remove-mobile-' + index\"\n class=\"btn btn-default\"\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 [href]=\"totp.qrUrl\"\n id=\"mode-barcode\"\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 [src]=\"'data:image/png;base64, ' + totp.totpSecretQrCode\"\n alt=\"Figure: Barcode\"\n />\n </p>\n <p>\n <a\n [href]=\"totp.manualUrl\"\n id=\"mode-manual\"\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 [action]=\"url.totpUrl\"\n [kcClass]=\"'kcFormClass'\"\n id=\"kc-totp-settings-form\"\n method=\"post\"\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 [kcClass]=\"'kcInputErrorMessageClass'\"\n aria-live=\"polite\"\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 [kcClass]=\"'kcInputErrorMessageClass'\"\n aria-live=\"polite\"\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 [kcClass]=\"['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']\"\n id=\"saveTOTPBtn\"\n [value]=\"i18n.msgStr('doSave')\"\n />\n <button\n type=\"submit\"\n [kcClass]=\"['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']\"\n id=\"cancelTOTPBtn\"\n name=\"submitAction\"\n value=\"Cancel\"\n >\n {{ i18n.msgStr('doCancel') }}\n </button>\n </div>\n </div>\n </form>\n </div>\n }\n </ng-container>\n</kc-account-template>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BM,MAAO,aAAc,SAAQ,kBAAkB,CAAA;AAZrD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA6C,kBAAkB,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAPX,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa,CAAC;AAC/C,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBL,gpYAkQA,EDlPc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,+EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUpD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,CAAC,EAC7D,QAAA,EAAA,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB,CAAC;AAC/C,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,gpYAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}
1	+ {"version":3,"file":"keycloakify-angular-account-pages-totp.mjs","sources":["../../src/account/pages/totp/totp.component.ts","../../src/account/pages/totp/totp.component.html","../../src/account/pages/totp/keycloakify-angular-account-pages-totp.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { Component, forwardRef, inject } from '@angular/core';\nimport { ComponentReference } from '@keycloakify/angular/account/classes/component-reference';\nimport { TemplateComponent } from '@keycloakify/angular/account/containers/template';\nimport { KcClassDirective } from '@keycloakify/angular/account/directives/kc-class';\nimport { ACCOUNT_CLASSES } from '@keycloakify/angular/account/tokens/classes';\nimport { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';\nimport { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';\nimport { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';\nimport { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';\nimport type { ClassKey } from 'keycloakify/account';\nimport type { I18n } from '@keycloakify/angular/account/i18n';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\n@Component({\n standalone: true,\n imports: [KcClassDirective, TemplateComponent, KcSanitizePipe, NgClass],\n selector: 'kc-root',\n templateUrl: 'totp.component.html',\n providers: [\n {\n provide: ComponentReference,\n useExisting: forwardRef(() => TotpComponent)\n }\n ]\n})\nexport class TotpComponent extends ComponentReference {\n i18n = inject<I18n>(ACCOUNT_I18N);\n kcContext = inject<Extract<KcContext, { pageId: 'totp.ftl' }>>(KC_ACCOUNT_CONTEXT);\n override doUseDefaultCss = inject<boolean>(USE_DEFAULT_CSS);\n override classes = inject<Partial<Record<ClassKey, string>>>(ACCOUNT_CLASSES);\n}\n","@let url = kcContext.url;\n@let mode = kcContext.mode;\n@let messagesPerField = kcContext.messagesPerField;\n@let stateChecker = kcContext.stateChecker;\n@let totp = kcContext.totp;\n\n<kc-account-template [active]=\"'totp'\">\n <ng-container content>\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 </ng-container>\n</kc-account-template>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0BM,MAAO,aAAc,SAAQ,kBAAkB,CAAA;AAZrD,IAAA,WAAA,GAAA;;AAaI,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAO,YAAY,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAA6C,kBAAkB,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAoC,eAAe,CAAC,CAAC;AACjF,KAAA;8GALY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAPX,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,aAAa,CAAC;AAC/C,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxBL,gpYAkQA,EDlPc,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,+EAAE,cAAc,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUpD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,CAAC,EAC7D,QAAA,EAAA,SAAS,EAER,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,mBAAmB,CAAC;AAC/C,yBAAA;AACJ,qBAAA,EAAA,QAAA,EAAA,gpYAAA,EAAA,CAAA;;;AExBL;;AAEG;;;;"}

package/fesm2022/keycloakify-angular-account-providers-keycloakify-angular.mjs CHANGED Viewed

@@ -9,6 +9,7 @@ import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css
 const provideKeycloakifyAngularAccount = (config) => makeEnvironmentProviders([
     {
         provide: KC_ACCOUNT_CONTEXT,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         useValue: window.kcContext
     },

package/fesm2022/keycloakify-angular-account-providers-keycloakify-angular.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keycloakify-angular-account-providers-keycloakify-angular.mjs","sources":["../../src/account/providers/keycloakify-angular/keycloakify-angular.providers.ts","../../src/account/providers/keycloakify-angular/keycloakify-angular-account-providers-keycloakify-angular.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';\nimport { I18nService } from '@keycloakify/angular/account/services/i18n';\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 KcContextLike } from 'keycloakify/account/i18n/noJsx';\nimport type { ClassKey } from 'keycloakify/account/lib/kcClsx';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\nexport type KeycloakifyAngularAccountConfig = {\n doUseDefaultCss?: boolean;\n classes?: { [key in ClassKey]?: string };\n getI18n: (params: { kcContext: KcContextLike }) => {\n i18n: unknown;\n prI18n_currentLanguage: Promise<unknown> \| undefined;\n };\n};\n\nexport const provideKeycloakifyAngularAccount = (\n config: KeycloakifyAngularAccountConfig\n) =>\n makeEnvironmentProviders([\n {\n provide: KC_ACCOUNT_CONTEXT,\n // @ts-ignore\n useValue: window.kcContext\n },\n {\n provide: LOCALE_ID,\n useFactory: (document: Document) => {\n return document.documentElement.lang ?? 'en';\n },\n deps: [DOCUMENT]\n },\n {\n provide: APP_INITIALIZER,\n multi: true,\n useFactory: (i18nService: I18nService, kcContext: KcContext) => async () => {\n const getI18n = config.getI18n;\n\n const { i18n, prI18n_currentLanguage } = getI18n({\n kcContext\n });\n let i18nPromise = new Promise<typeof i18n>(resolve => resolve(i18n));\n if (prI18n_currentLanguage) {\n i18nPromise = prI18n_currentLanguage;\n }\n return i18nPromise.then(i18n => {\n i18nService.i18n = i18n;\n return true;\n });\n },\n deps: [I18nService, KC_ACCOUNT_CONTEXT]\n },\n {\n provide: ACCOUNT_I18N,\n useFactory: (i18nService: I18nService) => i18nService.i18n,\n deps: [I18nService]\n },\n { provide: USE_DEFAULT_CSS, useValue: config?.doUseDefaultCss ?? true },\n { provide: ACCOUNT_CLASSES, useValue: config?.classes ?? {} }\n ]);\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAoBa,MAAA,gCAAgC,GAAG,CAC5C,MAAuC,KAEvC,wBAAwB,CAAC;AACrB,IAAA;AACI,QAAA,OAAO,EAAE,kBAAkB~~;;QAE3B~~,QAAQ,EAAE,MAAM,CAAC,SAAS;AAC7B,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,UAAU,EAAE,CAAC,QAAkB,KAAI;AAC/B,YAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,IAAI,CAAC;SAChD;QACD,IAAI,EAAE,CAAC,QAAQ,CAAC;AACnB,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,CAAC,WAAwB,EAAE,SAAoB,KAAK,YAAW;AACvE,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAE/B,YAAA,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC;gBAC7C,SAAS;AACZ,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,WAAW,GAAG,IAAI,OAAO,CAAc,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,IAAI,sBAAsB,EAAE;gBACxB,WAAW,GAAG,sBAAsB,CAAC;aACxC;AACD,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAG;AAC3B,gBAAA,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,gBAAA,OAAO,IAAI,CAAC;AAChB,aAAC,CAAC,CAAC;SACN;AACD,QAAA,IAAI,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC;AAC1C,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,CAAC,WAAwB,KAAK,WAAW,CAAC,IAAI;QAC1D,IAAI,EAAE,CAAC,WAAW,CAAC;AACtB,KAAA;IACD,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,IAAI,IAAI,EAAE;IACvE,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE;AAChE,CAAA;;~~AC/DL~~;;AAEG;;;;"}
1	+ {"version":3,"file":"keycloakify-angular-account-providers-keycloakify-angular.mjs","sources":["../../src/account/providers/keycloakify-angular/keycloakify-angular.providers.ts","../../src/account/providers/keycloakify-angular/keycloakify-angular-account-providers-keycloakify-angular.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { APP_INITIALIZER, LOCALE_ID, makeEnvironmentProviders } from '@angular/core';\nimport { I18nService } from '@keycloakify/angular/account/services/i18n';\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 KcContextLike } from 'keycloakify/account/i18n/noJsx';\nimport type { ClassKey } from 'keycloakify/account/lib/kcClsx';\nimport type { KcContext } from '@keycloakify/angular/account/KcContext';\n\nexport type KeycloakifyAngularAccountConfig = {\n doUseDefaultCss?: boolean;\n classes?: { [key in ClassKey]?: string };\n getI18n: (params: { kcContext: KcContextLike }) => {\n i18n: unknown;\n prI18n_currentLanguage: Promise<unknown> \| undefined;\n };\n};\n\nexport const provideKeycloakifyAngularAccount = (\n config: KeycloakifyAngularAccountConfig\n) =>\n makeEnvironmentProviders([\n {\n provide: KC_ACCOUNT_CONTEXT,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n useValue: window.kcContext\n },\n {\n provide: LOCALE_ID,\n useFactory: (document: Document) => {\n return document.documentElement.lang ?? 'en';\n },\n deps: [DOCUMENT]\n },\n {\n provide: APP_INITIALIZER,\n multi: true,\n useFactory: (i18nService: I18nService, kcContext: KcContext) => async () => {\n const getI18n = config.getI18n;\n\n const { i18n, prI18n_currentLanguage } = getI18n({\n kcContext\n });\n let i18nPromise = new Promise<typeof i18n>(resolve => resolve(i18n));\n if (prI18n_currentLanguage) {\n i18nPromise = prI18n_currentLanguage;\n }\n return i18nPromise.then(i18n => {\n i18nService.i18n = i18n;\n return true;\n });\n },\n deps: [I18nService, KC_ACCOUNT_CONTEXT]\n },\n {\n provide: ACCOUNT_I18N,\n useFactory: (i18nService: I18nService) => i18nService.i18n,\n deps: [I18nService]\n },\n { provide: USE_DEFAULT_CSS, useValue: config?.doUseDefaultCss ?? true },\n { provide: ACCOUNT_CLASSES, useValue: config?.classes ?? {} }\n ]);\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAoBa,MAAA,gCAAgC,GAAG,CAC5C,MAAuC,KAEvC,wBAAwB,CAAC;AACrB,IAAA;AACI,QAAA,OAAO,EAAE,kBAAkB;;;QAG3B,QAAQ,EAAE,MAAM,CAAC,SAAS;AAC7B,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,UAAU,EAAE,CAAC,QAAkB,KAAI;AAC/B,YAAA,OAAO,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,IAAI,CAAC;SAChD;QACD,IAAI,EAAE,CAAC,QAAQ,CAAC;AACnB,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,CAAC,WAAwB,EAAE,SAAoB,KAAK,YAAW;AACvE,YAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAE/B,YAAA,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,OAAO,CAAC;gBAC7C,SAAS;AACZ,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,WAAW,GAAG,IAAI,OAAO,CAAc,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,IAAI,sBAAsB,EAAE;gBACxB,WAAW,GAAG,sBAAsB,CAAC;aACxC;AACD,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,IAAG;AAC3B,gBAAA,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,gBAAA,OAAO,IAAI,CAAC;AAChB,aAAC,CAAC,CAAC;SACN;AACD,QAAA,IAAI,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC;AAC1C,KAAA;AACD,IAAA;AACI,QAAA,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,CAAC,WAAwB,KAAK,WAAW,CAAC,IAAI;QAC1D,IAAI,EAAE,CAAC,WAAW,CAAC;AACtB,KAAA;IACD,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,IAAI,IAAI,EAAE;IACvE,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE;AAChE,CAAA;;AChEL;;AAEG;;;;"}

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

@@ -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.6", ngImport: i0, type: AccountResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AccountResourceInjectorService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AccountResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: AccountResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -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.6", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -43,10 +43,10 @@ class ResourceInjectorService {
         script.id = id;
         this.renderer.appendChild(document.head, script);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResourceInjectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResourceInjectorService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ResourceInjectorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: ResourceInjectorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -97,12 +97,12 @@ class AddRemoveButtonsMultiValuedAttributeComponent {
         })();
         return { hasRemove, hasAdd };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", 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        [id]=\"'kc-remove-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        [id]=\"'kc-add-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: AddRemoveButtonsMultiValuedAttributeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", 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        [id]=\"'kc-remove-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onRemove()\"\n    >\n        {{ i18n.msgStr('remove') }}\n    </button>\n    @if (hasAdd()) {\n        &nbsp;|&nbsp;\n    }\n}\n@if (hasAdd()) {\n    <button\n        [id]=\"'kc-add-' + idPostfix\"\n        type=\"button\"\n        class=\"pf-c-button pf-m-inline pf-m-link\"\n        (click)=\"onAdd()\"\n    >\n        {{ i18n.msgStr('addValue') }}\n    </button>\n}\n", styles: [":host{display:contents}\n"] }]
+            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"] }]
         }] });
 /**

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

	@@ -1 +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 { 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 standalone: true,\n styles: [\n `\n :host {\n display: contents;\n }\n `\n ],\n imports: [],\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 this.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 this.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 private getButtonToDisplayForMultivaluedAttributeField(params: { attribute: Attribute; values: string[]; fieldIndex: number }) {\n const { attribute, values, fieldIndex } = params;\n\n const hasRemove = (() => {\n if (values.length === 1) {\n return false;\n }\n\n const minCount = (() => {\n const { multivalued } = attribute.validators;\n\n if (multivalued === undefined) {\n return undefined;\n }\n\n const minStr = multivalued.min;\n\n if (minStr === undefined) {\n return undefined;\n }\n\n return parseInt(`${minStr}`);\n })();\n\n if (minCount === undefined) {\n return true;\n }\n\n if (values.length === minCount) {\n return false;\n }\n\n return true;\n })();\n\n const hasAdd = (() => {\n if (fieldIndex + 1 !== values.length) {\n return false;\n }\n\n const maxCount = (() => {\n const { multivalued } = attribute.validators;\n\n if (multivalued === undefined) {\n return undefined;\n }\n\n const maxStr = multivalued.max;\n\n if (maxStr === undefined) {\n return undefined;\n }\n\n return parseInt(`${maxStr}`);\n })();\n\n if (maxCount === undefined) {\n return true;\n }\n\n return values.length !== maxCount;\n })();\n\n return { hasRemove, hasAdd };\n }\n}\n","@let idPostfix = attribute()?.name ?? '' + '-' + (fieldIndex() ?? 0 + 1);\n@if (hasRemove()) {\n <button\n ~~[id]=\"'kc-remove-' + idPostfix\"\n~~ type=\"button\"\n class=\"pf-c-button pf-m-inline pf-m-link\"\n (click)=\"onRemove()\"\n >\n {{ i18n.msgStr('remove') }}\n </button>\n @if (hasAdd()) {\n  \| \n }\n}\n@if (hasAdd()) {\n <button\n ~~[id]=\"'kc-add-' + idPostfix\"\n~~ type=\"button\"\n class=\"pf-c-button pf-m-inline pf-m-link\"\n (click)=\"onAdd()\"\n >\n {{ i18n.msgStr('addValue') }}\n </button>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
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 { 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 standalone: true,\n styles: [\n `\n :host {\n display: contents;\n }\n `\n ],\n imports: [],\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 this.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 this.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 private getButtonToDisplayForMultivaluedAttributeField(params: { attribute: Attribute; values: string[]; fieldIndex: number }) {\n const { attribute, values, fieldIndex } = params;\n\n const hasRemove = (() => {\n if (values.length === 1) {\n return false;\n }\n\n const minCount = (() => {\n const { multivalued } = attribute.validators;\n\n if (multivalued === undefined) {\n return undefined;\n }\n\n const minStr = multivalued.min;\n\n if (minStr === undefined) {\n return undefined;\n }\n\n return parseInt(`${minStr}`);\n })();\n\n if (minCount === undefined) {\n return true;\n }\n\n if (values.length === minCount) {\n return false;\n }\n\n return true;\n })();\n\n const hasAdd = (() => {\n if (fieldIndex + 1 !== values.length) {\n return false;\n }\n\n const maxCount = (() => {\n const { multivalued } = attribute.validators;\n\n if (multivalued === undefined) {\n return undefined;\n }\n\n const maxStr = multivalued.max;\n\n if (maxStr === undefined) {\n return undefined;\n }\n\n return parseInt(`${maxStr}`);\n })();\n\n if (maxCount === undefined) {\n return true;\n }\n\n return values.length !== maxCount;\n })();\n\n return { hasRemove, hasAdd };\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  \| \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 './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/keycloakify-angular-login-components-field-errors.mjs CHANGED Viewed

@@ -14,22 +14,22 @@ class FieldErrorsComponent extends ComponentReference {
         this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
         this.classes = inject(LOGIN_CLASSES);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: FieldErrorsComponent, isStandalone: true, selector: "kc-field-errors", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FieldErrorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.7", type: FieldErrorsComponent, isStandalone: true, selector: "kc-field-errors", inputs: { attribute: { classPropertyName: "attribute", publicName: "attribute", isSignal: true, isRequired: false, transformFunction: null }, displayableErrors: { classPropertyName: "displayableErrors", publicName: "displayableErrors", isSignal: true, isRequired: false, transformFunction: null }, fieldIndex: { classPropertyName: "fieldIndex", publicName: "fieldIndex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ComponentReference,
                 useExisting: forwardRef(() => FieldErrorsComponent)
             }
-        ], usesInheritance: true, ngImport: i0, template: "@let index = fieldIndex();\n<span\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n    aria-live=\"polite\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@let index = fieldIndex();\n<span\n    aria-live=\"polite\"\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: KcClassDirective, selector: "[kcClass]", inputs: ["class", "ngClass", "kcClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: FieldErrorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: FieldErrorsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [KcClassDirective], selector: 'kc-field-errors', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: ComponentReference,
                             useExisting: forwardRef(() => FieldErrorsComponent)
                         }
-                    ], template: "@let index = fieldIndex();\n<span\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n    aria-live=\"polite\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"] }]
+                    ], template: "@let index = fieldIndex();\n<span\n    aria-live=\"polite\"\n    [id]=\"'input-error-' + attribute.name + (index === undefined ? '' : '-' + index)\"\n    [kcClass]=\"'kcInputErrorMessageClass'\"\n>\n    @for (error of displayableErrors(); track error; let i = $index) {\n        @if (error.fieldIndex === index) {\n            <span [innerHTML]=\"error.errorMessage\"></span>\n            @if (displayableErrors()?.length ?? 0 - 1 !== i) {\n                <br />\n            }\n        }\n    }\n</span>\n", styles: [":host{display:contents}\n"] }]
         }] });
 /**