@kris701/ez-ui 1.1.1 → 1.1.3

package/fesm2022/kris701-ez-ui.mjs

@@ -43,7 +43,7 @@ class EzUIDateInput {
     ngOnChanges(changes) {
         if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
             this.value = changes['value'].currentValue;
-            this.internalValue.set(this.toTuiDate(this.value));
+            this.internalValue.set(this.toTuiDate(this.toDateOrNull(this.value)));
         }
     }
     updateValue() {
@@ -63,13 +63,18 @@ class EzUIDateInput {
         }
         return null;
     }
+    toDateOrNull(value) {
+        if (value)
+            return new Date(value);
+        return null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUIDateInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: EzUIDateInput, isStandalone: true, selector: "ezui-dateinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
 		<tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>
 			@if(label){
 				<label tuiLabel>{{label}}</label>
 			}
-			<input tuiInputDate [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDate(min)" [max]="toTuiDate(max)"/>
+			<input tuiInputDate [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDate(toDateOrNull(min))" [max]="toTuiDate(toDateOrNull(max))"/>
 			<tui-calendar *tuiDropdown />
 		</tui-textfield>
     `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i4.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "directive", type: i4$1.TuiInputDateDirective, selector: "input[tuiInputDate]", inputs: ["max", "min"] }, { kind: "component", type: i6.TuiCalendar, selector: "tui-calendar:not([new])", inputs: ["minViewedMonth", "maxViewedMonth", "showAdjacent", "markerHandler", "initialView", "hoveredItem"], outputs: ["hoveredItemChange", "dayClick"] }, { kind: "directive", type: TuiDropdownSheet, selector: "[tuiDropdownSheet]", inputs: ["tuiDropdownSheet"] }] });
@@ -86,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 			@if(label){
 				<label tuiLabel>{{label}}</label>
 			}
-			<input tuiInputDate [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDate(min)" [max]="toTuiDate(max)"/>
+			<input tuiInputDate [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDate(toDateOrNull(min))" [max]="toTuiDate(toDateOrNull(max))"/>
 			<tui-calendar *tuiDropdown />
 		</tui-textfield>
     ` }]
@@ -126,7 +131,7 @@ class EzUIDateTimeInput {
     ngOnChanges(changes) {
         if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
             this.value = changes['value'].currentValue;
-            this.internalValue.set(this.toTuiDateTime(this.value));
+            this.internalValue.set(this.toTuiDateTime(this.toDateOrNull(this.value)));
             const internal = this.internalValue();
             if (!internal || !internal[1])
                 this.showDate.set(true);
@@ -186,13 +191,18 @@ class EzUIDateTimeInput {
             this.updateValue();
         }
     }
+    toDateOrNull(value) {
+        if (value)
+            return new Date(value);
+        return null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EzUIDateTimeInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: EzUIDateTimeInput, isStandalone: true, selector: "ezui-datetimeinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
 		<tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>>
 			@if(label){
 				<label tuiLabel>{{label}}</label>
 			}
-			<input tuiInputDateTime [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDateTime(min)" [max]="toTuiDateTime(max)"/>
+			<input tuiInputDateTime [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDateTime(toDateOrNull(min))" [max]="toTuiDateTime(toDateOrNull(max))"/>
 			<section *tuiDropdown class="datetime-dropdown">
 				@let internal = internalValue();
 				@if(showDate()){
@@ -238,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 			@if(label){
 				<label tuiLabel>{{label}}</label>
 			}
-			<input tuiInputDateTime [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDateTime(min)" [max]="toTuiDateTime(max)"/>
+			<input tuiInputDateTime [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="toTuiDateTime(toDateOrNull(min))" [max]="toTuiDateTime(toDateOrNull(max))"/>
 			<section *tuiDropdown class="datetime-dropdown">
 				@let internal = internalValue();
 				@if(showDate()){
@@ -4548,6 +4558,8 @@ class BaseListInterface {
     ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     getAllEndpoint = '';
     getEndpoint = '';
+    canGetAll = true;
+    canGet = true;
     isLoaded = false;
     isLoading = false;
     onUpdated = new EventEmitter();
@@ -4555,7 +4567,7 @@ class BaseListInterface {
         this.http = http;
     }
     async Load() {
-        if (!this.isLoading) {
+        if (!this.isLoading && this.canGetAll) {
             this.isLoaded = false;
             this.isLoading = true;
             const value = await firstValueFrom(this.http.get(this.getAllEndpoint));
@@ -4564,6 +4576,9 @@ class BaseListInterface {
             this.isLoaded = true;
             this.onUpdated.emit();
         }
+        else {
+            this.isLoaded = true;
+        }
     }
     async List() {
         if (!this.isLoaded)
@@ -4579,6 +4594,8 @@ class BaseListInterface {
         return null;
     }
     async Get(id) {
+        if (!this.canGet)
+            return null;
         const item = await firstValueFrom(this.http.get(this.getEndpoint + "?ID=" + id));
         return item;
     }