@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.
@@ -16713,9 +16713,9 @@ var es_array_join = __webpack_require__(9600);
16713
16713
  var es_string_includes = __webpack_require__(2023);
16714
16714
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
16715
16715
  var es_array_sort = __webpack_require__(2707);
16716
- ;// 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&
16716
+ ;// 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&
16717
16717
 
16718
- var MTagvue_type_template_id_6adf0246_render = function render() {
16718
+ var MTagvue_type_template_id_478ba694_render = function render() {
16719
16719
  var _vm = this,
16720
16720
  _c = _vm._self._c;
16721
16721
  return _vm.type === 'text' ? _c('span', {
@@ -16761,24 +16761,28 @@ var MTagvue_type_template_id_6adf0246_render = function render() {
16761
16761
  staticClass: "mc-tag-selectable__label"
16762
16762
  }, [_vm._v(" " + _vm._s(_vm.label) + " ")])])]) : _vm.type === 'removable' ? _c('span', {
16763
16763
  staticClass: "mc-tag-removable",
16764
- class: _vm.setClasses
16764
+ class: _vm.setClasses,
16765
+ attrs: {
16766
+ "id": _vm.id
16767
+ }
16765
16768
  }, [_c('span', {
16766
16769
  staticClass: "mc-tag-removable__label"
16767
16770
  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('button', {
16768
16771
  staticClass: "mc-tag-removable__remove",
16769
16772
  attrs: {
16770
- "type": "button"
16773
+ "type": "button",
16774
+ "disabled": _vm.disabled
16771
16775
  },
16772
16776
  on: {
16773
16777
  "click": function click($event) {
16774
- return _vm.$emit('remove-tag');
16778
+ return _vm.$emit('remove-tag', _vm.id);
16775
16779
  }
16776
16780
  }
16777
16781
  })]) : _vm._e();
16778
16782
  };
16779
- var MTagvue_type_template_id_6adf0246_staticRenderFns = [];
16783
+ var MTagvue_type_template_id_478ba694_staticRenderFns = [];
16780
16784
 
16781
- ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=6adf0246&
16785
+ ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=478ba694&
16782
16786
 
16783
16787
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
16784
16788
  var es_symbol = __webpack_require__(2526);
@@ -17014,10 +17018,10 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
17014
17018
  });
17015
17019
  ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=script&lang=js&
17016
17020
  /* harmony default export */ var tags_MTagvue_type_script_lang_js_ = (MTagvue_type_script_lang_js_);
17017
- ;// 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&
17021
+ ;// 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&
17018
17022
  // extracted by mini-css-extract-plugin
17019
17023
 
17020
- ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=6adf0246&prod&lang=scss&
17024
+ ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=style&index=0&id=478ba694&prod&lang=scss&
17021
17025
 
17022
17026
  ;// CONCATENATED MODULE: ./src/components/tags/MTag.vue
17023
17027
 
@@ -17030,8 +17034,8 @@ var responsiveModifiers = function responsiveModifiers(baseClass, modifiers, out
17030
17034
 
17031
17035
  var MTag_component = normalizeComponent(
17032
17036
  tags_MTagvue_type_script_lang_js_,
17033
- MTagvue_type_template_id_6adf0246_render,
17034
- MTagvue_type_template_id_6adf0246_staticRenderFns,
17037
+ MTagvue_type_template_id_478ba694_render,
17038
+ MTagvue_type_template_id_478ba694_staticRenderFns,
17035
17039
  false,
17036
17040
  null,
17037
17041
  null,
@@ -29668,9 +29672,9 @@ MProgress.install = function (Vue) {
29668
29672
  Vue.component(MProgress.name, MProgress);
29669
29673
  };
29670
29674
 
29671
- ;// 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&
29675
+ ;// 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&
29672
29676
 
29673
- var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29677
+ var MQuantitySelectorvue_type_template_id_17fe4724_render = function render() {
29674
29678
  var _vm = this,
29675
29679
  _c = _vm._self._c;
29676
29680
  return _c('div', {
@@ -29712,7 +29716,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29712
29716
  "role": "spinbutton"
29713
29717
  },
29714
29718
  on: {
29715
- "input": _vm.handle,
29719
+ "change": _vm.handle,
29716
29720
  "focus": _vm.onFocus,
29717
29721
  "keypress": function keypress($event) {
29718
29722
  _vm.integerOnly && _vm.formatValue($event);
@@ -29738,9 +29742,9 @@ var MQuantitySelectorvue_type_template_id_85073f16_render = function render() {
29738
29742
  }
29739
29743
  })], 1);
29740
29744
  };
29741
- var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29745
+ var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
29742
29746
 
29743
- ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=85073f16&
29747
+ ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=17fe4724&
29744
29748
 
29745
29749
  ;// 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&
29746
29750
 
@@ -29821,7 +29825,7 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29821
29825
  if (this.currentValue > this.valuemax) {
29822
29826
  this.currentValue = this.valuemax;
29823
29827
  }
29824
- if (this.currentValue < this.valuemin) {
29828
+ if (this.currentValue <= this.valuemin) {
29825
29829
  this.currentValue = this.valuemin;
29826
29830
  }
29827
29831
  this.$emit('input', this.currentValue);
@@ -29851,10 +29855,10 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29851
29855
  });
