@mixd-id/web-scaffold 0.1.230406205 → 0.1.230406207

package/package.json

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

package/src/components/Carousel.vue

@@ -102,14 +102,20 @@ export default{
       index: 0,
 			timeoutId: null,
       scrollPosition: null,
+      swiping: false,
     }
   },
 
   mounted(){
+    window.addEventListener('touchmove', this.onTouchMove, { passive: false });
 		if(this.autoPlay > 0)
 			this.play()
   },
 
+  unmounted() {
+    window.removeEventListener('touchmove', this.onTouchMove, { passive: false });
+  },
+
   watch:{
 
 		index(to){
@@ -125,6 +131,14 @@ export default{
 
   methods:{
 
+    onTouchMove(e){
+      if(this.swiping && e.cancelable) {
+        e.preventDefault();
+        e.returnValue = false;
+        return false;
+      }
+    },
+
 		setPosition(noAnimation) {
 			if(!this.$refs.inner) return
 
@@ -210,7 +224,7 @@ export default{
         }
         else if(Math.abs(dx) > 3){
           this._props['direction'] = 'horizontal'
-          this.disableBodyScroll()
+          this.swiping = true
         }
       }
       else if(this._props['direction'] === 'horizontal'){
@@ -237,7 +251,7 @@ export default{
           this.setPosition()
         }
 
-        this.enableBodyScroll()
+        this.swiping = false
       }
 
       window.removeEventListener('mousemove', this.mouseMove)

package/src/widgets/WebPageBuilder.vue

@@ -755,6 +755,13 @@ export default{
         }
       }
 
+      const whitelistProps = [ 'containerVariant' ]
+      whitelistProps.forEach((key) => {
+        if(component.props[key]){
+          instance[key] = component.props[key]
+        }
+      })
+
       if(Array.isArray(component.items)){
         instance.items = component.items.map((_) => this.createComponentInstance(_)).filter(_=>_)
       }