@@ -9,7 +9,7 @@ import './inbox-element/inbox-element';
9
9
import { JBDDateInputInboxElementWebComponent } from './inbox-element/inbox-element' ;
10
10
//import cloneDeep from 'lodash.clonedeep';
11
11
12
- import { InputTypes , ValueTypes , ElementsObject , ValidationResultSummary , DateRestrictions , JBDateInputValueObject , ValidationResultItem , JBDateInputValidationItem , DateValidResult , DateRestrictionsValidResult , ValidationResult } from './Types' ;
12
+ import { InputTypes , ValueTypes , ElementsObject , ValidationResultSummary , DateRestrictions , JBDateInputValueObject , ValidationResultItem , JBDateInputValidationItem , DateRestrictionsValidResult , ValidationResult , ValueType , InputType } from './Types' ;
13
13
import { DateFactory } from './DateFactory' ;
14
14
import { getEmptyValueObject , handleDayBeforeInput , handleMonthBeforeInput } from './Helpers' ;
15
15
// import { JBCalendarValue } from 'jb-calendar/lib/Types';
@@ -54,7 +54,7 @@ export class JBDateInputWebComponent extends HTMLElement {
54
54
}
55
55
set value ( value : string | Date ) {
56
56
this . #setDateValue( value ) ;
57
- this . #updateinputTextFromValue ( ) ;
57
+ this . #updateInputTextFromValue ( ) ;
58
58
}
59
59
#updateFormAssossicatedValue( ) :void {
60
60
//in html form we need to get date input value in native way this function update and set value of the input so form can get it when needed
@@ -82,9 +82,9 @@ export class JBDateInputWebComponent extends HTMLElement {
82
82
} else {
83
83
this . elements . input . placeholder = "" ;
84
84
}
85
- this . #updateinputTextFromValue ( ) ;
85
+ this . #updateInputTextFromValue ( ) ;
86
86
}
87
- //standarded input value
87
+ //standardized input value
88
88
get #sInputValue( ) :string {
89
89
let value = this . #inputValue;
90
90
if ( this . #usePersianDigits) {
@@ -114,10 +114,10 @@ export class JBDateInputWebComponent extends HTMLElement {
114
114
}
115
115
}
116
116
117
- get inputType ( ) {
117
+ get inputType ( ) : InputType {
118
118
return this . #dateFactory. inputType ;
119
119
}
120
- set inputType ( value ) {
120
+ set inputType ( value : InputType ) {
121
121
122
122
if ( Object . values ( InputTypes ) . includes ( value as InputTypes ) ) {
123
123
this . #dateFactory. setInputType ( value ) ;
@@ -130,7 +130,7 @@ export class JBDateInputWebComponent extends HTMLElement {
130
130
get valueType ( ) {
131
131
return this . #dateFactory. valueType ;
132
132
}
133
- set valueType ( value : ValueTypes ) {
133
+ set valueType ( value : ValueType ) {
134
134
if ( Object . values ( ValueTypes ) . includes ( value as ValueTypes ) ) {
135
135
this . #dateFactory. setValueType ( value ) ;
136
136
} else {
@@ -147,35 +147,35 @@ export class JBDateInputWebComponent extends HTMLElement {
147
147
}
148
148
get yearValue ( ) : number | null {
149
149
switch ( this . valueType ) {
150
- case ValueTypes . jalali :
150
+ case "JALALI" :
151
151
return this . #valueObject. jalali . year ;
152
- case ValueTypes . gregorian :
152
+ case "GREGORIAN" :
153
153
return this . #valueObject. gregorian . year ;
154
- case ValueTypes . timestamp :
154
+ case "TIME_STAMP" :
155
155
return this . #valueObject. gregorian . year ;
156
156
default :
157
157
return null ;
158
158
}
159
159
}
160
160
get monthValue ( ) : number | null {
161
161
switch ( this . valueType ) {
162
- case ValueTypes . jalali :
162
+ case "JALALI" :
163
163
return this . #valueObject. jalali . month ;
164
- case ValueTypes . gregorian :
164
+ case "GREGORIAN" :
165
165
return this . #valueObject. gregorian . month ;
166
- case ValueTypes . timestamp :
166
+ case "TIME_STAMP" :
167
167
return this . #valueObject. gregorian . month ;
168
168
default :
169
169
return null ;
170
170
}
171
171
}
172
172
get dayValue ( ) : number | null {
173
173
switch ( this . valueType ) {
174
- case ValueTypes . jalali :
174
+ case "JALALI" :
175
175
return this . #valueObject. jalali . day ;
176
- case ValueTypes . gregorian :
176
+ case "GREGORIAN" :
177
177
return this . #valueObject. gregorian . day ;
178
- case ValueTypes . timestamp :
178
+ case "TIME_STAMP" :
179
179
return this . #valueObject. gregorian . day ;
180
180
default :
181
181
return null ;
@@ -244,7 +244,7 @@ export class JBDateInputWebComponent extends HTMLElement {
244
244
}
245
245
set usePersianDigits ( value ) {
246
246
this . #usePersianDigits = value ;
247
- this . #updateinputTextFromValue ( ) ;
247
+ this . #updateInputTextFromValue ( ) ;
248
248
}
249
249
constructor ( ) {
250
250
super ( ) ;
@@ -624,41 +624,41 @@ export class JBDateInputWebComponent extends HTMLElement {
624
624
const currentMonth = this . monthValue || 1 ;
625
625
const currentDay = this . dayValue || 1 ;
626
626
this . #setDateValueFromNumbers( currentYear + interval , currentMonth , currentDay ) ;
627
- this . #updateinputTextFromValue ( ) ;
627
+ this . #updateInputTextFromValue ( ) ;
628
628
}
629
629
addMonth ( interval : number ) {
630
630
const currentYear = this . yearValue ? this . yearValue : this . #dateFactory. yearOnEmptyBaseOnValueType ;
631
631
const currentMonth = this . monthValue || 1 ;
632
632
const currentDay = this . dayValue || 1 ;
633
633
this . #setDateValueFromNumbers( currentYear , currentMonth + interval , currentDay ) ;
634
- this . #updateinputTextFromValue ( ) ;
634
+ this . #updateInputTextFromValue ( ) ;
635
635
}
636
636
addDay ( interval : number ) {
637
637
const currentYear = this . yearValue ? this . yearValue : this . #dateFactory. yearOnEmptyBaseOnValueType ;
638
638
const currentMonth = this . monthValue || 1 ;
639
639
const currentDay = this . dayValue || 1 ;
640
640
this . #setDateValueFromNumbers( currentYear , currentMonth , currentDay + interval ) ;
641
- this . #updateinputTextFromValue ( ) ;
641
+ this . #updateInputTextFromValue ( ) ;
642
642
}
643
643
/**
644
644
* will convert current valueObject to expected value string
645
645
* @param {ValueTypes } type
646
646
* @return {String } value base on format and date type
647
647
*/
648
- getDateValue ( type : ValueTypes = this . valueType ) : string {
648
+ getDateValue ( type : ValueType = this . valueType ) : string {
649
649
return this . #dateFactory. getDateValueStringFromValueObject ( this . #valueObject, type ) ;
650
650
}
651
651
/**
652
652
* when user change value this function called and update inner value object base on user value
653
653
*/
654
654
#setDateValue( value : string | Date ) {
655
655
if ( typeof value == "string" ) {
656
- switch ( this . #dateFactory. valueType ) {
657
- case ValueTypes . gregorian :
658
- case ValueTypes . jalali :
656
+ switch ( this . #dateFactory. valueType ) {
657
+ case "GREGORIAN" :
658
+ case "JALALI" :
659
659
this . #setDateValueFromString( value ) ;
660
660
break ;
661
- case ValueTypes . timestamp :
661
+ case "TIME_STAMP" :
662
662
this . #setDateValueFromTimeStamp( value ) ;
663
663
break ;
664
664
}
@@ -672,7 +672,7 @@ export class JBDateInputWebComponent extends HTMLElement {
672
672
this . #valueObject = getEmptyValueObject ( ) ;
673
673
}
674
674
private updateCalendarView ( ) {
675
- //update jb-calendr view base on current data
675
+ //update jb-calendar view base on current data
676
676
const value : JBCalendarValue = {
677
677
year : this . #dateFactory. getCalendarYear ( this . #valueObject) ,
678
678
month : this . #dateFactory. getCalendarMonth ( this . #valueObject) ,
@@ -713,7 +713,7 @@ export class JBDateInputWebComponent extends HTMLElement {
713
713
this . #setDateValueFromNumbers( dateInObject . year , dateInObject . month , dateInObject . day ) ;
714
714
} else {
715
715
if ( value !== null && value !== undefined && value !== '' ) {
716
- console . error ( 'your inputed Date doest match defualt or your specified Format' ) ;
716
+ console . error ( 'your inputed Date doest match default or your specified Format' ) ;
717
717
} else {
718
718
this . setValueObjNull ( ) ;
719
719
}
@@ -746,7 +746,7 @@ export class JBDateInputWebComponent extends HTMLElement {
746
746
this . updateCalendarView ( ) ;
747
747
this . #updateFormAssossicatedValue( ) ;
748
748
}
749
- #updateinputTextFromValue ( ) {
749
+ #updateInputTextFromValue ( ) {
750
750
const { year, month, day } = this . inputType == InputTypes . jalali ? this . #valueObject. jalali : this . #valueObject. gregorian ;
751
751
if ( this . placeholder && ! ( year && month && day ) ) {
752
752
//if we have placeholder and inputed value were all null we show placeholder until user input some value
@@ -921,7 +921,7 @@ export class JBDateInputWebComponent extends HTMLElement {
921
921
* @param {String } dateInputType what is the date type of this number jalali or gregorian
922
922
* @return {Object }
923
923
*/
924
- checkDateRestrictions ( year : number , month : number , day : number , dateInputType : InputTypes ) : DateRestrictionsValidResult {
924
+ checkDateRestrictions ( year : number , month : number , day : number , dateInputType : InputType ) : DateRestrictionsValidResult {
925
925
return DateFactory . checkDateRestrictions ( year , month , day , dateInputType , this . dateRestrictions ) ;
926
926
927
927
}
@@ -1060,7 +1060,7 @@ export class JBDateInputWebComponent extends HTMLElement {
1060
1060
const { year, month, day } = target . value ;
1061
1061
if ( year && month && day ) {
1062
1062
this . #setDateValueFromNumberBaseOnInputType( year , month , day ) ;
1063
- this . #updateinputTextFromValue ( ) ;
1063
+ this . #updateInputTextFromValue ( ) ;
1064
1064
this . showCalendar = false ;
1065
1065
this . callOnDateSelect ( ) ;
1066
1066
this . callOnChange ( ) ;
@@ -1074,7 +1074,7 @@ export class JBDateInputWebComponent extends HTMLElement {
1074
1074
}
1075
1075
onInputTypeChange ( ) {
1076
1076
this . elements . calendar . inputType = this . inputType ;
1077
- this . #updateinputTextFromValue ( ) ;
1077
+ this . #updateInputTextFromValue ( ) ;
1078
1078
}
1079
1079
/**
1080
1080
* set opend calendar date when date input value is empty
0 commit comments