29852
29856
  ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
29853
29857
  /* harmony default export */ var quantityselector_MQuantitySelectorvue_type_script_lang_js_ = (MQuantitySelectorvue_type_script_lang_js_);
29854
- ;// 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&
29858
+ ;// 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&
29855
29859
  // extracted by mini-css-extract-plugin
29856
29860
 
29857
- ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=85073f16&prod&lang=scss&
29861
+ ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=style&index=0&id=17fe4724&prod&lang=scss&
29858
29862
 
29859
29863
  ;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue
29860
29864
 
@@ -29867,8 +29871,8 @@ var MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns = [];
29867
29871
 
29868
29872
  var MQuantitySelector_component = normalizeComponent(
29869
29873
  quantityselector_MQuantitySelectorvue_type_script_lang_js_,
29870
- MQuantitySelectorvue_type_template_id_85073f16_render,
29871
- MQuantitySelectorvue_type_template_id_85073f16_staticRenderFns,
29874
+ MQuantitySelectorvue_type_template_id_17fe4724_render,
29875
+ MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns,
29872
29876
  false,
29873
29877
  null,
29874
29878
  null,
@@ -30545,15 +30549,17 @@ MStepper.install = function (Vue) {
30545
30549
  Vue.component(MStepper.name, MStepper);
30546
30550
  };
30547
30551
 
30548
- ;// 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&
30552
+ ;// 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&
30549
30553
 
30550
30554
 
30551
- var MTabvue_type_template_id_96c8f13e_render = function render() {
30555
+
30556
+ var MTabvue_type_template_id_75c1875c_render = function render() {
30552
30557
  var _vm = this,
30553
30558
  _c = _vm._self._c;
30554
30559
  return _c('div', {
30555
30560
  class: ['mc-tabs', _vm.setClasses]
30556
30561
  }, [_vm.type !== 'dropdown' ? _c('ul', {
30562
+ ref: "tablist",
30557
30563
  staticClass: "mc-tabs__nav",
30558
30564
  attrs: {
30559
30565
  "role": "tablist",
@@ -30566,22 +30572,38 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
30566
30572
  attrs: {
30567
30573
  "role": "presentation"
30568
30574
  }
30569
- }, [_c(_vm.setTabElement(tab), _vm._b({
30575
+ }, [tab.router ? _c("".concat(tab.router), _vm._b({
30576
+ tag: "component",
30577
+ staticClass: "mc-tabs__element",
30578
+ class: _vm.setActiveClass(tab),
30579
+ attrs: {
30580
+ "to": tab.to,
30581
+ "active-class": "mc-tabs__element--selected"
30582
+ }
30583
+ }, 'component', tab.attrs, false), [_c('span', {
30584
+ staticClass: "mc-tabs__text"
30585
+ }, [_vm._v(_vm._s(tab.text))])]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
30570
30586
  ref: "tab",
30571
30587
  refInFor: true,
30572
30588
  tag: "component",
30573
30589
  staticClass: "mc-tabs__element",
30574
- class: _vm.setTabClass(tab, index),
30590
+ class: _vm.setActiveClass(tab),
30575
30591
  attrs: {
30576
30592
  "id": tab.id,
30577
- "role": "tab"
30593
+ "href": tab.href ? !tab.disabled ? tab.href : null : null,
30594
+ "type": !tab.href ? 'button' : null,
30595
+ "disabled": !tab.href && tab.disabled ? true : null,
30596
+ "role": "tab",
30597
+ "aria-selected": tab.active ? 'true' : 'false'
30578
30598
  },
30579
30599
  on: {
30580
30600
  "click": function click($event) {
30581
- return _vm.onTabClicked($event, tab, index);
30601
+ _vm.manageTabs($event.target, $event, Object.assign({
30602
+ index: index
30603
+ }, tab));
30582
30604
  }
30583
30605
  }
30584
- }, 'component', _vm.setTabAttributes(tab, index), false), [_c('span', {
30606
+ }, [_c('span', {
30585
30607
  staticClass: "mc-tabs__text"
30586
30608
  }, [_vm._v(_vm._s(tab.text))])])], 1);
30587
30609
  }), 0) : _c('m-select', _vm._b({
@@ -30590,9 +30612,9 @@ var MTabvue_type_template_id_96c8f13e_render = function render() {
30590
30612
  }
30591
30613
  }, 'm-select', _vm.selectAttributes, false))], 1);
30592
30614
  };
30593
- var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30615
+ var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
30594
30616
 
30595
- ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=96c8f13e&
30617
+ ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=75c1875c&
30596
30618
 
30597
30619
  ;// 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&
30598
30620
 
@@ -30610,7 +30632,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30610
30632
  props: {
30611
30633
  tabs: {
30612
30634
  type: Array,
30613
- required: true
30635
+ required: true,
30636
+ default: function _default() {
30637
+ return [];
30638
+ }
30614
30639
  },
30615
30640
  type: {
30616
30641
  type: String,
@@ -30630,18 +30655,10 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30630
30655
  return ['auto', 'full', 'centered'].includes(value);
30631
30656
  }
30632
30657
  },
30633
- /**
30634
- * Remove the tabs shadow
30635
- * @deprecated Use the nodivider prop instead
30636
- */
30637
30658
  shadow: {
30638
30659
  type: Boolean,
30639
30660
  default: true
30640
30661
  },
30641
- nodivider: {
30642
- type: Boolean,
30643
- default: false
30644
- },
30645
30662
  selectAttributes: {
30646
30663
  type: Object,
30647
30664
  default: null
@@ -30653,92 +30670,90 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30653
30670
  },
30654
30671
  data: function data() {
30655
30672
  return {
30656
- localActiveIndex: this.setLocalActiveIndex()
30673
+ tablist: null
30657
30674
  };
30658
30675
  },
30659
30676
  computed: {
30660
30677
  setClasses: function setClasses() {
30661
- return {
30678
+ var classes = [{
30662
30679
  'mc-tabs--full': this.align === 'full',
30663
30680
  'mc-tabs--full-centered': this.align === 'centered',
30664
30681
  'mc-tabs--dropdown': this.type === 'dropdown',
30665
- 'mc-tabs--no-shadow': !this.shadow,
30666
- 'mc-tabs--no-divider': this.nodivider
30667
- };
30682
+ 'mc-tabs--no-shadow': !this.shadow
30683
+ }];
30684
+ return classes;
30668
30685
  }
30669
30686
  },
30670
- mounted: function mounted() {
30671
- console.log('activeIndex:', this.activeIndex);
30672
- console.log('localActiveIndex:', this.localActiveIndex);
30687
+ watch: {
30688
+ activeIndex: function activeIndex(newValue) {
30689
+ var tab = this.getTabFromIndex(newValue);
30690
+ if (tab && this.tabs[newValue]) {
30691
+ this.manageTabs(tab, null, Object.assign({
30692
+ index: newValue
30693
+ }, this.tabs[newValue]));
30694
+ }
30695
+ }
30673
30696
  },
30674
- updated: function updated() {
30675
- console.log('updated');
30697
+ mounted: function mounted() {
30698
+ var _this = this;
30699
+ this.$nextTick(function () {
30700
+ if (_this.type === 'tabs') {
30701
+ _this.tablist = _this.$refs.tablist;
30702
+ if (_this.activeIndex) {
30703
+ var tab = _this.getTabFromIndex(_this.activeIndex);
30704
+ if (tab) {
30705
+ _this.manageTabs(tab);
30706
+ }
30707
+ } else {
30708
+ var isActive = _this.tabs.some(function (tab) {
30709
+ return Object.prototype.hasOwnProperty.call(tab, 'active');
30710
+ });
30711
+ if (!isActive) {
30712
+ var firstTab = _this.tablist.querySelector('.mc-tabs__element');
30713
+ _this.manageTabs(firstTab);
30714
+ }
30715
+ }
30716
+ }
30717
+ });
30676
30718
  },
30677
30719
  methods: {
30678
- setTabElement: function setTabElement(tab) {
30679
- var _this$router;
30680
- var tabElement = tab.href ? tab.disabled ? 'span' : 'a' : 'button';
30681
- var routerElement = (_this$router = this.router) !== null && _this$router !== void 0 ? _this$router : null;
30682
- return routerElement !== null && routerElement !== void 0 ? routerElement : tabElement;
30683
- },
30684
- setTabAttributes: function setTabAttributes(tab, index) {
30685
- var href = tab.href ? tab.disabled ? null : tab.href : null;
30686
- var type = !tab.href ? 'button' : null;
30687
- var disabled = !tab.href && tab.disabled ? true : null;
30688
- return _objectSpread2(_objectSpread2({}, tab.attrs), {}, {
30689
- href: href,
30690
- type: type,
30691
- disabled: disabled,
30692
- 'aria-selected': this.isTabActive(index).toString()
30693
- });
30694
- },
30695
- setTabClass: function setTabClass(tab, index) {
30696
- return [tab.class, {
30697
- 'mc-tabs__element--selected': this.isTabActive(index),
30698
- 'mc-tabs__element--disabled': tab.disabled
30699
- }];
30720
+ setActiveClass: function setActiveClass(tab) {
30721
+ var tabClasses = [];
30722
+ if (tab.active) {
30723
+ tabClasses.push('mc-tabs__element--selected');
30724
+ }
30725
+ if (tab.disabled) {
30726
+ tabClasses.push('mc-tabs__element--disabled');
30727
+ }
30728
+ return tabClasses;
30700
30729
  },
30701
- onTabClicked: function onTabClicked(event, tab, index) {
30730
+ manageTabs: function manageTabs(el, e, tab) {
30702
30731
  if (tab && tab.disabled) {
30703
- event.preventDefault();
30704
30732
  return;
30705
30733
  }
30706
- if (index !== this.localActiveIndex) {
30707
- this.localActiveIndex = index;
30708
- this.$emit('update:activeIndex', this.localActiveIndex);
30709
- }
30710
- if (event) {
30711
- this.$emit('tab-clicked', event.currentTarget, _objectSpread2({
30712
- index: index
30713
- }, tab));
30734
+ if (e) {
30735
+ this.$emit('tab-clicked', e.currentTarget, tab);
30714
30736
  }
30715
- },
30716
- isTabActive: function isTabActive(index) {
30717
- return this.localActiveIndex === index;
30718
- },
30719
- setLocalActiveIndex: function setLocalActiveIndex() {
30720
- var defaultActiveIndex;
30721
- var activeAttrIndex = this.tabs.findIndex(function (tab) {
30722
- return Object.prototype.hasOwnProperty.call(tab, 'active') && tab.active === true;
30737
+ this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
30738
+ el.classList.remove('mc-tabs__element--selected');
30739
+ el.setAttribute('aria-selected', 'false');
30723
30740
  });
30724
- if (activeAttrIndex > -1 && !this.activeIndex) {
30725
- defaultActiveIndex = activeAttrIndex;
30726
- } else if (this.activeIndex) {
30727
- defaultActiveIndex = this.activeIndex;
30728
- } else {
30729
- defaultActiveIndex = 0;
30741
+ el.classList.add('mc-tabs__element--selected');
30742
+ el.setAttribute('aria-selected', 'true');
30743
+ },
30744
+ getTabFromIndex: function getTabFromIndex(index) {
30745
+ if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
30746
+ return this.tablist.children[index].children[0];
30730
30747
  }
30731
- this.$emit('update:activeIndex', defaultActiveIndex);
30732
- return defaultActiveIndex;
30733
30748
  }
30734
30749
  }
30735
30750
  });
30736
30751
  ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
30737
30752
  /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_type_script_lang_js_);
30738
- ;// 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&
30753
+ ;// 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&
30739
30754
  // extracted by mini-css-extract-plugin
30740
30755
 
30741
- ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=96c8f13e&prod&lang=scss&
30756
+ ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=75c1875c&prod&lang=scss&
30742
30757
 
30743
30758
  ;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
30744
30759
 
@@ -30751,8 +30766,8 @@ var MTabvue_type_template_id_96c8f13e_staticRenderFns = [];
30751
30766
 
30752
30767
  var MTab_component = normalizeComponent(
30753
30768
  tabs_MTabvue_type_script_lang_js_,
30754
- MTabvue_type_template_id_96c8f13e_render,
30755
- MTabvue_type_template_id_96c8f13e_staticRenderFns,
30769
+ MTabvue_type_template_id_75c1875c_render,
30770
+ MTabvue_type_template_id_75c1875c_staticRenderFns,
30756
30771
  false,
30757
30772
  null,
30758
30773
  null,