@keycloakify/angular 0.0.1-rc.0

package/login/components/field-errors/field-errors.component.js

@@ -0,0 +1,45 @@
+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 FieldErrorsComponent_1;
+import { ChangeDetectionStrategy, Component, forwardRef, inject, input } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+let FieldErrorsComponent = FieldErrorsComponent_1 = class FieldErrorsComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.displayableErrors = input();
+        this.fieldIndex = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+    }
+};
+FieldErrorsComponent = FieldErrorsComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [KcClassDirective],
+        selector: "kc-field-errors",
+        templateUrl: "field-errors.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => FieldErrorsComponent_1)
+            }
+        ]
+    })
+], FieldErrorsComponent);
+export { FieldErrorsComponent };
+//# sourceMappingURL=field-errors.component.js.map

package/login/components/field-errors/field-errors.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors.component.js","sourceRoot":"","sources":["../../../src/login/components/field-errors/field-errors.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAuBrF,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAArD;;QACH,cAAS,GAAG,KAAK,EAAa,CAAC;QAC/B,sBAAiB,GAAG,KAAK,EAAoB,CAAC;QAC9C,eAAU,GAAG,KAAK,EAAU,CAAC;QACpB,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;IAC1E,CAAC;CAAA,CAAA;AANY,oBAAoB;IApBhC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,OAAO,EAAE,CAAC,gBAAgB,CAAC;QAC3B,QAAQ,EAAE,iBAAiB;QAC3B,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,sBAAoB,CAAC;aACtD;SACJ;KACJ,CAAC;GACW,oBAAoB,CAMhC;SANY,oBAAoB"}

package/login/components/group-label/group-label.component.d.ts

@@ -0,0 +1,10 @@
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+export declare class GroupLabelComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    groupName: import("@angular/core").InputSignal<string | undefined>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    groupNameRef: import("@angular/core").Signal<string>;
+}

package/login/components/group-label/group-label.component.html

@@ -0,0 +1,30 @@
+@let attr = attribute();
+@let groupName = groupNameRef();
+@if (attr && groupName !== '') {
+  <div
+    [kcClass]="'kcFormGroupClass'"
+    [kcAttributes]="attr.group?.html5DataAnnotations"
+  >
+    @let groupDisplayHeader = attr.group?.displayHeader ?? '';
+    @let groupHeaderText = groupDisplayHeader !== '' ? groupDisplayHeader : (attr.group?.name ?? '');
+    <div [kcClass]="'kcContentWrapperClass'">
+      <label
+        [id]="'header-' + attr.group?.name"
+        [kcClass]="'kcFormGroupHeader'"
+      >
+        {{ groupHeaderText | advancedMsgStr }}
+      </label>
+    </div>
+    @let groupDisplayDescription = attr.group?.displayDescription ?? '';
+    @if (groupDisplayDescription !== '') {
+      <div [kcClass]="'kcLabelWrapperClass'">
+        <label
+          [id]="'description-' + attr.group?.name"
+          [kcClass]="'kcLabelClass'"
+        >
+          {{ groupDisplayDescription | advancedMsgStr }}
+        </label>
+      </div>
+    }
+  </div>
+}

package/login/components/group-label/group-label.component.js

@@ -0,0 +1,55 @@
+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 GroupLabelComponent_1;
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { AttributesDirective } from "../../../login/directives/attributes.directive";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+let GroupLabelComponent = GroupLabelComponent_1 = class GroupLabelComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.groupName = input();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.groupNameRef = computed(() => {
+            var _a, _b, _c;
+            const attribute = this.attribute();
+            const groupName = this.groupName();
+            if (((_a = attribute === null || attribute === void 0 ? void 0 : attribute.group) === null || _a === void 0 ? void 0 : _a.name) !== groupName) {
+                return (_c = (_b = attribute === null || attribute === void 0 ? void 0 : attribute.group) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "";
+            }
+            return "";
+        });
+    }
+};
+GroupLabelComponent = GroupLabelComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [KcClassDirective, AttributesDirective, AdvancedMsgStrPipe],
+        selector: "kc-group-label",
+        templateUrl: "group-label.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => GroupLabelComponent_1)
+            }
+        ]
+    })
+], GroupLabelComponent);
+export { GroupLabelComponent };
+//# sourceMappingURL=group-label.component.js.map

