@syncfusion/ej2-calendars
Advanced tools
Comparing version 15.4.21 to 15.4.23
{ | ||
"name": "@syncfusion/ej2-calendars", | ||
"version": "15.4.21", | ||
"version": "15.4.23", | ||
"description": "Essential JS 2 Calendar Components", | ||
"author": "Syncfusion Inc.", | ||
"license": "SEE LICENSE IN license", | ||
"module": "dist/es6/index.js", | ||
"main": "./dist/ej2-calendars.umd.min.js", | ||
"module": "./dist/es6/ej2-calendars.es5.js", | ||
"es2015": "./dist/es6/ej2-calendars.es2015.js", | ||
"dependencies": { | ||
"@syncfusion/ej2-base": "^15.4.21", | ||
"@syncfusion/ej2-popups": "^15.4.21", | ||
"@syncfusion/ej2-inputs": "^15.4.21", | ||
"@syncfusion/ej2-lists": "^15.4.20", | ||
"@syncfusion/ej2-buttons": "^15.4.21", | ||
"@syncfusion/ej2-base": "^15.4.23", | ||
"@syncfusion/ej2-popups": "^15.4.23", | ||
"@syncfusion/ej2-inputs": "^15.4.23", | ||
"@syncfusion/ej2-lists": "^15.4.23", | ||
"@syncfusion/ej2-buttons": "^15.4.23", | ||
"intl": "^1.2.5" | ||
@@ -15,0 +17,0 @@ }, |
@@ -78,2 +78,3 @@ var __extends = (this && this.__extends) || (function () { | ||
this.element.classList.add(ROOT); | ||
ej2_base_4.addClass([this.element], 'e-control-wrapper'); | ||
if (this.enableRtl) { | ||
@@ -92,2 +93,3 @@ this.element.classList.add(RTL); | ||
this.calendarElement.classList.add(ROOT); | ||
ej2_base_4.addClass([this.element], 'e-control-wrapper'); | ||
if (this.enableRtl) { | ||
@@ -94,0 +96,0 @@ this.calendarElement.classList.add(RTL); |
@@ -24,3 +24,3 @@ /// <reference path="../calendar/calendar-model.d.ts" /> | ||
private modal; | ||
private inputEle; | ||
private inputElement; | ||
private popupWrapper; | ||
@@ -27,0 +27,0 @@ protected changedArgs: ChangedEventArgs; |
@@ -80,3 +80,3 @@ var __extends = (this && this.__extends) || (function () { | ||
this.updateInput(); | ||
this.previousEleValue = this.inputEle.value; | ||
this.previousEleValue = this.inputElement.value; | ||
}; | ||
@@ -87,3 +87,3 @@ DatePicker.prototype.createInput = function () { | ||
'aria-haspopup': 'true', 'aria-activedescendant': 'null', | ||
'aria-owns': this.inputEle.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off' | ||
'aria-owns': this.inputElement.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off' | ||
}; | ||
@@ -95,3 +95,3 @@ var l10nLocale = { placeholder: null }; | ||
this.inputWrapper = ej2_inputs_1.Input.createInput({ | ||
element: this.inputEle, | ||
element: this.inputElement, | ||
customTag: this.ngTag, | ||
@@ -110,11 +110,11 @@ floatLabelType: this.floatLabelType, | ||
this.setWidth(this.width); | ||
if (this.inputEle.name !== '') { | ||
this.inputEle.setAttribute('name', '' + this.inputEle.getAttribute('name')); | ||
if (this.inputElement.name !== '') { | ||
this.inputElement.setAttribute('name', '' + this.inputElement.getAttribute('name')); | ||
} | ||
else { | ||
this.inputEle.setAttribute('name', '' + this.inputEle.id); | ||
this.inputElement.setAttribute('name', '' + this.inputElement.id); | ||
} | ||
ej2_base_3.attributes(this.inputEle, ariaAttrs); | ||
ej2_base_3.attributes(this.inputElement, ariaAttrs); | ||
if (!this.enabled) { | ||
this.inputEle.setAttribute('aria-disabled', 'true'); | ||
this.inputElement.setAttribute('aria-disabled', 'true'); | ||
} | ||
@@ -143,3 +143,3 @@ ej2_inputs_1.Input.addAttributes({ 'aria-label': 'select' }, this.inputWrapper.buttons[0]); | ||
if ((+dateValue <= +this.max) && (+dateValue >= +this.min)) { | ||
ej2_inputs_1.Input.setValue(dateString, this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue(dateString, this.inputElement, this.floatLabelType, false); | ||
} | ||
@@ -149,3 +149,3 @@ else { | ||
if (!this.strictMode && value) { | ||
ej2_inputs_1.Input.setValue(dateString, this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue(dateString, this.inputElement, this.floatLabelType, false); | ||
this.setProperties({ value: null }, true); | ||
@@ -156,3 +156,3 @@ } | ||
if (ej2_base_4.isNullOrUndefined(this.value) && this.strictMode) { | ||
ej2_inputs_1.Input.setValue('', this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue('', this.inputElement, this.floatLabelType, false); | ||
} | ||
@@ -166,4 +166,4 @@ this.changedArgs = { value: this.value }; | ||
ej2_base_1.EventHandler.add(this.inputWrapper.buttons[0], 'click', this.dateIconHandler, this); | ||
ej2_base_1.EventHandler.add(this.inputEle, 'focus', this.inputFocusHandler, this); | ||
ej2_base_1.EventHandler.add(this.inputEle, 'blur', this.inputBlurHandler, this); | ||
ej2_base_1.EventHandler.add(this.inputElement, 'focus', this.inputFocusHandler, this); | ||
ej2_base_1.EventHandler.add(this.inputElement, 'blur', this.inputBlurHandler, this); | ||
this.bindClearEvent(); | ||
@@ -176,4 +176,4 @@ if (!ej2_base_2.Browser.isAndroid) { | ||
ej2_base_1.EventHandler.remove(this.inputWrapper.buttons[0], 'click', this.dateIconHandler); | ||
ej2_base_1.EventHandler.remove(this.inputEle, 'focus', this.inputFocusHandler); | ||
ej2_base_1.EventHandler.remove(this.inputEle, 'blur', this.inputBlurHandler); | ||
ej2_base_1.EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler); | ||
ej2_base_1.EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler); | ||
if (!ej2_base_2.Browser.isAndroid) { | ||
@@ -183,3 +183,3 @@ ej2_base_1.EventHandler.remove(this.inputWrapper.buttons[0], 'blur', this.iconBlurHandler); | ||
} | ||
this.keyboardModules = new ej2_base_2.KeyboardEvents(this.inputEle, { | ||
this.keyboardModules = new ej2_base_2.KeyboardEvents(this.inputElement, { | ||
eventName: 'keydown', | ||
@@ -201,3 +201,3 @@ keyAction: this.inputKeyActionHandle.bind(this), | ||
this.setProperties({ value: null }, true); | ||
ej2_inputs_1.Input.setValue('', this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue('', this.inputElement, this.floatLabelType, false); | ||
this.changeEvent(event); | ||
@@ -261,6 +261,6 @@ }; | ||
this.errorClass(); | ||
if (this.isCalendar() && document.activeElement === this.inputEle) { | ||
if (this.isCalendar() && document.activeElement === this.inputElement) { | ||
this.hide(); | ||
} | ||
this.inputEle.blur(); | ||
this.inputElement.blur(); | ||
this.trigger('blur'); | ||
@@ -297,3 +297,3 @@ if (this.isCalendar()) { | ||
this.hide(); | ||
this.inputEle.focus(); | ||
this.inputElement.focus(); | ||
break; | ||
@@ -313,3 +313,3 @@ case 'altDownArrow': | ||
this.errorClass(); | ||
if (!this.isCalendar() && document.activeElement === this.inputEle) { | ||
if (!this.isCalendar() && document.activeElement === this.inputElement) { | ||
this.hide(); | ||
@@ -340,6 +340,6 @@ } | ||
var dateOptions = { format: format, type: 'dateTime', skeleton: 'yMd' }; | ||
var date = this.globalize.parseDate(this.inputEle.value, dateOptions); | ||
var date = this.globalize.parseDate(this.inputElement.value, dateOptions); | ||
if (this.strictMode && date) { | ||
ej2_inputs_1.Input.setValue(this.globalize.formatDate(date, dateOptions), this.inputEle, this.floatLabelType, false); | ||
if (this.inputEle.value !== this.previousEleValue) { | ||
ej2_inputs_1.Input.setValue(this.globalize.formatDate(date, dateOptions), this.inputElement, this.floatLabelType, false); | ||
if (this.inputElement.value !== this.previousEleValue) { | ||
this.setProperties({ value: date }, true); | ||
@@ -349,7 +349,7 @@ } | ||
else if (!this.strictMode) { | ||
if (this.inputEle.value !== this.previousEleValue) { | ||
if (this.inputElement.value !== this.previousEleValue) { | ||
this.setProperties({ value: date }, true); | ||
} | ||
} | ||
if (this.strictMode && !date && this.inputEle.value === '') { | ||
if (this.strictMode && !date && this.inputElement.value === '') { | ||
this.setProperties({ value: null }, true); | ||
@@ -387,3 +387,3 @@ } | ||
open: function () { | ||
if (document.activeElement !== _this.inputEle && !ej2_base_2.Browser.isDevice) { | ||
if (document.activeElement !== _this.inputElement && !ej2_base_2.Browser.isDevice) { | ||
_this.calendarElement.children[1].firstElementChild.focus(); | ||
@@ -438,3 +438,3 @@ _this.calendarKeyboardModules = new ej2_base_2.KeyboardEvents(_this.calendarElement.children[1].firstElementChild, { | ||
DatePicker.prototype.changeTrigger = function () { | ||
if (this.inputEle.value !== this.previousEleValue) { | ||
if (this.inputElement.value !== this.previousEleValue) { | ||
if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) { | ||
@@ -444,3 +444,3 @@ this.changedArgs.value = this.value; | ||
this.trigger('change', this.changedArgs); | ||
this.previousEleValue = this.inputEle.value; | ||
this.previousEleValue = this.inputElement.value; | ||
} | ||
@@ -463,6 +463,6 @@ } | ||
if (!ej2_base_4.isNullOrUndefined(date)) { | ||
ej2_inputs_1.Input.setValue(date, this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue(date, this.inputElement, this.floatLabelType, false); | ||
} | ||
this.hide(); | ||
this.previousEleValue = this.inputEle.value; | ||
this.previousEleValue = this.inputElement.value; | ||
this.errorClass(); | ||
@@ -502,2 +502,3 @@ }; | ||
ej2_base_4.merge(args, this.preventArgs); | ||
this.popupObj.refreshPosition(this.inputElement); | ||
this.trigger('open', args); | ||
@@ -546,3 +547,3 @@ if (prevent) { | ||
this.setAriaAttributes(); | ||
this.previousEleValue = this.inputEle.value; | ||
this.previousEleValue = this.inputElement.value; | ||
if (ej2_base_2.Browser.isDevice && this.modal) { | ||
@@ -556,3 +557,3 @@ this.modal.style.display = 'none'; | ||
DatePicker.prototype.focusIn = function () { | ||
this.inputEle.focus(); | ||
this.inputElement.focus(); | ||
ej2_base_3.addClass([this.inputWrapper.container], [INPUTFOCUS]); | ||
@@ -562,3 +563,3 @@ this.trigger('focus'); | ||
DatePicker.prototype.focusOut = function () { | ||
this.inputEle.blur(); | ||
this.inputElement.blur(); | ||
ej2_base_3.removeClass([this.inputWrapper.container], [INPUTFOCUS]); | ||
@@ -586,5 +587,5 @@ this.trigger('blur'); | ||
'aria-haspopup': 'true', 'aria-activedescendant': 'null', | ||
'aria-owns': this.inputEle.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off' | ||
'aria-owns': this.inputElement.id + '_options', 'aria-expanded': 'false', 'role': 'combobox', 'autocomplete': 'off' | ||
}; | ||
ej2_inputs_1.Input.removeAttributes(ariaAttrs, this.inputEle); | ||
ej2_inputs_1.Input.removeAttributes(ariaAttrs, this.inputElement); | ||
if (this.isCalendar()) { | ||
@@ -595,6 +596,6 @@ ej2_base_3.detach(this.popupWrapper); | ||
} | ||
ej2_base_1.EventHandler.remove(this.inputEle, 'blur', this.inputBlurHandler); | ||
ej2_base_1.EventHandler.remove(this.inputEle, 'focus', this.inputFocusHandler); | ||
ej2_base_1.EventHandler.remove(this.inputElement, 'blur', this.inputBlurHandler); | ||
ej2_base_1.EventHandler.remove(this.inputElement, 'focus', this.inputFocusHandler); | ||
this.inputWrapper.container.parentElement.appendChild(this.inputEleCopy); | ||
ej2_base_3.removeClass([this.inputEle], [ROOT, RTL]); | ||
ej2_base_3.removeClass([this.inputElement], [ROOT, RTL]); | ||
ej2_base_3.removeClass([this.inputWrapper.container], DATEWRAPPER); | ||
@@ -605,3 +606,3 @@ ej2_base_3.detach(this.inputWrapper.container); | ||
this.inputEleCopy = this.element; | ||
this.inputEle = this.element; | ||
this.inputElement = this.element; | ||
var ej2Instance = ej2_base_4.getValue('ej2_instances', this.element); | ||
@@ -614,11 +615,11 @@ this.ngTag = null; | ||
this.element.parentNode.removeChild(this.element); | ||
this.inputEle = inputElement; | ||
ej2_base_4.setValue('ej2_instances', ej2Instance, this.inputEle); | ||
this.inputElement = inputElement; | ||
ej2_base_4.setValue('ej2_instances', ej2Instance, this.inputElement); | ||
} | ||
if (this.element.getAttribute('id')) { | ||
this.inputEle.id = this.element.getAttribute('id'); | ||
this.inputElement.id = this.element.getAttribute('id'); | ||
} | ||
else { | ||
this.inputEle.id = ej2_base_4.getUniqueID('ej2-datepicker'); | ||
ej2_base_3.attributes(this.element, { 'id': this.inputEle.id }); | ||
this.inputElement.id = ej2_base_4.getUniqueID('ej2-datepicker'); | ||
ej2_base_3.attributes(this.element, { 'id': this.inputElement.id }); | ||
} | ||
@@ -635,15 +636,15 @@ this.checkHtmlAttributes(); | ||
var prop = attributes_1[_i]; | ||
if (!ej2_base_4.isNullOrUndefined(this.inputEle.getAttribute(prop))) { | ||
if (!ej2_base_4.isNullOrUndefined(this.inputElement.getAttribute(prop))) { | ||
switch (prop) { | ||
case 'disabled': | ||
var enabled = this.inputEle.getAttribute(prop) === 'disabled' || | ||
this.inputEle.getAttribute(prop) === ''; | ||
var enabled = this.inputElement.getAttribute(prop) === 'disabled' || | ||
this.inputElement.getAttribute(prop) === ''; | ||
this.setProperties({ enabled: enabled }, true); | ||
if (!enabled) { | ||
this.inputEle.setAttribute('aria-disabled', 'true'); | ||
this.inputElement.setAttribute('aria-disabled', 'true'); | ||
} | ||
break; | ||
case 'readonly': | ||
var readonly = this.inputEle.getAttribute(prop) === 'readonly' || | ||
this.inputEle.getAttribute(prop) === ''; | ||
var readonly = this.inputElement.getAttribute(prop) === 'readonly' || | ||
this.inputElement.getAttribute(prop) === ''; | ||
this.setProperties({ readonly: readonly }, true); | ||
@@ -653,15 +654,15 @@ break; | ||
if (this.placeholder === null) { | ||
var placeholder = this.inputEle.getAttribute(prop); | ||
this.setProperties({ placeholder: this.inputEle.getAttribute(prop) }, true); | ||
var placeholder = this.inputElement.getAttribute(prop); | ||
this.setProperties({ placeholder: this.inputElement.getAttribute(prop) }, true); | ||
} | ||
break; | ||
case 'style': | ||
this.inputEle.setAttribute('style', '' + this.inputEle.getAttribute(prop)); | ||
this.inputElement.setAttribute('style', '' + this.inputElement.getAttribute(prop)); | ||
break; | ||
case 'name': | ||
this.inputEle.setAttribute('name', '' + this.inputEle.getAttribute(prop)); | ||
this.inputElement.setAttribute('name', '' + this.inputElement.getAttribute(prop)); | ||
break; | ||
case 'value': | ||
if (!this.value) { | ||
var value = this.inputEle.getAttribute(prop); | ||
var value = this.inputElement.getAttribute(prop); | ||
this.setProperties(ej2_base_4.setValue(prop, this.globalize.parseDate(value, options), {}), true); | ||
@@ -672,3 +673,3 @@ } | ||
if (+this.min === +new Date(1900, 0, 1)) { | ||
this.setProperties(ej2_base_4.setValue(prop, this.globalize.parseDate(this.inputEle.getAttribute(prop)), {}), true); | ||
this.setProperties(ej2_base_4.setValue(prop, this.globalize.parseDate(this.inputElement.getAttribute(prop)), {}), true); | ||
} | ||
@@ -678,3 +679,3 @@ break; | ||
if (+this.max === +new Date(2099, 11, 31)) { | ||
this.setProperties(ej2_base_4.setValue(prop, this.globalize.parseDate(this.inputEle.getAttribute(prop)), {}), true); | ||
this.setProperties(ej2_base_4.setValue(prop, this.globalize.parseDate(this.inputElement.getAttribute(prop)), {}), true); | ||
} | ||
@@ -708,8 +709,8 @@ break; | ||
var inputVal = this.globalize.formatDate(valueCopy, { format: this.format, type: 'dateTime', skeleton: 'yMd' }); | ||
ej2_inputs_1.Input.setValue(inputVal, this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue(inputVal, this.inputElement, this.floatLabelType, false); | ||
}; | ||
DatePicker.prototype.setAriaAttributes = function () { | ||
if (this.isCalendar()) { | ||
ej2_inputs_1.Input.addAttributes({ 'aria-expanded': 'true' }, this.inputEle); | ||
ej2_base_3.attributes(this.inputEle, { | ||
ej2_inputs_1.Input.addAttributes({ 'aria-expanded': 'true' }, this.inputElement); | ||
ej2_base_3.attributes(this.inputElement, { | ||
'aria-activedescendant': '' + this.setActiveDescendant() | ||
@@ -719,4 +720,4 @@ }); | ||
else { | ||
ej2_inputs_1.Input.addAttributes({ 'aria-expanded': 'false' }, this.inputEle); | ||
ej2_base_3.attributes(this.inputEle, { | ||
ej2_inputs_1.Input.addAttributes({ 'aria-expanded': 'false' }, this.inputElement); | ||
ej2_base_3.attributes(this.inputElement, { | ||
'aria-activedescendant': 'null' | ||
@@ -727,3 +728,3 @@ }); | ||
DatePicker.prototype.errorClass = function () { | ||
if (ej2_base_4.isNullOrUndefined(this.value) && !this.strictMode && this.inputEle.value !== '') { | ||
if (ej2_base_4.isNullOrUndefined(this.value) && !this.strictMode && this.inputElement.value !== '') { | ||
ej2_base_3.addClass([this.inputWrapper.container], ERROR); | ||
@@ -745,5 +746,5 @@ } | ||
this.setProperties({ value: newProp.value }, true); | ||
this.previousEleValue = this.inputEle.value; | ||
this.previousEleValue = this.inputElement.value; | ||
if (ej2_base_4.isNullOrUndefined(this.value)) { | ||
ej2_inputs_1.Input.setValue('', this.inputEle, this.floatLabelType, false); | ||
ej2_inputs_1.Input.setValue('', this.inputElement, this.floatLabelType, false); | ||
this.currentDate = new Date(new Date().setHours(0, 0, 0, 0)); | ||
@@ -758,9 +759,9 @@ } | ||
case 'placeholder': | ||
ej2_inputs_1.Input.setPlaceholder(this.placeholder, this.inputEle); | ||
ej2_inputs_1.Input.setPlaceholder(this.placeholder, this.inputElement); | ||
break; | ||
case 'readonly': | ||
ej2_inputs_1.Input.setReadonly(this.readonly, this.inputEle); | ||
ej2_inputs_1.Input.setReadonly(this.readonly, this.inputElement); | ||
break; | ||
case 'enabled': | ||
ej2_inputs_1.Input.setEnabled(this.enabled, this.inputEle); | ||
ej2_inputs_1.Input.setEnabled(this.enabled, this.inputElement); | ||
this.bindEvents(); | ||
@@ -772,3 +773,3 @@ break; | ||
this.setProperties({ placeholder: this.l10n.getConstant('placeholder') }, true); | ||
ej2_inputs_1.Input.setPlaceholder(this.placeholder, this.inputEle); | ||
ej2_inputs_1.Input.setPlaceholder(this.placeholder, this.inputElement); | ||
this.updateInput(); | ||
@@ -775,0 +776,0 @@ break; |
@@ -52,3 +52,3 @@ import { Internationalization } from '@syncfusion/ej2-base'; | ||
private liCollections; | ||
protected input: HTMLInputElement; | ||
protected inputElement: HTMLInputElement; | ||
private popupObj; | ||
@@ -55,0 +55,0 @@ protected inputEvent: KeyboardEvents; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
10377380
105
108995