ngx-t-forms 2.0.30 → 2.0.31

package/fesm2022/ngx-t-forms-date-range-picker-input-element.component-CmoquQGV.mjs

@@ -0,0 +1,156 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, output } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgControl, ReactiveFormsModule } from '@angular/forms';
+import { provideNativeDateAdapter } from '@angular/material/core';
+import * as i6 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i2 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 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { B as BaseCustomInput, m as getInputErrorMessage, n as TFormInputStatusComponent } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { MatInputModule } from '@angular/material/input';
+
+const customInputConfig = {
+    controlType: 'lib-date-range-picker-reactive-input',
+    nextId: 0,
+};
+/**
+ * Inner Material `MatFormFieldControl` host for the date-range-picker reactive
+ * input. Owns start/end `FormControl` lookups and the cross-field required
+ * validation reconciliation.
+ */
+class DateRangePickerReactiveInputComponent extends BaseCustomInput {
+    constructor() {
+        super(inject(NgControl, { self: true, optional: true }), inject(ElementRef), customInputConfig);
+        /** Column definition used to resolve the start/end `FormControl` names. */
+        this.inputConfig = input.required(...(ngDevMode ? [{ debugName: "inputConfig" }] : /* istanbul ignore next */ []));
+        this.startDateControl = computed(() => {
+            const cfg = this.inputConfig();
+            const parent = this.parentFormGroup;
+            const ctrl = parent?.controls[`${cfg?.id}.${cfg?.startDateControl}`];
+            return ctrl ?? null;
+        }, ...(ngDevMode ? [{ debugName: "startDateControl" }] : /* istanbul ignore next */ []));
+        this.endDateControl = computed(() => {
+            const cfg = this.inputConfig();
+            const parent = this.parentFormGroup;
+            const ctrl = parent?.controls[`${cfg?.id}.${cfg?.endDateControl}`];
+            return ctrl ?? null;
+        }, ...(ngDevMode ? [{ debugName: "endDateControl" }] : /* istanbul ignore next */ []));
+    }
+    get empty() {
+        const n = this.value;
+        // Check for null, undefined, or empty string, but allow 0
+        return n === null || n === undefined || (typeof n === 'string' && n === '');
+    }
+    get shouldLabelFloat() {
+        return true;
+    }
+    get parentFormGroup() {
+        return this.ngControl?.control?.parent ?? null;
+    }
+    checkValidationsAnErrors() {
+        const control = this.ngControl?.control;
+        if (!control || !this.touched)
+            return;
+        const errors = { ...control.errors };
+        this.errors = errors;
+        const validStartDate = this.startDateControl()?.valid;
+        const validEndDate = this.endDateControl()?.valid;
+        if (validStartDate && validEndDate && 'required' in errors) {
+            const hasOtherErrors = Object.keys(errors).length > 1;
+            if (!hasOtherErrors) {
+                control.setErrors(null);
+            }
+            else {
+                delete errors['required'];
+                control.setErrors(errors);
+            }
+        }
+        else if ((!('required' in errors) && this.required && !validStartDate) ||
+            (!('required' in errors) && this.required && !validEndDate)) {
+            control.setErrors({ required: true, ...errors });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateRangePickerReactiveInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.12", type: DateRangePickerReactiveInputComponent, isStandalone: true, selector: "lib-date-range-picker-reactive-input", inputs: { inputConfig: { classPropertyName: "inputConfig", publicName: "inputConfig", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.floating": "shouldLabelFloat", "id": "id" } }, providers: [
+            { provide: MatFormFieldControl, useExisting: DateRangePickerReactiveInputComponent },
+        ], usesInheritance: true, ngImport: i0, template: "", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateRangePickerReactiveInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-date-range-picker-reactive-input', imports: [
+                        ReactiveFormsModule,
+                        MatDatepickerModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatButtonModule,
+                    ], host: {
+                        '[class.floating]': 'shouldLabelFloat',
+                        '[id]': 'id',
+                    }, providers: [
+                        { provide: MatFormFieldControl, useExisting: DateRangePickerReactiveInputComponent },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, template: "" }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputConfig", required: true }] }] } });
+
+/** Wraps a reactive date-range-picker control inside a `mat-form-field`. */
+class DateRangePickerInputElementComponent {
+    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 */ []));
+        this.startControlName = computed(() => {
+            const cfg = this.inputConfig();
+            return cfg.startDateControl
+                ? `${cfg.id}.${cfg.startDateControl}`
+                : `${cfg.id}.startDate`;
+        }, ...(ngDevMode ? [{ debugName: "startControlName" }] : /* istanbul ignore next */ []));
+        this.endControlName = computed(() => {
+            const cfg = this.inputConfig();
+            return cfg.endDateControl
+                ? `${cfg.id}.${cfg.endDateControl}`
+                : `${cfg.id}.endDate`;
+        }, ...(ngDevMode ? [{ debugName: "endControlName" }] : /* istanbul ignore next */ []));
+    }
+    hasStartDateError(errorName) {
+        const control = this.formGroup().get(this.startControlName());
+        return control ? control.hasError(errorName) : false;
+    }
+    hasEndDateError(errorName) {
+        const control = this.formGroup().get(this.endControlName());
+        return control ? control.hasError(errorName) : false;
+    }
+    dateChanged(event, formControlName) {
+        const control = this.formGroup().controls[`${this.inputConfig().id}.${formControlName}`];
+        if (control) {
+            control.setValue(event.value);
+            control.updateValueAndValidity();
+            control.markAsTouched();
+            control.markAsDirty();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateRangePickerInputElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DateRangePickerInputElementComponent, isStandalone: true, selector: "lib-date-range-picker-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" }, providers: [provideNativeDateAdapter()], 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-date-range-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n      ></lib-date-range-picker-reactive-input>\r\n\r\n      <mat-date-range-input [required]=\"inputConfig.required\" [formGroup]=\"formGroup()\" [rangePicker]=\"picker\">\r\n        @if (inputConfig.startDateControl) {\r\n          <input\r\n            matStartDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.startDateControl\"\r\n            [min]=\"inputConfig.startMinDate\"\r\n            [max]=\"inputConfig.startMaxDate\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.startDateControl]?.value\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.startDateControl)\"\r\n            placeholder=\"Start date\"\r\n          />\r\n        }\r\n        @if (inputConfig.endDateControl) {\r\n          <input\r\n            matEndDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.endDateControl]?.value\"\r\n            placeholder=\"End date\"\r\n            [min]=\"inputConfig.endMinDate\"\r\n            [max]=\"inputConfig.endMaxDate\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.endDateControl)\"\r\n          />\r\n        }\r\n      </mat-date-range-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-date-range-picker #picker>\r\n        <mat-datepicker-actions>\r\n          <button mat-button matDatepickerCancel>Cancel</button>\r\n          <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n        </mat-datepicker-actions>\r\n      </mat-date-range-picker>\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 (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\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 (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>\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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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.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: 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.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }, { kind: "component", type: DateRangePickerReactiveInputComponent, selector: "lib-date-range-picker-reactive-input", inputs: ["inputConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DateRangePickerInputElementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-date-range-picker-input-element', changeDetection: ChangeDetectionStrategy.OnPush, providers: [provideNativeDateAdapter()], imports: [
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatDatepickerModule,
+                        TFormInputStatusComponent,
+                        DateRangePickerReactiveInputComponent,
+                    ], 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-date-range-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n      ></lib-date-range-picker-reactive-input>\r\n\r\n      <mat-date-range-input [required]=\"inputConfig.required\" [formGroup]=\"formGroup()\" [rangePicker]=\"picker\">\r\n        @if (inputConfig.startDateControl) {\r\n          <input\r\n            matStartDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.startDateControl\"\r\n            [min]=\"inputConfig.startMinDate\"\r\n            [max]=\"inputConfig.startMaxDate\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.startDateControl]?.value\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.startDateControl)\"\r\n            placeholder=\"Start date\"\r\n          />\r\n        }\r\n        @if (inputConfig.endDateControl) {\r\n          <input\r\n            matEndDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.endDateControl]?.value\"\r\n            placeholder=\"End date\"\r\n            [min]=\"inputConfig.endMinDate\"\r\n            [max]=\"inputConfig.endMaxDate\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.endDateControl)\"\r\n          />\r\n        }\r\n      </mat-date-range-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-date-range-picker #picker>\r\n        <mat-datepicker-actions>\r\n          <button mat-button matDatepickerCancel>Cancel</button>\r\n          <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n        </mat-datepicker-actions>\r\n      </mat-date-range-picker>\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 (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\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 (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>\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 { DateRangePickerInputElementComponent };
+//# sourceMappingURL=ngx-t-forms-date-range-picker-input-element.component-CmoquQGV.mjs.map