package/login/components/group-label/group-label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-label.component.js","sourceRoot":"","sources":["../../../src/login/components/group-label/group-label.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wDAAwD,CAAC;AAsBrF,IAAM,mBAAmB,2BAAzB,MAAM,mBAAoB,SAAQ,kBAAkB;IAApD;;QACH,cAAS,GAAG,KAAK,EAAa,CAAC;QAC/B,cAAS,GAAG,KAAK,EAAU,CAAC;QACnB,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QACtE,iBAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;;YACzB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACnC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACnC,IAAI,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,IAAI,MAAK,SAAS,EAAE;gBACtC,OAAO,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,IAAI,mCAAI,EAAE,CAAC;aACvC;YACD,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC;CAAA,CAAA;AAbY,mBAAmB;IApB/B,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;QACpE,QAAQ,EAAE,gBAAgB;QAC1B,WAAW,EAAE,4BAA4B;QACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAmB,CAAC;aACrD;SACJ;KACJ,CAAC;GACW,mBAAmB,CAa/B;SAbY,mBAAmB"}

package/login/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component";
+export * from "./field-errors/field-errors.component";
+export * from "./group-label/group-label.component";
+export * from "./input-field-by-type/input-field-by-type.component";
+export * from "./input-tag/input-tag.component";
+export * from "./input-tag-selects/input-tag-selects.component";
+export * from "./logout-other-sessions/logout-other-sessions.component";
+export * from "./password-wrapper/password-wrapper.component";
+export * from "./select-tag/select-tag.component";
+export * from "./textarea-tag/textarea-tag.component";
+export * from "./user-profile-form-fields/user-profile-form-fields.component";

package/login/components/index.js

@@ -0,0 +1,12 @@
+export * from "./add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component";
+export * from "./field-errors/field-errors.component";
+export * from "./group-label/group-label.component";
+export * from "./input-field-by-type/input-field-by-type.component";
+export * from "./input-tag/input-tag.component";
+export * from "./input-tag-selects/input-tag-selects.component";
+export * from "./logout-other-sessions/logout-other-sessions.component";
+export * from "./password-wrapper/password-wrapper.component";
+export * from "./select-tag/select-tag.component";
+export * from "./textarea-tag/textarea-tag.component";
+export * from "./user-profile-form-fields/user-profile-form-fields.component";
+//# sourceMappingURL=index.js.map

package/login/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/login/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iGAAiG,CAAC;AAChH,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qDAAqD,CAAC;AACpE,cAAc,iCAAiC,CAAC;AAChD,cAAc,iDAAiD,CAAC;AAChE,cAAc,yDAAyD,CAAC;AACxE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,+DAA+D,CAAC"}

package/login/components/input-field-by-type/input-field-by-type.component.d.ts

@@ -0,0 +1,13 @@
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, FormFieldError } from "../../../login/services/user-profile-form.service";
+export declare class InputFieldByTypeComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
+    displayableErrors: import("@angular/core").InputSignal<FormFieldError[] | undefined>;
+    dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    attributePassword: import("@angular/core").Signal<Attribute>;
+}

package/login/components/input-field-by-type/input-field-by-type.component.html

