mediacube-ui 0.1.264 → 0.1.266

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.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)
 
 ### [0.1.263](https://github.com/MediaCubeCo/mcui/compare/v0.1.262...v0.1.263) (2024-05-02)

package/package.json

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

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();

package/src/patterns/McFilter/McFilterTags/McFilterTags.vue

@@ -139,9 +139,10 @@ export default {
                         const from = value.more
                             ? `${this.placeholders.from} ${this.getFormattedVal(value.more, filter)}`
                             : ''
+
                         const to = value.less
                             ? `${this.placeholders.to} ${this.getFormattedVal(
-                                  filter.type === 'date' && filter.useTimezone
+                                  filter.type === 'date'
                                       ? dayjs(value.less)
                                             .subtract(1, 'days')
                                             .format()