@keycloakify/angular 0.0.1-rc.0

package/login/components/user-profile-form-fields/user-profile-form-fields.component.html

@@ -0,0 +1,85 @@
+@let formFieldStates = formState().formFieldStates;
+
+@for (fieldState of formFieldStates; track fieldState.attribute) {
+  <!-- [groupNameRef]="groupNameRef"
+  TODO: verify this logic
+  -->
+  <kc-group-label [attribute]="fieldState.attribute"> </kc-group-label>
+
+  @if (beforeField) {
+    <ng-container
+      [ngTemplateOutlet]="beforeField"
+      [ngTemplateOutletContext]="{
+        attribute: fieldState.attribute,
+        valueOrValues: fieldState.valueOrValues,
+        displayableErrors: fieldState.displayableErrors,
+      }"
+    >
+    </ng-container>
+  }
+
+  <div
+    [kcClass]="'kcFormGroupClass'"
+    [style.display]="fieldState.attribute.name === 'password-confirm' && !doMakeUserConfirmPassword ? 'none' : 'block'"
+  >
+    <div [kcClass]="'kcLabelWrapperClass'">
+      <label
+        [for]="fieldState.attribute.name"
+        [kcClass]="'kcLabelClass'"
+      >
+        {{ fieldState.attribute.displayName ?? '' | advancedMsgStr }}
+        @if (fieldState.attribute.required) {
+          *
+        }
+      </label>
+    </div>
+
+    <div [kcClass]="'kcInputWrapperClass'">
+      @if (fieldState.attribute.annotations.inputHelperTextBefore) {
+        <div
+          [kcClass]="'kcInputHelperTextBeforeClass'"
+          [id]="'form-help-text-before-' + fieldState.attribute.name"
+          aria-live="polite"
+        >
+          {{ fieldState.attribute.annotations.inputHelperTextBefore | advancedMsgStr }}
+        </div>
+      }
+
+      <kc-input-field-by-type
+        [attribute]="fieldState.attribute"
+        [valueOrValues]="fieldState.valueOrValues"
+        [displayableErrors]="fieldState.displayableErrors"
+        (dispatchFormAction)="onDispatch($event)"
+      >
+      </kc-input-field-by-type>
+
+      <kc-field-errors
+        [attribute]="fieldState.attribute"
+        [displayableErrors]="fieldState.displayableErrors"
+      >
+      </kc-field-errors>
+      @if (fieldState.attribute.annotations.inputHelperTextAfter) {
+        <div
+          [kcClass]="'kcInputHelperTextAfterClass'"
+          [id]="'form-help-text-after-' + fieldState.attribute.name"
+          aria-live="polite"
+        >
+          {{ fieldState.attribute.annotations.inputHelperTextAfter | advancedMsgStr }}
+        </div>
+      }
+
+      @if (afterField) {
+        <ng-container
+          [ngTemplateOutlet]="afterField"
+          [ngTemplateOutletContext]="{
+            attribute: fieldState.attribute,
+            valueOrValues: fieldState.valueOrValues,
+            displayableErrors: fieldState.displayableErrors,
+          }"
+        >
+        </ng-container>
+      }
+      <!-- NOTE: Downloading of html5DataAnnotations scripts is done in the useUserProfileForm hook -->
+    </div>
+  </div>
+}

package/login/components/user-profile-form-fields/user-profile-form-fields.component.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UserProfileFormFieldsComponent_1;
+import { NgTemplateOutlet } from "@angular/common";
+import { ChangeDetectionStrategy, Component, ContentChild, effect, forwardRef, inject, output } from "@angular/core";
+import { DO_MAKE_USER_CONFIRM_PASSWORD, KC_CONTEXT, CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { UserProfileFormService } from "../../../login/services/user-profile-form.service";
+import { FieldErrorsComponent } from "../../../login/components/field-errors/field-errors.component";
+import { GroupLabelComponent } from "../../../login/components/group-label/group-label.component";
+import { InputFieldByTypeComponent } from "../../../login/components/input-field-by-type/input-field-by-type.component";
+let UserProfileFormFieldsComponent = UserProfileFormFieldsComponent_1 = class UserProfileFormFieldsComponent extends ComponentReference {
+    constructor() {
+        super();
+        this.kcContext = inject(KC_CONTEXT);
+        this.userProfileFormService = inject(UserProfileFormService);
+        this.doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.onIsFormSubmittable = output();
+        this.formState = this.userProfileFormService.formState;
+        effect(() => {
+            const isFormSubmittable = this.formState().isFormSubmittable;
+            this.onIsFormSubmittable.emit(isFormSubmittable);
+        });
+    }
+    onDispatch(formAction) {
+        this.userProfileFormService.dispatchFormAction(formAction);
+    }
+};
+__decorate([
+    ContentChild("beforField")
+], UserProfileFormFieldsComponent.prototype, "beforeField", void 0);
+__decorate([
+    ContentChild("afterField")
+], UserProfileFormFieldsComponent.prototype, "afterField", void 0);
+UserProfileFormFieldsComponent = UserProfileFormFieldsComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [
+            KcClassDirective,
+            FieldErrorsComponent,
+            InputFieldByTypeComponent,
+            GroupLabelComponent,
+            NgTemplateOutlet,
+            AdvancedMsgStrPipe
+        ],
+        selector: "kc-user-profile-form-fields",
+        templateUrl: "user-profile-form-fields.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            UserProfileFormService,
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => UserProfileFormFieldsComponent_1)
+            }
+        ]
+    })
+], UserProfileFormFieldsComponent);
+export { UserProfileFormFieldsComponent };
+//# sourceMappingURL=user-profile-form-fields.component.js.map

