mediacube-ui 0.1.265 → 0.1.267

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.267](https://github.com/MediaCubeCo/mcui/compare/v0.1.266...v0.1.267) (2024-05-17)
+
+### [0.1.266](https://github.com/MediaCubeCo/mcui/compare/v0.1.265...v0.1.266) (2024-05-16)
+
 ### [0.1.265](https://github.com/MediaCubeCo/mcui/compare/v0.1.264...v0.1.265) (2024-05-15)
 
 ### [0.1.264](https://github.com/MediaCubeCo/mcui/compare/v0.1.263...v0.1.264) (2024-05-03)

package/package.json

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

package/src/elements/McBadge/McBadge.vue

@@ -23,7 +23,7 @@ export default {
             default: false,
         },
     },
-    render(h, { props, slots, data }) {
+    render(h, { props, slots, data, listeners }) {
         const variation = `${props.variation}${props.modern ? '-modern' : ''}`
         const classes = {
             'mc-badge': true,
@@ -74,6 +74,7 @@ export default {
             {
                 class: classes,
                 style,
+                on: listeners,
             },
             [
                 h(

package/src/elements/McInfinityLoadingIndicator/McInfinityLoadingIndicator.vue

@@ -65,7 +65,7 @@ export default {
                     }
                 },
                 {
-                    ...(this.root ? { root: document.querySelector(this.root) } : {}),
+                    ...(this.root ? { root: this.$el.closest(this.root) } : {}),
                     rootMargin: `${this.overlap}px`,
                     threshold: 0.1,
                 },

package/src/elements/McTabs/McTabs/McTabs.vue

@@ -13,7 +13,7 @@
                     <a
                         :aria-controls="tab.hash"
                         :aria-selected="tab.isActive"
-                        :href="tab.to || tab.href || tab.hash"
+                        :href="getHref(tab)"
                         class="tabs-component-tab-a"
                         role="tab"
                         @click="selectTab(tab.hash, $event)"
@@ -273,6 +273,11 @@ export default {
 
             const selectedTab = this.findTab(selectedTabHash)
 
+            if (selectedTab.$listeners && selectedTab.$listeners.click) {
+                selectedTab.$emit('click', event)
+                return
+            }
+
             if (!selectedTab) {
                 return
             }
@@ -351,6 +356,10 @@ export default {
         getActiveTabIndex() {
             return this.getTabIndex(this.activeTabHash)
         },
+
+        getHref(tab) {
+            return tab.$listeners.click ? null : tab.to || tab.href || tab.hash
+        },
     },
 }
 </script>
@@ -492,6 +501,7 @@ export default {
         text-decoration: none;
         padding-bottom: $space-150;
         margin: 0 $space-150;
+        cursor: pointer;
 
         @include child-indent-right($space-50);
         @include border();