added decelation factor for pull to refresh

Author: chicio

_includes/dependencies-js-blog.html

@@ -16,5 +16,5 @@
 </script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_SVG"></script>
 <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
-<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=6765c18b2245dadac96ecdf2c0786a63"></script>
+<script type="text/javascript" src="/assets/js/index.blog.min.js?rev=a155500f2a958119ba19c2b4b967fb7f"></script>
 {%include service-worker.html %}

_includes/service-worker-js-blog-urls.js

@@ -1 +1 @@
-"/assets/js/index.blog.min.js?rev=6765c18b2245dadac96ecdf2c0786a63",
+"/assets/js/index.blog.min.js?rev=a155500f2a958119ba19c2b4b967fb7f",

_js/blog/pull-to-refresh.js

@@ -19,6 +19,7 @@ const pullToRefresh = (): void => {
 
   const pullToRefreshElementHeight: number = pullToRefreshElement.offsetHeight
   const pullToRefreshStatusRepository = createPullToRefreshStatusRepository()
+  const decelerationFactor = 0.5
   let dragStartPoint = createTouchCoordinates(0, 0)
 
   const dragUpdate = (dragMovement: number, pullToRefreshLoaderOpacity: number): void => {
@@ -74,7 +75,7 @@ const pullToRefresh = (): void => {
 
   document.addEventListener('touchmove', (event: TouchEvent) => {
     const dragCurrentPoint = getTouchesCoordinatesFrom(event)
-    const yMovement: number = dragStartPoint.y - dragCurrentPoint.y
+    const yMovement: number = (dragStartPoint.y - dragCurrentPoint.y) * decelerationFactor
     const yAbsoluteMovement: number = Math.abs(yMovement)
 
     if (isDraggingForPullToRefresh(yMovement) && !pullToRefreshStatusRepository.refreshStarted) {

_jsbuild/blog/pull-to-refresh.js

@@ -19,6 +19,7 @@ const pullToRefresh = () => {
 
   const pullToRefreshElementHeight = pullToRefreshElement.offsetHeight
   const pullToRefreshStatusRepository = createPullToRefreshStatusRepository()
+  const decelerationFactor = 0.5
   let dragStartPoint = createTouchCoordinates(0, 0)
 
   const dragUpdate = (dragMovement, pullToRefreshLoaderOpacity) => {
@@ -74,7 +75,7 @@ const pullToRefresh = () => {
 
   document.addEventListener('touchmove', (event) => {
     const dragCurrentPoint = getTouchesCoordinatesFrom(event)
-    const yMovement = dragStartPoint.y - dragCurrentPoint.y
+    const yMovement = (dragStartPoint.y - dragCurrentPoint.y) * decelerationFactor
     const yAbsoluteMovement = Math.abs(yMovement)
 
     if (isDraggingForPullToRefresh(yMovement) && !pullToRefreshStatusRepository.refreshStarted) {