@@ -0,0 +1,63 @@
+@let attr = attribute();
+@if (attr) {
+  @let type = attr.annotations.inputType;
+  @switch (type) {
+    @case ('textarea') {
+      <kc-textarea-tag
+        [attribute]="attribute()"
+        [value]="$any(valueOrValues())"
+        [displayableErrors]="displayableErrors()"
+        (dispatchFormAction)="dispatchFormAction.emit($event)"
+      ></kc-textarea-tag>
+    }
+    @case (type === 'select' || type === 'multiselect' ? type : '') {
+      <kc-select-tag
+        [attribute]="attribute()"
+        [valueOrValues]="valueOrValues()"
+        [displayableErrors]="displayableErrors()"
+        (dispatchFormAction)="dispatchFormAction.emit($event)"
+      ></kc-select-tag>
+    }
+    @case (type === 'select-radiobuttons' || type === 'multiselect-checkboxes' ? type : '') {
+      <kc-input-tag-selects
+        [attribute]="attribute()"
+        [valueOrValues]="valueOrValues()"
+        [displayableErrors]="displayableErrors()"
+        (dispatchFormAction)="dispatchFormAction.emit($event)"
+      ></kc-input-tag-selects>
+    }
+    @default {
+      @let values = valueOrValues();
+      <!-- if valueOrValues is string skip -->
+      @if (values && (values | toArray: true).length) {
+        @for (value of values; track value; let i = $index) {
+          <kc-input-tag
+            [attribute]="attribute()"
+            [valueOrValues]="valueOrValues()"
+            [fieldIndex]="i"
+            [displayableErrors]="displayableErrors()"
+            (dispatchFormAction)="dispatchFormAction.emit($event)"
+          ></kc-input-tag>
+        }
+      } @else {
+        @if (attr.name === 'password' || attr.name === 'password-confirm') {
+          <kc-password-wrapper [passwordInputId]="attr.name">
+            <kc-input-tag
+              [attribute]="attributePassword()"
+              [valueOrValues]="valueOrValues()"
+              [displayableErrors]="displayableErrors()"
+              (dispatchFormAction)="dispatchFormAction.emit($event)"
+            ></kc-input-tag>
+          </kc-password-wrapper>
+        } @else {
+          <kc-input-tag
+            [attribute]="attribute()"
+            [valueOrValues]="valueOrValues()"
+            [displayableErrors]="displayableErrors()"
+            (dispatchFormAction)="dispatchFormAction.emit($event)"
+          ></kc-input-tag>
+        }
+      }
+    }
+  }
+}

package/login/components/input-field-by-type/input-field-by-type.component.js

@@ -0,0 +1,63 @@
+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 InputFieldByTypeComponent_1;
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { ToArrayPipe } from "../../../login/pipes/to-array.pipe";
+import { InputTagSelectsComponent } from "../../../login/components/input-tag-selects/input-tag-selects.component";
+import { InputTagComponent } from "../../../login/components/input-tag/input-tag.component";
+import { PasswordWrapperComponent } from "../../../login/components/password-wrapper/password-wrapper.component";
+import { SelectTagComponent } from "../../../login/components/select-tag/select-tag.component";
+import { TextareaTagComponent } from "../../../login/components/textarea-tag/textarea-tag.component";
+let InputFieldByTypeComponent = InputFieldByTypeComponent_1 = class InputFieldByTypeComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.attributePassword = computed(() => {
+            var _a, _b;
+            const attribute = (_a = this.attribute()) !== null && _a !== void 0 ? _a : {};
+            return Object.assign(Object.assign({}, attribute), { annotations: Object.assign(Object.assign({}, ((_b = attribute.annotations) !== null && _b !== void 0 ? _b : {})), { inputType: "password" }) });
+        });
+    }
+};
+InputFieldByTypeComponent = InputFieldByTypeComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [
+            ToArrayPipe,
+            TextareaTagComponent,
+            SelectTagComponent,
+            InputTagSelectsComponent,
+            InputTagComponent,
+            PasswordWrapperComponent
+        ],
+        selector: "kc-input-field-by-type",
+        templateUrl: "input-field-by-type.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InputFieldByTypeComponent_1)
+            }
+        ]
+    })
+], InputFieldByTypeComponent);
+export { InputFieldByTypeComponent };
+//# sourceMappingURL=input-field-by-type.component.js.map

