@mozaic-ds/vue 0.40.1-beta.1 → 0.42.0-beta.0

package/dist/mozaic-vue.common.js

@@ -19626,11 +19626,11 @@ MCheckboxGroup.install = function (Vue) {
   Vue.component(MCheckboxGroup.name, MCheckboxGroup);
 };
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=7053d5ea&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=template&id=fa3536a4&
 
 
 
-var MDataTablevue_type_template_id_7053d5ea_render = function render() {
+var MDataTablevue_type_template_id_fa3536a4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -19811,9 +19811,9 @@ var MDataTablevue_type_template_id_7053d5ea_render = function render() {
     }], null, true)
   })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_7053d5ea_staticRenderFns = [];
+var MDataTablevue_type_template_id_fa3536a4_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=7053d5ea&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=fa3536a4&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -20900,7 +20900,7 @@ var Sorting = {
     },
     /**
      * Get or set paging informations.
-     * @type {{ enabled: boolean, text: string, index: number }}
+     * @type {{ enabled: boolean, text: string, index: number, totalPage?: number }}
      */
     paging: {
       type: Object,
@@ -21017,7 +21017,9 @@ var Sorting = {
     },
     getPagingSize: function getPagingSize() {
       var size = 1;
-      if (this.total) {
+      if (this.paging.totalPage) {
+        size = this.paging.totalPage;
+      } else if (this.total) {
         size = Math.ceil(this.total / this.pagerOptions.value);
       } else {
         size = parseInt(this.pagingOptions.index);
@@ -21302,15 +21304,17 @@ var Sorting = {
     onPageSizeChanged: function onPageSizeChanged(value) {
       var _this8 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        var newPageSize;
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
           while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _this8.pagerOptions.value = +value;
-              _context7.next = 3;
+              newPageSize = +value;
+              _this8.pagerOptions.value = newPageSize;
+              _context7.next = 4;
               return _this8.load();
-            case 3:
-              _this8.$emit('page-size-changed', value);
             case 4:
+              _this8.$emit('page-size-changed', newPageSize);
+            case 5:
             case "end":
               return _context7.stop();
           }
@@ -21337,10 +21341,10 @@ var Sorting = {
 });
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=script&lang=js&
  /* harmony default export */ var datatable_MDataTablevue_type_script_lang_js_ = (MDataTablevue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7053d5ea&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=fa3536a4&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=7053d5ea&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=fa3536a4&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -21353,8 +21357,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_7053d5ea_render,
-  MDataTablevue_type_template_id_7053d5ea_staticRenderFns,
+  MDataTablevue_type_template_id_fa3536a4_render,
+  MDataTablevue_type_template_id_fa3536a4_staticRenderFns,
   false,
   null,
   null,
@@ -21561,8 +21565,8 @@ MField.install = function (Vue) {
   Vue.component(MField.name, MField);
 };
 
-;// CONCATENATED MODULE: ./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/dropdown/MDropdown.vue?vue&type=template&id=34a76b06&
-var MDropdownvue_type_template_id_34a76b06_render = function render() {
+;// CONCATENATED MODULE: ./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/dropdown/MDropdown.vue?vue&type=template&id=782a12c5&
+var MDropdownvue_type_template_id_782a12c5_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -21605,7 +21609,7 @@ var MDropdownvue_type_template_id_34a76b06_render = function render() {
         _vm.openState = !_vm.openState;
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.buttonValue) + " ")]), _vm.isClearable ? _c('button', {
+  }, [_vm._v(" " + _vm._s(_vm.getButtonLabel) + " ")]), _vm.isClearable ? _c('button', {
     staticClass: "mc-dropdown__clear",
     attrs: {
       "type": "button"
@@ -21651,7 +21655,7 @@ var MDropdownvue_type_template_id_34a76b06_render = function render() {
     }
   })], 1);
 };
-var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
+var MDropdownvue_type_template_id_782a12c5_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=script&lang=js&
 
@@ -21776,7 +21780,6 @@ var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
       openState: this.open,
       tagWidth: '0px',
       tagValue: null,
-      buttonValue: this.placeholder,
       localItems: null,
       sortedListItems: null,
       listboxValue: null
@@ -21810,6 +21813,20 @@ var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
         'is-open': this.openState,
         'mc-select--s': this.size === 's'
       };
