dolfo-angular 1.243.0 → 1.245.0

package/fesm2022/dolfo-angular.mjs

@@ -4,7 +4,7 @@ import * as i1 from "@angular/forms";
 import { ControlContainer, FormArray, FormControl, FormGroup, FormGroupDirective, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule, Validators } from "@angular/forms";
 import { BehaviorSubject, catchError, concatAll, delay, distinctUntilChanged, filter, from, fromEvent, map, mergeMap, of, race, tap, throwError, zip } from "rxjs";
 import * as i2 from "@angular/common";
-import { APP_BASE_HREF, CommonModule, DecimalPipe, formatDate } from "@angular/common";
+import { APP_BASE_HREF, CommonModule, DatePipe, DecimalPipe, formatDate } from "@angular/common";
 import { HttpClient, HttpErrorResponse } from "@angular/common/http";
 import { BaseRouteReuseStrategy, Router } from "@angular/router";
 import { DomSanitizer } from "@angular/platform-browser";
@@ -1469,7 +1469,34 @@ var DatepickerComponent = class DatepickerComponent extends BaseFormInput {
 	type = "date";
 	onFocus = new EventEmitter();
 	onBlur = new EventEmitter();
+	currentValue = signal(null, ...ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []);
+	dp = inject(DatePipe);
 	openPicker = () => this.formInput.nativeElement.showPicker();
+	ngOnInit() {
+		super.ngOnInit();
+		this.addSubscription(this.input.valueChanges.subscribe((value) => {
+			if (!value) this.currentValue.set(null);
+			else if (this.type === "date") this.currentValue.set(this.dp.transform(value, "yyyy-MM-dd"));
+			else if (this.type === "datetime") this.currentValue.set(this.dp.transform(value, "yyyy-MM-ddTHH:mm"));
+			else if (this.type === "time") this.currentValue.set(this.dp.transform(value, "HH:mm"));
+		}));
+	}
+	onChangeDate = (e) => {
+		const { value } = e.target;
+		if (!value) this.input.setValue(null);
+		else {
+			let date;
+			if (this.type === "date" || this.type === "datetime") {
+				date = new Date(value);
+				if (this.type === "date") date.setHours(0, 0, 0, 0);
+			} else if (this.type === "time") {
+				const [hours, minutes] = value.split(":");
+				date = /* @__PURE__ */ new Date();
+				date.setHours(Number(hours), Number(minutes), 0, 0);
+			}
+			this.input.setValue(date);
+		}
+	};
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.1.0",
@@ -1490,6 +1517,7 @@ var DatepickerComponent = class DatepickerComponent extends BaseFormInput {
 			onBlur: "onBlur"
 		},
 		providers: [
+			DatePipe,
 			{
 				provide: NG_VALUE_ACCESSOR,
 				useExisting: forwardRef(() => DatepickerComponent),
@@ -1514,38 +1542,14 @@ var DatepickerComponent = class DatepickerComponent extends BaseFormInput {
 		usesInheritance: true,
 		ngImport: i0,
 		template: `<dolfo-input-container>
-		<input #formInput [type]="type === 'datetime' ? 'datetime-local' : type" [formControl]="input" (focus)="openPicker(); onFocus.emit($event)" (blur)="onBlur.emit($event)" />
+		<input #formInput [type]="type === 'datetime' ? 'datetime-local' : type" [value]="currentValue()" (focus)="openPicker(); onFocus.emit($event)" (blur)="onBlur.emit($event)" (input)="onChangeDate($event)" />
 	</dolfo-input-container>`,
 		isInline: true,
-		dependencies: [
-			{
-				kind: "directive",
-				type: i1.DefaultValueAccessor,
-				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
-			},
-			{
-				kind: "directive",
-				type: i1.NgControlStatus,
-				selector: "[formControlName],[ngModel],[formControl]"
-			},
-			{
-				kind: "directive",
-				type: i1.FormControlDirective,
-				selector: "[formControl]",
-				inputs: [
-					"formControl",
-					"disabled",
-					"ngModel"
-				],
-				outputs: ["ngModelChange"],
-				exportAs: ["ngForm"]
-			},
-			{
-				kind: "component",
-				type: InputContainerComponent,
-				selector: "dolfo-input-container"
-			}
-		],
+		dependencies: [{
+			kind: "component",
+			type: InputContainerComponent,
+			selector: "dolfo-input-container"
+		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -1559,10 +1563,11 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "dolfo-datepicker",
 			template: `<dolfo-input-container>
-		<input #formInput [type]="type === 'datetime' ? 'datetime-local' : type" [formControl]="input" (focus)="openPicker(); onFocus.emit($event)" (blur)="onBlur.emit($event)" />
+		<input #formInput [type]="type === 'datetime' ? 'datetime-local' : type" [value]="currentValue()" (focus)="openPicker(); onFocus.emit($event)" (blur)="onBlur.emit($event)" (input)="onChangeDate($event)" />
 	</dolfo-input-container>`,
 			standalone: false,
 			providers: [
+				DatePipe,
 				{
 					provide: NG_VALUE_ACCESSOR,
 					useExisting: forwardRef(() => DatepickerComponent),
@@ -2150,6 +2155,8 @@ var InputTextComponent = class InputTextComponent extends BaseFormInput {
 	placeHolder = "";
 	onFocus = new EventEmitter();
 	onBlur = new EventEmitter();
+	onKeyUp = new EventEmitter();
+	onKeyDown = new EventEmitter();
 	formInput;
 	focus = () => this.formInput.nativeElement.focus();
 	ngAfterViewInit() {
@@ -2179,7 +2186,9 @@ var InputTextComponent = class InputTextComponent extends BaseFormInput {
 		},
 		outputs: {
 			onFocus: "onFocus",
-			onBlur: "onBlur"
+			onBlur: "onBlur",
+			onKeyUp: "onKeyUp",
+			onKeyDown: "onKeyDown"
 		},
 		providers: [
 			{
@@ -2207,9 +2216,9 @@ var InputTextComponent = class InputTextComponent extends BaseFormInput {
 		ngImport: i0,
 		template: `<dolfo-input-container>
         @if(type === "textarea"){
-            <textarea #formInput [name]="formControlName" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder"></textarea>
+            <textarea #formInput [name]="formControlName" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" (keyup)="onKeyUp.emit($event)" (keydown)="onKeyDown.emit($event)"></textarea>
         }@else{
-            <input #formInput [name]="formControlName" [type]="type" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" />
+            <input #formInput [name]="formControlName" [type]="type" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" (keyup)="onKeyUp.emit($event)" (keydown)="onKeyDown.emit($event)" />
         }
     </dolfo-input-container>`,
 		isInline: true,
@@ -2255,9 +2264,9 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "dolfo-input-text",
 			template: `<dolfo-input-container>
         @if(type === "textarea"){
-            <textarea #formInput [name]="formControlName" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder"></textarea>
+            <textarea #formInput [name]="formControlName" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" (keyup)="onKeyUp.emit($event)" (keydown)="onKeyDown.emit($event)"></textarea>
         }@else{
-            <input #formInput [name]="formControlName" [type]="type" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" />
+            <input #formInput [name]="formControlName" [type]="type" [formControl]="input" (focus)="onFocus.emit($event)" (blur)="onBlur.emit($event)" [placeholder]="placeHolder" (keyup)="onKeyUp.emit($event)" (keydown)="onKeyDown.emit($event)" />
         }
     </dolfo-input-container>`,
 			providers: [
@@ -2284,6 +2293,8 @@ i0.ɵɵngDeclareClassMetadata({
 		placeHolder: [{ type: Input }],
 		onFocus: [{ type: Output }],
 		onBlur: [{ type: Output }],
+		onKeyUp: [{ type: Output }],
+		onKeyDown: [{ type: Output }],
 		formInput: [{
 			type: ViewChild,
 			args: ["formInput"]
@@ -3132,7 +3143,12 @@ var DialogComponent = class DialogComponent extends Formable {
 				type: InputTextComponent,
 				selector: "dolfo-input-text",
 				inputs: ["type", "placeHolder"],
-				outputs: ["onFocus", "onBlur"]
+				outputs: [
+					"onFocus",
+					"onBlur",
+					"onKeyUp",
+					"onKeyDown"
+				]
 			},
 			{
 				kind: "component",