package/login/components/input-field-by-type/input-field-by-type.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field-by-type.component.js","sourceRoot":"","sources":["../../../src/login/components/input-field-by-type/input-field-by-type.component.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACH,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAG/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8DAA8D,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAK7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,qFAAqF,CAAC;AAC/H,OAAO,EAAE,iBAAiB,EAAE,MAAM,qEAAqE,CAAC;AACxG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mFAAmF,CAAC;AAC7H,OAAO,EAAE,kBAAkB,EAAE,MAAM,uEAAuE,CAAC;AAC3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,2EAA2E,CAAC;AA6B1G,IAAM,yBAAyB,iCAA/B,MAAM,yBAA0B,SAAQ,kBAAkB;IAA1D;;QACH,cAAS,GAAG,KAAK,EAAa,CAAC;QAC/B,kBAAa,GAAG,KAAK,EAAqB,CAAC;QAC3C,sBAAiB,GAAG,KAAK,EAAoB,CAAC;QAC9C,uBAAkB,GAAG,MAAM,EAAc,CAAC;QACjC,oBAAe,GAAG,MAAM,CAAU,eAAe,CAAC,CAAC;QACnD,YAAO,GAAG,MAAM,CAAoC,OAAO,CAAC,CAAC;QAEtE,sBAAiB,GAAG,QAAQ,CAAY,GAAG,EAAE;;YACzC,MAAM,SAAS,GAAc,MAAA,IAAI,CAAC,SAAS,EAAE,mCAAK,EAAgB,CAAC;YACnE,uCACO,SAAS,KACZ,WAAW,kCAAO,CAAC,MAAA,SAAS,CAAC,WAAW,mCAAI,EAAE,CAAC,KAAE,SAAS,EAAE,UAAU,OACxE;QACN,CAAC,CAAC,CAAC;IACP,CAAC;CAAA,CAAA;AAfY,yBAAyB;IA3BrC,SAAS,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE;YACJ;;;;SAIC;SACJ;QACD,OAAO,EAAE;YACL,WAAW;YACX,oBAAoB;YACpB,kBAAkB;YAClB,wBAAwB;YACxB,iBAAiB;YACjB,wBAAwB;SAC3B;QACD,QAAQ,EAAE,wBAAwB;QAClC,WAAW,EAAE,oCAAoC;QACjD,eAAe,EAAE,uBAAuB,CAAC,MAAM;QAC/C,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAAyB,CAAC;aAC3D;SACJ;KACJ,CAAC;GACW,yBAAyB,CAerC;SAfY,yBAAyB"}

package/login/components/input-tag/input-tag.component.d.ts

@@ -0,0 +1,17 @@
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, FormFieldError } from "../../../login/services/user-profile-form.service";
+export declare class InputTagComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
+    fieldIndex: import("@angular/core").InputSignal<number | undefined>;
+    values: import("@angular/core").InputSignal<string[] | undefined>;
+    displayableErrors: import("@angular/core").InputSignal<FormFieldError[] | undefined>;
+    dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    value: import("@angular/core").Signal<string | null>;
+    onChange(event: Event): void;
+    onBlur(): void;
+}

package/login/components/input-tag/input-tag.component.html

