@mozaic-ds/vue 0.20.0-beta.5 → 0.21.0

package/dist/mozaic-vue.umd.js

@@ -27246,7 +27246,7 @@ __webpack_require__.d(__webpack_exports__, {
   "MLayer": function() { return /* reexport */ MLayer; },
   "MLink": function() { return /* reexport */ MLink; },
   "MListBox": function() { return /* reexport */ MListBox; },
-  "MListBoxOptions": function() { return /* reexport */ MListBoxOptions; },
+  "MListBoxActions": function() { return /* reexport */ MListBoxActions; },
   "MLoader": function() { return /* reexport */ MLoader; },
   "MModal": function() { return /* reexport */ MModal; },
   "MNotification": function() { return /* reexport */ MNotification; },
@@ -27299,7 +27299,7 @@ __webpack_require__.d(components_namespaceObject, {
   "MLayer": function() { return MLayer; },
   "MLink": function() { return MLink; },
   "MListBox": function() { return MListBox; },
-  "MListBoxOptions": function() { return MListBoxOptions; },
+  "MListBoxActions": function() { return MListBoxActions; },
   "MLoader": function() { return MLoader; },
   "MModal": function() { return MModal; },
   "MNotification": function() { return MNotification; },
@@ -32769,12 +32769,26 @@ MLink.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxOptions.vue?vue&type=template&id=78812feb&
-var MListBoxOptionsvue_type_template_id_78812feb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],staticClass:"mc-listbox-options"},[_c('button',{staticClass:"mc-listbox-options__trigger",attrs:{"type":"button"},on:{"click":function($event){_vm.isOpen = !_vm.isOpen}}},[_c('m-icon',{attrs:{"name":"DisplayOptions24"}}),_c('span',{staticClass:"mc-listbox-options__trigger-label"},[_vm._v(_vm._s(_vm.triggerLabel))])],1),(_vm.items.length > 0)?_c('ul',{ref:"listbox",staticClass:"mc-listbox-options__list",class:{ 'is-open': _vm.isOpen, 'align-right': _vm.position == 'right' },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.items),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox-options__tile"},[(item.icon)?_c('m-icon',{staticClass:"mc-listbox-options__icon",attrs:{"name":item.icon,"color":item.danger ? '#C61112' : '#71706B'}}):_vm._e(),_c(item.href ? 'a' : 'button',{tag:"component",staticClass:"mc-listbox-options__item",class:{ 'is-danger': item.danger },attrs:{"href":item.href ? item.href : null,"type":item.href ? null : 'button'}},[_vm._v(" "+_vm._s(item.text)+" ")])],1)}),0):_vm._e()])}
-var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxActions.vue?vue&type=template&id=58621916&
+var MListBoxActionsvue_type_template_id_58621916_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],staticClass:"mc-listbox-options"},[_c('button',{staticClass:"mc-listbox-options__trigger",attrs:{"type":"button"},on:{"click":function($event){_vm.isOpen = !_vm.isOpen}}},[_c('m-icon',{attrs:{"name":"DisplayOptions24"}}),_c('span',{staticClass:"mc-listbox-options__trigger-label"},[_vm._v(_vm._s(_vm.triggerLabel))])],1),_c('div',{ref:"listbox",staticClass:"mc-listbox-options__container",class:{ 'is-open': _vm.isOpen, 'align-right': _vm.position == 'right' },attrs:{"role":"listbox","aria-labelledby":"listbox"}},_vm._l((_vm.listItems),function(list,index){return _c('ul',{key:(list + "-" + index),staticClass:"mc-listbox-options__list"},_vm._l((list),function(item){return _c('li',{key:item.id,staticClass:"mc-listbox-options__tile",class:{ 'is-disabled': item.disabled }},[(item.icon)?_c('m-icon',{staticClass:"mc-listbox-options__icon",attrs:{"name":item.icon,"color":item.danger ? '#C61112' : '#71706B'}}):_vm._e(),_c(item.href ? 'a' : 'button',{tag:"component",staticClass:"mc-listbox-options__item",class:{ 'is-danger': item.danger, 'is-disabled': item.disabled },attrs:{"href":item.href ? item.href : null,"type":item.href ? null : 'button',"disabled":item.href ? null : true},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.$emit('update:itemSelected', item)}}},[_vm._v(" "+_vm._s(item.text)+" ")])],1)}),0)}),0)])}
+var MListBoxActionsvue_type_template_id_58621916_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxOptions.vue?vue&type=script&lang=js&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxActions.vue?vue&type=script&lang=js&
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -32815,8 +32829,8 @@ var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
 //
 //
 