+    },
+    getButtonLabel: function getButtonLabel() {
+      var _this = this;
+      var label = this.placeholder;
+      if (this.modelValue && !this.items.length) {
+        return label;
+      }
+      var value = this.listboxValue;
+      var selectedItems = this.getSelectedItems(value);
+      var selectedLabels = selectedItems.map(function (item) {
+        return item[_this.dataTextExpr];
+      });
+      label = (!value || value.length === 0) && this.placeholder || selectedLabels.join(', ');
+      return label;
     }
   },
   watch: {
@@ -21831,12 +21848,6 @@ var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
     },
     listboxValue: {
       handler: function handler(val) {
-        var _this = this;
-        var selectedItems = this.getSelectedItems(val);
-        var seletedLabels = selectedItems.map(function (item) {
-          return item[_this.dataTextExpr];
-        });
-        this.buttonValue = (!val || val.length === 0) && this.placeholder || seletedLabels.join(', ');
         if (this.multiple) {
           this.tagValue = val;
         }
@@ -21914,10 +21925,10 @@ var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=script&lang=js&
  /* harmony default export */ var dropdown_MDropdownvue_type_script_lang_js_ = (MDropdownvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=34a76b06&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=782a12c5&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=34a76b06&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=782a12c5&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue
 
@@ -21930,8 +21941,8 @@ var MDropdownvue_type_template_id_34a76b06_staticRenderFns = [];
 
 var MDropdown_component = normalizeComponent(
   dropdown_MDropdownvue_type_script_lang_js_,
-  MDropdownvue_type_template_id_34a76b06_render,
-  MDropdownvue_type_template_id_34a76b06_staticRenderFns,
+  MDropdownvue_type_template_id_782a12c5_render,
+  MDropdownvue_type_template_id_782a12c5_staticRenderFns,
   false,
   null,
   null,
@@ -24751,8 +24762,8 @@ MPagination.install = function (Vue) {
   Vue.component(MPagination.name, MPagination);
 };
 
-;// CONCATENATED MODULE: ./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/passwordinput/MPasswordInput.vue?vue&type=template&id=42bff35f&
-var MPasswordInputvue_type_template_id_42bff35f_render = function render() {
+;// CONCATENATED MODULE: ./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/passwordinput/MPasswordInput.vue?vue&type=template&id=4bb0eb16&
+var MPasswordInputvue_type_template_id_4bb0eb16_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -24773,14 +24784,14 @@ var MPasswordInputvue_type_template_id_42bff35f_render = function render() {
     attrs: {
       "type": "button",
       "role": "switch",
-      "aria-pressed": _vm.setAriaPressed
+      "aria-checked": _vm.setAriaChecked
     },
     on: {
       "click": _vm.onClick
     }
   }, [_vm._v(" " + _vm._s(_vm.setButtonLabel) + " ")])]);
 };
-var MPasswordInputvue_type_template_id_42bff35f_staticRenderFns = [];
+var MPasswordInputvue_type_template_id_4bb0eb16_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/passwordinput/MPasswordInput.vue?vue&type=script&lang=js&
 
@@ -24833,7 +24844,7 @@ var MPasswordInputvue_type_template_id_42bff35f_staticRenderFns = [];
         'is-invalid': this.isInvalid
       };
     },
-    setAriaPressed: function setAriaPressed() {
+    setAriaChecked: function setAriaChecked() {
       return this.isVisible ? 'true' : 'false';
     },
     setButtonLabel: function setButtonLabel() {
@@ -24842,17 +24853,17 @@ var MPasswordInputvue_type_template_id_42bff35f_staticRenderFns = [];
   },
   methods: {
     onClick: function onClick() {
-      var aria = this.$refs.button.getAttribute('aria-pressed') === 'false';
+      var aria = this.$refs.button.getAttribute('aria-checked') === 'false';
       this.isVisible = aria;
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/passwordinput/MPasswordInput.vue?vue&type=script&lang=js&
  /* harmony default export */ var passwordinput_MPasswordInputvue_type_script_lang_js_ = (MPasswordInputvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/passwordinput/MPasswordInput.vue?vue&type=style&index=0&id=42bff35f&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/passwordinput/MPasswordInput.vue?vue&type=style&index=0&id=4bb0eb16&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/passwordinput/MPasswordInput.vue?vue&type=style&index=0&id=42bff35f&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/passwordinput/MPasswordInput.vue?vue&type=style&index=0&id=4bb0eb16&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/passwordinput/MPasswordInput.vue
 
@@ -24865,8 +24876,8 @@ var MPasswordInputvue_type_template_id_42bff35f_staticRenderFns = [];
 
 var MPasswordInput_component = normalizeComponent(
   passwordinput_MPasswordInputvue_type_script_lang_js_,
-  MPasswordInputvue_type_template_id_42bff35f_render,
-  MPasswordInputvue_type_template_id_42bff35f_staticRenderFns,
+  MPasswordInputvue_type_template_id_4bb0eb16_render,
+  MPasswordInputvue_type_template_id_4bb0eb16_staticRenderFns,
   false,
   null,
   null,
@@ -31649,8 +31660,8 @@ MQuantitySelector.install = function (Vue) {
   Vue.component(MQuantitySelector.name, MQuantitySelector);
 };
 
-;// CONCATENATED MODULE: ./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/radio/MRadio.vue?vue&type=template&id=1917748f&
-var MRadiovue_type_template_id_1917748f_render = function render() {
+;// CONCATENATED MODULE: ./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/radio/MRadio.vue?vue&type=template&id=35e47fc6&
+var MRadiovue_type_template_id_35e47fc6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -31678,9 +31689,11 @@ var MRadiovue_type_template_id_1917748f_render = function render() {
     attrs: {
       "for": _vm.id
     }
-  }, [_vm._v(_vm._s(_vm.label))])]);
+  }, [_vm._t("label", function () {
+    return [_vm._v(" " + _vm._s(_vm.label) + " ")];
+  })], 2)]);
 };
