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

package/dist/mozaic-vue.common.js

@@ -18823,8 +18823,8 @@ MAccordion.install = function (Vue) {
   Vue.component(MAccordion.name, MAccordion);
 };
 
-;// 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/autocomplete/MAutocomplete.vue?vue&type=template&id=0efd890a&
-var MAutocompletevue_type_template_id_0efd890a_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/autocomplete/MAutocomplete.vue?vue&type=template&id=0ddbb23d&
+var MAutocompletevue_type_template_id_0ddbb23d_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -18881,7 +18881,9 @@ var MAutocompletevue_type_template_id_0efd890a_render = function render() {
       },
       expression: "inputValue"
     }
-  }), _vm.loading ? _c('MLoader', {
+  }), _c('div', {
+    staticClass: "mc-autocomplete__tools"
+  }, [_vm.loading ? _c('MLoader', {
     staticClass: "mc-autocomplete__loader",
     attrs: {
       "size": "s"
@@ -18901,7 +18903,7 @@ var MAutocompletevue_type_template_id_0efd890a_render = function render() {
     }
   }), _c('span', {
     staticClass: "mc-autocomplete__clear-text"
-  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), !_vm.isFiltered ? _c('MListBox', {
+  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1)], 1), !_vm.isFiltered ? _c('MListBox', {
     attrs: {
       "open": _vm.openState,
       "items": _vm.localItems,
@@ -18934,7 +18936,7 @@ var MAutocompletevue_type_template_id_0efd890a_render = function render() {
     staticClass: "mc-autocomplete__error"
   }, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
 };
-var MAutocompletevue_type_template_id_0efd890a_staticRenderFns = [];
+var MAutocompletevue_type_template_id_0ddbb23d_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
 var es_regexp_to_string = __webpack_require__(9714);
@@ -20431,10 +20433,10 @@ var MListBox_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=script&lang=js&
  /* harmony default export */ var autocomplete_MAutocompletevue_type_script_lang_js_ = (MAutocompletevue_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/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0efd890a&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/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0ddbb23d&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0efd890a&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0ddbb23d&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -20447,8 +20449,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_0efd890a_render,
-  MAutocompletevue_type_template_id_0efd890a_staticRenderFns,
+  MAutocompletevue_type_template_id_0ddbb23d_render,
+  MAutocompletevue_type_template_id_0ddbb23d_staticRenderFns,
   false,
   null,
   null,
@@ -20888,8 +20890,8 @@ MBreadcrumb.install = function (Vue) {
   Vue.component(MBreadcrumb.name, MBreadcrumb);
 };
 
-;// 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/button/MButton.vue?vue&type=template&id=5b2425e9&
-var MButtonvue_type_template_id_5b2425e9_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/button/MButton.vue?vue&type=template&id=5b125bce&
+var MButtonvue_type_template_id_5b125bce_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c(!_vm.href ? 'button' : _vm.disabled ? 'button' : 'a', {
@@ -20920,7 +20922,7 @@ var MButtonvue_type_template_id_5b2425e9_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var MButtonvue_type_template_id_5b2425e9_staticRenderFns = [];
+var MButtonvue_type_template_id_5b125bce_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/button/MButton.vue?vue&type=script&lang=js&
 
@@ -20964,7 +20966,7 @@ var MButtonvue_type_template_id_5b2425e9_staticRenderFns = [];
       type: String,
       default: null,
       validator: function validator(value) {
-        return ['solid', 'bordered', 'solid-neutral', 'bordered-neutral', 'solid-danger', 'bordered-danger'].includes(value);
+        return [null, 'solid', 'bordered', 'solid-neutral', 'bordered-neutral', 'solid-danger', 'bordered-danger'].includes(value);
       }
     },
     /**
@@ -21074,10 +21076,10 @@ var MButtonvue_type_template_id_5b2425e9_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/button/MButton.vue?vue&type=script&lang=js&
  /* harmony default export */ var button_MButtonvue_type_script_lang_js_ = (MButtonvue_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/button/MButton.vue?vue&type=style&index=0&id=5b2425e9&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/button/MButton.vue?vue&type=style&index=0&id=5b125bce&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/button/MButton.vue?vue&type=style&index=0&id=5b2425e9&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/button/MButton.vue?vue&type=style&index=0&id=5b125bce&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/button/MButton.vue
 
@@ -21090,8 +21092,8 @@ var MButtonvue_type_template_id_5b2425e9_staticRenderFns = [];
 
 var MButton_component = normalizeComponent(
   button_MButtonvue_type_script_lang_js_,
-  MButtonvue_type_template_id_5b2425e9_render,
-  MButtonvue_type_template_id_5b2425e9_staticRenderFns,
+  MButtonvue_type_template_id_5b125bce_render,
+  MButtonvue_type_template_id_5b125bce_staticRenderFns,
   false,
   null,
   null,
@@ -21449,10 +21451,10 @@ var MCheckbox_component = normalizeComponent(
 )
 
 /* harmony default export */ var MCheckbox = (MCheckbox_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/checkbox/MCheckboxGroup.vue?vue&type=template&id=1cac5fe5&
+;// 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/checkbox/MCheckboxGroup.vue?vue&type=template&id=7edd2550&
 
 
-var MCheckboxGroupvue_type_template_id_1cac5fe5_render = function render() {
+var MCheckboxGroupvue_type_template_id_7edd2550_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('fieldset', {
@@ -21492,6 +21494,8 @@ var MCheckboxGroupvue_type_template_id_1cac5fe5_render = function render() {
         fn: function fn() {
           return [_vm._t("label".concat(index + 1), function () {
             return [_vm._v(" " + _vm._s(option.label) + " ")];
+          }, {
+            "option": option
           })];
         },
         proxy: true
@@ -21504,9 +21508,9 @@ var MCheckboxGroupvue_type_template_id_1cac5fe5_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var MCheckboxGroupvue_type_template_id_1cac5fe5_staticRenderFns = [];
+var MCheckboxGroupvue_type_template_id_7edd2550_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=template&id=1cac5fe5&
+;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=template&id=7edd2550&
 
 ;// 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/checkbox/MCheckboxGroup.vue?vue&type=script&lang=js&
 
@@ -21607,13 +21611,14 @@ var MCheckboxGroupvue_type_template_id_1cac5fe5_staticRenderFns = [];
     }
   },
   data: function data() {
+    var _this$value;
     return {
-      checkboxesValues: []
+      localValue: (_this$value = this.value) !== null && _this$value !== void 0 ? _this$value : []
     };
   },
   methods: {
     onChange: function onChange(isChecked, value) {
-      var values = this.value;
+      var values = this.localValue;
       if (isChecked && !values.includes(value)) {
         values.push(value);
       } else {
@@ -21626,16 +21631,16 @@ var MCheckboxGroupvue_type_template_id_1cac5fe5_staticRenderFns = [];
        * Triggered each time a checkbox is checked/unchecked. _(can be used with a v-model)_
        */
       this.$emit('change', values);
-      this.checkboxesValues = values;
+      this.localValue = values;
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=script&lang=js&
  /* harmony default export */ var checkbox_MCheckboxGroupvue_type_script_lang_js_ = (MCheckboxGroupvue_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/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=1cac5fe5&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/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=7edd2550&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=1cac5fe5&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=7edd2550&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue
 
@@ -21648,8 +21653,8 @@ var MCheckboxGroupvue_type_template_id_1cac5fe5_staticRenderFns = [];
 
 var MCheckboxGroup_component = normalizeComponent(
   checkbox_MCheckboxGroupvue_type_script_lang_js_,
-  MCheckboxGroupvue_type_template_id_1cac5fe5_render,
-  MCheckboxGroupvue_type_template_id_1cac5fe5_staticRenderFns,
+  MCheckboxGroupvue_type_template_id_7edd2550_render,
+  MCheckboxGroupvue_type_template_id_7edd2550_staticRenderFns,
   false,
   null,
   null,
@@ -21669,11 +21674,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=4812b096&
+;// 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=e7898b4c&
 
 
 
-var MDataTablevue_type_template_id_4812b096_render = function render() {
+var MDataTablevue_type_template_id_e7898b4c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -21854,9 +21859,9 @@ var MDataTablevue_type_template_id_4812b096_render = function render() {
     }], null, true)
   })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_4812b096_staticRenderFns = [];
+var MDataTablevue_type_template_id_e7898b4c_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=4812b096&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=e7898b4c&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -23250,7 +23255,6 @@ var Sorting = {
       }
     },
     paging: {
-      deep: true,
       immediate: true,
       handler: function handler(newValue, oldValue) {
         var _this4 = this;
@@ -23258,7 +23262,7 @@ var Sorting = {
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
-                if (!(deepEqual(newValue, oldValue) && !(_this4.source instanceof Function))) {
+                if (!deepEqual(newValue, oldValue)) {
                   _context3.next = 2;
                   break;
                 }
@@ -23509,10 +23513,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=4812b096&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=e7898b4c&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=4812b096&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=e7898b4c&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -23525,8 +23529,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_4812b096_render,
-  MDataTablevue_type_template_id_4812b096_staticRenderFns,
+  MDataTablevue_type_template_id_e7898b4c_render,
+  MDataTablevue_type_template_id_e7898b4c_staticRenderFns,
   false,
   null,
   null,
@@ -23779,8 +23783,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=280f5f49&
-var MDropdownvue_type_template_id_280f5f49_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=8ed51d1c&
+var MDropdownvue_type_template_id_8ed51d1c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -23823,7 +23827,9 @@ var MDropdownvue_type_template_id_280f5f49_render = function render() {
         _vm.openState = !_vm.openState;
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.getButtonLabel) + " ")]), _vm.isClearable ? _c('button', {
+  }, [_vm._v(" " + _vm._s(_vm.getButtonLabel) + " ")]), _c('div', {
+    staticClass: "mc-dropdown__tools"
+  }, [_vm.isClearable ? _c('button', {
     staticClass: "mc-dropdown__clear",
     attrs: {
       "type": "button"
@@ -23838,7 +23844,7 @@ var MDropdownvue_type_template_id_280f5f49_render = function render() {
     }
   }), _c('span', {
     staticClass: "mc-dropdown__clear-text"
-  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), _c('MListBox', {
+  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()])], 1), _c('MListBox', {
     attrs: {
       "open": _vm.openState,
       "items": _vm.localItems,
@@ -23869,7 +23875,7 @@ var MDropdownvue_type_template_id_280f5f49_render = function render() {
     }
   })], 1);
 };
-var MDropdownvue_type_template_id_280f5f49_staticRenderFns = [];
+var MDropdownvue_type_template_id_8ed51d1c_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&
 
@@ -24224,10 +24230,10 @@ var MDropdownvue_type_template_id_280f5f49_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=280f5f49&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=8ed51d1c&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=280f5f49&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=8ed51d1c&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue
 
@@ -24240,8 +24246,8 @@ var MDropdownvue_type_template_id_280f5f49_staticRenderFns = [];
 
 var MDropdown_component = normalizeComponent(
   dropdown_MDropdownvue_type_script_lang_js_,
-  MDropdownvue_type_template_id_280f5f49_render,
-  MDropdownvue_type_template_id_280f5f49_staticRenderFns,
+  MDropdownvue_type_template_id_8ed51d1c_render,
+  MDropdownvue_type_template_id_8ed51d1c_staticRenderFns,
   false,
   null,
   null,
@@ -26567,11 +26573,15 @@ MLoader.install = function (Vue) {
   Vue.component(MLoader.name, MLoader);
 };
 
-;// 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/modal/MModal.vue?vue&type=template&id=24dce862&
-var MModalvue_type_template_id_24dce862_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/modal/MModal.vue?vue&type=template&id=2fd88842&
+var MModalvue_type_template_id_2fd88842_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', [_c('div', {
+  return _c('Portal', {
+    attrs: {
+      "selector": _vm.appendTo
+    }
+  }, [_c('div', {
     ref: "modal",
     staticClass: "mc-modal",
     attrs: {
@@ -26628,7 +26638,7 @@ var MModalvue_type_template_id_24dce862_render = function render() {
     staticClass: "mt-body-m"
   }, [_vm._t("default")], 2)], 1)]), _vm.$slots.footer ? _c('div', {
     staticClass: "mc-modal__footer"
-  }, [_vm._t("footer")], 2) : _vm._e()])]), _c('keep-alive', [_c('div', {
+  }, [_vm._t("footer")], 2) : _vm._e()])]), _c('KeepAlive', [_c('div', {
     staticClass: "mc-modal-overlay",
     class: {
       'is-visible': _vm.open
@@ -26639,10 +26649,12 @@ var MModalvue_type_template_id_24dce862_render = function render() {
     }
   })])], 1);
 };
-var MModalvue_type_template_id_24dce862_staticRenderFns = [];
+var MModalvue_type_template_id_2fd88842_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/modal/MModal.vue?vue&type=script&lang=js&
 
+
+
 /**
  * > A modal is a dialog window allowing you to focus the user's attention on a specific task, a piece of information or a mandatory action. It must be used for single action only and must have a call to action button in the bottom.
  *
@@ -26651,6 +26663,9 @@ var MModalvue_type_template_id_24dce862_staticRenderFns = [];
  */
 /* harmony default export */ var MModalvue_type_script_lang_js_ = ({
   name: 'MModal',
+  components: {
+    Portal: Portal
+  },
   props: {
     /**
      * Allows to make the Modal visible or hide it. Can be used with `v-model`.
@@ -26704,6 +26719,13 @@ var MModalvue_type_template_id_24dce862_staticRenderFns = [];
     displayCloseButton: {
       type: Boolean,
       default: true
+    },
+    /**
+     * A query selector that defines the target element to which to append the content of the Portal
+     */
+    appendTo: {
+      type: String,
+      default: undefined
     }
   },
   watch: {
@@ -26779,10 +26801,10 @@ var MModalvue_type_template_id_24dce862_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/modal/MModal.vue?vue&type=script&lang=js&
  /* harmony default export */ var modal_MModalvue_type_script_lang_js_ = (MModalvue_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/modal/MModal.vue?vue&type=style&index=0&id=24dce862&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/modal/MModal.vue?vue&type=style&index=0&id=2fd88842&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/modal/MModal.vue?vue&type=style&index=0&id=24dce862&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/modal/MModal.vue?vue&type=style&index=0&id=2fd88842&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/modal/MModal.vue
 
@@ -26795,8 +26817,8 @@ var MModalvue_type_template_id_24dce862_staticRenderFns = [];
 
 var MModal_component = normalizeComponent(
   modal_MModalvue_type_script_lang_js_,
-  MModalvue_type_template_id_24dce862_render,
-  MModalvue_type_template_id_24dce862_staticRenderFns,
+  MModalvue_type_template_id_2fd88842_render,
+  MModalvue_type_template_id_2fd88842_staticRenderFns,
   false,
   null,
   null,
@@ -34951,9 +34973,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=e84a5f3c&
+;// 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=3b6751da&
 
-var MRadioGroupvue_type_template_id_e84a5f3c_render = function render() {
+var MRadioGroupvue_type_template_id_3b6751da_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('fieldset', {
@@ -34996,6 +35018,8 @@ var MRadioGroupvue_type_template_id_e84a5f3c_render = function render() {
         fn: function fn() {
           return [_vm._t("label".concat(index + 1), function () {
             return [_vm._v(" " + _vm._s(option.label) + " ")];
+          }, {
+            "option": option
           })];
         },
         proxy: true
@@ -35008,9 +35032,9 @@ var MRadioGroupvue_type_template_id_e84a5f3c_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var MRadioGroupvue_type_template_id_e84a5f3c_staticRenderFns = [];
+var MRadioGroupvue_type_template_id_3b6751da_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=e84a5f3c&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=3b6751da&
 
 ;// 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&
 
@@ -35120,10 +35144,10 @@ var MRadioGroupvue_type_template_id_e84a5f3c_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=e84a5f3c&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=3b6751da&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=e84a5f3c&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=3b6751da&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue
 
@@ -35136,8 +35160,8 @@ var MRadioGroupvue_type_template_id_e84a5f3c_staticRenderFns = [];
 
 var MRadioGroup_component = normalizeComponent(
   radio_MRadioGroupvue_type_script_lang_js_,
-  MRadioGroupvue_type_template_id_e84a5f3c_render,
-  MRadioGroupvue_type_template_id_e84a5f3c_staticRenderFns,
+  MRadioGroupvue_type_template_id_3b6751da_render,
+  MRadioGroupvue_type_template_id_3b6751da_staticRenderFns,
   false,
   null,
   null,