You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.3 KiB
50 lines
1.3 KiB
3 years ago
|
"use strict";
|
||
|
|
|
||
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||
|
|
|
||
|
|
exports.__esModule = true;
|
||
|
|
exports.default = transitionEnd;
|
||
|
|
|
||
|
|
var _css = _interopRequireDefault(require("./css"));
|
||
|
|
|
||
|
|
var _listen = _interopRequireDefault(require("./listen"));
|
||
|
|
|
||
|
|
var _triggerEvent = _interopRequireDefault(require("./triggerEvent"));
|
||
|
|
|
||
|
|
function parseDuration(node) {
|
||
|
|
var str = (0, _css.default)(node, 'transitionDuration') || '';
|
||
|
|
var mult = str.indexOf('ms') === -1 ? 1000 : 1;
|
||
|
|
return parseFloat(str) * mult;
|
||
|
|
}
|
||
|
|
|
||
|
|
function emulateTransitionEnd(element, duration, padding) {
|
||
|
|
if (padding === void 0) {
|
||
|
|
padding = 5;
|
||
|
|
}
|
||
|
|
|
||
|
|
var called = false;
|
||
|
|
var handle = setTimeout(function () {
|
||
|
|
if (!called) (0, _triggerEvent.default)(element, 'transitionend', true);
|
||
|
|
}, duration + padding);
|
||
|
|
var remove = (0, _listen.default)(element, 'transitionend', function () {
|
||
|
|
called = true;
|
||
|
|
}, {
|
||
|
|
once: true
|
||
|
|
});
|
||
|
|
return function () {
|
||
|
|
clearTimeout(handle);
|
||
|
|
remove();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function transitionEnd(element, handler, duration, padding) {
|
||
|
|
if (duration == null) duration = parseDuration(element) || 0;
|
||
|
|
var removeEmulate = emulateTransitionEnd(element, duration, padding);
|
||
|
|
var remove = (0, _listen.default)(element, 'transitionend', handler);
|
||
|
|
return function () {
|
||
|
|
removeEmulate();
|
||
|
|
remove();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = exports["default"];
|