Some bar events also emit the time position in the gantt chart on which they occured (e.g. contextmenu-bar)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-ganttastic",
-  "version": "0.9.30",
+  "version": "0.9.31",
   "description": "A simple and customizable Gantt chart component for Vue.js",
   "repository": {
     "type": "git",

src/GGanttBar.vue

@@ -153,25 +153,28 @@ export default {
         clearTimeout(this.tooltipTimeout)
       }
       this.tooltipTimeout = setTimeout(() => this.showTooltip = true, 800)
-      this.onBarEvent(e, this)
+      this.onBarEvent({event: e, type: e.type}, this)
     },
 
     onMouseleave(e){
       clearTimeout(this.tooltipTimeout)
       this.showTooltip = false
-      this.onBarEvent(e, this)
+      this.onBarEvent({event: e, type: e.type}, this)
     },
 
     onContextmenu(e){
-      this.onBarEvent(e, this)
+      const time = this.mapPositionToTime(e.clientX - this.barContainer.left).format("YYYY-MM-DD HH:mm:ss")
+      this.onBarEvent({event: e, type: e.type, time}, this)
     },
 
     onClick(e){
-      this.onBarEvent(e, this)
+      const time = this.mapPositionToTime(e.clientX - this.barContainer.left).format("YYYY-MM-DD HH:mm:ss")
+      this.onBarEvent({event: e, type: e.type, time}, this)
     },
 
     onDblclick(e) {
-      this.onBarEvent(e, this)
+      const time = this.mapPositionToTime(e.clientX - this.barContainer.left).format("YYYY-MM-DD HH:mm:ss")
+      this.onBarEvent({event: e, type: e.type, time}, this)
     },
 
     onMousedown(e){
@@ -189,7 +192,8 @@ export default {
           {once: true}
         )
       }
-      this.onBarEvent(e, this)
+      const time = this.mapPositionToTime(e.clientX - this.barContainer.left).format("YYYY-MM-DD HH:mm:ss")
+      this.onBarEvent({event: e, type: e.type, time}, this)
     },
 
     onFirstMousemove(e){
@@ -234,7 +238,7 @@ export default {
       this.barStartMoment = this.mapPositionToTime(newXStart)
       this.barEndMoment = this.mapPositionToTime(newXEnd)
       this.manageOverlapping()
-      this.onBarEvent({...e, type: "drag"}, this)
+      this.onBarEvent({event: e, type: "drag"}, this)
     },
 
     dragByHandleLeft(e){

src/GGanttChart.vue

@@ -149,8 +149,8 @@ export default {
       return false
     },
 
-    onBarEvent(e, ganttBar){
+    onBarEvent({event, type, time}, ganttBar){
-      this.$emit(`${e.type}-bar`, {event: e, bar: ganttBar.bar})
+      this.$emit(`${type}-bar`, {event, bar: ganttBar.bar, time})
     },
     
     onDragendBar(e, ganttBar){