package/login/components/user-profile-form-fields/user-profile-form-fields.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-profile-form-fields.component.js","sourceRoot":"","sources":["../../../src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,UAAU,EACV,MAAM,EACN,MAAM,EAET,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,6BAA6B,EAC7B,UAAU,EACV,OAAO,EACP,eAAe,EAClB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAC5F,OAAO,EAEH,sBAAsB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2EAA2E,CAAC;AACjH,OAAO,EAAE,mBAAmB,EAAE,MAAM,yEAAyE,CAAC;AAC9G,OAAO,EAAE,yBAAyB,EAAE,MAAM,yFAAyF,CAAC;AA8B7H,IAAM,8BAA8B,sCAApC,MAAM,8BAA+B,SAAQ,kBAAkB;IAclE;QACI,KAAK,EAAE,CAAC;QAdZ,cAAS,GAAG,MAAM,CAAY,UAAU,CAAC,CAAC;QAC1C,2BAAsB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;QACxD,8BAAyB,GAAG,MAAM,CAAC,6BAA6B,CAAC,CAAC;QACzD,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QAEtE,wBAAmB,GAAG,MAAM,EAAW,CAAC;QAExC,cAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC;QAO9C,MAAM,CAAC,GAAG,EAAE;YACR,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,iBAAiB,CAAC;YAC7D,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACP,CAAC;IAED,UAAU,CAAC,UAAsB;QAC7B,IAAI,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC/D,CAAC;CACJ,CAAA;AAd+B;IAA3B,YAAY,CAAC,YAAY,CAAC;mEAA+C;AAC9C;IAA3B,YAAY,CAAC,YAAY,CAAC;kEAA8C;AAZhE,8BAA8B;IA5B1C,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,OAAO,EAAE;YACL,gBAAgB;YAChB,oBAAoB;YACpB,yBAAyB;YACzB,mBAAmB;YACnB,gBAAgB;YAChB,kBAAkB;SACrB;QACD,QAAQ,EAAE,6BAA6B;QACvC,WAAW,EAAE,yCAAyC;QACtD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP,sBAAsB;YACtB;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,gCAA8B,CAAC;aAChE;SACJ;KACJ,CAAC;GACW,8BAA8B,CAyB1C;SAzBY,8BAA8B"}

package/login/containers/template.component.d.ts

@@ -0,0 +1,28 @@
+import { OnInit, Renderer2 } from "@angular/core";
+import { Meta, Title } from "@angular/platform-browser";
+import type { I18n } from "../../login/i18n";
+import { KcContext } from "keycloakify/login/KcContext/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { Observable } from "rxjs";
+import { ComponentReference } from "../../login/classes/component-reference.class";
+import { LoginResourceInjectorService } from "../../login/services/login-resource-injector.service";
+export declare class TemplateComponent extends ComponentReference implements OnInit {
+    i18n: I18n;
+    renderer: Renderer2;
+    meta: Meta;
+    title: Title;
+    kcContext: KcContext;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    loginResourceInjectorService: LoginResourceInjectorService;
+    displayInfo: import("@angular/core").InputSignal<boolean>;
+    displayMessage: import("@angular/core").InputSignal<boolean>;
+    displayRequiredFields: import("@angular/core").InputSignal<boolean>;
+    documentTitle: import("@angular/core").InputSignal<string | undefined>;
+    bodyClassName: import("@angular/core").InputSignal<string | undefined>;
+    isReadyToRender$: Observable<boolean>;
+    constructor();
+    ngOnInit(): void;
+    private applyKcIndexClasses;
+    tryAnotherWay(): void;
+}

