@mixd-id/web-scaffold 0.1.230406207 → 0.1.230406208

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406207",
+  "version": "0.1.230406208",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Carousel.vue

@@ -216,7 +216,6 @@ export default{
       const sy = typeof e.touches !== 'undefined' ? e.touches[0].clientY : e.clientY
       const dx = sx - this._props['sx']
       const dy = sy - this._props['sy']
-      const ix = parseInt(this._props['ix'] + dx)
 
       if(!this._props['direction']){
         if(Math.abs(dy) > 3){
@@ -228,6 +227,15 @@ export default{
         }
       }
       else if(this._props['direction'] === 'horizontal'){
+        let ix
+        if((this.index === this.items.length - 1 && dx < 0) ||
+            (this.index === 0 && dx > 0)){
+          ix = parseInt(this._props['ix'] + (dx * .23812))
+        }
+        else{
+          ix = parseInt(this._props['ix'] + dx)
+        }
+
         this.$el.firstElementChild.style.transform = `translate3d(${ix}px, 0, 0)`
       }
 
@@ -264,24 +272,6 @@ export default{
 				this.play()
     },
 
-    disableBodyScroll(){
-      if(this.$isTouchSupported()){
-        this.scrollPosition = window.pageYOffset || document.documentElement.offsetTop
-        document.body.classList.add(this.$style.htmlNoScroll)
-        document.body.classList.add(this.$style.bodyNoScroll)
-        document.body.style.top = `-${this.scrollPosition}px`;
-      }
-    },
-
-    enableBodyScroll(){
-      if(this.$isTouchSupported()){
-        document.body.style.removeProperty('top');
-        document.body.classList.remove(this.$style.bodyNoScroll)
-        document.body.classList.remove(this.$style.htmlNoScroll)
-        window.scrollTo(0, this.scrollPosition);
-      }
-    },
-
     mouseDown(e){
 			if(!this.items || this.items.length <= 1)
 				return
@@ -378,22 +368,5 @@ export default{
 	@apply bg-primary-500;
 }
 
-.htmlNoScroll{
-  min-height: 100.3%;
-  overscroll-behavior-y: none;
-  height: 100%;
-  overflow: hidden;
-}
-.bodyNoScroll{
-  overscroll-behavior: none;
-  overscroll-behavior-y: none;
-  overflow: hidden;
-  position: fixed;
-  width: 100%;
-  margin: 0;
-  max-height: 100%;
-  -webkit-overflow-scrolling: touch;
-}
-
 
 </style>