mediacube-ui 0.1.233 → 0.1.235

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.235](https://github.com/MediaCubeCo/mcui/compare/v0.1.234...v0.1.235) (2024-03-15)
+
+### [0.1.234](https://github.com/MediaCubeCo/mcui/compare/v0.1.233...v0.1.234) (2024-03-14)
+
 ### [0.1.233](https://github.com/MediaCubeCo/mcui/compare/v0.1.232...v0.1.233) (2024-03-12)
 
 ### [0.1.232](https://github.com/MediaCubeCo/mcui/compare/v0.1.231...v0.1.232) (2024-03-11)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.233",
+  "version": "0.1.235",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McDatePicker/McDatePicker.vue

@@ -425,14 +425,14 @@ export default {
         },
     },
     mounted() {
-        document.addEventListener('touchstart', this.handleTouchStart)
-        document.addEventListener('touchend', this.handleTouchEnd)
-        document.addEventListener('touchmove', this.handleTouchMove)
+        this.$el.addEventListener('touchstart', this.handleTouchStart)
+        this.$el.addEventListener('touchend', this.handleTouchEnd)
+        this.$el.addEventListener('touchmove', this.handleTouchMove)
     },
     beforeDestroy() {
-        document.removeEventListener('touchstart', this.handleTouchStart)
-        document.removeEventListener('touchend', this.handleTouchEnd)
-        document.addEventListener('touchmove', this.handleTouchMove)
+        this.$el.removeEventListener('touchstart', this.handleTouchStart)
+        this.$el.removeEventListener('touchend', this.handleTouchEnd)
+        this.$el.removeEventListener('touchmove', this.handleTouchMove)
     },
     methods: {
         async setupDayjsLocale() {
@@ -558,11 +558,14 @@ export default {
             this.isScrolling = true
         },
         handleTouchEnd(event) {
+            if (!event) return
             if (!this.isScrolling && !this.isTouchEnd) {
                 this.isTouchEnd = true
                 event.preventDefault()
                 event.stopPropagation()
-                event.target.click()
+                if (event.target.click !== undefined) {
+                    event.target.click()
+                }
                 this.isTouchEnd = false
             }
         },

package/src/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue

@@ -289,6 +289,16 @@ export default {
                         }
                     }
                 }
+                .mc-side-bar-button {
+                    &__tooltip {
+                        width: calc(100% - #{$space-250});
+                        .mc-button {
+                            &__text {
+                                margin-inline-end: $space-zero;
+                            }
+                        }
+                    }
+                }
             }
             &__head {
                 display: flex;