@mozaic-ds/vue 0.30.0-beta.0 → 0.31.0

package/dist/mozaic-vue.common.js

@@ -16713,9 +16713,9 @@ var es_array_join = __webpack_require__(9600);
 var es_string_includes = __webpack_require__(2023);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__(2707);
-;// 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/tags/MTag.vue?vue&type=template&id=6adf0246&
+;// 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/tags/MTag.vue?vue&type=template&id=478ba694&
 
-var MTagvue_type_template_id_6adf0246_render = function render() {
+var MTagvue_type_template_id_478ba694_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.type === 'text' ? _c('span', {
@@ -16761,24 +16761,28 @@ var MTagvue_type_template_id_6adf0246_render = function render() {
     staticClass: "mc-tag-selectable__label"
   }, [_vm._v(" " + _vm._s(_vm.label) + " ")])])]) : _vm.type === 'removable' ? _c('span', {
     staticClass: "mc-tag-removable",
-    class: _vm.setClasses
+    class: _vm.setClasses,
+    attrs: {
+      "id": _vm.id
+    }
   }, [_c('span', {
     staticClass: "mc-tag-removable__label"
   }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('button', {
     staticClass: "mc-tag-removable__remove",
     attrs: {
-      "type": "button"
+      "type": "button",
+      "disabled": _vm.disabled
     },
     on: {
       "click": function click($event) {
-        return _vm.$emit('remove-tag');
+        return _vm.$emit('remove-tag', _vm.id);
       }
     }
   })]) : _vm._e();
 };
