Merge pull request #1 from GenomeUS/ssr-fix

Ssr fix

Author: faridsaud

.gitignore

@@ -1,11 +1,10 @@
 /.cache
 /build
-/cjs
 /coverage
 /dist
 /esm
 /node_modules
 /yarn-error.log
 
 npm-debug.log
-.DS_STORE
+.DS_STORE

cjs/classes/Bounds.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Bounds = function Bounds(rect, offsets, view) {
+  _classCallCheck(this, Bounds);
+
+  var y0 = offsets.y0,
+      y1 = offsets.y1,
+      x1 = offsets.x1,
+      x0 = offsets.x0; // Y offsets
+
+  var yPercent = y1.unit === '%' && y0.unit === '%';
+  var y0Px = y0.value;
+  var y1Px = y1.value;
+
+  if (yPercent) {
+    var h100 = rect.height / 100;
+    y0Px = y0.value * h100;
+    y1Px = y1.value * h100;
+  } // X offsets
+
+
+  var xPercent = x1.unit === '%' && x0.unit === '%';
+  var x0Px = x0.value;
+  var x1Px = x1.value;
+
+  if (xPercent) {
+    var _h = rect.width / 100;
+
+    x0Px = x0.value * _h;
+    x1Px = x1.value * _h;
+  }
+
+  var totalAbsOffY = Math.abs(y0Px) + Math.abs(y1Px);
+  this.totalDistY = view.height + rect.height + totalAbsOffY;
+  var totalDistTrueY = view.height + rect.height + (y1Px > y0Px ? totalAbsOffY * -1 : totalAbsOffY);
+  var totalAbsOffX = Math.abs(x0Px) + Math.abs(x1Px);
+  this.totalDistX = view.width + rect.width + totalAbsOffX;
+  var totalDistTrueX = view.width + rect.width + (x1Px > x0Px ? totalAbsOffX * -1 : totalAbsOffX); // const speed = totalDistTrueY / originTotalDistY;
+
+  var multiplierY = rect.originTotalDistY / totalDistTrueY;
+  var multiplierX = rect.originTotalDistX / totalDistTrueX;
+  this.top = rect.top;
+  this.bottom = rect.bottom;
+
+  if (y0Px < 0) {
+    this.top = this.top + y0Px * multiplierY;
+  }
+
+  if (y1Px > 0) {
+    this.bottom = this.bottom + y1Px * multiplierY;
+  }
+
+  this.left = rect.left;
+  this.right = rect.right;
+
+  if (x0Px < 0) {
+    this.left = this.left + x0Px * multiplierX;
+  }
+
+  if (x1Px > 0) {
+    this.right = this.right + x1Px * multiplierX;
+  }
+};
+
+var _default = Bounds;
+exports.default = _default;

cjs/classes/Element.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Element = void 0;
+
+var _index = require("../utils/index");
+
+var _index2 = require("../helpers/index");
+
+var _constants = require("../constants");
+
+var _Bounds = _interopRequireDefault(require("./Bounds"));
+
+var _Rect = _interopRequireDefault(require("./Rect"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+var Element = /*#__PURE__*/function () {
+  function Element(options) {
+    _classCallCheck(this, Element);
+
+    this.elInner = options.elInner;
+    this.elOuter = options.elOuter;
+    this.props = options.props;
+    this.scrollAxis = options.scrollAxis;
+    this.id = (0, _index.createId)();
+    this.offsets = (0, _index2.getOffsets)(this.props);
+    this.isInView = null;
+    this.percent = 0;
+    this.updatePosition = options.scrollAxis === _constants.VERTICAL ? this._updatePositionVertical : this._updatePositionHorizontal;
+  }
+
+  _createClass(Element, [{
+    key: "updateProps",
+    value: function updateProps(nextProps) {
+      this.props = _objectSpread(_objectSpread({}, this.props), nextProps);
+      this.offsets = (0, _index2.getOffsets)(nextProps);
+      return this;
+    }
+  }, {
+    key: "setCachedAttributes",
+    value: function setCachedAttributes(view, scroll) {
+      this.rect = new _Rect.default(this.elOuter, view, scroll);
+      this.bounds = new _Bounds.default(this.rect, this.offsets, view);
+      return this;
+    }
+  }, {
+    key: "_updatePositionHorizontal",
+    value: function _updatePositionHorizontal(view, scroll) {
+      this.isInView = (0, _index2.isElementInView)(this.bounds.left, this.bounds.right, view.width, scroll.x);
+      if (!this.isInView) return this;
+      this.percent = (0, _index2.percentMoved)(this.rect.left, this.rect.originTotalDistX, view.width, scroll.x);
+      (0, _index2.setParallaxStyles)(this.elInner, this.offsets, this.percent);
+      return this;
+    }
+  }, {
+    key: "_updatePositionVertical",
+    value: function _updatePositionVertical(view, scroll) {
+      this.isInView = (0, _index2.isElementInView)(this.bounds.top, this.bounds.bottom, view.height, scroll.y);
+      if (!this.isInView) return this;
+      this.percent = (0, _index2.percentMoved)(this.rect.top, this.rect.originTotalDistY, view.height, scroll.y);
+      (0, _index2.setParallaxStyles)(this.elInner, this.offsets, this.percent);
+      return this;
+    }
+  }]);
+
+  return Element;
+}();
+
+exports.Element = Element;