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

package/dist/mozaic-vue.adeo.umd.js

@@ -42865,11 +42865,11 @@ MStepper.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=7a9e6e1d&
 
 
 
-var MTabvue_type_template_id_56192aef_render = function render() {
+var MTabvue_type_template_id_7a9e6e1d_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -42889,7 +42889,13 @@ var MTabvue_type_template_id_56192aef_render = function render() {
       attrs: {
         "role": "presentation"
       }
-    }, [_c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
+    }, [tab.router ? _c("".concat(tab.router), _vm._b({
+      tag: "component",
+      attrs: {
+        "to": tab.to,
+        "active-class": "mc-tabs__link--selected"
+      }
+    }, 'component', tab.attrs, false), [_vm._v(" " + _vm._s(tab.text) + " ")]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', _vm._b({
       ref: "tab",
       refInFor: true,
       tag: "component",
@@ -42908,7 +42914,7 @@ var MTabvue_type_template_id_56192aef_render = function render() {
           return _vm.onTabClicked($event, tab, index);
         }
       }
-    }, [_vm._v(" " + _vm._s(tab.text) + " ")])], 1);
+    }, 'component', tab.attrs, false), [_vm._v(" " + _vm._s(tab.text) + " ")])], 1);
   }), 0) : _c('m-select', _vm._b({
     attrs: {
       "options": _vm.tabs
@@ -42916,13 +42922,17 @@ var MTabvue_type_template_id_56192aef_render = function render() {
   }, 'm-select', _vm.selectAttributes, false))], 1);
 };
 
-var MTabvue_type_template_id_56192aef_staticRenderFns = [];
+var MTabvue_type_template_id_7a9e6e1d_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=7a9e6e1d&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
 
 
+var _methods;
+
+
+
 
 
 
@@ -42973,27 +42983,33 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
   },
   data: function data() {
     return {
-      tablist: null
+      tablist: null,
+      localActiveIndex: null
     };
   },
   computed: {
     setClasses: function setClasses() {
-      var classes = [{
+      return {
         'mc-tabs--full': this.align === 'full',
         'mc-tabs--full-centered': this.align === 'centered',
         'mc-tabs--dropdown': this.type === 'dropdown',
         'mc-tabs--no-shadow': !this.shadow
-      }];
-      return classes;
+      };
     }
   },
   watch: {
     activeIndex: function activeIndex(newValue) {
-      var tab = this.getTabFromIndex(newValue);
+      this.localActiveIndex = newValue;
+    },
+    localActiveIndex: {
+      handler: function handler(newValue) {
+        var selectedTab = this.getTabFromIndex(newValue);
 
-      if (tab && this.tabs[newValue]) {
-        this.setTabState(tab);
-      }
+        if (selectedTab) {
+          this.setTabState(selectedTab);
+        }
+      },
+      immediate: true
     }
   },
   mounted: function mounted() {
@@ -43004,64 +43020,26 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
         _this.tablist = _this.$refs.tablist;
 
         if (_this.activeIndex) {
-          var tab = _this.getTabFromIndex(_this.activeIndex);
-
-          if (tab) {
-            _this.setTabState(tab);
-          }
+          _this.localActiveIndex = _this.activeIndex;
         } else {
           var isActive = _this.tabs.some(function (tab) {
-            return Object.prototype.hasOwnProperty.call(tab, 'active');
+            return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
           });
 
           if (!isActive) {
-            var firstTab = _this.tablist.querySelector('.mc-tabs__link');
-
-            _this.setTabState(firstTab);
+            _this.localActiveIndex = 0;
           }
         }
       }
     });
   },
-  methods: {
+  methods: (_methods = {
     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;
-      }
-
-      var selectedTab = this.getTabFromIndex(index);
-
-      if (this.activeIndex) {
-        selectedTab = this.getTabFromIndex(this.activeIndex);
-      }
-
-      this.setTabState(selectedTab);
-      this.$emit('tab-clicked', e.target, Object.assign({
-        index: index
-      }, tab));
-    },
-    manageTabs: function manageTabs(el, e, tab) {
-      if (tab && tab.disabled) {
-        return;
-      }
-
-      if (e) {
-        this.$emit('tab-clicked', e.target, tab);
-      }
-
-      this.tablist.querySelectorAll('.mc-tabs__link').forEach(function (el) {
-        el.classList.remove('mc-tabs__link--selected');
-        el.setAttribute('aria-selected', 'false');
-      });
-      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');
@@ -43069,20 +43047,38 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
       });
       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];
-      }
     }
