WIP - add extractor, generate snippet_data

node_modules/dom-helpers/transition/animate.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _hyphenate = _interopRequireDefault(require("../util/hyphenate"));
+
+var _style = _interopRequireDefault(require("../style"));
+
+var _on = _interopRequireDefault(require("../events/on"));
+
+var _off = _interopRequireDefault(require("../events/off"));
+
+var _properties = _interopRequireDefault(require("./properties"));
+
+var _isTransform = _interopRequireDefault(require("./isTransform"));
+
+var reset = {};
+reset[_properties.default.property] = reset[_properties.default.duration] = reset[_properties.default.delay] = reset[_properties.default.timing] = ''; // super lean animate function for transitions
+// doesn't support all translations to keep it matching the jquery API
+
+/**
+ * code in part from: Zepto 1.1.4 | zeptojs.com/license
+ */
+
+function _animate(_ref) {
+  var node = _ref.node,
+      properties = _ref.properties,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 200 : _ref$duration,
+      easing = _ref.easing,
+      callback = _ref.callback;
+  var cssProperties = [],
+      fakeEvent = {
+    target: node,
+    currentTarget: node
+  },
+      cssValues = {},
+      transforms = '',
+      fired;
+  if (!_properties.default.end) duration = 0;
+  Object.keys(properties).forEach(function (key) {
+    if ((0, _isTransform.default)(key)) transforms += key + "(" + properties[key] + ") ";else {
+      cssValues[key] = properties[key];
+      cssProperties.push((0, _hyphenate.default)(key));
+    }
+  });
+
+  if (transforms) {
+    cssValues[_properties.default.transform] = transforms;
+    cssProperties.push(_properties.default.transform);
+  }
+
+  if (duration > 0) {
+    cssValues[_properties.default.property] = cssProperties.join(', ');
+    cssValues[_properties.default.duration] = duration / 1000 + 's';
+    cssValues[_properties.default.delay] = 0 + 's';
+    cssValues[_properties.default.timing] = easing || 'linear';
+    (0, _on.default)(node, _properties.default.end, done);
+    setTimeout(function () {
+      if (!fired) done(fakeEvent);
+    }, duration + 500);
+  } //eslint-disable-next-line no-unused-expressions
+
+
+  node.clientLeft; // trigger page reflow
+
+  (0, _style.default)(node, cssValues);
+  if (duration <= 0) setTimeout(done.bind(null, fakeEvent), 0);
+  return {
+    cancel: function cancel() {
+      if (fired) return;
+      fired = true;
+      (0, _off.default)(node, _properties.default.end, done);
+      (0, _style.default)(node, reset);
+    }
+  };
+
+  function done(event) {
+    if (event.target !== event.currentTarget) return;
+    fired = true;
+    (0, _off.default)(event.target, _properties.default.end, done);
+    (0, _style.default)(node, reset);
+    callback && callback.call(this);
+  }
+}
+
+function animate(node, properties, duration, easing, callback) {
+  if (arguments.length === 1 && typeof node === 'object') {
+    return _animate(node);
+  }
+
+  if (typeof easing === 'function') {
+    callback = easing;
+    easing = null;
+  }
+
+  return _animate({
+    node: node,
+    properties: properties,
+    duration: duration,
+    easing: easing,
+    callback: callback
+  });
+}
+
+var _default = animate;
+exports.default = _default;
+module.exports = exports["default"];

node_modules/dom-helpers/transition/end.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _properties = _interopRequireDefault(require("./properties"));
+
+var _style = _interopRequireDefault(require("../style"));
+
+function onEnd(node, handler, duration) {
+  var fakeEvent = {
+    target: node,
+    currentTarget: node
+  },
+      backup;
+  if (!_properties.default.end) duration = 0;else if (duration == null) duration = parseDuration(node) || 0;
+
+  if (_properties.default.end) {
+    node.addEventListener(_properties.default.end, done, false);
+    backup = setTimeout(function () {
+      return done(fakeEvent);
+    }, (duration || 100) * 1.5);
+  } else setTimeout(done.bind(null, fakeEvent), 0);
+
+  function done(event) {
+    if (event.target !== event.currentTarget) return;
+    clearTimeout(backup);
+    event.target.removeEventListener(_properties.default.end, done);
+    handler.call(this);
+  }
+}
+
+onEnd._parseDuration = parseDuration;
+var _default = onEnd;
+exports.default = _default;
+
+function parseDuration(node) {
+  var str = (0, _style.default)(node, _properties.default.duration),
+      mult = str.indexOf('ms') === -1 ? 1000 : 1;
+  return parseFloat(str) * mult;
+}
+
+module.exports = exports["default"];

