@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.
- package/dist/mozaic-vue.adeo.umd.js +116 -101
- package/dist/mozaic-vue.common.js +116 -101
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.umd.js +116 -101
- package/dist/mozaic-vue.umd.js.map +1 -1
- package/dist/mozaic-vue.umd.min.js +2 -2
- package/dist/mozaic-vue.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/quantityselector/MQuantitySelector.vue +2 -2
- package/src/components/tabs/MTab.vue +103 -85
- package/src/components/tags/MTag.vue +3 -1
package/dist/mozaic-vue.umd.js
CHANGED
|
@@ -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-83.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=
|
|
16726
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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
|
|
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
|
|
16793
|
+
var MTagvue_type_template_id_478ba694_staticRenderFns = [];
|
|
16790
16794
|
|
|
16791
|
-
;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=
|
|
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-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
17031
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
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
|
-
|
|
17044
|
-
|
|
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-83.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=
|
|
29685
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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
|
|
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
|
-
"
|
|
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
|
|
29755
|
+
var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
|
|
29752
29756
|
|
|
29753
|
-
;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=
|
|
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-83.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
|
|
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-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
29868
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
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
|
-
|
|
29881
|
-
|
|
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-83.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=
|
|
30562
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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
|
-
|
|
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(
|
|
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.
|
|
30600
|
+
class: _vm.setActiveClass(tab),
|
|
30585
30601
|
attrs: {
|
|
30586
30602
|
"id": tab.id,
|
|
30587
|
-
"
|
|
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
|
-
|
|
30611
|
+
_vm.manageTabs($event.target, $event, Object.assign({
|
|
30612
|
+
index: index
|
|
30613
|
+
}, tab));
|
|
30592
30614
|
}
|
|
30593
30615
|
}
|
|
30594
|
-
},
|
|
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
|
|
30625
|
+
var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
|
|
30604
30626
|
|
|
30605
|
-
;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=
|
|
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-83.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
|
-
|
|
30683
|
+
tablist: null
|
|
30667
30684
|
};
|
|
30668
30685
|
},
|
|
30669
30686
|
computed: {
|
|
30670
30687
|
setClasses: function setClasses() {
|
|
30671
|
-
|
|
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
|
-
|
|
30677
|
-
|
|
30692
|
+
'mc-tabs--no-shadow': !this.shadow
|
|
30693
|
+
}];
|
|
30694
|
+
return classes;
|
|
30678
30695
|
}
|
|
30679
30696
|
},
|
|
30680
|
-
|
|
30681
|
-
|
|
30682
|
-
|
|
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
|
-
|
|
30685
|
-
|
|
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
|
-
|
|
30689
|
-
var
|
|
30690
|
-
|
|
30691
|
-
|
|
30692
|
-
|
|
30693
|
-
|
|
30694
|
-
|
|
30695
|
-
|
|
30696
|
-
|
|
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
|
-
|
|
30740
|
+
manageTabs: function manageTabs(el, e, tab) {
|
|
30712
30741
|
if (tab && tab.disabled) {
|
|
30713
|
-
event.preventDefault();
|
|
30714
30742
|
return;
|
|
30715
30743
|
}
|
|
30716
|
-
if (
|
|
30717
|
-
this.
|
|
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
|
-
|
|
30727
|
-
|
|
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
|
-
|
|
30735
|
-
|
|
30736
|
-
|
|
30737
|
-
|
|
30738
|
-
|
|
30739
|
-
|
|
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-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
30763
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
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
|
-
|
|
30765
|
-
|
|
30779
|
+
MTabvue_type_template_id_75c1875c_render,
|
|
30780
|
+
MTabvue_type_template_id_75c1875c_staticRenderFns,
|
|
30766
30781
|
false,
|
|
30767
30782
|
null,
|
|
30768
30783
|
null,
|