-var MTagvue_type_template_id_6adf0246_staticRenderFns = [];
+var MTagvue_type_template_id_478ba694_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=6adf0246&
+;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=478ba694&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__(2526);
@@ -17014,10 +17018,10 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
 });
 ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=script&lang=js&
  /* harmony default export */ var tags_MTagvue_type_script_lang_js_ = (MTagvue_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/tags/MTag.vue?vue&type=style&index=0&id=6adf0246&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/tags/MTag.vue?vue&type=style&index=0&id=478ba694&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=6adf0246&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=478ba694&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue
 
@@ -17030,8 +17034,8 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
 
 var MTag_component = normalizeComponent(
   tags_MTagvue_type_script_lang_js_,
-  MTagvue_type_template_id_6adf0246_render,
-  MTagvue_type_template_id_6adf0246_staticRenderFns,
+  MTagvue_type_template_id_478ba694_render,
+  MTagvue_type_template_id_478ba694_staticRenderFns,
   false,
   null,
   null,
@@ -17174,8 +17178,8 @@ var MTextInputvue_type_template_id_60f974b3_render = function render() {
 };
 var MTextInputvue_type_template_id_60f974b3_staticRenderFns = [];
 
-;// 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/textinput/MTextInputField.vue?vue&type=template&id=1e0e5d78&
-var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
+;// 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/textinput/MTextInputField.vue?vue&type=template&id=2e097c12&
+var MTextInputFieldvue_type_template_id_2e097c12_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('input', _vm._g({
@@ -17192,7 +17196,7 @@ var MTextInputFieldvue_type_template_id_1e0e5d78_render = function render() {
     }
   }, _vm.inputListeners));
 };
-var MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns = [];
+var MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
 var es_object_assign = __webpack_require__(9601);
@@ -17202,7 +17206,7 @@ var es_object_assign = __webpack_require__(9601);
 
 
 
-var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search'];
+var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'time', 'search', 'month', 'week', 'datetime-local'];
 /* harmony default export */ var MTextInputFieldvue_type_script_lang_js_ = ({
   name: 'MTextInputField',
   props: {
@@ -17271,10 +17275,10 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 });
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=script&lang=js&
  /* harmony default export */ var textinput_MTextInputFieldvue_type_script_lang_js_ = (MTextInputFieldvue_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/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&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/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=1e0e5d78&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue?vue&type=style&index=0&id=2e097c12&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/textinput/MTextInputField.vue
 
@@ -17287,8 +17291,8 @@ var supportedTypes = ['date', 'email', 'number', 'password', 'tel', 'text', 'tim
 
 var MTextInputField_component = normalizeComponent(
   textinput_MTextInputFieldvue_type_script_lang_js_,
-  MTextInputFieldvue_type_template_id_1e0e5d78_render,
-  MTextInputFieldvue_type_template_id_1e0e5d78_staticRenderFns,
+  MTextInputFieldvue_type_template_id_2e097c12_render,
+  MTextInputFieldvue_type_template_id_2e097c12_staticRenderFns,
   false,
   null,
   null,
@@ -18971,16 +18975,20 @@ MCheckboxGroup.install = function (Vue) {
   Vue.component(MCheckboxGroup.name, MCheckboxGroup);
 };
 
-;// 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/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// 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/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
-var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
+var MDataTablevue_type_template_id_7c1183ac_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
+    ref: "datatable",
     staticClass: "mc-data-table",
     class: _vm.getClasses
   }, [_vm._t("default"), _c('div', {
-    staticClass: "mc-data-table__body"
+    staticClass: "mc-datatable__container"
+  }, [_c('div', {
+    staticClass: "mc-data-table__body",
+    style: _vm.bodyStyleAttr
   }, [_c('table', {
     class: _vm.getTableClasses,
     attrs: {
@@ -19001,6 +19009,7 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
       "header": header
     }), _vm.sorting.mode !== 'none' && header.allowSorting ? _c('div', {
       staticClass: "header__sort",
+      class: header.sortOrder,
       on: {
         "click": function click($event) {
           !_vm.loading && _vm.onSortClick({
@@ -19057,10 +19066,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
     staticClass: "mc-data-table__footer__item-per-page"
   }, [_c('m-select', {
     attrs: {
-      "id": 'itemPerPage',
+      "id": "itemPerPage",
       "disabled": _vm.loading,
       "options": _vm.getPageSizes,
-      "value": _vm.getPageValue
+      "value": _vm.getPageValue,
+      "size": "s"
     },
     on: {
       "change": _vm.onPageSizeChanged
@@ -19105,11 +19115,11 @@ var MDataTablevue_type_template_id_7d0dc90a_render = function render() {
         })];
       }
     }], null, true)
-  })], 1)]) : _vm._e()], 2);
+  })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_7d0dc90a_staticRenderFns = [];
+var MDataTablevue_type_template_id_7c1183ac_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7d0dc90a&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7c1183ac&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -20280,7 +20290,8 @@ var Sorting = {
       total: null,
       data: null,
       loading: false,
-      created: false
+      created: false,
+      bodyStyleAttr: ''
     };
   },
   computed: {
@@ -20459,6 +20470,7 @@ var Sorting = {
   mounted: function mounted() {
     this.load();
     this.created = true;
+    this.bodyStyleAttr = this.$refs.datatable.attributes.style.value;
   },
   methods: {
     getItemValue: function getItemValue(item, key) {
@@ -20635,10 +20647,10 @@ var Sorting = {
 });
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=script&lang=js&
  /* harmony default export */ var datatable_MDataTablevue_type_script_lang_js_ = (MDataTablevue_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/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&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/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7d0dc90a&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7c1183ac&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -20651,8 +20663,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_7d0dc90a_render,
-  MDataTablevue_type_template_id_7d0dc90a_staticRenderFns,
+  MDataTablevue_type_template_id_7c1183ac_render,
+  MDataTablevue_type_template_id_7c1183ac_staticRenderFns,
   false,
   null,
   null,
@@ -29668,9 +29680,9 @@ MProgress.install = function (Vue) {
   Vue.component(MProgress.name, MProgress);
 };
 
-;// 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/quantityselector/MQuantitySelector.vue?vue&type=template&id=85073f16&
+;// 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/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
 
-var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
+var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29712,7 +29724,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
       "role": "spinbutton"
     },
     on: {
-      "input": _vm.handle,
+      "change": _vm.handle,
       "focus": _vm.onFocus,
       "keypress": function keypress($event) {
         _vm.integerOnly && _vm.formatValue($event);
@@ -29738,9 +29750,9 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
     }
   })], 1);
 };
-var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
+var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=85073f16&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
 
 ;// 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/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
 
@@ -29821,7 +29833,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
       if (this.currentValue > this.valuemax) {
         this.currentValue = this.valuemax;
       }