package/login/containers/template.component.html

@@ -0,0 +1,203 @@
+@let realm = kcContext.realm;
+@let message = kcContext.message;
+@let auth = kcContext.auth;
+@let isAppInitiatedAction = kcContext.isAppInitiatedAction;
+@let url = kcContext.url;
+@let isReadyToRender = isReadyToRender$ | async;
+
+@if (isReadyToRender) {
+  <div [kcClass]="'kcLoginClass'">
+    <div
+      id="kc-header"
+      [kcClass]="'kcHeaderClass'"
+    >
+      <div
+        id="kc-header-wrapper"
+        [kcClass]="'kcHeaderWrapperClass'"
+      >
+        <div [innerHTML]="realm?.displayNameHtml | kcSanitize: 'html'"></div>
+      </div>
+    </div>
+
+    <div [kcClass]="'kcFormCardClass'">
+      <header [kcClass]="'kcFormHeaderClass'">
+        <!-- Locale switcher -->
+        @if (i18n.enabledLanguages.length > 1) {
+          <div
+            id="kc-locale"
+            [kcClass]="'kcLocaleMainClass'"
+          >
+            <div
+              id="kc-locale-wrapper"
+              [kcClass]="'kcLocaleWrapperClass'"
+            >
+              <div
+                id="kc-locale-dropdown"
+                [kcClass]="'kcLocaleDropDownClass'"
+                class="menu-button-links"
+              >
+                <button
+                  tabindex="1"
+                  id="kc-current-locale-link"
+                  [attr.aria-label]="'languages' | msgStr"
+                  aria-haspopup="true"
+                  aria-expanded="false"
+                  aria-controls="language-switch1"
+                >
+                  {{ i18n.currentLanguage.label }}
+                </button>
+                <ul
+                  role="menu"
+                  tabindex="-1"
+                  aria-labelledby="kc-current-locale-link"
+                  aria-activedescendant=""
+                  id="language-switch1"
+                  [kcClass]="'kcLocaleListClass'"
+                >
+                  @for (entry of i18n.enabledLanguages; track entry; let idx = $index) {
+                    <li
+                      [kcClass]="'kcLocaleListItemClass'"
+                      role="none"
+                    >
+                      <a
+                        role="menuitem"
+                        tabindex="-1"
+                        [href]="entry.href"
+                        [kcClass]="'kcLocaleItemClass'"
+                        [id]="'language-' + idx"
+                      >
+                        {{ entry.label }}
+                      </a>
+                    </li>
+                  }
+                </ul>
+              </div>
+            </div>
+          </div>
+        }
+
+        <!-- Header content -->
+        <ng-template #node>
+          @if (auth && !auth.showUsername && !auth.showResetCredentials) {
+            <h1 id="kc-page-title">
+              <ng-content select="[headerNode]"></ng-content>
+            </h1>
+          } @else {
+            <div
+              id="kc-username"
+              [kcClass]="'kcFormGroupClass'"
+            >
+              <label id="kc-attempted-username">{{ auth?.attemptedUsername }}</label>
+              <a
+                id="reset-login"
+                [href]="url?.loginRestartFlowUrl"
+                [attr.aria-label]="'restartLoginTooltip' | msgStr"
+              >
+                <div class="kc-login-tooltip">
+                  <i [kcClass]="'kcResetFlowIcon'"></i>
+                  <span class="kc-tooltip-text">
+                    {{ 'restartLoginTooltip' | msgStr }}
+                  </span>
+                </div>
+              </a>
+            </div>
+          }
+        </ng-template>
+
+        @if (displayRequiredFields()) {
+          <div [kcClass]="'kcContentWrapperClass'">
+            <div
+              [kcClass]="'kcLabelWrapperClass'"
+              class="subtitle"
+            >
+              <span class="subtitle">
+                <span class="required">*</span>
+                {{ 'requiredFields' | msgStr }}
+              </span>
+            </div>
+            <div class="col-md-10">
+              <ng-container [ngTemplateOutlet]="node"></ng-container>
+            </div>
+          </div>
+        } @else {
+          <ng-container [ngTemplateOutlet]="node"></ng-container>
+        }
+      </header>
+
+      <div id="kc-content">
+        <div id="kc-content-wrapper">
+          <!-- Message display -->
+          @if (displayMessage() && message && (message.type !== 'warning' || !isAppInitiatedAction)) {
+            <div
+              [kcClass]="'kcAlertClass'"
+              [ngClass]="message.type === 'error' ? 'pf-m-danger' : 'pf-m-' + message.type"
+              [class]="'alert-' + message.type"
+            >
+              <div class="pf-c-alert__icon">
+                @switch (message.type) {
+                  @case ('success') {
+                    <span [kcClass]="'kcFeedbackSuccessIcon'"></span>
+                  }
+                  @case ('warning') {
+                    <span [kcClass]="'kcFeedbackWarningIcon'"></span>
+                  }
+                  @case ('info') {
+                    <span [kcClass]="'kcFeedbackInfoIcon'"></span>
+                  }
+                  @case ('error') {
+                    <span [kcClass]="'kcFeedbackErrorIcon'"></span>
+                  }
+                }
+              </div>
+              <span
+                [kcClass]="'kcAlertTitleClass'"
+                [innerHTML]="message.summary | kcSanitize: 'html'"
+              ></span>
+            </div>
+          }
+          <!-- Content -->
+          <ng-content select="[content]"></ng-content>
+          @if (!!auth && auth?.showTryAnotherWayLink) {
+            <form
+              id="kc-select-try-another-way-form"
+              [action]="url?.loginAction"
+              method="post"
+            >
+              <div [kcClass]="'kcFormGroupClass'">
+                <div [kcClass]="'kcFormGroupClass'">
+                  <input
+                    type="hidden"
+                    name="tryAnotherWay"
+                    value="on"
+                  />
+                  <a
+                    id="try-another-way"
+                    (click)="tryAnotherWay()"
+                  >
+                    {{ 'doTryAnotherWay' | msgStr }}
+                  </a>
+                </div>
+              </div>
+            </form>
+          }
+
+          <ng-content select="[socialProvidersNode]"></ng-content>
+          <!-- Info display -->
+          @if (displayInfo()) {
+            <div
+              id="kc-info"
+              [kcClass]="'kcSignUpClass'"
+            >
+              <div
+                id="kc-info-wrapper"
+                [kcClass]="'kcInfoAreaWrapperClass'"
+              >
+                <ng-content select="[infoNode]"></ng-content>
+              </div>
+            </div>
+          }
+        </div>
+      </div>
+    </div>
+  </div>
+}

