Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-base

Package Overview
Dependencies
Maintainers
2
Versions
205
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-base - npm Package Compare versions

Comparing version 1.0.15 to 1.0.16

dist\global\ej2-base.js

76

dist/es6/animation.js

@@ -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 @@ }

2

dist/es6/draggable.js

@@ -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 @@ }

{
"_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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc