@syncfusion/ej2-base
Advanced tools
Comparing version 1.0.15 to 1.0.16
@@ -185,3 +185,3 @@ var __extends = (this && this.__extends) || (function () { | ||
EventHandler.add(element, 'mouseup', rippleUpHandler, { parent: element, selector: selector }); | ||
EventHandler.add(element, 'mousemove', rippleMoveHandler, { parent: element, selector: selector }); | ||
EventHandler.add(element, 'mouseleave', rippleMoveHandler, { parent: element, selector: selector }); | ||
if (Browser.isPointer) { | ||
@@ -194,10 +194,55 @@ EventHandler.add(element, 'transitionend', rippleMoveHandler, { parent: element, selector: selector }); | ||
EventHandler.remove(element, 'mouseup', rippleUpHandler); | ||
EventHandler.remove(element, 'mousemove', rippleMoveHandler); | ||
EventHandler.remove(element, 'mouseleave', rippleMoveHandler); | ||
EventHandler.remove(element, 'transitionend', rippleMoveHandler); | ||
}); | ||
} | ||
export function rippleEffect(element, rippleOptions, done) { | ||
var rippleModel = getRippleModel(rippleOptions); | ||
if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) { | ||
return Function; | ||
} | ||
element.setAttribute('data-ripple', 'true'); | ||
EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel }); | ||
EventHandler.add(element, 'mouseup', rippleUpHandler, { parent: element, rippleOptions: rippleModel, done: done }); | ||
EventHandler.add(element, 'mouseleave', rippleMoveHandler, { parent: element, rippleOptions: rippleModel }); | ||
if (rippleOptions && rippleOptions.selector) { | ||
var selectors = selectAll(rippleOptions.selector, element); | ||
for (var _i = 0, selectors_1 = selectors; _i < selectors_1.length; _i++) { | ||
var selector = selectors_1[_i]; | ||
EventHandler.add(selector, 'mouseleave', rippleMoveHandler, { parent: selector, rippleOptions: rippleModel }); | ||
} | ||
} | ||
if (Browser.isPointer) { | ||
EventHandler.add(element, 'transitionend', rippleMoveHandler, { parent: element, rippleOptions: rippleModel }); | ||
} | ||
return (function () { | ||
element.removeAttribute('data-ripple'); | ||
EventHandler.remove(element, 'mousedown', rippleHandler); | ||
EventHandler.remove(element, 'mouseup', rippleUpHandler); | ||
EventHandler.remove(element, 'mouseleave', rippleMoveHandler); | ||
EventHandler.remove(element, 'transitionend', rippleMoveHandler); | ||
if (rippleOptions && rippleOptions.selector) { | ||
var selectors = selectAll(rippleOptions.selector, element); | ||
for (var _i = 0, selectors_2 = selectors; _i < selectors_2.length; _i++) { | ||
var selector = selectors_2[_i]; | ||
EventHandler.remove(selector, 'mouseleave', rippleMoveHandler); | ||
} | ||
} | ||
}); | ||
} | ||
function getRippleModel(rippleOptions) { | ||
var rippleModel = { | ||
selector: rippleOptions && rippleOptions.selector ? rippleOptions.selector : null, | ||
ignore: rippleOptions && rippleOptions.ignore ? rippleOptions.ignore : null, | ||
rippleFlag: rippleOptions && rippleOptions.rippleFlag, | ||
isCenterRipple: rippleOptions && rippleOptions.isCenterRipple, | ||
duration: rippleOptions && rippleOptions.duration ? rippleOptions.duration : 350 | ||
}; | ||
return rippleModel; | ||
} | ||
function rippleHandler(e) { | ||
var target = (e.target); | ||
var element = this.selector ? closest(target, this.selector) : target; | ||
if (!element) { | ||
var selector = this.rippleOptions ? this.rippleOptions.selector : this.selector; | ||
var element = selector ? closest(target, selector) : target; | ||
if (!element || (this.rippleOptions && closest(target, this.rippleOptions.ignore))) { | ||
return; | ||
@@ -211,8 +256,14 @@ } | ||
var radius = Math.sqrt(pageX * pageX + pageY * pageY); | ||
var diameter = radius * 2; | ||
var diameter = radius * 2 + 'px'; | ||
var x = offsetX - offset.left - radius; | ||
var y = offsetY - offset.top - radius; | ||
if (this.rippleOptions && this.rippleOptions.isCenterRipple) { | ||
x = 0; | ||
y = 0; | ||
diameter = '100%'; | ||
} | ||
element.classList.add('e-ripple'); | ||
var styles = 'width: ' + diameter + 'px;height: ' + diameter + 'px;left: ' + x + 'px;top: ' + y + 'px;' + | ||
'transition-duration: 350ms;'; | ||
var duration = this.rippleOptions ? this.rippleOptions.duration.toString() : '350'; | ||
var styles = 'width: ' + diameter + ';height: ' + diameter + ';left: ' + x + 'px;top: ' + y + 'px;' + | ||
'transition-duration: ' + duration + 'ms;'; | ||
var rippleElement = createElement('div', { className: 'e-ripple-element', styles: styles }); | ||
@@ -230,5 +281,6 @@ element.appendChild(rippleElement); | ||
function removeRipple(e, eventArgs) { | ||
var duration = 350; | ||
var duration = eventArgs.rippleOptions ? eventArgs.rippleOptions.duration : 350; | ||
var target = (e.target); | ||
var element = eventArgs.selector ? closest(target, eventArgs.selector) : target; | ||
var selector = eventArgs.rippleOptions ? eventArgs.rippleOptions.selector : eventArgs.selector; | ||
var element = selector ? closest(target, selector) : target; | ||
if (!element || (element && element.className.indexOf('e-ripple') === -1)) { | ||
@@ -239,2 +291,5 @@ return; | ||
var rippleElement = rippleElements[rippleElements.length - 1]; | ||
if (rippleElement) { | ||
rippleElement.style.opacity = '0.5'; | ||
} | ||
setTimeout(function () { | ||
@@ -247,2 +302,5 @@ if (rippleElement && rippleElement.parentNode) { | ||
} | ||
if (eventArgs.done) { | ||
eventArgs.done(e); | ||
} | ||
}, duration); | ||
@@ -249,0 +307,0 @@ } |
@@ -159,3 +159,3 @@ var __extends = (this && this.__extends) || (function () { | ||
setStyleAttribute(dragTargetElement, { | ||
position: 'absolute', top: posValue.top, left: posValue.top | ||
position: 'absolute', top: posValue.top, left: posValue.left | ||
}); | ||
@@ -162,0 +162,0 @@ EventHandler.remove(document, Browser.touchMoveEvent, this.intDragStart); |
@@ -89,7 +89,7 @@ var __extends = (this && this.__extends) || (function () { | ||
FormValidator.prototype.validate = function (selected) { | ||
if (selected) { | ||
var rules = Object.keys(this.rules); | ||
if (selected && rules.length) { | ||
this.validateRules(selected); | ||
} | ||
else { | ||
var rules = Object.keys(this.rules); | ||
for (var _i = 0, rules_1 = rules; _i < rules_1.length; _i++) { | ||
@@ -127,2 +127,3 @@ var name_1 = rules_1[_i]; | ||
this.unwireEvents(); | ||
this.rules = {}; | ||
var elements = selectAll('.' + this.errorClass + ', .' + this.validClass, this.element); | ||
@@ -182,3 +183,3 @@ for (var _i = 0, elements_2 = elements; _i < elements_2.length; _i++) { | ||
var excludeKeys = [16, 17, 18, 20, 35, 36, 37, 38, 39, 40, 45, 144, 225]; | ||
if (e.which === 9 && !this.rules[element.name][this.required]) { | ||
if (e.which === 9 && (!this.rules[element.name] || (this.rules[element.name] && !this.rules[element.name][this.required]))) { | ||
return; | ||
@@ -215,2 +216,5 @@ } | ||
FormValidator.prototype.validateRules = function (name) { | ||
if (!this.rules[name]) { | ||
return; | ||
} | ||
var rules = Object.keys(this.rules[name]); | ||
@@ -221,3 +225,9 @@ this.getInputElement(name); | ||
var rule = rules_2[_i]; | ||
var errorRule = { name: name, message: this.getErrorMessage(this.rules[name][rule], rule) }; | ||
var errorMessage = this.getErrorMessage(this.rules[name][rule], rule); | ||
var errorRule = { name: name, message: errorMessage }; | ||
var eventArgs = { | ||
inputName: name, | ||
element: this.inputElement, | ||
message: errorMessage | ||
}; | ||
if (!this.isValid(name, rule) && !this.inputElement.classList.contains(this.ignore)) { | ||
@@ -234,5 +244,7 @@ this.removeErrorRules(name); | ||
} | ||
eventArgs.errorElement = this.infoElement; | ||
eventArgs.status = 'failure'; | ||
this.inputElement.classList.add(this.errorClass); | ||
this.inputElement.classList.remove(this.validClass); | ||
this.trigger('validationComplete', errorRule); | ||
this.trigger('validationComplete', eventArgs); | ||
if (rule === 'required') { | ||
@@ -245,2 +257,4 @@ this.inputElement.setAttribute('aria-required', 'true'); | ||
this.hideMessage(name); | ||
eventArgs.status = 'success'; | ||
this.trigger('validationComplete', eventArgs); | ||
} | ||
@@ -247,0 +261,0 @@ } |
100
package.json
{ | ||
"_args": [ | ||
[ | ||
{ | ||
"raw": "@syncfusion/ej2-base", | ||
"scope": "@syncfusion", | ||
"escapedName": "@syncfusion%2fej2-base", | ||
"name": "@syncfusion/ej2-base", | ||
"rawSpec": "", | ||
"spec": "latest", | ||
"type": "tag" | ||
}, | ||
"C:\\Users\\ajithr\\Desktop\\ej2-base" | ||
] | ||
], | ||
"_from": "@syncfusion/ej2-base@latest", | ||
"_id": "@syncfusion/ej2-base@1.0.14", | ||
"_inCache": true, | ||
"_location": "/@syncfusion/ej2-base", | ||
"_nodeVersion": "8.2.0", | ||
"_npmOperationalInternal": { | ||
"host": "s3://npm-registry-packages", | ||
"tmp": "tmp/ej2-base-1.0.14.tgz_1504215321804_0.2735043589491397" | ||
}, | ||
"_npmUser": { | ||
"name": "ajithr11", | ||
"email": "ajithr@syncfusion.com" | ||
}, | ||
"_npmVersion": "4.6.1", | ||
"_phantomChildren": {}, | ||
"_requested": { | ||
"raw": "@syncfusion/ej2-base", | ||
"scope": "@syncfusion", | ||
"escapedName": "@syncfusion%2fej2-base", | ||
"name": "@syncfusion/ej2-base", | ||
"rawSpec": "", | ||
"spec": "latest", | ||
"type": "tag" | ||
}, | ||
"_requiredBy": [ | ||
"#USER" | ||
], | ||
"_resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-1.0.14.tgz", | ||
"_shasum": "af8f8d434e0256e57a06703580736806c48ba391", | ||
"_shrinkwrap": null, | ||
"_spec": "@syncfusion/ej2-base", | ||
"_where": "C:\\Users\\ajithr\\Desktop\\ej2-base", | ||
"author": { | ||
"name": "Syncfusion Inc." | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/syncfusion/ej2-base/issues" | ||
}, | ||
"dependencies": {}, | ||
"name": "@syncfusion/ej2-base", | ||
"version": "1.0.16", | ||
"description": "Essential JS 2 Base library", | ||
"devDependencies": { | ||
"@types/chai": "^3.4.28", | ||
"@types/jasmine": "^2.2.29", | ||
"@types/jasmine-ajax": "^3.1.27", | ||
"@types/requirejs": "^2.1.26" | ||
}, | ||
"directories": {}, | ||
"dist": { | ||
"shasum": "af8f8d434e0256e57a06703580736806c48ba391", | ||
"tarball": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-1.0.14.tgz" | ||
}, | ||
"gitHead": "4300916b6a24ff19d188d2ab389769d22bd871ff", | ||
"homepage": "https://github.com/syncfusion/ej2-base#readme", | ||
"author": "Syncfusion Inc.", | ||
"license": "SEE LICENSE IN license", | ||
"keywords": [ | ||
@@ -76,23 +14,15 @@ "ej2", | ||
], | ||
"license": "SEE LICENSE IN license", | ||
"maintainers": [ | ||
{ | ||
"name": "ajithr11", | ||
"email": "ajithr@syncfusion.com" | ||
}, | ||
{ | ||
"name": "syncfusionorg", | ||
"email": "npmjs@syncfusion.com" | ||
} | ||
], | ||
"module": "dist/es6/index.js", | ||
"name": "@syncfusion/ej2-base", | ||
"optionalDependencies": {}, | ||
"readme": "ReadMe.md", | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/syncfusion/ej2-base.git" | ||
"url": "https://github.com/syncfusion/ej2-base.git" | ||
}, | ||
"scripts": {}, | ||
"version": "1.0.15" | ||
} | ||
"module": "dist/es6/index.js", | ||
"readme": "ReadMe.md", | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"@types/chai": "^3.4.28", | ||
"@types/jasmine": "^2.2.29", | ||
"@types/jasmine-ajax": "^3.1.27", | ||
"@types/requirejs": "^2.1.26" | ||
} | ||
} |
@@ -1,2 +0,2 @@ | ||
import { createElement, selectAll, closest } from './dom';import { Base, EmitType } from './base';import {Browser} from './browser';import { EventHandler } from './event-handler';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; | ||
import { createElement, selectAll, closest } from './dom';import { Base, EmitType } from './base';import { Browser } from './browser';import { EventHandler } from './event-handler';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; | ||
import {Effect,AnimationOptions} from "./animation"; | ||
@@ -3,0 +3,0 @@ |
@@ -142,8 +142,47 @@ import { Base, EmitType } from './base'; | ||
export declare function ripple(element: HTMLElement, selector?: string, rippleFlag?: boolean): () => void; | ||
/** | ||
* Ripple provides material theme's wave effect when an element is clicked | ||
* ```html | ||
* <div id='ripple'></div> | ||
* <script> | ||
* rippleEffect(document.getElementById('ripple')); | ||
* </script> | ||
* ``` | ||
* @private | ||
* @param HTMLElement element - Target element | ||
* @param RippleOptions rippleOptions - Ripple options . | ||
*/ | ||
export declare function rippleEffect(element: HTMLElement, rippleOptions?: RippleOptions, done?: Function): () => void; | ||
/** | ||
* Ripple method arguments to handle ripple effect | ||
* @private | ||
*/ | ||
export interface RippleOptions { | ||
/** | ||
* Get selector child elements for ripple effect | ||
*/ | ||
selector?: string; | ||
/** | ||
* Get ignore elements to prevent ripple effect | ||
*/ | ||
ignore?: string; | ||
/** | ||
* Override the enableRipple method | ||
*/ | ||
rippleFlag?: boolean; | ||
/** | ||
* Set ripple effect from center position | ||
*/ | ||
isCenterRipple?: boolean; | ||
/** | ||
* Set ripple duration | ||
*/ | ||
duration?: number; | ||
} | ||
export declare let isRippleEnabled: boolean; | ||
/** | ||
* Animation Module provides support to enable ripple effect functionality to Essential JS 2 components. | ||
* @param {boolean} isRipple - Specifies the boolean value to enable or disable ripple effect. | ||
* @param {boolean} isRipple Specifies the boolean value to enable or disable ripple effect. | ||
* @returns {boolean} | ||
*/ | ||
export declare function enableRipple(isRipple: boolean): boolean; |
@@ -183,3 +183,3 @@ var __extends = (this && this.__extends) || (function () { | ||
event_handler_1.EventHandler.add(element, 'mouseup', rippleUpHandler, { parent: element, selector: selector }); | ||
event_handler_1.EventHandler.add(element, 'mousemove', rippleMoveHandler, { parent: element, selector: selector }); | ||
event_handler_1.EventHandler.add(element, 'mouseleave', rippleMoveHandler, { parent: element, selector: selector }); | ||
if (browser_1.Browser.isPointer) { | ||
@@ -192,3 +192,3 @@ event_handler_1.EventHandler.add(element, 'transitionend', rippleMoveHandler, { parent: element, selector: selector }); | ||
event_handler_1.EventHandler.remove(element, 'mouseup', rippleUpHandler); | ||
event_handler_1.EventHandler.remove(element, 'mousemove', rippleMoveHandler); | ||
event_handler_1.EventHandler.remove(element, 'mouseleave', rippleMoveHandler); | ||
event_handler_1.EventHandler.remove(element, 'transitionend', rippleMoveHandler); | ||
@@ -198,6 +198,52 @@ }); | ||
exports.ripple = ripple; | ||
function rippleEffect(element, rippleOptions, done) { | ||
var rippleModel = getRippleModel(rippleOptions); | ||
if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !exports.isRippleEnabled)) { | ||
return Function; | ||
} | ||
element.setAttribute('data-ripple', 'true'); | ||
event_handler_1.EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel }); | ||
event_handler_1.EventHandler.add(element, 'mouseup', rippleUpHandler, { parent: element, rippleOptions: rippleModel, done: done }); | ||
event_handler_1.EventHandler.add(element, 'mouseleave', rippleMoveHandler, { parent: element, rippleOptions: rippleModel }); | ||
if (rippleOptions && rippleOptions.selector) { | ||
var selectors = dom_1.selectAll(rippleOptions.selector, element); | ||
for (var _i = 0, selectors_1 = selectors; _i < selectors_1.length; _i++) { | ||
var selector = selectors_1[_i]; | ||
event_handler_1.EventHandler.add(selector, 'mouseleave', rippleMoveHandler, { parent: selector, rippleOptions: rippleModel }); | ||
} | ||
} | ||
if (browser_1.Browser.isPointer) { | ||
event_handler_1.EventHandler.add(element, 'transitionend', rippleMoveHandler, { parent: element, rippleOptions: rippleModel }); | ||
} | ||
return (function () { | ||
element.removeAttribute('data-ripple'); | ||
event_handler_1.EventHandler.remove(element, 'mousedown', rippleHandler); | ||
event_handler_1.EventHandler.remove(element, 'mouseup', rippleUpHandler); | ||
event_handler_1.EventHandler.remove(element, 'mouseleave', rippleMoveHandler); | ||
event_handler_1.EventHandler.remove(element, 'transitionend', rippleMoveHandler); | ||
if (rippleOptions && rippleOptions.selector) { | ||
var selectors = dom_1.selectAll(rippleOptions.selector, element); | ||
for (var _i = 0, selectors_2 = selectors; _i < selectors_2.length; _i++) { | ||
var selector = selectors_2[_i]; | ||
event_handler_1.EventHandler.remove(selector, 'mouseleave', rippleMoveHandler); | ||
} | ||
} | ||
}); | ||
} | ||
exports.rippleEffect = rippleEffect; | ||
function getRippleModel(rippleOptions) { | ||
var rippleModel = { | ||
selector: rippleOptions && rippleOptions.selector ? rippleOptions.selector : null, | ||
ignore: rippleOptions && rippleOptions.ignore ? rippleOptions.ignore : null, | ||
rippleFlag: rippleOptions && rippleOptions.rippleFlag, | ||
isCenterRipple: rippleOptions && rippleOptions.isCenterRipple, | ||
duration: rippleOptions && rippleOptions.duration ? rippleOptions.duration : 350 | ||
}; | ||
return rippleModel; | ||
} | ||
function rippleHandler(e) { | ||
var target = (e.target); | ||
var element = this.selector ? dom_1.closest(target, this.selector) : target; | ||
if (!element) { | ||
var selector = this.rippleOptions ? this.rippleOptions.selector : this.selector; | ||
var element = selector ? dom_1.closest(target, selector) : target; | ||
if (!element || (this.rippleOptions && dom_1.closest(target, this.rippleOptions.ignore))) { | ||
return; | ||
@@ -211,8 +257,14 @@ } | ||
var radius = Math.sqrt(pageX * pageX + pageY * pageY); | ||
var diameter = radius * 2; | ||
var diameter = radius * 2 + 'px'; | ||
var x = offsetX - offset.left - radius; | ||
var y = offsetY - offset.top - radius; | ||
if (this.rippleOptions && this.rippleOptions.isCenterRipple) { | ||
x = 0; | ||
y = 0; | ||
diameter = '100%'; | ||
} | ||
element.classList.add('e-ripple'); | ||
var styles = 'width: ' + diameter + 'px;height: ' + diameter + 'px;left: ' + x + 'px;top: ' + y + 'px;' + | ||
'transition-duration: 350ms;'; | ||
var duration = this.rippleOptions ? this.rippleOptions.duration.toString() : '350'; | ||
var styles = 'width: ' + diameter + ';height: ' + diameter + ';left: ' + x + 'px;top: ' + y + 'px;' + | ||
'transition-duration: ' + duration + 'ms;'; | ||
var rippleElement = dom_1.createElement('div', { className: 'e-ripple-element', styles: styles }); | ||
@@ -230,5 +282,6 @@ element.appendChild(rippleElement); | ||
function removeRipple(e, eventArgs) { | ||
var duration = 350; | ||
var duration = eventArgs.rippleOptions ? eventArgs.rippleOptions.duration : 350; | ||
var target = (e.target); | ||
var element = eventArgs.selector ? dom_1.closest(target, eventArgs.selector) : target; | ||
var selector = eventArgs.rippleOptions ? eventArgs.rippleOptions.selector : eventArgs.selector; | ||
var element = selector ? dom_1.closest(target, selector) : target; | ||
if (!element || (element && element.className.indexOf('e-ripple') === -1)) { | ||
@@ -239,2 +292,5 @@ return; | ||
var rippleElement = rippleElements[rippleElements.length - 1]; | ||
if (rippleElement) { | ||
rippleElement.style.opacity = '0.5'; | ||
} | ||
setTimeout(function () { | ||
@@ -247,2 +303,5 @@ if (rippleElement && rippleElement.parentNode) { | ||
} | ||
if (eventArgs.done) { | ||
eventArgs.done(e); | ||
} | ||
}, duration); | ||
@@ -249,0 +308,0 @@ } |
@@ -154,3 +154,3 @@ var __extends = (this && this.__extends) || (function () { | ||
dom_2.setStyleAttribute(dragTargetElement, { | ||
position: 'absolute', top: posValue.top, left: posValue.top | ||
position: 'absolute', top: posValue.top, left: posValue.left | ||
}); | ||
@@ -157,0 +157,0 @@ event_handler_1.EventHandler.remove(document, browser_1.Browser.touchMoveEvent, this.intDragStart); |
@@ -87,7 +87,7 @@ var __extends = (this && this.__extends) || (function () { | ||
FormValidator.prototype.validate = function (selected) { | ||
if (selected) { | ||
var rules = Object.keys(this.rules); | ||
if (selected && rules.length) { | ||
this.validateRules(selected); | ||
} | ||
else { | ||
var rules = Object.keys(this.rules); | ||
for (var _i = 0, rules_1 = rules; _i < rules_1.length; _i++) { | ||
@@ -125,2 +125,3 @@ var name_1 = rules_1[_i]; | ||
this.unwireEvents(); | ||
this.rules = {}; | ||
var elements = dom_1.selectAll('.' + this.errorClass + ', .' + this.validClass, this.element); | ||
@@ -180,3 +181,3 @@ for (var _i = 0, elements_2 = elements; _i < elements_2.length; _i++) { | ||
var excludeKeys = [16, 17, 18, 20, 35, 36, 37, 38, 39, 40, 45, 144, 225]; | ||
if (e.which === 9 && !this.rules[element.name][this.required]) { | ||
if (e.which === 9 && (!this.rules[element.name] || (this.rules[element.name] && !this.rules[element.name][this.required]))) { | ||
return; | ||
@@ -213,2 +214,5 @@ } | ||
FormValidator.prototype.validateRules = function (name) { | ||
if (!this.rules[name]) { | ||
return; | ||
} | ||
var rules = Object.keys(this.rules[name]); | ||
@@ -219,3 +223,9 @@ this.getInputElement(name); | ||
var rule = rules_2[_i]; | ||
var errorRule = { name: name, message: this.getErrorMessage(this.rules[name][rule], rule) }; | ||
var errorMessage = this.getErrorMessage(this.rules[name][rule], rule); | ||
var errorRule = { name: name, message: errorMessage }; | ||
var eventArgs = { | ||
inputName: name, | ||
element: this.inputElement, | ||
message: errorMessage | ||
}; | ||
if (!this.isValid(name, rule) && !this.inputElement.classList.contains(this.ignore)) { | ||
@@ -232,5 +242,7 @@ this.removeErrorRules(name); | ||
} | ||
eventArgs.errorElement = this.infoElement; | ||
eventArgs.status = 'failure'; | ||
this.inputElement.classList.add(this.errorClass); | ||
this.inputElement.classList.remove(this.validClass); | ||
this.trigger('validationComplete', errorRule); | ||
this.trigger('validationComplete', eventArgs); | ||
if (rule === 'required') { | ||
@@ -243,2 +255,4 @@ this.inputElement.setAttribute('aria-required', 'true'); | ||
this.hideMessage(name); | ||
eventArgs.status = 'success'; | ||
this.trigger('validationComplete', eventArgs); | ||
} | ||
@@ -245,0 +259,0 @@ } |
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
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
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
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
2307079
132
30451
1