@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
|
@@ -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=
|
|
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
|
|
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
|
|
16783
|
+
var MTagvue_type_template_id_478ba694_staticRenderFns = [];
|
|
16780
16784
|
|
|
16781
|
-
;// CONCATENATED MODULE: ./src/components/tags/MTag.vue?vue&type=template&id=
|
|
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=
|
|
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=
|
|
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
|
-
|
|
17034
|
-
|
|
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=
|
|
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
|
|
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
|
-
"
|
|
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
|
|
29745
|
+
var MQuantitySelectorvue_type_template_id_17fe4724_staticRenderFns = [];
|
|
29742
29746
|
|
|
29743
|
-
;// CONCATENATED MODULE: ./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=
|
|
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
|
|
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=
|
|
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=
|
|
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
|
-
|
|
29871
|
-
|
|
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=
|
|
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
|
-
|
|
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(
|
|
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.
|
|
30590
|
+
class: _vm.setActiveClass(tab),
|
|
30575
30591
|
attrs: {
|
|
30576
30592
|
"id": tab.id,
|
|
30577
|
-
"
|
|
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
|
-
|
|
30601
|
+
_vm.manageTabs($event.target, $event, Object.assign({
|
|
30602
|
+
index: index
|
|
30603
|
+
}, tab));
|
|
30582
30604
|
}
|
|
30583
30605
|
}
|
|
30584
|
-
},
|
|
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
|
|
30615
|
+
var MTabvue_type_template_id_75c1875c_staticRenderFns = [];
|
|
30594
30616
|
|
|
30595
|
-
;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=
|
|
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
|
-
|
|
30673
|
+
tablist: null
|
|
30657
30674
|
};
|
|
30658
30675
|
},
|
|
30659
30676
|
computed: {
|
|
30660
30677
|
setClasses: function setClasses() {
|
|
30661
|
-
|
|
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
|
-
|
|
30667
|
-
|
|
30682
|
+
'mc-tabs--no-shadow': !this.shadow
|
|
30683
|
+
}];
|
|
30684
|
+
return classes;
|
|
30668
30685
|
}
|
|
30669
30686
|
},
|
|
30670
|
-
|
|
30671
|
-
|
|
30672
|
-
|
|
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
|
-
|
|
30675
|
-
|
|
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
|
-
|
|
30679
|
-
var
|
|
30680
|
-
|
|
30681
|
-
|
|
30682
|
-
|
|
30683
|
-
|
|
30684
|
-
|
|
30685
|
-
|
|
30686
|
-
|
|
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
|
-
|
|
30730
|
+
manageTabs: function manageTabs(el, e, tab) {
|
|
30702
30731
|
if (tab && tab.disabled) {
|
|
30703
|
-
event.preventDefault();
|
|
30704
30732
|
return;
|
|
30705
30733
|
}
|
|
30706
|
-
if (
|
|
30707
|
-
this.
|
|
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
|
-
|
|
30717
|
-
|
|
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
|
-
|
|
30725
|
-
|
|
30726
|
-
|
|
30727
|
-
|
|
30728
|
-
|
|
30729
|
-
|
|
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=
|
|
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=
|
|
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
|
-
|
|
30755
|
-
|
|
30769
|
+
MTabvue_type_template_id_75c1875c_render,
|
|
30770
|
+
MTabvue_type_template_id_75c1875c_staticRenderFns,
|
|
30756
30771
|
false,
|
|
30757
30772
|
null,
|
|
30758
30773
|
null,
|