-/* harmony default export */ var MListBoxOptionsvue_type_script_lang_js_ = ({
-  name: 'MListBoxOptions',
+/* harmony default export */ var MListBoxActionsvue_type_script_lang_js_ = ({
+  name: 'MListBoxActions',
   components: {
     MIcon: MIcon
   },
@@ -32861,20 +32875,33 @@ var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
       isOpen: this.open
     };
   },
+  computed: {
+    listItems: function listItems() {
+      var hasNestedArray = this.items.filter(Array.isArray).length;
+
+      if (hasNestedArray === 0) {
+        var listItems = [];
+        listItems.push(this.items);
+        return [this.items];
+      }
+
+      return this.items;
+    }
+  },
   methods: {
     onClickOutside: function onClickOutside() {
       this.isOpen = false;
     }
   }
 });
-;// CONCATENATED MODULE: ./src/components/listbox/MListBoxOptions.vue?vue&type=script&lang=js&
- /* harmony default export */ var listbox_MListBoxOptionsvue_type_script_lang_js_ = (MListBoxOptionsvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].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-63[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-82[0].rules[0].use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxOptions.vue?vue&type=style&index=0&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=script&lang=js&
+ /* harmony default export */ var listbox_MListBoxActionsvue_type_script_lang_js_ = (MListBoxActionsvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].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-63[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-82[0].rules[0].use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBoxOptions.vue?vue&type=style&index=0&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&lang=scss&
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBoxOptions.vue
+;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue
 
 
 
@@ -32883,10 +32910,10 @@ var MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns = []
 
 /* normalize component */
 
-var MListBoxOptions_component = normalizeComponent(
-  listbox_MListBoxOptionsvue_type_script_lang_js_,
-  MListBoxOptionsvue_type_template_id_78812feb_render,
-  MListBoxOptionsvue_type_template_id_78812feb_staticRenderFns,
+var MListBoxActions_component = normalizeComponent(
+  listbox_MListBoxActionsvue_type_script_lang_js_,
+  MListBoxActionsvue_type_template_id_58621916_render,
+  MListBoxActionsvue_type_template_id_58621916_staticRenderFns,
   false,
   null,
   null,
@@ -32894,7 +32921,7 @@ var MListBoxOptions_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var MListBoxOptions = (MListBoxOptions_component.exports);
+/* harmony default export */ var MListBoxActions = (MListBoxActions_component.exports);
 ;// CONCATENATED MODULE: ./src/components/listbox/index.js
 
 
@@ -32904,8 +32931,8 @@ MListBox.install = function (Vue) {
   Vue.component(MListBox.name, MListBox);
 };
 
-MListBoxOptions.install = function (Vue) {
-  Vue.component(MListBoxOptions.name, MListBoxOptions);
+MListBoxActions.install = function (Vue) {
+  Vue.component(MListBoxActions.name, MListBoxActions);
 };
 
 
@@ -33960,14 +33987,14 @@ MPasswordInput.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/phonenumber/MPhoneNumber.vue?vue&type=template&id=42c9c85e&
-var MPhoneNumbervue_type_template_id_42c9c85e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mc-phone-number",class:[
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/phonenumber/MPhoneNumber.vue?vue&type=template&id=4aa9aaef&
+var MPhoneNumbervue_type_template_id_4aa9aaef_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mc-phone-number",class:[
     { 'mc-phone-number--focused': _vm.isCountriesListOpened },
     _vm.cssFieldElementClass ]},[(_vm.isCountriesListOpened)?_c('div',{staticClass:"mc-phone-number__overlay",on:{"click":_vm.toggleCountriesList}}):_vm._e(),_c('div',{staticClass:"mc-phone-number__dropdown",on:{"keydown":_vm.initKeyboardNav}},[_c('button',{staticClass:"mc-phone-number__button",attrs:{"id":"dropdown_country","type":"button","aria-haspopup":"listbox","aria-labelledby":"dropdown_country","aria-expanded":_vm.isCountriesListOpened},on:{"click":_vm.toggleCountriesList}},[(!_vm.withoutFlags)?_c('country-flag',{staticClass:"flag",attrs:{"country":_vm.selectedCountry.shortName,"size":"small"}}):_vm._e(),_c('span',{staticClass:"mc-phone-number__indicator"},[_vm._v(_vm._s(_vm.selectedCountry.isd))])],1),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.isCountriesListOpened),expression:"isCountriesListOpened"}],ref:"countriesList",staticClass:"mc-phone-number__list",attrs:{"id":"phone_number_list","tabindex":"-1","role":"listbox","aria-labelledby":"phone_number_list","aria-activedescendant":_vm.selectedCountry.isd}},_vm._l((_vm.countries),function(country){return _c('li',{key:country.isd,staticClass:"mc-phone-number__item",class:{
           'mc-phone-number__item--focused':
             country.isd === _vm.selectedCountry.isd,
-        },attrs:{"role":"option","aria-selected":country.isd === _vm.selectedCountry.isd},on:{"click":function($event){return _vm.onChangeCountry(country)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onChangeCountry(country)}}},[(!_vm.withoutFlags)?_c('country-flag',{staticClass:"flag",attrs:{"country":country.shortName,"size":"small"}}):_vm._e(),_c('span',{staticClass:"mc-phone-number__country"},[_vm._v(_vm._s(country.name))]),_vm._v("   "),_c('span',[_vm._v(_vm._s(country.isd))])],1)}),0)]),_c('input',{staticClass:"mc-phone-number__input mc-text-input mc-text-input--m mc-field__input",attrs:{"id":"smallField","type":"tel","name":"phone-number-input","placeholder":_vm.placeholder,"maxlength":_vm.maxlength},domProps:{"value":_vm.phoneNumber},on:{"blur":_vm.onChangePhoneNumber,"focus":function (event) { return (_vm.formatOnBlur ? _vm.cleanFormat(event) : null); },"keyup":_vm.onKeyPressPhoneNumber,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return (function (event) { return (_vm.formatOnBlur ? null : _vm.backspaceFunction(event)); }).apply(null, arguments)}}})])}
-var MPhoneNumbervue_type_template_id_42c9c85e_staticRenderFns = []
+        },attrs:{"role":"option","aria-selected":country.isd === _vm.selectedCountry.isd},on:{"click":function($event){return _vm.onChangeCountry(country)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onChangeCountry(country)}}},[(!_vm.withoutFlags)?_c('country-flag',{staticClass:"flag",attrs:{"country":country.shortName,"size":"small"}}):_vm._e(),_c('span',{staticClass:"mc-phone-number__country"},[_vm._v(_vm._s(country.name))]),_vm._v("   "),_c('span',[_vm._v(_vm._s(country.isd))])],1)}),0)]),_c('input',_vm._g({staticClass:"mc-phone-number__input mc-text-input mc-text-input--m mc-field__input",attrs:{"id":"smallField","type":"tel","name":"phone-number-input","placeholder":_vm.placeholder,"maxlength":_vm.maxlength},domProps:{"value":_vm.phoneNumber},on:{"blur":_vm.onChangePhoneNumber,"focus":function (event) { return (_vm.formatOnBlur ? _vm.cleanFormat(event) : null); },"keyup":_vm.onKeyPressPhoneNumber,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return (function (event) { return (_vm.formatOnBlur ? null : _vm.backspaceFunction(event)); }).apply(null, arguments)}}},_vm.$listeners))])}
+var MPhoneNumbervue_type_template_id_4aa9aaef_staticRenderFns = []
 
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
@@ -39942,6 +39969,7 @@ var examples_mobile_namespaceObject = JSON.parse('{"AC":"40123","AD":"312345","A
 //
 //
 //
+//
 
 
 
@@ -40171,8 +40199,8 @@ var examples_mobile_namespaceObject = JSON.parse('{"AC":"40123","AD":"312345","A
 
 var MPhoneNumber_component = normalizeComponent(
   phonenumber_MPhoneNumbervue_type_script_lang_js_,
-  MPhoneNumbervue_type_template_id_42c9c85e_render,
-  MPhoneNumbervue_type_template_id_42c9c85e_staticRenderFns,
+  MPhoneNumbervue_type_template_id_4aa9aaef_render,
+  MPhoneNumbervue_type_template_id_4aa9aaef_staticRenderFns,
   false,
   null,
   null,
@@ -40323,9 +40351,9 @@ MProgress.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=7cb89e3f&
-var MQuantitySelectorvue_type_template_id_7cb89e3f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mc-quantity-selector",class:_vm.cssFieldElementClass},[_c('m-button',{staticClass:"mc-quantity-selector__button-left",attrs:{"theme":"bordered","icon":"ControlLess32","icon-position":"left","aria-label":_vm.decrementAriaLabel,"aria-controls":_vm.id,"disabled":_vm.currentValue === _vm.valuemin,"size":_vm.small ? 's' : null,"tabindex":"-1"},on:{"click":function($event){return _vm.decrement()}}}),_c('MTextInputField',{staticClass:"mc-quantity-selector__input",attrs:{"id":_vm.id,"value":_vm.currentValue,"type":"number","name":"quantity-selector-input","aria-label":_vm.inputAriaLabel,"aria-valuenow":_vm.currentValue,"aria-valuemin":_vm.valuemin,"aria-valuemax":_vm.valuemax,"placeholder":_vm.placeholder,"size":_vm.small ? 's' : null,"role":"spinbutton"},on:{"input":_vm.handle,"keypress":function($event){_vm.integerOnly && _vm.formatValue($event)}}}),_c('m-button',{staticClass:"mc-quantity-selector__button-right",attrs:{"theme":"bordered","icon":"ControlMore32","icon-position":"right","aria-label":_vm.incrementAriaLabel,"aria-controls":_vm.id,"disabled":_vm.currentValue === _vm.valuemax,"size":_vm.small ? 's' : null,"tabindex":"-1"},on:{"click":function($event){return _vm.increment()}}})],1)}
-var MQuantitySelectorvue_type_template_id_7cb89e3f_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=template&id=70f13786&
+var MQuantitySelectorvue_type_template_id_70f13786_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"mc-quantity-selector",class:_vm.cssFieldElementClass},[_c('m-button',{staticClass:"mc-quantity-selector__button-left",attrs:{"theme":"bordered","icon":"ControlLess32","icon-position":"left","aria-label":_vm.decrementAriaLabel,"aria-controls":_vm.id,"disabled":_vm.currentValue === _vm.valuemin,"size":_vm.small ? 's' : null,"tabindex":"-1","type":"button"},on:{"click":function($event){return _vm.decrement()}}}),_c('MTextInputField',_vm._g({staticClass:"mc-quantity-selector__input",attrs:{"id":_vm.id,"value":_vm.currentValue,"type":"number","name":"quantity-selector-input","aria-label":_vm.inputAriaLabel,"aria-valuenow":_vm.currentValue,"aria-valuemin":_vm.valuemin,"aria-valuemax":_vm.valuemax,"placeholder":_vm.placeholder,"size":_vm.small ? 's' : null,"role":"spinbutton"},on:{"input":_vm.handle,"keypress":function($event){_vm.integerOnly && _vm.formatValue($event)}}},_vm.$listeners)),_c('m-button',{staticClass:"mc-quantity-selector__button-right",attrs:{"theme":"bordered","icon":"ControlMore32","icon-position":"right","aria-label":_vm.incrementAriaLabel,"aria-controls":_vm.id,"disabled":_vm.currentValue === _vm.valuemax,"size":_vm.small ? 's' : null,"tabindex":"-1","type":"button"},on:{"click":function($event){return _vm.increment()}}})],1)}
+var MQuantitySelectorvue_type_template_id_70f13786_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/quantityselector/MQuantitySelector.vue?vue&type=script&lang=js&
@@ -40379,6 +40407,9 @@ var MQuantitySelectorvue_type_template_id_7cb89e3f_staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 
 /* harmony default export */ var MQuantitySelectorvue_type_script_lang_js_ = ({
@@ -40497,8 +40528,8 @@ var MQuantitySelectorvue_type_template_id_7cb89e3f_staticRenderFns = []
 
 var MQuantitySelector_component = normalizeComponent(
   quantityselector_MQuantitySelectorvue_type_script_lang_js_,
-  MQuantitySelectorvue_type_template_id_7cb89e3f_render,
-  MQuantitySelectorvue_type_template_id_7cb89e3f_staticRenderFns,
+  MQuantitySelectorvue_type_template_id_70f13786_render,
+  MQuantitySelectorvue_type_template_id_70f13786_staticRenderFns,
   false,
   null,
   null,
@@ -41012,16 +41043,49 @@ MSelect.install = function (Vue) {
 };
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/stepper/MStepper.vue?vue&type=template&id=3a5c1fd2&scoped=true&
-var MSteppervue_type_template_id_3a5c1fd2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"mc-stepper",class:{ 'mc-stepper--compact': _vm.compact, 'mc-stepper--shrinked': _vm.steps.length > 3},attrs:{"aria-label":_vm.accessibilityLabels.stepperDescription}},[_c('ol',{staticClass:"mc-stepper__list"},_vm._l((_vm.steps),function(step,idx){return _c('li',{key:("mc-stepper__item-" + idx),staticClass:"mc-stepper__item",class:{
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/stepper/MStepper.vue?vue&type=template&id=b47365dc&scoped=true&
+var MSteppervue_type_template_id_b47365dc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"mc-stepper",class:{
+    'mc-stepper--compact': _vm.compact,
+    'mc-stepper--shrinked': _vm.steps.length > 3,
+  },attrs:{"aria-label":_vm.accessibilityLabels.stepperDescription}},[_c('ol',{staticClass:"mc-stepper__list"},_vm._l((_vm.steps),function(step,idx){return _c('li',{key:("mc-stepper__item-" + idx),staticClass:"mc-stepper__item",class:{
         'mc-stepper__item--validated': _vm.isStepValidated(idx),
         'mc-stepper__item--current': step.isCurrent,
-      },style:(("--steps: " + (_vm.steps.length) + "; --current: " + (idx +1) + ";")),attrs:{"aria-current":step.isCurrent ? 'step' : false,"aria-label":_vm.stepDescription(step,idx)},on:{"click":function($event){_vm.isStepValidated(idx) && _vm.$emit('step-changed', step)}}},[_c('div',{staticClass:"mc-stepper__indicator",attrs:{"aria-hidden":"true"}},[(_vm.isStepValidated(idx))?_c('m-icon',{staticClass:"mc-stepper__icon",attrs:{"name":"NotificationAvailable16"}}):(step.isCurrent)?_c('span',[_vm._v(_vm._s(idx + 1))]):_vm._e()],1),_c('div',{staticClass:"mc-stepper__detail"},[_c('span',{staticClass:"mc-stepper__title"},[_vm._v(_vm._s(idx + 1)+" / "+_vm._s(_vm.steps.length))]),_c('span',{staticClass:"mc-stepper__label"},[_vm._v(_vm._s(step.label))])])])}),0)])}
-var MSteppervue_type_template_id_3a5c1fd2_scoped_true_staticRenderFns = []
+      },style:(("--steps: " + (_vm.steps.length) + "; --current: " + (idx + 1) + ";")),attrs:{"aria-current":step.isCurrent ? 'step' : false,"aria-label":_vm.stepDescription(step, idx)},on:{"click":function($event){_vm.isStepValidated(idx) && _vm.$emit('step-changed', step)}}},[(step.href)?_c('a',{staticClass:"mc-stepper__link",attrs:{"href":step.href}},[_c('div',{staticClass:"mc-stepper__indicator",attrs:{"aria-hidden":"true"}},[(_vm.isStepValidated(idx))?_c('m-icon',{staticClass:"mc-stepper__icon",attrs:{"name":"NotificationAvailable16"}}):(step.isCurrent)?_c('span',[_vm._v(_vm._s(idx + 1))]):_vm._e()],1),_c('div',{staticClass:"mc-stepper__detail"},[_c('span',{staticClass:"mc-stepper__title"},[_vm._v(_vm._s(idx + 1)+" / "+_vm._s(_vm.steps.length))]),_c('span',{staticClass:"mc-stepper__label"},[_vm._v(_vm._s(step.label))])])]):[_c('div',{staticClass:"mc-stepper__indicator",attrs:{"aria-hidden":"true"}},[(_vm.isStepValidated(idx))?_c('m-icon',{staticClass:"mc-stepper__icon",attrs:{"name":"NotificationAvailable16"}}):(step.isCurrent)?_c('span',[_vm._v(_vm._s(idx + 1))]):_vm._e()],1),_c('div',{staticClass:"mc-stepper__detail"},[_c('span',{staticClass:"mc-stepper__title"},[_vm._v(_vm._s(idx + 1)+" / "+_vm._s(_vm.steps.length))]),_c('span',{staticClass:"mc-stepper__label"},[_vm._v(_vm._s(step.label))])])]],2)}),0)])}
+var MSteppervue_type_template_id_b47365dc_scoped_true_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/stepper/MStepper.vue?vue&type=script&lang=js&
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -41088,10 +41152,10 @@ var MSteppervue_type_template_id_3a5c1fd2_scoped_true_staticRenderFns = []
 });
 ;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=script&lang=js&
  /* harmony default export */ var stepper_MSteppervue_type_script_lang_js_ = (MSteppervue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].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-63[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-82[0].rules[0].use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=3a5c1fd2&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-63[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].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-63[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-63[0].rules[0].use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-82[0].rules[0].use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=b47365dc&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=3a5c1fd2&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=b47365dc&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue
 
@@ -41104,11 +41168,11 @@ var MSteppervue_type_template_id_3a5c1fd2_scoped_true_staticRenderFns = []
 
 var MStepper_component = normalizeComponent(
   stepper_MSteppervue_type_script_lang_js_,
-  MSteppervue_type_template_id_3a5c1fd2_scoped_true_render,
-  MSteppervue_type_template_id_3a5c1fd2_scoped_true_staticRenderFns,
+  MSteppervue_type_template_id_b47365dc_scoped_true_render,
+  MSteppervue_type_template_id_b47365dc_scoped_true_staticRenderFns,
   false,
   null,
-  "3a5c1fd2",
+  "b47365dc",
   null
   
 )