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

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=6ea2f0c5&
 
 
 
-var MTabvue_type_template_id_56192aef_render = function render() {
+var MTabvue_type_template_id_6ea2f0c5_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -42889,7 +42889,15 @@ 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",
+      staticClass: "mc-tabs__link",
+      class: _vm.setLinkClass(tab),
+      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 +42916,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,9 +42924,9 @@ 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_6ea2f0c5_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=6ea2f0c5&
 
 ;// 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&
 
@@ -42968,32 +42976,38 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
     },
     activeIndex: {
       type: Number,
-      default: 0
+      default: null
     }
   },
   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,20 +43018,14 @@ 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;
           }
         }
       }
@@ -43030,38 +43038,6 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
         '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');
@@ -43074,15 +43050,28 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
       if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
         return this.tablist.children[index].children[0];
       }
+    },
+    onTabClicked: function onTabClicked(e, tab, index) {
+      if (tab && tab.disabled) {
+        return;
+      }
+
+      if (typeof this.activeIndex !== 'number') {
+        this.localActiveIndex = index;
+      }
+
+      this.$emit('tab-clicked', e.target, Object.assign({
+        index: index
+      }, tab));
     }
   }
 });
 ;// 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=6ea2f0c5&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=6ea2f0c5&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -43095,8 +43084,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_6ea2f0c5_render,
+  MTabvue_type_template_id_6ea2f0c5_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=6ea2f0c5&
 
 
 
-var MTabvue_type_template_id_56192aef_render = function render() {
+var MTabvue_type_template_id_6ea2f0c5_render = function render() {
   var _vm = this,
       _c = _vm._self._c;
 
@@ -42879,7 +42879,15 @@ 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",
+      staticClass: "mc-tabs__link",
+      class: _vm.setLinkClass(tab),
+      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 +42906,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,9 +42914,9 @@ 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_6ea2f0c5_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=56192aef&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=6ea2f0c5&
 
 ;// 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&
 
@@ -42958,32 +42966,38 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
     },
     activeIndex: {
       type: Number,
-      default: 0
+      default: null
     }
   },
   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,20 +43008,14 @@ 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;
           }
         }
       }
@@ -43020,38 +43028,6 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
         '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');
@@ -43064,15 +43040,28 @@ var MTabvue_type_template_id_56192aef_staticRenderFns = [];
       if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
         return this.tablist.children[index].children[0];
       }
+    },
+    onTabClicked: function onTabClicked(e, tab, index) {
+      if (tab && tab.disabled) {
+        return;
+      }
+
+      if (typeof this.activeIndex !== 'number') {
+        this.localActiveIndex = index;
+      }
+
+      this.$emit('tab-clicked', e.target, Object.assign({
+        index: index
+      }, tab));
     }
   }
 });
 ;// 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=6ea2f0c5&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=6ea2f0c5&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -43085,8 +43074,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_6ea2f0c5_render,
+  MTabvue_type_template_id_6ea2f0c5_staticRenderFns,
   false,
   null,
   null,