-      if (this.currentValue < this.valuemin) {
+      if (this.currentValue <= this.valuemin) {
         this.currentValue = this.valuemin;
       }
       this.$emit('input', this.currentValue);
@@ -29851,10 +29863,10 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
  /* harmony default export */ var quantityselector_MQuantitySelectorvue_type_script_lang_js_ = (MQuantitySelectorvue_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/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=85073f16&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/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=85073f16&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue
 
@@ -29867,8 +29879,8 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
 
 var MQuantitySelector_component = normalizeComponent(
   quantityselector_MQuantitySelectorvue_type_script_lang_js_,
-  MQuantitySelectorvue_type_template_id_85073f16_render,
-  MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns,
+  MQuantitySelectorvue_type_template_id_17fe4724_render,
+  MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns,
   false,
   null,
   null,
@@ -30545,15 +30557,17 @@ MStepper.install = function (Vue) {
   Vue.component(MStepper.name, MStepper);
 };
 
-;// 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=96c8f13e&
+;// 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=75c1875c&
 
 
-var MTabvue_type_template_id_96c8f13e_render = function render() {
+
+var MTabvue_type_template_id_75c1875c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     class: ['mc-tabs', _vm.setClasses]
   }, [_vm.type !== 'dropdown' ? _c('ul', {
+    ref: "tablist",
     staticClass: "mc-tabs__nav",
     attrs: {
       "role": "tablist",
@@ -30566,22 +30580,38 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
       attrs: {
         "role": "presentation"
       }
-    }, [_c(_vm.setTabElement(tab), _vm._b({
+    }, [tab.router ? _c("".concat(tab.router), _vm._b({
+      tag: "component",
+      staticClass: "mc-tabs__element",
+      class: _vm.setActiveClass(tab),
+      attrs: {
+        "to": tab.to,
+        "active-class": "mc-tabs__element--selected"
+      }
+    }, 'component', tab.attrs, false), [_c('span', {
+      staticClass: "mc-tabs__text"
+    }, [_vm._v(_vm._s(tab.text))])]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
       ref: "tab",
       refInFor: true,
       tag: "component",
       staticClass: "mc-tabs__element",
-      class: _vm.setTabClass(tab, index),
+      class: _vm.setActiveClass(tab),
       attrs: {
         "id": tab.id,
-        "role": "tab"
+        "href": tab.href ? !tab.disabled ? tab.href : null : null,
+        "type": !tab.href ? 'button' : null,
+        "disabled": !tab.href && tab.disabled ? true : null,
+        "role": "tab",
+        "aria-selected": tab.active ? 'true' : 'false'
       },
       on: {
         "click": function click($event) {
-          return _vm.onTabClicked($event, tab, index);
+          _vm.manageTabs($event.target, $event, Object.assign({
+            index: index
+          }, tab));
         }
       }
-    }, 'component', _vm.setTabAttributes(tab, index), false), [_c('span', {
+    }, [_c('span', {
       staticClass: "mc-tabs__text"
     }, [_vm._v(_vm._s(tab.text))])])], 1);
   }), 0) : _c('m-select', _vm._b({
@@ -30590,9 +30620,9 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
     }
   }, 'm-select', _vm.selectAttributes, false))], 1);
 };
-var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
+var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=96c8f13e&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=75c1875c&
 
 ;// 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&
 
@@ -30610,7 +30640,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
   props: {
     tabs: {
       type: Array,
-      required: true
+      required: true,
+      default: function _default() {
+        return [];
+      }
     },
     type: {
       type: String,
@@ -30630,18 +30663,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
         return ['auto', 'full', 'centered'].includes(value);
       }
     },
-    /**
-     * Remove the tabs shadow
-     * @deprecated Use the nodivider prop instead
-     */
     shadow: {
       type: Boolean,
       default: true
     },
-    nodivider: {
-      type: Boolean,
-      default: false
-    },
     selectAttributes: {
       type: Object,
       default: null
@@ -30653,92 +30678,90 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
   },
   data: function data() {
     return {
-      localActiveIndex: this.setLocalActiveIndex()
+      tablist: null
     };
   },
   computed: {
     setClasses: function setClasses() {
-      return {
+      var classes = [{
         '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,
-        'mc-tabs--no-divider': this.nodivider
-      };
+        'mc-tabs--no-shadow': !this.shadow
+      }];
+      return classes;
     }
   },
-  mounted: function mounted() {
-    console.log('activeIndex:', this.activeIndex);
-    console.log('localActiveIndex:', this.localActiveIndex);
+  watch: {
+    activeIndex: function activeIndex(newValue) {
+      var tab = this.getTabFromIndex(newValue);
+      if (tab && this.tabs[newValue]) {
+        this.manageTabs(tab, null, Object.assign({
+          index: newValue
+        }, this.tabs[newValue]));
+      }
+    }
   },
-  updated: function updated() {
-    console.log('updated');
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      if (_this.type === 'tabs') {
+        _this.tablist = _this.$refs.tablist;
+        if (_this.activeIndex) {
+          var tab = _this.getTabFromIndex(_this.activeIndex);
+          if (tab) {
+            _this.manageTabs(tab);
+          }
+        } else {
+          var isActive = _this.tabs.some(function (tab) {
+            return Object.prototype.hasOwnProperty.call(tab, 'active');
+          });
+          if (!isActive) {
+            var firstTab = _this.tablist.querySelector('.mc-tabs__element');
+            _this.manageTabs(firstTab);
+          }
+        }
+      }
+    });
   },
   methods: {
-    setTabElement: function setTabElement(tab) {
-      var _this$router;
-      var tabElement = tab.href ? tab.disabled ? 'span' : 'a' : 'button';
-      var routerElement = (_this$router = this.router) !== null && _this$router !== void 0 ? _this$router : null;
-      return routerElement !== null && routerElement !== void 0 ? routerElement : tabElement;
-    },
-    setTabAttributes: function setTabAttributes(tab, index) {
-      var href = tab.href ? tab.disabled ? null : tab.href : null;
-      var type = !tab.href ? 'button' : null;
-      var disabled = !tab.href && tab.disabled ? true : null;
-      return _objectSpread2(_objectSpread2({}, tab.attrs), {}, {
-        href: href,
-        type: type,
-        disabled: disabled,
-        'aria-selected': this.isTabActive(index).toString()
-      });
-    },
-    setTabClass: function setTabClass(tab, index) {
-      return [tab.class, {
-        'mc-tabs__element--selected': this.isTabActive(index),
-        'mc-tabs__element--disabled': tab.disabled
-      }];
+    setActiveClass: function setActiveClass(tab) {
+      var tabClasses = [];
+      if (tab.active) {
+        tabClasses.push('mc-tabs__element--selected');
+      }
+      if (tab.disabled) {
+        tabClasses.push('mc-tabs__element--disabled');
+      }
+      return tabClasses;
     },
-    onTabClicked: function onTabClicked(event, tab, index) {
+    manageTabs: function manageTabs(el, e, tab) {
       if (tab && tab.disabled) {
-        event.preventDefault();
         return;
       }
-      if (index !== this.localActiveIndex) {
-        this.localActiveIndex = index;
-        this.$emit('update:activeIndex', this.localActiveIndex);
-      }
-      if (event) {
-        this.$emit('tab-clicked', event.currentTarget, _objectSpread2({
-          index: index
-        }, tab));
+      if (e) {
+        this.$emit('tab-clicked', e.currentTarget, tab);
       }
-    },
-    isTabActive: function isTabActive(index) {
-      return this.localActiveIndex === index;
-    },
-    setLocalActiveIndex: function setLocalActiveIndex() {
-      var defaultActiveIndex;
-      var activeAttrIndex = this.tabs.findIndex(function (tab) {
-        return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
+      this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
+        el.classList.remove('mc-tabs__element--selected');
+        el.setAttribute('aria-selected', 'false');
       });
-      if (activeAttrIndex > -1 && !this.activeIndex) {
-        defaultActiveIndex = activeAttrIndex;
-      } else if (this.activeIndex) {
-        defaultActiveIndex = this.activeIndex;
-      } else {
-        defaultActiveIndex = 0;
+      el.classList.add('mc-tabs__element--selected');
+      el.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];
       }
-      this.$emit('update:activeIndex', defaultActiveIndex);
-      return defaultActiveIndex;
     }
   }
 });
 ;// 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=96c8f13e&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=75c1875c&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=96c8f13e&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=75c1875c&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
 
@@ -30751,8 +30774,8 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
 
 var MTab_component = normalizeComponent(
   tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_96c8f13e_render,
-  MTabvue_type_template_id_96c8f13e_staticRenderFns,
+  MTabvue_type_template_id_75c1875c_render,
+  MTabvue_type_template_id_75c1875c_staticRenderFns,
   false,
   null,
   null,