dom-helpers - npm Package Compare versions

Comparing version 5.1.4 to 5.2.0

cjs/transitionEnd.d.ts

 export declare type Listener = (this: HTMLElement, ev: TransitionEvent) => any;
-export declare const TRANSITION_SUPPORTED: boolean;
-export declare function parseDuration(node: HTMLElement): number;
-declare function transitionEnd(element: HTMLElement, handler: Listener, duration?: number): () => void;
-export default transitionEnd;
+export default function transitionEnd(element: HTMLElement, handler: Listener, duration?: number | null, padding?: number): () => void;

cjs/transitionEnd.js

@@ -6,7 +6,4 @@ "use strict";
 exports.__esModule = true;
-exports.parseDuration = parseDuration;
-exports.default = exports.TRANSITION_SUPPORTED = void 0;
+exports.default = transitionEnd;
 
-var _canUseDOM = _interopRequireDefault(require("./canUseDOM"));
-
 var _css = _interopRequireDefault(require("./css"));
@@ -16,5 +13,2 @@
 
-var TRANSITION_SUPPORTED = _canUseDOM.default && 'ontransitionend' in window;
-exports.TRANSITION_SUPPORTED = TRANSITION_SUPPORTED;
-
 function parseDuration(node) {
@@ -52,5 +46,5 @@ var str = (0, _css.default)(node, 'transitionDuration') || '';
 
-function transitionEnd(element, handler, duration) {
+function transitionEnd(element, handler, duration, padding) {
   if (duration == null) duration = parseDuration(element) || 0;
-  var removeEmulate = emulateTransitionEnd(element, duration);
+  var removeEmulate = emulateTransitionEnd(element, duration, padding);
   var remove = (0, _listen.default)(element, 'transitionend', handler);
@@ -63,3 +57,2 @@ return function () {
 
-var _default = transitionEnd;
-exports.default = _default;
+module.exports = exports["default"];

esm/transitionEnd.d.ts

 export declare type Listener = (this: HTMLElement, ev: TransitionEvent) => any;
-export declare const TRANSITION_SUPPORTED: boolean;
-export declare function parseDuration(node: HTMLElement): number;
-declare function transitionEnd(element: HTMLElement, handler: Listener, duration?: number): () => void;
-export default transitionEnd;
+export default function transitionEnd(element: HTMLElement, handler: Listener, duration?: number | null, padding?: number): () => void;

esm/transitionEnd.js

@@ -1,6 +0,5 @@
-import canUseDOM from './canUseDOM';
 import css from './css';
 import listen from './listen';
-export var TRANSITION_SUPPORTED = canUseDOM && 'ontransitionend' in window;
-export function parseDuration(node) {
+
+function parseDuration(node) {
   var str = css(node, 'transitionDuration') || '';
@@ -37,5 +36,5 @@ var mult = str.indexOf('ms') === -1 ? 1000 : 1;
 
-function transitionEnd(element, handler, duration) {
+export default function transitionEnd(element, handler, duration, padding) {
   if (duration == null) duration = parseDuration(element) || 0;
-  var removeEmulate = emulateTransitionEnd(element, duration);
+  var removeEmulate = emulateTransitionEnd(element, duration, padding);
   var remove = listen(element, 'transitionend', handler);
@@ -46,4 +45,2 @@ return function () {
   };
-}
-
-export default transitionEnd;
+}

package.json

 {
   "name": "dom-helpers",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "description": "tiny modular DOM lib for ie9+",
@@ -40,4 +40,4 @@ "author": {
     "@babel/runtime": "^7.8.7",
-    "csstype": "^2.6.7"
+    "csstype": "^3.0.2"
   }
 }

README.md

@@ -62,3 +62,3 @@ # dom-helpers
   - `animate(node, properties, duration, easing, callback)` programmatically start css transitions
-  - `transitionEnd(node, handler, [duration])` listens for transition end, and ensures that the handler if called even if the transition fails to fire its end event. Will attempt to read duration from the element, otherwise one can be provided
+  - `transitionEnd(node, handler, [duration], [padding])` listens for transition end, and ensures that the handler if called even if the transition fails to fire its end event. Will attempt to read duration from the element, otherwise one can be provided
   - `addEventListener(node, eventName, handler, [options])`:
@@ -65,0 +65,0 @@ - `removeEventListener(node, eventName, handler, [options])`:

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

88486

decreased by-0.68%

Lines of code

1797

decreased by-0.77%

Dependency changes

• + Addedcsstype@3.1.3(transitive)

• - Removedcsstype@2.6.21(transitive)

• Updatedcsstype@^3.0.2