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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16723,9 +16723,9 @@ var es_array_join = __webpack_require__(9600);
16723
16723
  var es_string_includes = __webpack_require__(2023);
16724
16724
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
16725
16725
  var es_array_sort = __webpack_require__(2707);
16726
- ;// 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&
16726
+ ;// 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&
16727
16727
 
16728
- var MTagvue_type_template_id_6adf0246_render = function render() {
16728
+ var MTagvue_type_template_id_478ba694_render = function render() {
16729
16729
  var _vm = this,
16730
16730
  _c = _vm._self._c;
16731
16731
  return _vm.type === 'text' ? _c('span', {
@@ -16771,24 +16771,28 @@ var MTagvue_type_template_id_6adf0246_render = function render() {
16771
16771
  staticClass: "mc-tag-selectable__label"
16772
16772
  }, [_vm._v(" " + _vm._s(_vm.label) + " ")])])]) : _vm.type === 'removable' ? _c('span', {
16773
16773
  staticClass: "mc-tag-removable",
16774
- class: _vm.setClasses
16774
+ class: _vm.setClasses,
16775
+ attrs: {
16776
+ "id": _vm.id
16777
+ }
16775
16778
  }, [_c('span', {
16776
16779
  staticClass: "mc-tag-removable__label"
16777
16780
  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('button', {
16778
16781
  staticClass: "mc-tag-removable__remove",
16779
16782
  attrs: {
16780
- "type": "button"
16783
+ "type": "button",
16784
+ "disabled": _vm.disabled
16781
16785
  },
16782
16786
  on: {
16783
16787
  "click": function click($event) {
16784
- return _vm.$emit('remove-tag');
16788
+ return _vm.$emit('remove-tag', _vm.id);
16785
16789
  }
16786
16790
  }
16787
16791
  })]) : _vm._e();
16788
16792
  };
16789
- var MTagvue_type_template_id_6adf0246_staticRenderFns = [];
16793
+ var MTagvue_type_template_id_478ba694_staticRenderFns = [];
16790
16794
 
16791
- ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=6adf0246&
16795
+ ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=478ba694&
16792
16796
 
16793
16797
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
16794
16798
  var es_symbol = __webpack_require__(2526);
@@ -17024,10 +17028,10 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
17024
17028
  });
17025
17029
  ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=script&lang=js&
17026
17030
  /* harmony default export */ var tags_MTagvue_type_script_lang_js_ = (MTagvue_type_script_lang_js_);
17027
- ;// 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&
17031
+ ;// 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&
17028
17032
  // extracted by mini-css-extract-plugin
17029
17033
 
17030
- ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=6adf0246&prod&lang=scss&
17034
+ ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=478ba694&prod&lang=scss&
17031
17035
 
17032
17036
  ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue
17033
17037
 
@@ -17040,8 +17044,8 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
17040
17044
 
17041
17045
  var MTag_component = normalizeComponent(
17042
17046
  tags_MTagvue_type_script_lang_js_,
17043
- MTagvue_type_template_id_6adf0246_render,
17044
- MTagvue_type_template_id_6adf0246_staticRenderFns,
17047
+ MTagvue_type_template_id_478ba694_render,
17048
+ MTagvue_type_template_id_478ba694_staticRenderFns,
17045
17049
  false,
17046
17050
  null,
17047
17051
  null,
@@ -29678,9 +29682,9 @@ MProgress.install = function (Vue) {
29678
29682
  Vue.component(MProgress.name, MProgress);
29679
29683
  };
29680
29684
 
29681
- ;// 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&
29685
+ ;// 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&
29682
29686
 
29683
- var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29687
+ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
29684
29688
  var _vm = this,
29685
29689
  _c = _vm._self._c;
29686
29690
  return _c('div', {
@@ -29722,7 +29726,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29722
29726
  "role": "spinbutton"
29723
29727
  },
29724
29728
  on: {
29725
- "input": _vm.handle,
29729
+ "change": _vm.handle,
29726
29730
  "focus": _vm.onFocus,
29727
29731
  "keypress": function keypress($event) {
29728
29732
  _vm.integerOnly && _vm.formatValue($event);
@@ -29748,9 +29752,9 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29748
29752
  }
29749
29753
  })], 1);
29750
29754
  };
29751
- var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29755
+ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
29752
29756
 