package/fesm2022/ngx-t-forms-date-range-picker-input-element.component-CmoquQGV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-t-forms-date-range-picker-input-element.component-CmoquQGV.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-range-picker-input-element/core/date-range-picker-reactive-input/date-range-picker-reactive-input.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-range-picker-input-element/core/date-range-picker-reactive-input/date-range-picker-reactive-input.component.html","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-range-picker-input-element/date-range-picker-input-element.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/date-range-picker-input-element/date-range-picker-input-element.component.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  ViewEncapsulation,\r\n  computed,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport { AbstractControl, FormGroup, NgControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport type { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport {\r\n  BaseCustomInput,\r\n  BaseCustomInputConfig,\r\n} from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';\r\n\r\nconst customInputConfig: BaseCustomInputConfig = {\r\n  controlType: 'lib-date-range-picker-reactive-input',\r\n  nextId: 0,\r\n};\r\n\r\n/**\r\n * Inner Material `MatFormFieldControl` host for the date-range-picker reactive\r\n * input. Owns start/end `FormControl` lookups and the cross-field required\r\n * validation reconciliation.\r\n */\r\n@Component({\r\n  selector: 'lib-date-range-picker-reactive-input',\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatDatepickerModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n  ],\r\n  host: {\r\n    '[class.floating]': 'shouldLabelFloat',\r\n    '[id]': 'id',\r\n  },\r\n  providers: [\r\n    { provide: MatFormFieldControl, useExisting: DateRangePickerReactiveInputComponent },\r\n  ],\r\n  templateUrl: './date-range-picker-reactive-input.component.html',\r\n  styleUrl: './date-range-picker-reactive-input.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n})\r\nexport class DateRangePickerReactiveInputComponent extends BaseCustomInput<Date> {\r\n  /** Column definition used to resolve the start/end `FormControl` names. */\r\n  readonly inputConfig = input.required<ITowerStepColumn>();\r\n\r\n  constructor() {\r\n    super(\r\n      inject(NgControl, { self: true, optional: true }) as NgControl,\r\n      inject(ElementRef),\r\n      customInputConfig,\r\n    );\r\n  }\r\n\r\n  override get empty(): boolean {\r\n    const n: Date | null = this.value;\r\n    // Check for null, undefined, or empty string, but allow 0\r\n    return n === null || n === undefined || (typeof n === 'string' && n === '');\r\n  }\r\n\r\n  override get shouldLabelFloat(): boolean {\r\n    return true;\r\n  }\r\n\r\n  protected readonly startDateControl = computed(() => {\r\n    const cfg = this.inputConfig();\r\n    const parent = this.parentFormGroup;\r\n    const ctrl: AbstractControl | undefined =\r\n      parent?.controls[`${cfg?.id}.${cfg?.startDateControl}`];\r\n    return ctrl ?? null;\r\n  });\r\n\r\n  protected readonly endDateControl = computed(() => {\r\n    const cfg = this.inputConfig();\r\n    const parent = this.parentFormGroup;\r\n    const ctrl: AbstractControl | undefined =\r\n      parent?.controls[`${cfg?.id}.${cfg?.endDateControl}`];\r\n    return ctrl ?? null;\r\n  });\r\n\r\n  protected get parentFormGroup(): FormGroup | null {\r\n    return (this.ngControl?.control?.parent as FormGroup) ?? null;\r\n  }\r\n\r\n  override checkValidationsAnErrors(): void {\r\n    const control = this.ngControl?.control;\r\n    if (!control || !this.touched) return;\r\n\r\n    const errors = { ...control.errors };\r\n\r\n    this.errors = errors;\r\n    const validStartDate = this.startDateControl()?.valid;\r\n    const validEndDate = this.endDateControl()?.valid;\r\n    if (validStartDate && validEndDate && 'required' in errors) {\r\n      const hasOtherErrors = Object.keys(errors).length > 1;\r\n      if (!hasOtherErrors) {\r\n        control.setErrors(null);\r\n      } else {\r\n        delete errors['required'];\r\n        control.setErrors(errors);\r\n      }\r\n    } else if (\r\n      (!('required' in errors) && this.required && !validStartDate) ||\r\n      (!('required' in errors) && this.required && !validEndDate)\r\n    ) {\r\n      control.setErrors({ required: true, ...errors });\r\n    }\r\n  }\r\n}\r\n","","import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { provideNativeDateAdapter } from '@angular/material/core';\r\nimport { DateRange, MatDatepickerInputEvent, MatDatepickerModule } from '@angular/material/datepicker';\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 type { ITowerStepColumn } from 'ngx-t-forms-types';\r\nimport { TFormInputStatusComponent } from '../../../t-form-input-status/t-form-input-status.component';\r\nimport { DateRangePickerReactiveInputComponent } from './core/date-range-picker-reactive-input/date-range-picker-reactive-input.component';\r\nimport { getInputErrorMessage } from '../../../../services/core/t-input-controller/functions/inputErrorMessage';\r\n\r\n/** Wraps a reactive date-range-picker control inside a `mat-form-field`. */\r\n@Component({\r\n  selector: 'lib-date-range-picker-input-element',\r\n  templateUrl: './date-range-picker-input-element.component.html',\r\n  styleUrl: './date-range-picker-input-element.component.css',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [provideNativeDateAdapter()],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    MatDatepickerModule,\r\n    TFormInputStatusComponent,\r\n    DateRangePickerReactiveInputComponent,\r\n  ],\r\n})\r\nexport class DateRangePickerInputElementComponent {\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  protected readonly startControlName = computed<string>(() => {\r\n    const cfg = this.inputConfig();\r\n    return cfg.startDateControl\r\n      ? `${cfg.id}.${cfg.startDateControl}`\r\n      : `${cfg.id}.startDate`;\r\n  });\r\n\r\n  protected readonly endControlName = computed<string>(() => {\r\n    const cfg = this.inputConfig();\r\n    return cfg.endDateControl\r\n      ? `${cfg.id}.${cfg.endDateControl}`\r\n      : `${cfg.id}.endDate`;\r\n  });\r\n\r\n  protected hasStartDateError(errorName: string): boolean {\r\n    const control = this.formGroup().get(this.startControlName());\r\n    return control ? control.hasError(errorName) : false;\r\n  }\r\n\r\n  protected hasEndDateError(errorName: string): boolean {\r\n    const control = this.formGroup().get(this.endControlName());\r\n    return control ? control.hasError(errorName) : false;\r\n  }\r\n\r\n  protected dateChanged(\r\n    event: MatDatepickerInputEvent<unknown, DateRange<unknown>>,\r\n    formControlName: string | undefined,\r\n  ): void {\r\n    const control = this.formGroup().controls[`${this.inputConfig().id}.${formControlName}`];\r\n    if (control) {\r\n      control.setValue(event.value);\r\n      control.updateValueAndValidity();\r\n      control.markAsTouched();\r\n      control.markAsDirty();\r\n    }\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-date-range-picker-reactive-input\r\n        [inputConfig]=\"inputConfig\"\r\n        [required]=\"inputConfig.required\"\r\n        [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n      ></lib-date-range-picker-reactive-input>\r\n\r\n      <mat-date-range-input [required]=\"inputConfig.required\" [formGroup]=\"formGroup()\" [rangePicker]=\"picker\">\r\n        @if (inputConfig.startDateControl) {\r\n          <input\r\n            matStartDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.startDateControl\"\r\n            [min]=\"inputConfig.startMinDate\"\r\n            [max]=\"inputConfig.startMaxDate\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.startDateControl]?.value\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.startDateControl)\"\r\n            placeholder=\"Start date\"\r\n          />\r\n        }\r\n        @if (inputConfig.endDateControl) {\r\n          <input\r\n            matEndDate\r\n            [disabled]=\"!!(inputConfig.disabled ?? inputConfig.readonly)\"\r\n            [formControlName]=\"inputConfig.id + '.' + inputConfig.endDateControl\"\r\n            [value]=\"formGroup().controls[inputConfig.id + '.' + inputConfig.endDateControl]?.value\"\r\n            placeholder=\"End date\"\r\n            [min]=\"inputConfig.endMinDate\"\r\n            [max]=\"inputConfig.endMaxDate\"\r\n            (dateChange)=\"dateChanged($event, inputConfig.endDateControl)\"\r\n          />\r\n        }\r\n      </mat-date-range-input>\r\n\r\n      <mat-datepicker-toggle matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n      <mat-date-range-picker #picker>\r\n        <mat-datepicker-actions>\r\n          <button mat-button matDatepickerCancel>Cancel</button>\r\n          <button mat-raised-button color=\"primary\" matDatepickerApply>Apply</button>\r\n        </mat-datepicker-actions>\r\n      </mat-date-range-picker>\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 (!!errorMessage()) {\r\n        <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{ errorMessage() }}</mat-error>\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 (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>\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"],"mappings":"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"}