package/login/containers/template.component.js

@@ -0,0 +1,78 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var TemplateComponent_1;
+import { AsyncPipe, NgTemplateOutlet } from "@angular/common";
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input, Renderer2 } from "@angular/core";
+import { Meta, Title } from "@angular/platform-browser";
+import { CLASSES, I18N, KC_CONTEXT, USE_DEFAULT_CSS } from "../../lib/public-api";
+import { getKcClsx } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../login/directives/kc-class.directive";
+import { KcSanitizePipe } from "../../login/pipes";
+import { MsgStrPipe } from "../../login/pipes/msg-str.pipe";
+import { LoginResourceInjectorService } from "../../login/services/login-resource-injector.service";
+let TemplateComponent = TemplateComponent_1 = class TemplateComponent extends ComponentReference {
+    constructor() {
+        var _a;
+        super();
+        this.i18n = inject(I18N);
+        this.renderer = inject(Renderer2);
+        this.meta = inject(Meta);
+        this.title = inject(Title);
+        this.kcContext = inject(KC_CONTEXT);
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.loginResourceInjectorService = inject(LoginResourceInjectorService);
+        this.displayInfo = input(false);
+        this.displayMessage = input(true);
+        this.displayRequiredFields = input(false);
+        this.documentTitle = input();
+        this.bodyClassName = input();
+        this.title.setTitle((_a = this.documentTitle()) !== null && _a !== void 0 ? _a : this.i18n.msgStr("loginTitle", this.kcContext.realm.displayName));
+        this.isReadyToRender$ = this.loginResourceInjectorService.injectResource(this.doUseDefaultCss);
+    }
+    ngOnInit() {
+        this.applyKcIndexClasses();
+    }
+    applyKcIndexClasses() {
+        var _a;
+        const kcClsx = getKcClsx({
+            doUseDefaultCss: this.doUseDefaultCss,
+            classes: this.classes
+        }).kcClsx;
+        const kcBodyClass = (_a = this.bodyClassName()) !== null && _a !== void 0 ? _a : kcClsx("kcBodyClass");
+        const kcHtmlClass = kcClsx("kcHtmlClass");
+        const kcBodyClasses = kcBodyClass.split(/\s+/);
+        const kcHtmlClasses = kcHtmlClass.split(/\s+/);
+        kcBodyClasses.forEach(klass => {
+            this.renderer.addClass(document.body, klass);
+        });
+        kcHtmlClasses.forEach(klass => {
+            this.renderer.addClass(document.documentElement, klass);
+        });
+    }
+    tryAnotherWay() {
+        document.forms["kc-select-try-another-way-form"].submit();
+    }
+};
+TemplateComponent = TemplateComponent_1 = __decorate([
+    Component({
+        selector: "kc-login-template",
+        templateUrl: "./template.component.html",
+        standalone: true,
+        imports: [AsyncPipe, KcSanitizePipe, NgTemplateOutlet, KcClassDirective, MsgStrPipe],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => TemplateComponent_1)
+            }
+        ]
+    })
+], TemplateComponent);
+export { TemplateComponent };
+//# sourceMappingURL=template.component.js.map

