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

package/dist/mozaic-vue.common.js

@@ -17102,8 +17102,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=cf83a70e&
-var MAutocompletevue_type_template_id_cf83a70e_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=d9482256&
+var MAutocompletevue_type_template_id_d9482256_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -17185,7 +17185,6 @@ var MAutocompletevue_type_template_id_cf83a70e_render = function render() {
       "items": _vm.localItems,
       "multiple": _vm.multiple,
       "empty-search-label": _vm.emptySearchLabel,
-      "data-key-expr": _vm.dataKeyExpr,
       "data-text-expr": _vm.dataTextExpr,
       "data-value-expr": _vm.dataValueExpr,
       "max-width": _vm.maxWidth
@@ -17213,7 +17212,7 @@ var MAutocompletevue_type_template_id_cf83a70e_render = function render() {
     staticClass: "mc-autocomplete__error"
   }, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
 };
-var MAutocompletevue_type_template_id_cf83a70e_staticRenderFns = [];
+var MAutocompletevue_type_template_id_d9482256_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
 var es_regexp_to_string = __webpack_require__(9714);
@@ -17920,11 +17919,11 @@ var MTextInput_component = normalizeComponent(
 )
 
 /* harmony default export */ var MTextInput = (MTextInput_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/listbox/MListBox.vue?vue&type=template&id=ec39b4f2&
+;// 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/listbox/MListBox.vue?vue&type=template&id=c7edaea4&
 
 
 
-var MListBoxvue_type_template_id_ec39b4f2_render = function render() {
+var MListBoxvue_type_template_id_c7edaea4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('ul', {
@@ -18051,9 +18050,9 @@ var MListBoxvue_type_template_id_ec39b4f2_render = function render() {
     })], 2)], 1);
   }), 0);
 };
-var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
+var MListBoxvue_type_template_id_c7edaea4_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=ec39b4f2&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=c7edaea4&
 
 ;// 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/listbox/MListBox.vue?vue&type=script&lang=js&
 
@@ -18079,10 +18078,6 @@ var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
       type: Boolean,
       default: false
     },
