@wolkabout/commons 0.2.6 → 0.3.0

package/fesm2022/wolkabout-commons.mjs

@@ -4749,6 +4749,8 @@ class DateTimeFormFieldComponent {
     timeLabel;
     validators = input(...(ngDevMode ? [undefined, { debugName: "validators" }] : []));
     showErrorInTooltip = input(false, ...(ngDevMode ? [{ debugName: "showErrorInTooltip" }] : []));
+    timezone = input(null, ...(ngDevMode ? [{ debugName: "timezone" }] : []));
+    tenantProperties = inject(TenantPropertiesService);
     formGroup = new FormGroup({
         date: new FormControl(null),
         time: new FormControl(null)
@@ -4775,8 +4777,11 @@ class DateTimeFormFieldComponent {
     writeValue(obj) {
         if (obj) {
             const jsDateValue = obj instanceof Date ? obj : new Date(obj);
-            const dateTimeValue = DateTime.fromJSDate(jsDateValue);
-            const minutesAndHours = String(jsDateValue.getHours() + ':' + jsDateValue.getMinutes());
+            const zone = this.resolveZone();
+            const dateTimeValue = zone
+                ? DateTime.fromJSDate(jsDateValue).setZone(zone)
+                : DateTime.fromJSDate(jsDateValue);
+            const minutesAndHours = `${String(dateTimeValue.hour).padStart(2, '0')}:${String(dateTimeValue.minute).padStart(2, '0')}`;
             this.formGroup.get('date')?.setValue(dateTimeValue, { emitEvent: false });
             this.formGroup.get('time')?.setValue(minutesAndHours, { emitEvent: false });
         }
@@ -4788,10 +4793,9 @@ class DateTimeFormFieldComponent {
     registerOnChange(fn) {
         combineLatest([this.formGroup.valueChanges, this.timeChange]).pipe(takeUntil(this.destroy$), map(([{ date }, time]) => {
             if (date && time && this.timeRegex.test(time)) {
-                const jsDate = date.toJSDate();
-                const [hours, minutes] = time.split(':');
-                jsDate.setHours(Number(hours), Number(minutes));
-                return jsDate;
+                const [hours, minutes] = time.split(':').map(Number);
+                const zone = this.resolveZone();
+                return DateTime.fromObject({ year: date.year, month: date.month, day: date.day, hour: hours, minute: minutes, second: 0, millisecond: 0 }, zone ? { zone } : {}).toJSDate();
             }
             else {
                 return null;
@@ -4830,6 +4834,9 @@ class DateTimeFormFieldComponent {
     getTimeErrorTooltip() {
         return this.getTimeErrors().map((error) => this.translate.instant('COMMON.ERROR_VALIDATION_' + error) + '\n').toString();
     }
+    resolveZone() {
+        return this.timezone() ?? this.tenantProperties.timezone ?? null;
+    }
     onInputChange(event) {
         const inputEl = event.target;
         const value = inputEl.value;
@@ -4838,7 +4845,7 @@ class DateTimeFormFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DateTimeFormFieldComponent, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DateTimeFormFieldComponent, isStandalone: true, selector: "app-date-time-form-field", inputs: { dateLabel: { classPropertyName: "dateLabel", publicName: "dateLabel", isSignal: false, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: false, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, showErrorInTooltip: { classPropertyName: "showErrorInTooltip", publicName: "showErrorInTooltip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DateTimeFormFieldComponent, isStandalone: true, selector: "app-date-time-form-field", inputs: { dateLabel: { classPropertyName: "dateLabel", publicName: "dateLabel", isSignal: false, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: false, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, showErrorInTooltip: { classPropertyName: "showErrorInTooltip", publicName: "showErrorInTooltip", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateTimeFormFieldComponent),
@@ -4869,7 +4876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 type: Input
             }], timeLabel: [{
                 type: Input
-            }], validators: [{ type: i0.Input, args: [{ isSignal: true, alias: "validators", required: false }] }], showErrorInTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showErrorInTooltip", required: false }] }] } });
+            }], validators: [{ type: i0.Input, args: [{ isSignal: true, alias: "validators", required: false }] }], showErrorInTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showErrorInTooltip", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }] } });
 
 class DragDropFileUploadComponent {
     controlDir;
@@ -6672,7 +6679,7 @@ class ValueInputDateComponent {
                 useExisting: forwardRef(() => ValueInputDateComponent),
                 multi: true,
             }
-        ], ngImport: i0, template: "<app-date-time-form-field [formControl]=\"formControl\" [validators]=\"validators()\" [showErrorInTooltip]=\"showErrorInTooltip()\" class=\"w-full\"></app-date-time-form-field>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DateTimeFormFieldComponent, selector: "app-date-time-form-field", inputs: ["dateLabel", "timeLabel", "validators", "showErrorInTooltip"] }] });
+        ], ngImport: i0, template: "<app-date-time-form-field [formControl]=\"formControl\" [validators]=\"validators()\" [showErrorInTooltip]=\"showErrorInTooltip()\" class=\"w-full\"></app-date-time-form-field>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SharedModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DateTimeFormFieldComponent, selector: "app-date-time-form-field", inputs: ["dateLabel", "timeLabel", "validators", "showErrorInTooltip", "timezone"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ValueInputDateComponent, decorators: [{
             type: Component,