ngx-t-forms 2.0.30 → 2.0.32

package/fesm2022/ngx-t-forms-auto-complete-input-element.component-CaXs4561.mjs

@@ -0,0 +1,104 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, output, computed } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgControl, ReactiveFormsModule } from '@angular/forms';
+import * as i2$1 from '@angular/material/form-field';
+import { MatFormFieldControl, MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5$1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i5 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatOptionModule } from '@angular/material/core';
+import { B as BaseCustomInput, q as getInputErrorMessage, u as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { Subject, debounceTime } from 'rxjs';
+import * as i8 from '@angular/material/select';
+
+const customInputConfig = {
+    controlType: 'lib-auto-complet-reactive-input',
+    nextId: 0,
+};
+class AutoCompletReactiveInputComponent extends BaseCustomInput {
+    get empty() {
+        return !this.value;
+    }
+    get shouldLabelFloat() {
+        return true;
+    }
+    #destroyRef;
+    #debounceTime;
+    #valueSubject;
+    constructor() {
+        super(inject(NgControl, { self: true, optional: true }), inject(ElementRef), customInputConfig);
+        this.auto = input.required(...(ngDevMode ? [{ debugName: "auto" }] : /* istanbul ignore next */ []));
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.#destroyRef = inject(DestroyRef);
+        this.#debounceTime = 300;
+        this.#valueSubject = new Subject();
+    }
+    ngOnInit() {
+        this.#valueSubject
+            .pipe(debounceTime(this.#debounceTime), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(event => {
+            const target = event.target;
+            this.value = target?.value ?? '';
+            this.stateChanges.next();
+            this.onChange(this.value);
+        });
+    }
+    onInputChange($event) {
+        this.#valueSubject.next($event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutoCompletReactiveInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: AutoCompletReactiveInputComponent, isStandalone: true, selector: "lib-auto-complet-reactive-input", inputs: { auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: true, transformFunction: null }, inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: AutoCompletReactiveInputComponent }], usesInheritance: true, ngImport: i0, template: "<input [readonly]=\"inputConfig().readonly\" [pattern]=\"inputConfig().pattern || ''\"\r\n    [required]=\"!!inputConfig().required\" [attr.maxlength]=\"inputConfig().maxLength\"\r\n     [attr.minlength]=\"inputConfig().minLength\"\r\n    [type]=\"inputConfig().type || 'text'\"\r\n        (input)=\"onInputChange($event)\"\r\n     [value]=\"value\"\r\n\r\n    [min]=\"inputConfig().min\" [max]=\"inputConfig().max\" autocomplete=\"on\"\r\n    [matAutocomplete]=\"auto()\"\r\n    matInput />\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutoCompletReactiveInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-auto-complet-reactive-input', imports: [
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                    ], host: {
+                        '[class.floating]': 'shouldLabelFloat',
+                        '[id]': 'id',
+                    }, providers: [{ provide: MatFormFieldControl, useExisting: AutoCompletReactiveInputComponent }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "<input [readonly]=\"inputConfig().readonly\" [pattern]=\"inputConfig().pattern || ''\"\r\n    [required]=\"!!inputConfig().required\" [attr.maxlength]=\"inputConfig().maxLength\"\r\n     [attr.minlength]=\"inputConfig().minLength\"\r\n    [type]=\"inputConfig().type || 'text'\"\r\n        (input)=\"onInputChange($event)\"\r\n     [value]=\"value\"\r\n\r\n    [min]=\"inputConfig().min\" [max]=\"inputConfig().max\" autocomplete=\"on\"\r\n    [matAutocomplete]=\"auto()\"\r\n    matInput />\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { auto: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto", required: true }] }], inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }] } });
+
+/** Wraps a reactive auto-complete control inside a `mat-form-field`. */
+class AutoCompleteInputElementComponent {
+    constructor() {
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
+        this.reload = output();
+        this.errorMessage = computed(() => getInputErrorMessage(this.inputConfig(), this.formGroup()), ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        // Internal `any[]` mirrors the legacy getter shape; the upstream
+        // `matOptions.options` is a (FormInputBasicOptionInterface | DynamicObjectInterface)[]
+        // union that resolves to `{ id; value; label }` at runtime. Phase 4 will tighten.
+        this.options = computed(() => this.inputConfig().matOptions?.options ?? [], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutoCompleteInputElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: AutoCompleteInputElementComponent, isStandalone: true, selector: "lib-auto-complete-input-element", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { reload: "reload" }, ngImport: i0, template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-auto-complet-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [auto]=\"auto\"\r\n      ></lib-auto-complet-reactive-input>\r\n\r\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\r\n        @for (option of options(); track option.id) {\r\n          <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\r\n        }\r\n      </mat-autocomplete>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint [matTooltip]=\"inputConfig.hintLabel || ''\" class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "component", type: AutoCompletReactiveInputComponent, selector: "lib-auto-complet-reactive-input", inputs: ["auto", "inputConfig"] }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutoCompleteInputElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-auto-complete-input-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatAutocompleteModule,
+                        MatOptionModule,
+                        AutoCompletReactiveInputComponent,
+                        TFormInputStatusComponent,
+                    ], template: "<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-auto-complet-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [auto]=\"auto\"\r\n      ></lib-auto-complet-reactive-input>\r\n\r\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\r\n        @for (option of options(); track option.id) {\r\n          <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\r\n        }\r\n      </mat-autocomplete>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint [matTooltip]=\"inputConfig.hintLabel || ''\" class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
+
+export { AutoCompleteInputElementComponent };
+//# sourceMappingURL=ngx-t-forms-auto-complete-input-element.component-CaXs4561.mjs.map

package/fesm2022/ngx-t-forms-auto-complete-input-element.component-CaXs4561.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-auto-complete-input-element.component-CaXs4561.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/auto-complete-input-element/core/auto-complet-reactive-input/auto-complet-reactive-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/auto-complete-input-element/core/auto-complet-reactive-input/auto-complet-reactive-input.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/auto-complete-input-element/auto-complete-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/auto-complete-input-element/auto-complete-input-element.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { NgControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { BaseCustomInput, BaseCustomInputConfig } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\nimport { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatAutocomplete, MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { debounceTime, Subject } from 'rxjs';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-auto-complet-reactive-input',\r\n  nextId: 0,\r\n};\r\n\r\n@Component({\r\n  selector: 'lib-auto-complet-reactive-input',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatAutocompleteModule,\r\n    MatInputModule,\r\n  ],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [{ provide: MatFormFieldControl, useExisting: AutoCompletReactiveInputComponent }],\r\n  templateUrl: './auto-complet-reactive-input.component.html',\r\n  styleUrl: './auto-complet-reactive-input.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n})\r\nexport class AutoCompletReactiveInputComponent extends BaseCustomInput<string | number | Date> implements OnInit {\r\n  override get empty(): boolean {\r\n    return !this.value;\r\n  }\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  readonly auto = input.required<MatAutocomplete>();\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  readonly #destroyRef = inject(DestroyRef);\r\n  readonly #debounceTime = 300;\r\n  readonly #valueSubject = new Subject<Event>();\r\n\r\n  constructor() {\r\n    super(\r\n      inject(NgControl, { self: true, optional: true })!,\r\n      inject(ElementRef),\r\n      customInputConfig,\r\n    );\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#valueSubject\r\n      .pipe(\r\n        debounceTime(this.#debounceTime),\r\n        takeUntilDestroyed(this.#destroyRef),\r\n      )\r\n      .subscribe(event => {\r\n        const target = event.target as HTMLInputElement | null;\r\n        this.value = target?.value ?? '';\r\n        this.stateChanges.next();\r\n        this.onChange(this.value);\r\n      });\r\n  }\r\n\r\n  protected onInputChange($event: Event): void {\r\n    this.#valueSubject.next($event);\r\n  }\r\n}\r\n","<input [readonly]=\"inputConfig().readonly\" [pattern]=\"inputConfig().pattern || ''\"\r\n    [required]=\"!!inputConfig().required\" [attr.maxlength]=\"inputConfig().maxLength\"\r\n     [attr.minlength]=\"inputConfig().minLength\"\r\n    [type]=\"inputConfig().type || 'text'\"\r\n        (input)=\"onInputChange($event)\"\r\n     [value]=\"value\"\r\n\r\n    [min]=\"inputConfig().min\" [max]=\"inputConfig().max\" autocomplete=\"on\"\r\n    [matAutocomplete]=\"auto()\"\r\n    matInput />\r\n","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatOptionModule } from '@angular/material/core';\r\nimport type { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { AutoCompletReactiveInputComponent } from './core/auto-complet-reactive-input/auto-complet-reactive-input.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps a reactive auto-complete control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-auto-complete-input-element',\r\n  templateUrl: './auto-complete-input-element.component.html',\r\n  styleUrl: './auto-complete-input-element.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    MatAutocompleteModule,\r\n    MatOptionModule,\r\n    AutoCompletReactiveInputComponent,\r\n    TFormInputStatusComponent,\r\n  ],\r\n})\r\nexport class AutoCompleteInputElementComponent {\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n  readonly reload = output<void>();\r\n\r\n  protected readonly errorMessage = computed(() =>\r\n    getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n\r\n  // Internal `any[]` mirrors the legacy getter shape; the upstream\r\n  // `matOptions.options` is a (FormInputBasicOptionInterface | DynamicObjectInterface)[]\r\n  // union that resolves to `{ id; value; label }` at runtime. Phase 4 will tighten.\r\n  protected readonly options = computed<any[]>(\r\n    () => this.inputConfig().matOptions?.options ?? [],\r\n  );\r\n}\r\n","<form [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as inputConfig) {\r\n    <mat-form-field [appearance]=\"inputConfig.appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n      <mat-label>\r\n        {{ inputConfig.label }}\r\n        <lib-t-form-input-status [inputConfig]=\"inputConfig\"></lib-t-form-input-status>\r\n      </mat-label>\r\n\r\n      <lib-auto-complet-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id\"\r\n        [auto]=\"auto\"\r\n      ></lib-auto-complet-reactive-input>\r\n\r\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\r\n        @for (option of options(); track option.id) {\r\n          <mat-option [value]=\"option.value\">{{ option.label }}</mat-option>\r\n        }\r\n      </mat-autocomplete>\r\n\r\n      @if (inputConfig.hintLabel || inputConfig.temporaryHint) {\r\n        <mat-hint [matTooltip]=\"inputConfig.hintLabel || ''\" class=\"inputHint\">\r\n          {{ inputConfig.temporaryHint || inputConfig.hintLabel }}\r\n        </mat-hint>\r\n      }\r\n\r\n      @if (inputConfig.canReload?.canReload) {\r\n        <button\r\n          mat-icon-button\r\n          style=\"margin-right: 4px;\"\r\n          matTooltip=\"Click to refresh this field.\"\r\n          class=\"input-sync-button\"\r\n          (click)=\"inputConfig.canReload.emit()\"\r\n          matSuffix\r\n        >\r\n          <mat-icon style=\"color: var(--mat-sys-primary)\">sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n      @if (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\r\n      }\r\n\r\n      @if (inputConfig.prefixIcon) {\r\n        <mat-icon matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.suffixIcon && inputConfig.id !== 'password') {\r\n        <mat-icon matSuffix>{{ inputConfig.suffixIcon }}</mat-icon>\r\n      }\r\n\r\n      @if (inputConfig.prefixText) {\r\n        <span matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n      }\r\n      @if (inputConfig.suffixText) {\r\n        <span matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText }}</span>\r\n      }\r\n\r\n      @if (inputConfig.maxLength && formGroup()) {\r\n        <mat-hint align=\"end\">\r\n          {{ (formGroup().controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength }}\r\n        </mat-hint>\r\n      }\r\n    </mat-form-field>\r\n  }\r\n</form>\r\n"],"names":["i4","i6","i7"],"mappings":"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"}

package/fesm2022/ngx-t-forms-basic-input-input-element.component-Dotyd-Qs.mjs

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { q as getInputErrorMessage, u as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
+import { InputPipeTypes } from 'ngx-t-forms-types';
+import { InputCustomComponent } from './ngx-t-forms-input-custom.component-Cn-KH0Lb.mjs';
+
+class BasicInputInputElementComponent {
+    constructor() {
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.formGroup = input.required(...(ngDevMode ? [{ debugName: "formGroup" }] : /* istanbul ignore next */ []));
+        this.reload = output();
+        this.formControl = computed(() => this.formGroup().controls[this.inputConfig().id], ...(ngDevMode ? [{ debugName: "formControl" }] : /* istanbul ignore next */ []));
+        this.errorMessage = computed(() => getInputErrorMessage(this.inputConfig(), this.formGroup()), ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.hasError = computed(() => {
+            // Correctly access the control within the form group
+            const control = this.formGroup().get(this.inputConfig().id);
+            return control?.invalid && (control?.touched || control?.dirty);
+        }, ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+        this.currencyPrefix = computed(() => {
+            const hasPipe = this.inputConfig().pipe?.pipeType === InputPipeTypes.Currency;
+            if (!hasPipe)
+                return undefined;
+            return this.inputConfig().pipe?.param;
+        }, ...(ngDevMode ? [{ debugName: "currencyPrefix" }] : /* istanbul ignore next */ []));
+    }
+    passwordStrengthColor(formControlName) {
+        const form = this.formGroup();
+        const value = form?.value[formControlName];
+        let strongPassword = new RegExp('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{8,})');
+        let mediumPassword = new RegExp('((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{6,}))|((?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,}))');
+        if (strongPassword.test(value)) {
+            return 'var(--ion-color-success)';
+        }
+        else if (mediumPassword.test(value)) {
+            return 'var(--ion-color-warning)';
+        }
+        else {
+            return 'var(--ion-color-danger)';
+        }
+    }
+    checkPasswordStrength(formControlName) {
+        const form = this.formGroup();
+        const value = form?.value[formControlName];
+        let strongPassword = new RegExp('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{8,})');
+        let mediumPassword = new RegExp('((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{6,}))|((?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,}))');
+        if (strongPassword.test(value)) {
+            return 'strong';
+        }
+        else if (mediumPassword.test(value)) {
+            return 'medium';
+        }
+        else {
+            return 'weak';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BasicInputInputElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: BasicInputInputElementComponent, isStandalone: true, selector: "lib-basic-input-input-element", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { reload: "reload" }, ngImport: i0, template: "<ng-container [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as classInput) {\r\n  <mat-form-field [appearance]=\"inputConfig().appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n    <mat-label>\r\n      {{ inputConfig().label }}\r\n      <lib-t-form-input-status [inputConfig]=\"inputConfig()\"></lib-t-form-input-status>\r\n    </mat-label>\r\n    @if(currencyPrefix()){\r\n    <span style=\"color: var(--mat-sys-primary);padding-right: 4px;\" matTextPrefix>{{currencyPrefix()}} </span>\r\n    }\r\n\r\n    <lib-input-custom [inputConfig]=\"inputConfig()\" [required]=\"inputConfig().required\"\r\n      [formControlName]=\"inputConfig().id\"></lib-input-custom>\r\n\r\n    @if(errorMessage()) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage()}}</mat-error>\r\n    }\r\n    <!--     [type]=\"this.inputConfig.showPassword ? 'text' : this.inputConfig.type||'text'\"-->\r\n    <!-- @if(classInput.canRefresh){\r\n        <button\r\n        (click)=\"classInput.refresh()\"\r\n        style=\"  min-width: 1%;\"\r\n          [matTooltip]=\"'Click to refresh this field. This will update any calculated values, fetch latest data from services, or reload available options'\"\r\n          color=\"primary\" matSuffix mat-icon-button>\r\n          <mat-icon>\r\n            sync\r\n          </mat-icon>\r\n        </button>\r\n      } -->\r\n\r\n\r\n    @if(inputConfig().hintLabel || classInput.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ classInput.temporaryHint || inputConfig().hintLabel}}\r\n    </mat-hint>\r\n    }\r\n      @if(inputConfig().canReload?.canReload){\r\n        <button  mat-icon-button\r\n        style=\"margin-right: 4px;\"\r\n        matTooltip=\"Click to refresh this field.\"\r\n        class=\"input-sync-button\"\r\n        (click)=\"inputConfig().canReload?.emit()\" matSuffix>\r\n          <mat-icon\r\n          style=\"color:var(--mat-sys-primary)\"\r\n          >sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n\r\n    <!-- Prefix Icon -->\r\n    @if (inputConfig().prefixIcon) {\r\n      <mat-icon matPrefix>{{ inputConfig().prefixIcon }}</mat-icon>\r\n    }\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <!-- <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"classInput.togglePasswordVisibility()\"\r\n        mat-icon-button matSuffix>\r\n        <mat-icon>{{ classInput.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n      </button>\r\n    </ng-container> -->\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    @if (inputConfig().prefixText) {\r\n      <span matPrefix style=\"top: 0\">{{ inputConfig().prefixText }}</span>\r\n    }\r\n    @if (inputConfig().suffixText) {\r\n      <span matSuffix style=\"padding-left: 5px\">{{ inputConfig().suffixText }}</span>\r\n    }\r\n\r\n    <!-- Character Count Hint -->\r\n    @if (inputConfig().maxLength && formGroup()) {\r\n      <mat-hint align=\"end\">\r\n        {{ (formGroup().controls[inputConfig().id]?.value?.length || 0) + '/' + inputConfig().maxLength }}\r\n      </mat-hint>\r\n    }\r\n\r\n    <!-- Password Strength Hint -->\r\n    @if (inputConfig().type === 'password') {\r\n      <mat-hint [style.color]=\"passwordStrengthColor(inputConfig().id)\"\r\n        matTooltip=\"The password should be at least 8 characters long. Have at least one uppercase letter, one lowercase, one digit, one special character.\"\r\n        align=\"end\">\r\n        {{ checkPasswordStrength(inputConfig().id) }} password\r\n      </mat-hint>\r\n    }\r\n    <!-- @if(inputConfig?.canReload){\r\n  <mat-hint  align=\"end\">\r\n\r\n     <button  click=\" canReload.emit()\" style=\"    height: 28px;\r\n    width: 28px;\r\n    padding: 0px;\r\n    font-size: 1em;\" [matTooltip]=\"'Reload ' + inputConfig.label +' resources'\" mat-icon-button>\r\n    <mat-icon>\r\n     sync\r\n    </mat-icon>\r\n\r\n  </button>\r\n  </mat-hint>\r\n\r\n\r\n } -->\r\n  </mat-form-field>\r\n  }\r\n\r\n\r\n\r\n\r\n</ng-container>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }, { kind: "component", type: InputCustomComponent, selector: "lib-input-custom", inputs: ["inputConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BasicInputInputElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-basic-input-input-element', imports: [
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        ReactiveFormsModule,
+                        TFormInputStatusComponent,
+                        InputCustomComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as classInput) {\r\n  <mat-form-field [appearance]=\"inputConfig().appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n    <mat-label>\r\n      {{ inputConfig().label }}\r\n      <lib-t-form-input-status [inputConfig]=\"inputConfig()\"></lib-t-form-input-status>\r\n    </mat-label>\r\n    @if(currencyPrefix()){\r\n    <span style=\"color: var(--mat-sys-primary);padding-right: 4px;\" matTextPrefix>{{currencyPrefix()}} </span>\r\n    }\r\n\r\n    <lib-input-custom [inputConfig]=\"inputConfig()\" [required]=\"inputConfig().required\"\r\n      [formControlName]=\"inputConfig().id\"></lib-input-custom>\r\n\r\n    @if(errorMessage()) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage()}}</mat-error>\r\n    }\r\n    <!--     [type]=\"this.inputConfig.showPassword ? 'text' : this.inputConfig.type||'text'\"-->\r\n    <!-- @if(classInput.canRefresh){\r\n        <button\r\n        (click)=\"classInput.refresh()\"\r\n        style=\"  min-width: 1%;\"\r\n          [matTooltip]=\"'Click to refresh this field. This will update any calculated values, fetch latest data from services, or reload available options'\"\r\n          color=\"primary\" matSuffix mat-icon-button>\r\n          <mat-icon>\r\n            sync\r\n          </mat-icon>\r\n        </button>\r\n      } -->\r\n\r\n\r\n    @if(inputConfig().hintLabel || classInput.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ classInput.temporaryHint || inputConfig().hintLabel}}\r\n    </mat-hint>\r\n    }\r\n      @if(inputConfig().canReload?.canReload){\r\n        <button  mat-icon-button\r\n        style=\"margin-right: 4px;\"\r\n        matTooltip=\"Click to refresh this field.\"\r\n        class=\"input-sync-button\"\r\n        (click)=\"inputConfig().canReload?.emit()\" matSuffix>\r\n          <mat-icon\r\n          style=\"color:var(--mat-sys-primary)\"\r\n          >sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n\r\n    <!-- Prefix Icon -->\r\n    @if (inputConfig().prefixIcon) {\r\n      <mat-icon matPrefix>{{ inputConfig().prefixIcon }}</mat-icon>\r\n    }\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <!-- <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"classInput.togglePasswordVisibility()\"\r\n        mat-icon-button matSuffix>\r\n        <mat-icon>{{ classInput.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n      </button>\r\n    </ng-container> -->\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    @if (inputConfig().prefixText) {\r\n      <span matPrefix style=\"top: 0\">{{ inputConfig().prefixText }}</span>\r\n    }\r\n    @if (inputConfig().suffixText) {\r\n      <span matSuffix style=\"padding-left: 5px\">{{ inputConfig().suffixText }}</span>\r\n    }\r\n\r\n    <!-- Character Count Hint -->\r\n    @if (inputConfig().maxLength && formGroup()) {\r\n      <mat-hint align=\"end\">\r\n        {{ (formGroup().controls[inputConfig().id]?.value?.length || 0) + '/' + inputConfig().maxLength }}\r\n      </mat-hint>\r\n    }\r\n\r\n    <!-- Password Strength Hint -->\r\n    @if (inputConfig().type === 'password') {\r\n      <mat-hint [style.color]=\"passwordStrengthColor(inputConfig().id)\"\r\n        matTooltip=\"The password should be at least 8 characters long. Have at least one uppercase letter, one lowercase, one digit, one special character.\"\r\n        align=\"end\">\r\n        {{ checkPasswordStrength(inputConfig().id) }} password\r\n      </mat-hint>\r\n    }\r\n    <!-- @if(inputConfig?.canReload){\r\n  <mat-hint  align=\"end\">\r\n\r\n     <button  click=\" canReload.emit()\" style=\"    height: 28px;\r\n    width: 28px;\r\n    padding: 0px;\r\n    font-size: 1em;\" [matTooltip]=\"'Reload ' + inputConfig.label +' resources'\" mat-icon-button>\r\n    <mat-icon>\r\n     sync\r\n    </mat-icon>\r\n\r\n  </button>\r\n  </mat-hint>\r\n\r\n\r\n } -->\r\n  </mat-form-field>\r\n  }\r\n\r\n\r\n\r\n\r\n</ng-container>\r\n", styles: ["mat-form-field{width:100%!important}mat-form-field .input-sync-button{display:none}mat-form-field:hover .input-sync-button{display:inline-block}\n"] }]
+        }], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }], formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
+
+export { BasicInputInputElementComponent };
+//# sourceMappingURL=ngx-t-forms-basic-input-input-element.component-Dotyd-Qs.mjs.map

package/fesm2022/ngx-t-forms-basic-input-input-element.component-Dotyd-Qs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-basic-input-input-element.component-Dotyd-Qs.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/basic-input-input-element/basic-input-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/basic-input-input-element/basic-input-input-element.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';\r\n\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\nimport { InputPipeTypes, ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { InputCustomComponent } from './core/input-custom/input-custom.component';\r\n\r\n@Component({\r\n  selector: 'lib-basic-input-input-element',\r\n  imports: [\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    ReactiveFormsModule,\r\n    TFormInputStatusComponent,\r\n    InputCustomComponent,\r\n  ],\r\n  templateUrl: './basic-input-input-element.component.html',\r\n  styleUrl: './basic-input-input-element.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class BasicInputInputElementComponent {\r\n\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n  readonly formGroup = input.required<FormGroup>();\r\n\r\n  readonly reload = output<void>();\r\n\r\n  protected readonly formControl = computed(\r\n    () => this.formGroup().controls[this.inputConfig().id] as FormControl<unknown>,\r\n  );\r\n\r\n  protected readonly errorMessage = computed(\r\n    () => getInputErrorMessage(this.inputConfig(), this.formGroup()),\r\n  );\r\n\r\n  protected readonly hasError = computed(() => {\r\n    // Correctly access the control within the form group\r\n    const control = this.formGroup().get(this.inputConfig().id);\r\n    return control?.invalid && (control?.touched || control?.dirty);\r\n  });\r\n\r\n  protected readonly currencyPrefix = computed(() => {\r\n    const hasPipe = this.inputConfig().pipe?.pipeType === InputPipeTypes.Currency;\r\n    if (!hasPipe) return undefined;\r\n    return this.inputConfig().pipe?.param;\r\n  });\r\n\r\n  protected passwordStrengthColor(formControlName: string) {\r\n    const form = this.formGroup();\r\n    const value: string = form?.value[formControlName];\r\n    let strongPassword = new RegExp(\r\n      '(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{8,})'\r\n    );\r\n    let mediumPassword = new RegExp(\r\n      '((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{6,}))|((?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,}))'\r\n    );\r\n    if (strongPassword.test(value)) {\r\n      return 'var(--ion-color-success)';\r\n    } else if (mediumPassword.test(value)) {\r\n      return 'var(--ion-color-warning)';\r\n    } else {\r\n      return 'var(--ion-color-danger)';\r\n    }\r\n  }\r\n\r\n  protected checkPasswordStrength(formControlName: string) {\r\n    const form = this.formGroup();\r\n\r\n    const value: string = form?.value[formControlName];\r\n    let strongPassword = new RegExp(\r\n      '(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{8,})'\r\n    );\r\n    let mediumPassword = new RegExp(\r\n      '((?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])(?=.{6,}))|((?=.*[a-z])(?=.*[A-Z])(?=.*[^A-Za-z0-9])(?=.{8,}))'\r\n    );\r\n    if (strongPassword.test(value)) {\r\n      return 'strong';\r\n    } else if (mediumPassword.test(value)) {\r\n      return 'medium';\r\n    } else {\r\n      return 'weak';\r\n    }\r\n\r\n  }\r\n}\r\n","<ng-container [formGroup]=\"formGroup()\">\r\n  @if (inputConfig(); as classInput) {\r\n  <mat-form-field [appearance]=\"inputConfig().appearance || 'fill'\" subscriptSizing=\"dynamic\">\r\n    <mat-label>\r\n      {{ inputConfig().label }}\r\n      <lib-t-form-input-status [inputConfig]=\"inputConfig()\"></lib-t-form-input-status>\r\n    </mat-label>\r\n    @if(currencyPrefix()){\r\n    <span style=\"color: var(--mat-sys-primary);padding-right: 4px;\" matTextPrefix>{{currencyPrefix()}} </span>\r\n    }\r\n\r\n    <lib-input-custom [inputConfig]=\"inputConfig()\" [required]=\"inputConfig().required\"\r\n      [formControlName]=\"inputConfig().id\"></lib-input-custom>\r\n\r\n    @if(errorMessage()) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage()}}</mat-error>\r\n    }\r\n    <!--     [type]=\"this.inputConfig.showPassword ? 'text' : this.inputConfig.type||'text'\"-->\r\n    <!-- @if(classInput.canRefresh){\r\n        <button\r\n        (click)=\"classInput.refresh()\"\r\n        style=\"  min-width: 1%;\"\r\n          [matTooltip]=\"'Click to refresh this field. This will update any calculated values, fetch latest data from services, or reload available options'\"\r\n          color=\"primary\" matSuffix mat-icon-button>\r\n          <mat-icon>\r\n            sync\r\n          </mat-icon>\r\n        </button>\r\n      } -->\r\n\r\n\r\n    @if(inputConfig().hintLabel || classInput.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ classInput.temporaryHint || inputConfig().hintLabel}}\r\n    </mat-hint>\r\n    }\r\n      @if(inputConfig().canReload?.canReload){\r\n        <button  mat-icon-button\r\n        style=\"margin-right: 4px;\"\r\n        matTooltip=\"Click to refresh this field.\"\r\n        class=\"input-sync-button\"\r\n        (click)=\"inputConfig().canReload?.emit()\" matSuffix>\r\n          <mat-icon\r\n          style=\"color:var(--mat-sys-primary)\"\r\n          >sync</mat-icon>\r\n        </button>\r\n      }\r\n\r\n\r\n    <!-- Prefix Icon -->\r\n    @if (inputConfig().prefixIcon) {\r\n      <mat-icon matPrefix>{{ inputConfig().prefixIcon }}</mat-icon>\r\n    }\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <!-- <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"classInput.togglePasswordVisibility()\"\r\n        mat-icon-button matSuffix>\r\n        <mat-icon>{{ classInput.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n      </button>\r\n    </ng-container> -->\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    @if (inputConfig().prefixText) {\r\n      <span matPrefix style=\"top: 0\">{{ inputConfig().prefixText }}</span>\r\n    }\r\n    @if (inputConfig().suffixText) {\r\n      <span matSuffix style=\"padding-left: 5px\">{{ inputConfig().suffixText }}</span>\r\n    }\r\n\r\n    <!-- Character Count Hint -->\r\n    @if (inputConfig().maxLength && formGroup()) {\r\n      <mat-hint align=\"end\">\r\n        {{ (formGroup().controls[inputConfig().id]?.value?.length || 0) + '/' + inputConfig().maxLength }}\r\n      </mat-hint>\r\n    }\r\n\r\n    <!-- Password Strength Hint -->\r\n    @if (inputConfig().type === 'password') {\r\n      <mat-hint [style.color]=\"passwordStrengthColor(inputConfig().id)\"\r\n        matTooltip=\"The password should be at least 8 characters long. Have at least one uppercase letter, one lowercase, one digit, one special character.\"\r\n        align=\"end\">\r\n        {{ checkPasswordStrength(inputConfig().id) }} password\r\n      </mat-hint>\r\n    }\r\n    <!-- @if(inputConfig?.canReload){\r\n  <mat-hint  align=\"end\">\r\n\r\n     <button  click=\" canReload.emit()\" style=\"    height: 28px;\r\n    width: 28px;\r\n    padding: 0px;\r\n    font-size: 1em;\" [matTooltip]=\"'Reload ' + inputConfig.label +' resources'\" mat-icon-button>\r\n    <mat-icon>\r\n     sync\r\n    </mat-icon>\r\n\r\n  </button>\r\n  </mat-hint>\r\n\r\n\r\n } -->\r\n  </mat-form-field>\r\n  }\r\n\r\n\r\n\r\n\r\n</ng-container>\r\n"],"names":["i1","i2","i4","i5"],"mappings":"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"}