-    dataKeyExpr: {
-      type: String,
-      default: 'id'
-    },
     dataTextExpr: {
       type: String,
       default: 'label'
@@ -18137,10 +18132,10 @@ var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
  /* harmony default export */ var listbox_MListBoxvue_type_script_lang_js_ = (MListBoxvue_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/@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/listbox/MListBox.vue?vue&type=style&index=0&id=ec39b4f2&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/@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/listbox/MListBox.vue?vue&type=style&index=0&id=c7edaea4&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=ec39b4f2&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=c7edaea4&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue
 
@@ -18153,8 +18148,8 @@ var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
 
 var MListBox_component = normalizeComponent(
   listbox_MListBoxvue_type_script_lang_js_,
-  MListBoxvue_type_template_id_ec39b4f2_render,
-  MListBoxvue_type_template_id_ec39b4f2_staticRenderFns,
+  MListBoxvue_type_template_id_c7edaea4_render,
+  MListBoxvue_type_template_id_c7edaea4_staticRenderFns,
   false,
   null,
   null,
@@ -18285,10 +18280,6 @@ var MListBox_component = normalizeComponent(
       type: String,
       default: 'No results found'
     },
-    dataKeyExpr: {
-      type: String,
-      default: 'id'
-    },
     dataTextExpr: {
       type: String,
       default: 'label'
@@ -18499,10 +18490,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/@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/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=cf83a70e&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/@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/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=d9482256&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=cf83a70e&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=d9482256&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -18515,8 +18506,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_cf83a70e_render,
-  MAutocompletevue_type_template_id_cf83a70e_staticRenderFns,
+  MAutocompletevue_type_template_id_d9482256_render,
+  MAutocompletevue_type_template_id_d9482256_staticRenderFns,
   false,
   null,
   null,
@@ -19319,22 +19310,22 @@ 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=1225eaa8&
+;// 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=14536fee&
 
 
-var MCheckboxGroupvue_type_template_id_1225eaa8_render = function render() {
+var MCheckboxGroupvue_type_template_id_14536fee_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('fieldset', {
     staticClass: "mc-field mc-field--group"
-  }, [_c('legend', {
+  }, [_vm.legend ? _c('legend', {
     staticClass: "mc-field__legend"
   }, [_vm._v(" " + _vm._s(_vm.legend) + " "), _vm.requirementText ? _c('span', {
     staticClass: "mc-field__requirement",
     attrs: {
       "aria-hidden": "true"
     }
-  }, [_vm._v(" " + _vm._s(_vm.requirementText) + " ")]) : _vm._e()]), _vm.helpId && _vm.helpText ? _c('span', {
+  }, [_vm._v(" " + _vm._s(_vm.requirementText) + " ")]) : _vm._e()]) : _vm._e(), _vm.helpId && _vm.helpText ? _c('span', {
     staticClass: "mc-field__help",
     attrs: {
       "id": _vm.helpId
@@ -19374,9 +19365,9 @@ var MCheckboxGroupvue_type_template_id_1225eaa8_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var MCheckboxGroupvue_type_template_id_1225eaa8_staticRenderFns = [];
+var MCheckboxGroupvue_type_template_id_14536fee_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=template&id=1225eaa8&
+;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=template&id=14536fee&
 
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -19430,7 +19421,7 @@ function _toConsumableArray(arr) {
      */
     legend: {
       type: String,
-      required: true
+      default: undefined
     },
     /**
      * Property used to manage the values checked by v-model
@@ -19528,10 +19519,10 @@ function _toConsumableArray(arr) {
 });
 ;// 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/@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/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=1225eaa8&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/@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/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=14536fee&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=1225eaa8&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue?vue&type=style&index=0&id=14536fee&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/checkbox/MCheckboxGroup.vue
 
@@ -19544,8 +19535,8 @@ function _toConsumableArray(arr) {
 
 var MCheckboxGroup_component = normalizeComponent(
   checkbox_MCheckboxGroupvue_type_script_lang_js_,
-  MCheckboxGroupvue_type_template_id_1225eaa8_render,
-  MCheckboxGroupvue_type_template_id_1225eaa8_staticRenderFns,
+  MCheckboxGroupvue_type_template_id_14536fee_render,
+  MCheckboxGroupvue_type_template_id_14536fee_staticRenderFns,
   false,
   null,
   null,
@@ -19565,11 +19556,9 @@ 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=30650ba6&
-
+;// 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=3fdecced&
 
-
-var MDataTablevue_type_template_id_30650ba6_render = function render() {
+var MDataTablevue_type_template_id_3fdecced_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -19586,12 +19575,7 @@ var MDataTablevue_type_template_id_30650ba6_render = function render() {
     attrs: {
       "aria-describedby": "data"
     }
-  }, [_c('thead', [!_vm.hideHeader ? _c('tr', [_vm.expandable ? _c('th', {
-    staticClass: "mc-datatable__cell-button",
-    attrs: {
-      "scope": "col"
-    }
-  }, [_vm._v("   ")]) : _vm._e(), _vm._l(_vm.getHeaders, function (header, index) {
+  }, [_c('thead', [!_vm.hideHeader ? _c('tr', _vm._l(_vm.getHeaders, function (header, index) {
     return _c('th', {
       key: "header-".concat(index),
       class: header.cssClass,
@@ -19630,34 +19614,11 @@ var MDataTablevue_type_template_id_30650ba6_render = function render() {
         "name": 'ArrowArrowBottom16'
       }
     })], 1) : _vm._e()], 2)]);
-  })], 2) : _vm._e()]), _c('tbody', [_vm._l(_vm.getSource, function (item, rowIndex) {
-    var _vm$expandableList;
-    return [_c('tr', {
+  }), 0) : _vm._e()]), _c('tbody', [_vm._l(_vm.getSource, function (item, rowIndex) {
+    return _c('tr', {
       key: item[_vm.dataKeyExpr],
-      class: [_vm.rowClasses(item), _vm.parentRowClasses]
-    }, [_vm.expandable ? _c('td', [(_vm$expandableList = _vm.expandableList) !== null && _vm$expandableList !== void 0 && _vm$expandableList.includes(item.id) || !_vm.expandableList ? _c('button', {
-      staticClass: "mc-datatable__expand mc-datatable__btn",
-      attrs: {
-        "type": "button"
-      },
-      on: {
-        "click": function click($event) {
-          return _vm.onClickExpander($event, item, rowIndex);
-        }
-      }
-    }, [_c('span', {
-      staticClass: "mc-datatable__btn-label"
-    }, [_vm._v(" " + _vm._s(_vm.expanderAccessibleLabel) + " ")]), _c('MIcon', {
-      staticClass: "mc-datatable__btn-icon expand-more",
-      attrs: {
-        "name": "ControlCircleMore24"
-      }
-    }), _c('MIcon', {
-      staticClass: "mc-datatable__btn-icon expand-less",
-      attrs: {
-        "name": "ControlCircleLess24"
-      }
-    })], 1) : _vm._e()]) : _vm._e(), _vm._l(_vm.getHeaders, function (header, index) {
+      class: _vm.rowClasses(item)
+    }, _vm._l(_vm.getHeaders, function (header, index) {
       return _c('td', {
         key: "".concat(index, "-").concat(_vm.getItemValue(item, _vm.dataKeyExpr), "-").concat(header.dataFieldExpr),
         class: header.cssClass,
@@ -19675,20 +19636,7 @@ var MDataTablevue_type_template_id_30650ba6_render = function render() {
         "item": item,
         "index": rowIndex
       })], 2);
-    })], 2), _vm.expandable ? _c('tr', {
-      key: 'subrow' + item[_vm.dataKeyExpr],
-      staticClass: "mc-datatable__row-expandable",
-      class: _vm.expandableRowClasses
-    }, [_c('td', {
-      attrs: {
-        "colspan": _vm.getHeaders.length + 1
-      }
-    }, [_c('div', {
-      staticClass: "mc-datatable__row-inner"
-    }, [_vm._t("expandContent", null, {
-      "item": item,
-      "rowIndex": rowIndex
-    })], 2)])]) : _vm._e()];
+    }), 0);
   }), _vm.getSource.length == 0 ? _c('tr', [_c('td', {
     attrs: {
       "colspan": _vm.getHeaders.length
@@ -19750,9 +19698,9 @@ var MDataTablevue_type_template_id_30650ba6_render = function render() {
     }], null, true)
   })], 1)]) : _vm._e()])], 2);
 };
-var MDataTablevue_type_template_id_30650ba6_staticRenderFns = [];
+var MDataTablevue_type_template_id_3fdecced_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=30650ba6&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=template&id=3fdecced&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.async-iterator.js
 var es_symbol_async_iterator = __webpack_require__(2443);
@@ -20875,18 +20823,6 @@ var Sorting = {
     itemClasses: {
       type: [String, Function, Object],
       default: ''
-    },
-    expandable: {
-      type: Boolean,
-      default: false
-    },
-    expandableList: {
-      type: Array,
-      default: undefined
-    },
-    expanderAccessibleLabel: {
-      type: String,
-      default: 'Déplier la ligne'
     }
   },
   data: function data() {
@@ -20962,16 +20898,6 @@ var Sorting = {
         take = _buildOptions.take;
       var on = skip + take;
       return "".concat(skip + 1, " - ").concat(on >= this.total ? this.total : on);
-    },
-    parentRowClasses: function parentRowClasses() {
-      return {
-        'mc-datatable__row-parent': this.expandable
-      };
-    },
-    expandableRowClasses: function expandableRowClasses() {
-      return {
-        'mc-datatable__row-expandable--offset-1': this.expandable
-      };
     }
   },
   watch: {
@@ -21248,28 +21174,15 @@ var Sorting = {
     },
     onRowClick: function onRowClick(e) {
       this.$emit('row-click', e);
-    },
-    onClickExpander: function onClickExpander(e, rowData, rowIndex) {
-      var button = e.currentTarget;
-      var row = button.closest('tr');
-      button.classList.toggle('is-expand');
-      row.classList.toggle('mc-datatable__row-parent--expanded');
-      var isExpanded = button.classList.contains('is-expand');
-      var eventName = isExpanded ? 'expand-row' : 'retract-row';
-      var eventArg = {
-        data: rowData,
-        index: rowIndex
-      };
-      this.$emit(eventName, eventArg);
     }
   }
 });
 ;// 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/@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/datatable/MDataTable.vue?vue&type=style&index=0&id=30650ba6&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/@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/datatable/MDataTable.vue?vue&type=style&index=0&id=3fdecced&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=30650ba6&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue?vue&type=style&index=0&id=3fdecced&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/datatable/MDataTable.vue
 
@@ -21282,8 +21195,8 @@ var Sorting = {
 
 var MDataTable_component = normalizeComponent(
   datatable_MDataTablevue_type_script_lang_js_,
-  MDataTablevue_type_template_id_30650ba6_render,
-  MDataTablevue_type_template_id_30650ba6_staticRenderFns,
+  MDataTablevue_type_template_id_3fdecced_render,
+  MDataTablevue_type_template_id_3fdecced_staticRenderFns,
   false,
   null,
   null,
@@ -21490,8 +21403,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=365835f1&
-var MDropdownvue_type_template_id_365835f1_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=34a76b06&
+var MDropdownvue_type_template_id_34a76b06_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -21534,7 +21447,7 @@ var MDropdownvue_type_template_id_365835f1_render = function render() {
         _vm.openState = !_vm.openState;
       }
     }
-  }, [_vm._v(" " + _vm._s(_vm.getButtonLabel) + " ")]), _vm.isClearable ? _c('button', {
+  }, [_vm._v(" " + _vm._s(_vm.buttonValue) + " ")]), _vm.isClearable ? _c('button', {
     staticClass: "mc-dropdown__clear",
     attrs: {
       "type": "button"
@@ -21555,7 +21468,6 @@ var MDropdownvue_type_template_id_365835f1_render = function render() {
       "items": _vm.localItems,
       "multiple": _vm.multiple,
       "empty-search-label": _vm.emptySearchLabel,
-      "data-key-expr": _vm.dataKeyExpr,
       "data-text-expr": _vm.dataTextExpr,
       "data-value-expr": _vm.dataValueExpr,
       "max-width": _vm.maxWidth
@@ -21581,7 +21493,7 @@ var MDropdownvue_type_template_id_365835f1_render = function render() {
     }
   })], 1);
 };
-var MDropdownvue_type_template_id_365835f1_staticRenderFns = [];
+var MDropdownvue_type_template_id_34a76b06_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&
 
@@ -21673,10 +21585,6 @@ var MDropdownvue_type_template_id_365835f1_staticRenderFns = [];
       type: String,
       default: 'No results found'
     },
-    dataKeyExpr: {
-      type: String,
-      default: 'id'
-    },
     dataTextExpr: {
       type: String,
       default: 'label'
@@ -21710,6 +21618,7 @@ var MDropdownvue_type_template_id_365835f1_staticRenderFns = [];
       openState: this.open,
       tagWidth: '0px',
       tagValue: null,
+      buttonValue: this.placeholder,
       localItems: null,
       sortedListItems: null,
       listboxValue: null
@@ -21743,20 +21652,6 @@ var MDropdownvue_type_template_id_365835f1_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: {
@@ -21778,6 +21673,12 @@ var MDropdownvue_type_template_id_365835f1_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;
         }
@@ -21855,10 +21756,10 @@ var MDropdownvue_type_template_id_365835f1_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/@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/dropdown/MDropdown.vue?vue&type=style&index=0&id=365835f1&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/@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/dropdown/MDropdown.vue?vue&type=style&index=0&id=34a76b06&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=365835f1&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=34a76b06&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue
 
@@ -21871,8 +21772,8 @@ var MDropdownvue_type_template_id_365835f1_staticRenderFns = [];
 
 var MDropdown_component = normalizeComponent(
   dropdown_MDropdownvue_type_script_lang_js_,
-  MDropdownvue_type_template_id_365835f1_render,
-  MDropdownvue_type_template_id_365835f1_staticRenderFns,
+  MDropdownvue_type_template_id_34a76b06_render,
+  MDropdownvue_type_template_id_34a76b06_staticRenderFns,
   false,
   null,
   null,
@@ -22347,9 +22248,9 @@ MFlag.install = function (Vue) {
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.sticky.js
 var es_regexp_sticky = __webpack_require__(8386);
-;// 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/header/MHeader.vue?vue&type=template&id=bbd324de&
+;// 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/header/MHeader.vue?vue&type=template&id=148e94da&
 
-var MHeadervue_type_template_id_bbd324de_render = function render() {
+var MHeadervue_type_template_id_148e94da_render = function render() {
   var _vm$backHref;
   var _vm = this,
     _c = _vm._self._c;
@@ -22427,9 +22328,9 @@ var MHeadervue_type_template_id_bbd324de_render = function render() {
     }
   })], 1) : _vm._e()]);
 };
-var MHeadervue_type_template_id_bbd324de_staticRenderFns = [];
+var MHeadervue_type_template_id_148e94da_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=template&id=bbd324de&
+;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=template&id=148e94da&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
 var es_array_find_index = __webpack_require__(4553);
@@ -22759,7 +22660,7 @@ var MTab_component = normalizeComponent(
     /** The size of title (l, s, m, or xl).*/
     size: {
       type: String,
-      default: 'l',
+      default: 'm',
       validator: function validator(value) {
         return ['s', 'm', 'l', 'xl'].includes(value);
       }
@@ -22848,10 +22749,10 @@ var MTab_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=script&lang=js&
  /* harmony default export */ var header_MHeadervue_type_script_lang_js_ = (MHeadervue_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/@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/header/MHeader.vue?vue&type=style&index=0&id=bbd324de&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/@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/header/MHeader.vue?vue&type=style&index=0&id=148e94da&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=style&index=0&id=bbd324de&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=style&index=0&id=148e94da&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/header/MHeader.vue
 
@@ -22864,8 +22765,8 @@ var MTab_component = normalizeComponent(
 
 var MHeader_component = normalizeComponent(
   header_MHeadervue_type_script_lang_js_,
-  MHeadervue_type_template_id_bbd324de_render,
-  MHeadervue_type_template_id_bbd324de_staticRenderFns,
+  MHeadervue_type_template_id_148e94da_render,
+  MHeadervue_type_template_id_148e94da_staticRenderFns,
   false,
   null,
   null,
@@ -31616,21 +31517,21 @@ 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=330a6344&
+;// 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=35904ef3&
 
-var MRadioGroupvue_type_template_id_330a6344_render = function render() {
+var MRadioGroupvue_type_template_id_35904ef3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('fieldset', {
     staticClass: "mc-field mc-field--group"
-  }, [_c('legend', {
+  }, [_vm.legend ? _c('legend', {
     staticClass: "mc-field__legend"
   }, [_vm._v(" " + _vm._s(_vm.legend) + " "), _vm.requirementText ? _c('span', {
     staticClass: "mc-field__requirement",
     attrs: {
       "aria-hidden": "true"
     }
-  }, [_vm._v(" " + _vm._s(_vm.requirementText) + " ")]) : _vm._e()]), _vm.helpId && _vm.helpText ? _c('span', {
+  }, [_vm._v(" " + _vm._s(_vm.requirementText) + " ")]) : _vm._e()]) : _vm._e(), _vm.helpId && _vm.helpText ? _c('span', {
     staticClass: "mc-field__help",
     attrs: {
       "id": _vm.helpId
@@ -31664,9 +31565,9 @@ var MRadioGroupvue_type_template_id_330a6344_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var MRadioGroupvue_type_template_id_330a6344_staticRenderFns = [];
+var MRadioGroupvue_type_template_id_35904ef3_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=330a6344&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=template&id=35904ef3&
 
 ;// 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&
 
@@ -31679,7 +31580,7 @@ var MRadioGroupvue_type_template_id_330a6344_staticRenderFns = [];
   props: {
     legend: {
       type: String,
-      required: true
+      default: null
     },
     requirementText: {
       type: String,
@@ -31728,10 +31629,10 @@ var MRadioGroupvue_type_template_id_330a6344_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/@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/radio/MRadioGroup.vue?vue&type=style&index=0&id=330a6344&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/@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/radio/MRadioGroup.vue?vue&type=style&index=0&id=35904ef3&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=330a6344&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue?vue&type=style&index=0&id=35904ef3&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/radio/MRadioGroup.vue
 
@@ -31744,8 +31645,8 @@ var MRadioGroupvue_type_template_id_330a6344_staticRenderFns = [];
 
 var MRadioGroup_component = normalizeComponent(
   radio_MRadioGroupvue_type_script_lang_js_,
-  MRadioGroupvue_type_template_id_330a6344_render,
-  MRadioGroupvue_type_template_id_330a6344_staticRenderFns,
+  MRadioGroupvue_type_template_id_35904ef3_render,
+  MRadioGroupvue_type_template_id_35904ef3_staticRenderFns,
   false,
   null,
   null,