-var MRadiovue_type_template_id_1917748f_staticRenderFns = [];
+var MRadiovue_type_template_id_35e47fc6_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/radio/MRadio.vue?vue&type=script&lang=js&
 /* harmony default export */ var MRadiovue_type_script_lang_js_ = ({
@@ -31715,10 +31728,10 @@ var MRadiovue_type_template_id_1917748f_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/radio/MRadio.vue?vue&type=script&lang=js&
  /* harmony default export */ var radio_MRadiovue_type_script_lang_js_ = (MRadiovue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/radio/MRadio.vue?vue&type=style&index=0&id=1917748f&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/radio/MRadio.vue?vue&type=style&index=0&id=35e47fc6&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadio.vue?vue&type=style&index=0&id=1917748f&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/radio/MRadio.vue?vue&type=style&index=0&id=35e47fc6&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/radio/MRadio.vue
 
@@ -31731,8 +31744,8 @@ var MRadiovue_type_template_id_1917748f_staticRenderFns = [];
 
 var MRadio_component = normalizeComponent(
   radio_MRadiovue_type_script_lang_js_,
-  MRadiovue_type_template_id_1917748f_render,
-  MRadiovue_type_template_id_1917748f_staticRenderFns,
+  MRadiovue_type_template_id_35e47fc6_render,
+  MRadiovue_type_template_id_35e47fc6_staticRenderFns,
   false,
   null,
   null,
@@ -31741,9 +31754,9 @@ var MRadio_component = normalizeComponent(
 )
 
 /* harmony default export */ var MRadio = (MRadio_component.exports);
-;// CONCATENATED MODULE: ./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/radio/MRadioGroup.vue?vue&type=template&id=134a9e71&
+;// CONCATENATED MODULE: ./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/radio/MRadioGroup.vue?vue&type=template&id=48b5831d&
 
-var MRadioGroupvue_type_template_id_134a9e71_render = function render() {
+var MRadioGroupvue_type_template_id_48b5831d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('fieldset', {
@@ -31765,13 +31778,12 @@ var MRadioGroupvue_type_template_id_134a9e71_render = function render() {
     class: {
       'mc-field__container--inline': _vm.inline
     }
-  }, _vm._l(_vm.options, function (option) {
+  }, _vm._l(_vm.options, function (option, index) {
     return _c('m-radio', {
       key: option.id ? option.id : option.value,
       attrs: {
         "id": option.id ? option.id : option.value,
         "is-invalid": _vm.isInvalid,
-        "label": option.label,
         "name": option.name,
         "root-class": "mc-field__item",
         "checked": _vm.value === option.value
@@ -31780,7 +31792,16 @@ var MRadioGroupvue_type_template_id_134a9e71_render = function render() {
         "change": function change(v) {
           return v ? _vm.$emit('input', option.value) : null;
         }
-      }
+      },
+      scopedSlots: _vm._u([{
+        key: "label",
+        fn: function fn() {
+          return [_vm._t("label".concat(index + 1), function () {
+            return [_vm._v(" " + _vm._s(option.label) + " ")];
+          })];
+        },
+        proxy: true
+      }], null, true)
     });
   }), 1), _vm.isInvalid ? _c('span', {
     staticClass: "mc-field__error-message",
@@ -31789,9 +31810,9 @@ var MRadioGroupvue_type_template_id_134a9e71_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var MRadioGroupvue_type_template_id_134a9e71_staticRenderFns = [];
+var MRadioGroupvue_type_template_id_48b5831d_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=134a9e71&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=48b5831d&
 
 ;// 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/radio/MRadioGroup.vue?vue&type=script&lang=js&
 
@@ -31853,10 +31874,10 @@ var MRadioGroupvue_type_template_id_134a9e71_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=script&lang=js&
  /* harmony default export */ var radio_MRadioGroupvue_type_script_lang_js_ = (MRadioGroupvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=134a9e71&prod&lang=scss&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=48b5831d&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=134a9e71&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=48b5831d&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue
 
@@ -31869,8 +31890,8 @@ var MRadioGroupvue_type_template_id_134a9e71_staticRenderFns = [];
 
 var MRadioGroup_component = normalizeComponent(
   radio_MRadioGroupvue_type_script_lang_js_,
-  MRadioGroupvue_type_template_id_134a9e71_render,
-  MRadioGroupvue_type_template_id_134a9e71_staticRenderFns,
+  MRadioGroupvue_type_template_id_48b5831d_render,
+  MRadioGroupvue_type_template_id_48b5831d_staticRenderFns,
   false,
   null,
   null,