node_modules/dom-helpers/transition/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _end = _interopRequireDefault(require("./end"));
+
+exports.end = _end.default;
+
+var _properties = _interopRequireDefault(require("./properties"));
+
+exports.properties = _properties.default;
+var _default = {
+  end: _end.default,
+  properties: _properties.default
+};
+exports.default = _default;

node_modules/dom-helpers/transition/isTransform.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = isTransform;
+var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
+
+function isTransform(property) {
+  return !!(property && supportedTransforms.test(property));
+}
+
+module.exports = exports["default"];

node_modules/dom-helpers/transition/properties.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;
+
+var _inDOM = _interopRequireDefault(require("../util/inDOM"));
+
+var transform = 'transform';
+exports.transform = transform;
+var prefix, transitionEnd, animationEnd;
+exports.animationEnd = animationEnd;
+exports.transitionEnd = transitionEnd;
+var transitionProperty, transitionDuration, transitionTiming, transitionDelay;
+exports.transitionDelay = transitionDelay;
+exports.transitionTiming = transitionTiming;
+exports.transitionDuration = transitionDuration;
+exports.transitionProperty = transitionProperty;
+var animationName, animationDuration, animationTiming, animationDelay;
+exports.animationDelay = animationDelay;
+exports.animationTiming = animationTiming;
+exports.animationDuration = animationDuration;
+exports.animationName = animationName;
+
+if (_inDOM.default) {
+  var _getTransitionPropert = getTransitionProperties();
+
+  prefix = _getTransitionPropert.prefix;
+  exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
+  exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
+  exports.transform = transform = prefix + "-" + transform;
+  exports.transitionProperty = transitionProperty = prefix + "-transition-property";
+  exports.transitionDuration = transitionDuration = prefix + "-transition-duration";
+  exports.transitionDelay = transitionDelay = prefix + "-transition-delay";
+  exports.transitionTiming = transitionTiming = prefix + "-transition-timing-function";
+  exports.animationName = animationName = prefix + "-animation-name";
+  exports.animationDuration = animationDuration = prefix + "-animation-duration";
+  exports.animationTiming = animationTiming = prefix + "-animation-delay";
+  exports.animationDelay = animationDelay = prefix + "-animation-timing-function";
+}
+
+var _default = {
+  transform: transform,
+  end: transitionEnd,
+  property: transitionProperty,
+  timing: transitionTiming,
+  delay: transitionDelay,
+  duration: transitionDuration
+};
+exports.default = _default;
+
+function getTransitionProperties() {
+  var style = document.createElement('div').style;
+  var vendorMap = {
+    O: function O(e) {
+      return "o" + e.toLowerCase();
+    },
+    Moz: function Moz(e) {
+      return e.toLowerCase();
+    },
+    Webkit: function Webkit(e) {
+      return "webkit" + e;
+    },
+    ms: function ms(e) {
+      return "MS" + e;
+    }
+  };
+  var vendors = Object.keys(vendorMap);
+  var transitionEnd, animationEnd;
+  var prefix = '';
+
+  for (var i = 0; i < vendors.length; i++) {
+    var vendor = vendors[i];
+
+    if (vendor + "TransitionProperty" in style) {
+      prefix = "-" + vendor.toLowerCase();
+      transitionEnd = vendorMap[vendor]('TransitionEnd');
+      animationEnd = vendorMap[vendor]('AnimationEnd');
+      break;
+    }
+  }
+
+  if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
+  if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
+  style = null;
+  return {
+    animationEnd: animationEnd,
+    transitionEnd: transitionEnd,
+    prefix: prefix
+  };
+}