29753
- ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=85073f16&
29757
+ ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
29754
29758
 
29755
29759
  ;// 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&
29756
29760
 
@@ -29831,7 +29835,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29831
29835
  if (this.currentValue > this.valuemax) {
29832
29836
  this.currentValue = this.valuemax;
29833
29837
  }
29834
- if (this.currentValue < this.valuemin) {
29838
+ if (this.currentValue <= this.valuemin) {
29835
29839
  this.currentValue = this.valuemin;
29836
29840
  }
29837
29841
  this.$emit('input', this.currentValue);
@@ -29861,10 +29865,10 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29861
29865
  });
29862
29866
  ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
29863
29867
  /* harmony default export */ var quantityselector_MQuantitySelectorvue_type_script_lang_js_ = (MQuantitySelectorvue_type_script_lang_js_);
29864
- ;// 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&
29868
+ ;// 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&
29865
29869
  // extracted by mini-css-extract-plugin
29866
29870
 
29867
- ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=85073f16&prod&lang=scss&
29871
+ ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
29868
29872
 
29869
29873
  ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue
29870
29874
 
@@ -29877,8 +29881,8 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29877
29881
 
29878
29882
  var MQuantitySelector_component = normalizeComponent(
29879
29883
  quantityselector_MQuantitySelectorvue_type_script_lang_js_,
29880
- MQuantitySelectorvue_type_template_id_85073f16_render,
29881
- MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns,
29884
+ MQuantitySelectorvue_type_template_id_17fe4724_render,
29885
+ MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns,
29882
29886
  false,
29883
29887
  null,
29884
29888
  null,
@@ -30555,15 +30559,17 @@ MStepper.install = function (Vue) {
30555
30559
  Vue.component(MStepper.name, MStepper);
30556
30560
  };
30557
30561
 
30558
- ;// 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&
30562
+ ;// 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&
30559
30563
 
30560
30564
 
30561
- var MTabvue_type_template_id_96c8f13e_render = function render() {
30565
+
30566
+ var MTabvue_type_template_id_75c1875c_render = function render() {
30562
30567
  var _vm = this,
30563
30568
  _c = _vm._self._c;
30564
30569
  return _c('div', {
30565
30570
  class: ['mc-tabs', _vm.setClasses]
30566
30571
  }, [_vm.type !== 'dropdown' ? _c('ul', {
30572
+ ref: "tablist",
30567
30573
  staticClass: "mc-tabs__nav",
30568
30574
  attrs: {
30569
30575
  "role": "tablist",
@@ -30576,22 +30582,38 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
30576
30582
  attrs: {
30577
30583
  "role": "presentation"
30578
30584
  }
30579
- }, [_c(_vm.setTabElement(tab), _vm._b({
30585
+ }, [tab.router ? _c("".concat(tab.router), _vm._b({
30586
+ tag: "component",
30587
+ staticClass: "mc-tabs__element",
30588
+ class: _vm.setActiveClass(tab),
30589
+ attrs: {
30590
+ "to": tab.to,
30591
+ "active-class": "mc-tabs__element--selected"
30592
+ }
30593
+ }, 'component', tab.attrs, false), [_c('span', {
30594
+ staticClass: "mc-tabs__text"
30595
+ }, [_vm._v(_vm._s(tab.text))])]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
30580
30596
  ref: "tab",
30581
30597
  refInFor: true,
30582
30598
  tag: "component",
30583
30599
  staticClass: "mc-tabs__element",
30584
- class: _vm.setTabClass(tab, index),
30600
+ class: _vm.setActiveClass(tab),
30585
30601
  attrs: {
30586
30602
  "id": tab.id,
30587
- "role": "tab"
30603
+ "href": tab.href ? !tab.disabled ? tab.href : null : null,
30604
+ "type": !tab.href ? 'button' : null,
30605
+ "disabled": !tab.href && tab.disabled ? true : null,
30606
+ "role": "tab",
30607
+ "aria-selected": tab.active ? 'true' : 'false'
30588
30608
  },
30589
30609
  on: {
30590
30610
  "click": function click($event) {
30591
- return _vm.onTabClicked($event, tab, index);
30611
+ _vm.manageTabs($event.target, $event, Object.assign({
30612
+ index: index
30613
+ }, tab));
30592
30614
  }
30593
30615
  }
30594
- }, 'component', _vm.setTabAttributes(tab, index), false), [_c('span', {
30616
+ }, [_c('span', {
30595
30617
  staticClass: "mc-tabs__text"
30596
30618
  }, [_vm._v(_vm._s(tab.text))])])], 1);
30597
30619
  }), 0) : _c('m-select', _vm._b({
@@ -30600,9 +30622,9 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
30600
30622
  }
30601
30623
  }, 'm-select', _vm.selectAttributes, false))], 1);
30602
30624
  };
30603
- var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30625
+ var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
30604
30626
 
30605
- ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=96c8f13e&
30627
+ ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=75c1875c&
30606
30628
 
30607
30629
  ;// 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&
30608
30630
 
@@ -30620,7 +30642,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30620
30642
  props: {
30621
30643
  tabs: {
30622
30644
  type: Array,
30623
- required: true
30645
+ required: true,
30646
+ default: function _default() {
30647
+ return [];
30648
+ }
30624
30649
  },
30625
30650
  type: {
30626
30651
  type: String,
@@ -30640,18 +30665,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30640
30665
  return ['auto', 'full', 'centered'].includes(value);
30641
30666
  }
30642
30667
  },
30643
- /**
30644
- * Remove the tabs shadow
30645
- * @deprecated Use the nodivider prop instead
30646
- */
30647
30668
  shadow: {
30648
30669
  type: Boolean,
30649
30670
  default: true
30650
30671
  },
30651
- nodivider: {
30652
- type: Boolean,
30653
- default: false
30654
- },
30655
30672
  selectAttributes: {
30656
30673
  type: Object,
30657
30674
  default: null
@@ -30663,92 +30680,90 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30663
30680
  },
30664
30681
  data: function data() {
30665
30682
  return {
30666
- localActiveIndex: this.setLocalActiveIndex()
30683
+ tablist: null
30667
30684
  };
30668
30685
  },
30669
30686
  computed: {
30670
30687
  setClasses: function setClasses() {
30671
- return {
30688
+ var classes = [{
30672
30689
  'mc-tabs--full': this.align === 'full',
30673
30690
  'mc-tabs--full-centered': this.align === 'centered',
30674
30691
  'mc-tabs--dropdown': this.type === 'dropdown',
30675
- 'mc-tabs--no-shadow': !this.shadow,
30676
- 'mc-tabs--no-divider': this.nodivider
30677
- };
30692
+ 'mc-tabs--no-shadow': !this.shadow
30693
+ }];
30694
+ return classes;
30678
30695
  }
30679
30696
  },
30680
- mounted: function mounted() {
30681
- console.log('activeIndex:', this.activeIndex);
30682
- console.log('localActiveIndex:', this.localActiveIndex);
30697
+ watch: {
30698
+ activeIndex: function activeIndex(newValue) {
30699
+ var tab = this.getTabFromIndex(newValue);
30700
+ if (tab && this.tabs[newValue]) {
30701
+ this.manageTabs(tab, null, Object.assign({
30702
+ index: newValue
30703
+ }, this.tabs[newValue]));
30704
+ }
30705
+ }
30683
30706
  },
30684
- updated: function updated() {
30685
- console.log('updated');
30707
+ mounted: function mounted() {
30708
+ var _this = this;
30709
+ this.$nextTick(function () {
30710
+ if (_this.type === 'tabs') {
30711
+ _this.tablist = _this.$refs.tablist;
30712
+ if (_this.activeIndex) {
30713
+ var tab = _this.getTabFromIndex(_this.activeIndex);
30714
+ if (tab) {
30715
+ _this.manageTabs(tab);
30716
+ }
30717
+ } else {
30718
+ var isActive = _this.tabs.some(function (tab) {
30719
+ return Object.prototype.hasOwnProperty.call(tab, 'active');
30720
+ });
30721
+ if (!isActive) {
30722
+ var firstTab = _this.tablist.querySelector('.mc-tabs__element');
30723
+ _this.manageTabs(firstTab);
30724
+ }
30725
+ }
30726
+ }
30727
+ });
30686
30728
  },
30687
30729
  methods: {
30688
- setTabElement: function setTabElement(tab) {
30689
- var _this$router;
30690
- var tabElement = tab.href ? tab.disabled ? 'span' : 'a' : 'button';
30691
- var routerElement = (_this$router = this.router) !== null && _this$router !== void 0 ? _this$router : null;
30692
- return routerElement !== null && routerElement !== void 0 ? routerElement : tabElement;
30693
- },
30694
- setTabAttributes: function setTabAttributes(tab, index) {
30695
- var href = tab.href ? tab.disabled ? null : tab.href : null;
30696
- var type = !tab.href ? 'button' : null;
30697
- var disabled = !tab.href && tab.disabled ? true : null;
30698
- return _objectSpread2(_objectSpread2({}, tab.attrs), {}, {
30699
- href: href,
30700
- type: type,
30701
- disabled: disabled,
30702
- 'aria-selected': this.isTabActive(index).toString()
30703
- });
30704
- },
30705
- setTabClass: function setTabClass(tab, index) {
30706
- return [tab.class, {
30707
- 'mc-tabs__element--selected': this.isTabActive(index),
30708
- 'mc-tabs__element--disabled': tab.disabled
30709
- }];
30730
+ setActiveClass: function setActiveClass(tab) {
30731
+ var tabClasses = [];
30732
+ if (tab.active) {
30733
+ tabClasses.push('mc-tabs__element--selected');
30734
+ }
30735
+ if (tab.disabled) {
30736
+ tabClasses.push('mc-tabs__element--disabled');
30737
+ }
30738
+ return tabClasses;
30710
30739
  },
30711
- onTabClicked: function onTabClicked(event, tab, index) {
30740
+ manageTabs: function manageTabs(el, e, tab) {
30712
30741
  if (tab && tab.disabled) {
30713
- event.preventDefault();
30714
30742
  return;
30715
30743
  }
30716
- if (index !== this.localActiveIndex) {
30717
- this.localActiveIndex = index;
30718
- this.$emit('update:activeIndex', this.localActiveIndex);
30719
- }
30720
- if (event) {
30721
- this.$emit('tab-clicked', event.currentTarget, _objectSpread2({
30722
- index: index
30723
- }, tab));
30744
+ if (e) {
30745
+ this.$emit('tab-clicked', e.currentTarget, tab);
30724
30746
  }
30725
- },
30726
- isTabActive: function isTabActive(index) {
30727
- return this.localActiveIndex === index;
30728
- },
30729
- setLocalActiveIndex: function setLocalActiveIndex() {
30730
- var defaultActiveIndex;
30731
- var activeAttrIndex = this.tabs.findIndex(function (tab) {
30732
- return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
30747
+ this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
30748
+ el.classList.remove('mc-tabs__element--selected');
30749
+ el.setAttribute('aria-selected', 'false');
30733
30750
  });
30734
- if (activeAttrIndex > -1 && !this.activeIndex) {
30735
- defaultActiveIndex = activeAttrIndex;
30736
- } else if (this.activeIndex) {
30737
- defaultActiveIndex = this.activeIndex;
30738
- } else {
30739
- defaultActiveIndex = 0;
30751
+ el.classList.add('mc-tabs__element--selected');
30752
+ el.setAttribute('aria-selected', 'true');
30753
+ },
30754
+ getTabFromIndex: function getTabFromIndex(index) {
30755
+ if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
30756
+ return this.tablist.children[index].children[0];
30740
30757
  }
30741
- this.$emit('update:activeIndex', defaultActiveIndex);
30742
- return defaultActiveIndex;
30743
30758
  }
30744
30759
  }
30745
30760
  });
30746
30761
  ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
30747
30762
  /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_type_script_lang_js_);
30748
- ;// 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&
30763
+ ;// 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&
30749
30764
  // extracted by mini-css-extract-plugin
30750
30765
 
30751
- ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=96c8f13e&prod&lang=scss&
30766
+ ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=75c1875c&prod&lang=scss&
30752
30767
 
30753
30768
  ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
30754
30769
 
@@ -30761,8 +30776,8 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30761
30776
 
30762
30777
  var MTab_component = normalizeComponent(
30763
30778
  tabs_MTabvue_type_script_lang_js_,
30764
- MTabvue_type_template_id_96c8f13e_render,
30765
- MTabvue_type_template_id_96c8f13e_staticRenderFns,
30779
+ MTabvue_type_template_id_75c1875c_render,
30780
+ MTabvue_type_template_id_75c1875c_staticRenderFns,
30766
30781
  false,
30767
30782
  null,
30768
30783
  null,