@@ -0,0 +1,49 @@
+@let attr = attribute();
+@let index = fieldIndex();
+@if (attr) {
+  <input
+    [type]="attr.annotations.inputType | inputType"
+    [id]="attr.name"
+    [name]="attr.name"
+    [value]="value()"
+    [kcClass]="'kcInputClass'"
+    [attr.aria-invalid]="index && displayableErrors()?.[index] !== undefined"
+    [disabled]="attr.readOnly"
+    [autocomplete]="attr.autocomplete"
+    [placeholder]="attr.annotations.inputTypePlaceholder ?? '' | advancedMsgStr"
+    [attr.pattern]="attr.annotations.inputTypePattern"
+    [attr.size]="
+      !attr.annotations.inputTypeSize
+        ? undefined
+        : (attr.annotations.inputTypeSize | toNumber) === 0
+          ? undefined
+          : (attr.annotations.inputTypeSize | toNumber)
+    "
+    [attr.maxlength]="
+      !attr.annotations.inputTypeMaxlength ? undefined : (attr.annotations.inputTypeMaxlength | toNumber)
+    "
+    [attr.minlength]="
+      !attr.annotations.inputTypeMinlength ? undefined : (attr.annotations.inputTypeMinlength | toNumber)
+    "
+    [attr.max]="attr.annotations.inputTypeMax"
+    [attr.min]="attr.annotations.inputTypeMin"
+    [attr.step]="attr.annotations.inputTypeStep"
+    [kcAttributes]="attr.html5DataAnnotations"
+    (change)="onChange($event)"
+    (blur)="onBlur()"
+  />
+  @if (index !== undefined) {
+    @let values = valueOrValues() ?? [] | toArray;
+    <kc-field-errors
+      [attribute]="attr"
+      [displayableErrors]="displayableErrors()"
+      [fieldIndex]="index"
+    ></kc-field-errors>
+    <kc-add-remove-buttons-multi-valued-attribute
+      [attribute]="attr"
+      [values]="values"
+      [fieldIndex]="index"
+      (dispatchFormAction)="dispatchFormAction.emit($event)"
+    ></kc-add-remove-buttons-multi-valued-attribute>
+  }
+}

package/login/components/input-tag/input-tag.component.js

