@mozaic-ds/vue 0.22.0 → 0.22.1-beta.0

package/dist/mozaic-vue.umd.js

@@ -42865,12 +42865,11 @@ MStepper.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=template&id=48690377&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
 
 
 
-
-var MTabvue_type_template_id_48690377_render = function render() {
+var MTabvue_type_template_id_56192aef_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -42895,7 +42894,7 @@ var MTabvue_type_template_id_48690377_render = function render() {
       refInFor: true,
       tag: "component",
       staticClass: "mc-tabs__link",
-      class: _vm.setActiveClass(tab),
+      class: _vm.setLinkClass(tab),
       attrs: {
         "id": tab.id,
         "href": tab.href ? !tab.disabled ? tab.href : null : null,
@@ -42906,9 +42905,7 @@ var MTabvue_type_template_id_48690377_render = function render() {
       },
       on: {
         "click": function click($event) {
-          _vm.manageTabs($event.target, $event, Object.assign({
-            index: index
-          }, tab));
+          return _vm.onTabClicked($event, tab, index);
         }
       }
     }, [_vm._v(" " + _vm._s(tab.text) + " ")])], 1);
@@ -42919,9 +42916,9 @@ var MTabvue_type_template_id_48690377_render = function render() {
   }, 'm-select', _vm.selectAttributes, false))], 1);
 };
 
-var MTabvue_type_template_id_48690377_staticRenderFns = [];
+var MTabvue_type_template_id_56192aef_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=48690377&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
 
@@ -42995,9 +42992,7 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
       var tab = this.getTabFromIndex(newValue);
 
       if (tab && this.tabs[newValue]) {
-        this.manageTabs(tab, null, Object.assign({
-          index: newValue
-        }, this.tabs[newValue]));
+        this.setTabState(tab);
       }
     }
   },
@@ -43012,7 +43007,7 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
           var tab = _this.getTabFromIndex(_this.activeIndex);
 
           if (tab) {
-            _this.manageTabs(tab);
+            _this.setTabState(tab);
           }
         } else {
           var isActive = _this.tabs.some(function (tab) {
@@ -43022,25 +43017,34 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
           if (!isActive) {
             var firstTab = _this.tablist.querySelector('.mc-tabs__link');
 
-            _this.manageTabs(firstTab);
+            _this.setTabState(firstTab);
           }
         }
       }
     });
   },
   methods: {
-    setActiveClass: function setActiveClass(tab) {
-      var tabClasses = [];
-
-      if (tab.active) {
-        tabClasses.push('mc-tabs__link--selected');
+    setLinkClass: function setLinkClass(tab) {
+      return {
+        'mc-tabs__link--selected': tab.active,
+        'mc-tabs__link--disabled': tab.disabled
+      };
+    },
+    onTabClicked: function onTabClicked(e, tab, index) {
+      if (tab && tab.disabled) {
+        return;
       }
 
-      if (tab.disabled) {
-        tabClasses.push('mc-tabs__link--disabled');
+      var selectedTab = this.getTabFromIndex(index);
+
+      if (this.activeIndex) {
+        selectedTab = this.getTabFromIndex(this.activeIndex);
       }
 
-      return tabClasses;
+      this.setTabState(selectedTab);
+      this.$emit('tab-clicked', e.target, Object.assign({
+        index: index
+      }, tab));
     },
     manageTabs: function manageTabs(el, e, tab) {
       if (tab && tab.disabled) {
@@ -43058,6 +43062,14 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
       el.classList.add('mc-tabs__link--selected');
       el.setAttribute('aria-selected', 'true');
     },
+    setTabState: function setTabState(tab) {
+      this.tablist.querySelectorAll('.mc-tabs__link').forEach(function (el) {
+        el.classList.remove('mc-tabs__link--selected');
+        el.setAttribute('aria-selected', 'false');
+      });
+      tab.classList.add('mc-tabs__link--selected');
+      tab.setAttribute('aria-selected', 'true');
+    },
     getTabFromIndex: function getTabFromIndex(index) {
       if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
         return this.tablist.children[index].children[0];
@@ -43067,10 +43079,10 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
  /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=style&index=0&id=48690377&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=style&index=0&id=56192aef&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=48690377&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=56192aef&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -43083,8 +43095,8 @@ var MTabvue_type_template_id_48690377_staticRenderFns = [];
 
 var MTab_component = normalizeComponent(
   tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_48690377_render,
-  MTabvue_type_template_id_48690377_staticRenderFns,
+  MTabvue_type_template_id_56192aef_render,
+  MTabvue_type_template_id_56192aef_staticRenderFns,
   false,
   null,
   null,