package/login/containers/template.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.component.js","sourceRoot":"","sources":["../../src/login/containers/template.component.ts"],"names":[],"mappings":"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"}

package/login/directives/attributes.directive.d.ts

@@ -0,0 +1,5 @@
+export declare class AttributesDirective {
+    #private;
+    kcAttributes: import("@angular/core").InputSignal<Record<string, string> | undefined>;
+    constructor();
+}

package/login/directives/attributes.directive.js

@@ -0,0 +1,34 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _AttributesDirective_el, _AttributesDirective_renderer;
+import { Directive, effect, ElementRef, inject, input, Renderer2 } from "@angular/core";
+let AttributesDirective = class AttributesDirective {
+    constructor() {
+        this.kcAttributes = input();
+        _AttributesDirective_el.set(this, inject(ElementRef));
+        _AttributesDirective_renderer.set(this, inject(Renderer2));
+        effect(() => {
+            const attributes = this.kcAttributes();
+            if (attributes) {
+                Object.entries(attributes).forEach(([key, value]) => {
+                    __classPrivateFieldGet(this, _AttributesDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _AttributesDirective_el, "f").nativeElement, `data-${key}`, value);
+                });
+            }
+        });
+    }
+};
+_AttributesDirective_el = new WeakMap(), _AttributesDirective_renderer = new WeakMap();
+AttributesDirective = __decorate([
+    Directive({ selector: "[kcAttributes]", standalone: true })
+], AttributesDirective);
+export { AttributesDirective };
+//# sourceMappingURL=attributes.directive.js.map

package/login/directives/attributes.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.directive.js","sourceRoot":"","sources":["../../src/login/directives/attributes.directive.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGjF,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IAK5B;QAJA,iBAAY,GAAG,KAAK,EAA0B,CAAC;QAC/C,kCAAe,MAAM,CAA0B,UAAU,CAAC,EAAC;QAC3D,wCAAqB,MAAM,CAAC,SAAS,CAAC,EAAC;QAGnC,MAAM,CAAC,GAAG,EAAE;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,IAAI,UAAU,EAAE;gBACZ,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;oBAChD,uBAAA,IAAI,qCAAU,CAAC,YAAY,CACvB,uBAAA,IAAI,+BAAI,CAAC,aAAa,EACtB,QAAQ,GAAG,EAAE,EACb,KAAK,CACR,CAAC;gBACN,CAAC,CAAC,CAAC;aACN;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,CAAA;;AAnBY,mBAAmB;IAD/B,SAAS,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;GAC/C,mBAAmB,CAmB/B;SAnBY,mBAAmB"}

package/login/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./attributes.directive";
+export * from "./kc-class.directive";

package/login/directives/index.js

@@ -0,0 +1,3 @@
+export * from "./attributes.directive";
+export * from "./kc-class.directive";
+//# sourceMappingURL=index.js.map

package/login/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/login/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC"}

package/login/directives/kc-class.directive.d.ts

@@ -0,0 +1,23 @@
+import { DoCheck } from "@angular/core";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+type KcClassSupportedTypes = ClassKey[] | Set<ClassKey> | Partial<{
+    [key in ClassKey]: any;
+}> | null | undefined;
+type NgClassSupportedTypes = string[] | Set<string> | {
+    [key: string]: any;
+} | null | undefined;
+export declare class KcClassDirective implements DoCheck {
+    #private;
+    private initialClasses;
+    private rawClass;
+    private rawKcClass;
+    private stateMap;
+    set klass(value: string);
+    set ngClass(value: string | NgClassSupportedTypes);
+    set kcClass(value: ClassKey | KcClassSupportedTypes);
+    ngDoCheck(): void;
+    private _updateState;
+    private _applyStateDiff;
+    private _toggleClass;
+}
+export {};