@@ -0,0 +1,107 @@
+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 InputTagComponent_1;
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, output } from "@angular/core";
+import { CLASSES, USE_DEFAULT_CSS } from "../../../lib/public-api";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { AttributesDirective } from "../../../login/directives/attributes.directive";
+import { KcClassDirective } from "../../../login/directives/kc-class.directive";
+import { AdvancedMsgStrPipe } from "../../../login/pipes/advanced-msg-str.pipe";
+import { InputTypePipe } from "../../../login/pipes/input-type.pipe";
+import { ToArrayPipe } from "../../../login/pipes/to-array.pipe";
+import { ToNumberPipe } from "../../../login/pipes/to-number.pipe";
+import { AddRemoveButtonsMultiValuedAttributeComponent } from "../../../login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component";
+import { FieldErrorsComponent } from "../../../login/components/field-errors/field-errors.component";
+let InputTagComponent = InputTagComponent_1 = class InputTagComponent extends ComponentReference {
+    constructor() {
+        super(...arguments);
+        this.attribute = input();
+        this.valueOrValues = input();
+        this.fieldIndex = input(undefined);
+        this.values = input();
+        this.displayableErrors = input();
+        this.dispatchFormAction = output();
+        this.doUseDefaultCss = inject(USE_DEFAULT_CSS);
+        this.classes = inject(CLASSES);
+        this.value = computed(() => {
+            var _a;
+            const valueOrValues = this.valueOrValues();
+            const index = this.fieldIndex();
+            if (valueOrValues instanceof Array) {
+                if (index) {
+                    return (_a = valueOrValues[index]) !== null && _a !== void 0 ? _a : null;
+                }
+                return null;
+            }
+            return valueOrValues !== null && valueOrValues !== void 0 ? valueOrValues : null;
+        });
+    }
+    onChange(event) {
+        var _a, _b;
+        const valueOrValues = this.valueOrValues();
+        this.dispatchFormAction.emit({
+            action: "update",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            valueOrValues: (() => {
+                var _a;
+                if (this.fieldIndex !== undefined) {
+                    if (valueOrValues instanceof Array) {
+                        return valueOrValues.map((value, i) => {
+                            var _a;
+                            if (i === this.fieldIndex()) {
+                                return (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+                            }
+                            return value;
+                        });
+                    }
+                }
+                return (_a = event.target) === null || _a === void 0 ? void 0 : _a.value;
+            })()
+        });
+    }
+    onBlur() {
+        var _a, _b;
+        this.dispatchFormAction.emit({
+            action: "focus lost",
+            name: (_b = (_a = this.attribute()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "",
+            fieldIndex: this.fieldIndex()
+        });
+    }
+};
+InputTagComponent = InputTagComponent_1 = __decorate([
+    Component({
+        standalone: true,
+        styles: [
+            `
+            :host {
+                display: contents;
+            }
+        `
+        ],
+        imports: [
+            InputTypePipe,
+            KcClassDirective,
+            ToNumberPipe,
+            AttributesDirective,
+            ToArrayPipe,
+            FieldErrorsComponent,
+            AddRemoveButtonsMultiValuedAttributeComponent,
+            AdvancedMsgStrPipe
+        ],
+        selector: "kc-input-tag",
+        templateUrl: "input-tag.component.html",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        providers: [
+            {
+                provide: ComponentReference,
+                useExisting: forwardRef(() => InputTagComponent_1)
+            }
+        ]
+    })
+], InputTagComponent);
+export { InputTagComponent };
+//# sourceMappingURL=input-tag.component.js.map

package/login/components/input-tag/input-tag.component.js.map

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

package/login/components/input-tag-selects/input-tag-selects.component.d.ts

@@ -0,0 +1,23 @@
+import { Signal } from "@angular/core";
+import { Attribute } from "keycloakify/login/KcContext";
+import { ClassKey } from "keycloakify/login/lib/kcClsx";
+import { ComponentReference } from "../../../login/classes/component-reference.class";
+import { FormAction, FormFieldError } from "../../../login/services/user-profile-form.service";
+export declare class InputTagSelectsComponent extends ComponentReference {
+    attribute: import("@angular/core").InputSignal<Attribute | undefined>;
+    valueOrValues: import("@angular/core").InputSignal<string | string[] | undefined>;
+    dispatchFormAction: import("@angular/core").OutputEmitterRef<FormAction>;
+    displayableErrors: import("@angular/core").InputSignal<FormFieldError[] | undefined>;
+    doUseDefaultCss: boolean;
+    classes: Partial<Record<ClassKey, string>>;
+    context: Signal<{
+        inputType: "radio" | "checkbox";
+        classDiv: ClassKey;
+        classInput: ClassKey;
+        classLabel: ClassKey;
+    } | null>;
+    options: Signal<string[]>;
+    checked(option: string): boolean;
+    onChange(event: Event, option: string): void;
+    onBlur(): void;
+}

package/login/components/input-tag-selects/input-tag-selects.component.html

@@ -0,0 +1,29 @@
+@let inputType = context()?.inputType;
+@let classInput = context()?.classInput;
+@let classLabel = context()?.classLabel;
+@let classDiv = context()?.classDiv;
+@let attr = attribute();
+@if (attr) {
+  @for (option of options(); track option) {
+    <div [kcClass]="classDiv">
+      <input
+        [type]="inputType"
+        [id]="attr.name + '-' + option"
+        [name]="attr.name"
+        [value]="option"
+        [kcClass]="classInput"
+        [attr.aria-invalid]="!!displayableErrors()?.length"
+        [disabled]="attr.readOnly"
+        [checked]="checked(option)"
+        (change)="onChange($event, option)"
+        (blur)="onBlur()"
+      />
+      <label
+        [for]="attr.name + '-' + option"
+        [kcClass]="[classLabel!, attr.readOnly ? 'kcInputClassRadioCheckboxLabelDisabled' : $any('')]"
+      >
+        {{ option | advancedMsgStr }}
+      </label>
+    </div>
+  }
+}