-  }
+  }, _defineProperty(_methods, "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');
+  }), _defineProperty(_methods, "getTabFromIndex", function getTabFromIndex(index) {
+    if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
+      return this.tablist.children[index].children[0];
+    }
+  }), _defineProperty(_methods, "onTabClicked", function onTabClicked(e, tab, index) {
+    if (tab && tab.disabled) {
+      return;
+    }
+
+    if (!this.activeIndex) {
+      this.localActiveIndex = index;
+    }
+
+    this.$emit('tab-clicked', e.target, Object.assign({
+      index: index
+    }, tab));
+  }), _methods)
 });
 ;// 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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.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&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.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=7a9e6e1d&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=56192aef&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=7a9e6e1d&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -43095,8 +43091,8 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
 
 var MTab_component = normalizeComponent(
   tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_56192aef_render,
-  MTabvue_type_template_id_56192aef_staticRenderFns,
+  MTabvue_type_template_id_7a9e6e1d_render,
+  MTabvue_type_template_id_7a9e6e1d_staticRenderFns,
   false,
   null,
   null,

package/dist/mozaic-vue.common.js

@@ -42855,11 +42855,11 @@ MStepper.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=7a9e6e1d&
 
 
 
-var MTabvue_type_template_id_56192aef_render = function render() {
+var MTabvue_type_template_id_7a9e6e1d_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -42879,7 +42879,13 @@ var MTabvue_type_template_id_56192aef_render = function render() {
       attrs: {
         "role": "presentation"
       }
-    }, [_c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
+    }, [tab.router ? _c("".concat(tab.router), _vm._b({
+      tag: "component",
+      attrs: {
+        "to": tab.to,
+        "active-class": "mc-tabs__link--selected"
+      }
+    }, 'component', tab.attrs, false), [_vm._v(" " + _vm._s(tab.text) + " ")]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', _vm._b({
       ref: "tab",
       refInFor: true,
       tag: "component",
@@ -42898,7 +42904,7 @@ var MTabvue_type_template_id_56192aef_render = function render() {
           return _vm.onTabClicked($event, tab, index);
         }
       }
-    }, [_vm._v(" " + _vm._s(tab.text) + " ")])], 1);
+    }, 'component', tab.attrs, false), [_vm._v(" " + _vm._s(tab.text) + " ")])], 1);
   }), 0) : _c('m-select', _vm._b({
     attrs: {
       "options": _vm.tabs
@@ -42906,13 +42912,17 @@ var MTabvue_type_template_id_56192aef_render = function render() {
   }, 'm-select', _vm.selectAttributes, false))], 1);
 };
 
-var MTabvue_type_template_id_56192aef_staticRenderFns = [];
+var MTabvue_type_template_id_7a9e6e1d_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=7a9e6e1d&
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
 
 
+var _methods;
+
+
+
 
 
 
@@ -42963,27 +42973,33 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
   },
   data: function data() {
     return {
-      tablist: null
+      tablist: null,
+      localActiveIndex: null
     };
   },
   computed: {
     setClasses: function setClasses() {
-      var classes = [{
+      return {
         'mc-tabs--full': this.align === 'full',
         'mc-tabs--full-centered': this.align === 'centered',
         'mc-tabs--dropdown': this.type === 'dropdown',
         'mc-tabs--no-shadow': !this.shadow
-      }];
-      return classes;
+      };
     }
   },
   watch: {
     activeIndex: function activeIndex(newValue) {
-      var tab = this.getTabFromIndex(newValue);
+      this.localActiveIndex = newValue;
+    },
+    localActiveIndex: {
+      handler: function handler(newValue) {
+        var selectedTab = this.getTabFromIndex(newValue);
 
-      if (tab && this.tabs[newValue]) {
-        this.setTabState(tab);
-      }
+        if (selectedTab) {
+          this.setTabState(selectedTab);
+        }
+      },
+      immediate: true
     }
   },
   mounted: function mounted() {
@@ -42994,64 +43010,26 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
         _this.tablist = _this.$refs.tablist;
 
         if (_this.activeIndex) {
-          var tab = _this.getTabFromIndex(_this.activeIndex);
-
-          if (tab) {
-            _this.setTabState(tab);
-          }
+          _this.localActiveIndex = _this.activeIndex;
         } else {
           var isActive = _this.tabs.some(function (tab) {
-            return Object.prototype.hasOwnProperty.call(tab, 'active');
+            return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
           });
 
           if (!isActive) {
-            var firstTab = _this.tablist.querySelector('.mc-tabs__link');
-
-            _this.setTabState(firstTab);
+            _this.localActiveIndex = 0;
           }
         }
       }
     });
   },
-  methods: {
+  methods: (_methods = {
     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;
-      }
-
-      var selectedTab = this.getTabFromIndex(index);
-
-      if (this.activeIndex) {
-        selectedTab = this.getTabFromIndex(this.activeIndex);
-      }
-
-      this.setTabState(selectedTab);
-      this.$emit('tab-clicked', e.target, Object.assign({
-        index: index
-      }, tab));
-    },
-    manageTabs: function manageTabs(el, e, tab) {
-      if (tab && tab.disabled) {
-        return;
-      }
-
-      if (e) {
-        this.$emit('tab-clicked', e.target, tab);
-      }
-
-      this.tablist.querySelectorAll('.mc-tabs__link').forEach(function (el) {
-        el.classList.remove('mc-tabs__link--selected');
-        el.setAttribute('aria-selected', 'false');
-      });
-      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');
@@ -43059,20 +43037,38 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
       });
       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];
-      }
     }
-  }
+  }, _defineProperty(_methods, "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');
+  }), _defineProperty(_methods, "getTabFromIndex", function getTabFromIndex(index) {
+    if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
+      return this.tablist.children[index].children[0];
+    }
+  }), _defineProperty(_methods, "onTabClicked", function onTabClicked(e, tab, index) {
+    if (tab && tab.disabled) {
+      return;
+    }
+
+    if (!this.activeIndex) {
+      this.localActiveIndex = index;
+    }
+
+    this.$emit('tab-clicked', e.target, Object.assign({
+      index: index
+    }, tab));
+  }), _methods)
 });
 ;// 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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.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&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.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-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.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=7a9e6e1d&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=56192aef&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=7a9e6e1d&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -43085,8 +43081,8 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
 
 var MTab_component = normalizeComponent(
   tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_56192aef_render,
-  MTabvue_type_template_id_56192aef_staticRenderFns,
+  MTabvue_type_template_id_7a9e6e1d_render,
+  MTabvue_type_template_id_7a9e6e1d_staticRenderFns,
   false,
   null,
   null,