@mozaic-ds/vue 0.36.1 → 0.37.1-beta.0

package/dist/mozaic-vue.common.js

@@ -15222,6 +15222,38 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 });
 
 
+/***/ }),
+
+/***/ 8386:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+var DESCRIPTORS = __webpack_require__(9781);
+var MISSED_STICKY = (__webpack_require__(2999).MISSED_STICKY);
+var classof = __webpack_require__(4326);
+var defineBuiltInAccessor = __webpack_require__(7045);
+var getInternalState = (__webpack_require__(9909).get);
+
+var RegExpPrototype = RegExp.prototype;
+var $TypeError = TypeError;
+
+// `RegExp.prototype.sticky` getter
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.sticky
+if (DESCRIPTORS && MISSED_STICKY) {
+  defineBuiltInAccessor(RegExpPrototype, 'sticky', {
+    configurable: true,
+    get: function sticky() {
+      if (this === RegExpPrototype) return;
+      // We can't use InternalStateModule.getterFor because
+      // we don't add metadata for regexps created by a literal.
+      if (classof(this) === 'RegExp') {
+        return !!getInternalState(this).sticky;
+      }
+      throw $TypeError('Incompatible receiver, RegExp required');
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ 7601:
@@ -16229,6 +16261,7 @@ __webpack_require__.d(__webpack_exports__, {
   "MField": function() { return /* reexport */ MField; },
   "MFileUploader": function() { return /* reexport */ MFileUploader; },
   "MFlag": function() { return /* reexport */ MFlag; },
+  "MHeader": function() { return /* reexport */ MHeader; },
   "MHeading": function() { return /* reexport */ MHeading; },
   "MHero": function() { return /* reexport */ MHero; },
   "MIcon": function() { return /* reexport */ MIcon; },
@@ -16284,9 +16317,11 @@ __webpack_require__.d(components_namespaceObject, {
   "MField": function() { return MField; },
   "MFileUploader": function() { return MFileUploader; },
   "MFlag": function() { return MFlag; },
+  "MHeader": function() { return MHeader; },
   "MHeading": function() { return MHeading; },
   "MHero": function() { return MHero; },
   "MIcon": function() { return MIcon; },
+  "MKpi": function() { return MKpi; },
   "MLayer": function() { return MLayer; },
   "MLink": function() { return MLink; },
   "MListBox": function() { return MListBox; },
@@ -17013,8 +17048,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=6dc0d5ae&
-var MAutocompletevue_type_template_id_6dc0d5ae_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=cf83a70e&
+var MAutocompletevue_type_template_id_cf83a70e_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -17025,7 +17060,7 @@ var MAutocompletevue_type_template_id_6dc0d5ae_render = function render() {
       expression: "closeListBox"
     }],
     staticClass: "mc-autocomplete",
-    class: _vm.classObject,
+    class: [_vm.classObject, _vm.cssFieldElementClass],
     style: _vm.setStyles
   }, [_c('div', {
     staticClass: "mc-autocomplete__main"
@@ -17124,7 +17159,7 @@ var MAutocompletevue_type_template_id_6dc0d5ae_render = function render() {
     staticClass: "mc-autocomplete__error"
   }, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
 };
-var MAutocompletevue_type_template_id_6dc0d5ae_staticRenderFns = [];
+var MAutocompletevue_type_template_id_cf83a70e_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
 var es_regexp_to_string = __webpack_require__(9714);
@@ -18113,6 +18148,11 @@ var MListBox_component = normalizeComponent(
       }
     }
   },
+  inject: {
+    cssFieldElementClass: {
+      default: ''
+    }
+  },
   model: {
     event: 'change'
   },
@@ -18405,10 +18445,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=6dc0d5ae&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=cf83a70e&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6dc0d5ae&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=cf83a70e&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -18421,8 +18461,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_6dc0d5ae_render,
-  MAutocompletevue_type_template_id_6dc0d5ae_staticRenderFns,
+  MAutocompletevue_type_template_id_cf83a70e_render,
+  MAutocompletevue_type_template_id_cf83a70e_staticRenderFns,
   false,
   null,
   null,
@@ -21281,8 +21321,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=790c68f3&
-var MDropdownvue_type_template_id_790c68f3_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=0a3b5311&
+var MDropdownvue_type_template_id_0a3b5311_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -21294,7 +21334,7 @@ var MDropdownvue_type_template_id_790c68f3_render = function render() {
     }],
     ref: "dropdown",
     staticClass: "mc-dropdown",
-    class: _vm.classObject,
+    class: [_vm.classObject, _vm.cssFieldElementClass],
     style: _vm.setStyles
   }, [_c('div', {
     staticClass: "mc-dropdown__main"
@@ -21372,7 +21412,7 @@ var MDropdownvue_type_template_id_790c68f3_render = function render() {
     }
   })], 1);
 };
-var MDropdownvue_type_template_id_790c68f3_staticRenderFns = [];
+var MDropdownvue_type_template_id_0a3b5311_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&
 
@@ -21409,6 +21449,11 @@ var MDropdownvue_type_template_id_790c68f3_staticRenderFns = [];
       }
     }
   },
+  inject: {
+    cssFieldElementClass: {
+      default: ''
+    }
+  },
   model: {
     event: 'change'
   },
@@ -21549,19 +21594,25 @@ var MDropdownvue_type_template_id_790c68f3_staticRenderFns = [];
       },
       immediate: true
     },
-    listboxValue: function listboxValue(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;
-      }
+    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;
+        }
+      },
+      immediate: true
     },
-    tagValue: function tagValue() {
-      this.setTagWidth();
+    tagValue: {
+      handler: function handler() {
+        this.setTagWidth();
+      },
+      immediate: true
     },
     openState: function openState(val) {
       var eventName = val ? 'open' : 'close';
@@ -21628,10 +21679,10 @@ var MDropdownvue_type_template_id_790c68f3_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=790c68f3&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=0a3b5311&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=790c68f3&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=0a3b5311&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue
 
@@ -21644,8 +21695,8 @@ var MDropdownvue_type_template_id_790c68f3_staticRenderFns = [];
 
 var MDropdown_component = normalizeComponent(
   dropdown_MDropdownvue_type_script_lang_js_,
-  MDropdownvue_type_template_id_790c68f3_render,
-  MDropdownvue_type_template_id_790c68f3_staticRenderFns,
+  MDropdownvue_type_template_id_0a3b5311_render,
+  MDropdownvue_type_template_id_0a3b5311_staticRenderFns,
   false,
   null,
   null,
@@ -22148,159 +22199,807 @@ MFlag.install = function (Vue) {
   Vue.component(MFlag.name, MFlag);
 };
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
-var es_string_fixed = __webpack_require__(9253);
-;// 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/hero/MHero.vue?vue&type=template&id=3be25aea&
+// 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=73340d2a&
 
-var MHerovue_type_template_id_3be25aea_render = function render() {
+var MHeadervue_type_template_id_73340d2a_render = function render() {
+  var _vm$backHref;
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "mc-hero",
+    ref: "header",
+    staticClass: "mc-header",
     class: {
-      'mc-hero--center': _vm.center,
-      'mc-hero--with-content': _vm.$slots.default,
-      'mc-hero--with-boxed': _vm.$slots.boxed
+      'mc-header--shadow': _vm.showShadow,
+      'mc-header--animate': _vm.animate,
+      'mc-header--sticky': _vm.sticky,
+      'mc-header--up': _vm.direction === 'up',
+      'mc-header--down': _vm.direction === 'down'
     }
   }, [_c('div', {
-    class: {
-      'ml-container': true,
-      'ml-container--fluid': !_vm.fixed
+    staticClass: "mc-header__container"
+  }, [_vm.hasBreadcrumb ? _c('MBreadcrumb', {
+    staticClass: "mc-header__breadcrumb mc-breadcrumb--no-padding",
+    attrs: {
+      "responsive": true,
+      "items": _vm.items
     }
+  }) : _vm._e(), _c('div', {
+    staticClass: "mc-header__content"
   }, [_c('div', {
-    staticClass: "ml-flexy ml-flexy--gutter"
-  }, [_c('div', {
-    staticClass: "mc-hero__main ml-flexy__col"
-  }, [_c('picture', {
-    staticClass: "mc-hero__cover"
-  }, [_vm._l(_vm.srcSet, function (src, index) {
-    return _c('source', {
-      key: index,
-      attrs: {
-        "srcset": src.url,
-        "media": "(max-width: ".concat(src.width, "px)")
+    staticClass: "mc-header__content-main"
+  }, [_vm.hasBack ? _c(_vm.backHref ? 'a' : 'button', {
+    tag: "component",
+    staticClass: "mc-header__back",
+    attrs: {
+      "href": (_vm$backHref = _vm.backHref) !== null && _vm$backHref !== void 0 ? _vm$backHref : null,
+      "type": !_vm.backHref ? 'button' : null
+    },
+    on: {
+      "click": function click($event) {
+        !_vm.backHref && _vm.$emit('click-back');
       }
-    });
-  }), _c('img', {
-    staticClass: "mc-hero__visual",
+    }
+  }, [_c('MIcon', {
+    staticClass: "mc-header__back-icon",
     attrs: {
-      "src": _vm.imgSrc,
-      "alt": _vm.imgAlt
+      "name": "ArrowBack24"
     }
-  })], 2), _c('div', {
-    staticClass: "mc-hero__header"
-  }, [_c(_vm.titleTag, {
-    tag: "component",
-    staticClass: "mc-hero__title mt-heading mt-heading--lightest mt-heading--s mt-heading--underline",
+  }), _c('span', {
+    staticClass: "mc-header__back-label"
+  }, [_vm._v(" " + _vm._s(_vm.backButtonLabel) + " ")])], 1) : _vm._e(), _c('h1', {
+    staticClass: "mc-header__title",
+    class: "mc-header__title--".concat(_vm.size)
+  }, [_vm._v(" " + _vm._s(_vm.title) + " ")])], 1), _vm.subTitle || _vm.status ? _c('div', {
+    staticClass: "mc-header__content-aside",
     class: {
-      'mt-heading--center': _vm.center
+      'can-navigate': _vm.hasBack
     }
-  }, [_vm._v(" " + _vm._s(_vm.title) + " ")])], 1), _vm.$slots.default ? _c('div', {
-    staticClass: "mc-hero__content mt-body-m"
-  }, [_vm._t("default")], 2) : _vm._e()]), _vm.$slots.boxed ? _c('div', {
-    staticClass: "mc-hero__boxed ml-flexy__col"
-  }, [_vm._t("boxed")], 2) : _vm._e()])])]);
-};
-var MHerovue_type_template_id_3be25aea_staticRenderFns = [];
-
-;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=template&id=3be25aea&
-
-;// 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/hero/MHero.vue?vue&type=script&lang=js&
-
-/* harmony default export */ var MHerovue_type_script_lang_js_ = ({
-  name: 'MHero',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-    imgSrc: {
-      type: String,
-      required: true
-    },
-    titleTag: {
-      type: String,
-      default: 'h1',
-      validator: function validator(value) {
-        return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(value);
-      }
-    },
-    imgAlt: {
-      type: String,
-      default: ''
-    },
-    fixed: {
-      type: Boolean,
-      default: false
-    },
-    center: {
-      type: Boolean,
-      default: false
+  }, [_vm.subTitle ? _c('span', {
+    staticClass: "mc-header__subtitle"
+  }, [_vm._v(" " + _vm._s(_vm.subTitle) + " ")]) : _vm._e(), _vm.status ? _c('MBadge', {
+    attrs: {
+      "type": _vm.status.type
+    }
+  }, [_vm._v(_vm._s(_vm.status.text))]) : _vm._e()], 1) : _vm._e()]), _vm.$slots.icons || _vm.$slots.selector ? _c('div', {
+    staticClass: "mc-header__actions"
+  }, [_vm.$slots.icons ? _c('div', {
+    staticClass: "mc-header__icons"
+  }, [_vm._t("icons")], 2) : _vm._e(), _vm.$slots.selector ? _c('div', {
+    staticClass: "mc-header__selector"
+  }, [_vm._t("selector")], 2) : _vm._e()]) : _vm._e()], 1), _vm.showTabs && _vm.hasTabs ? _c('div', {
+    staticClass: "mc-header__tabs mc-divider-top mc-divider-top--light"
+  }, [_c('MTab', {
+    attrs: {
+      "tabs": _vm.tabs,
+      "shadow": false,
+      "active-index": _vm.selectedTabIndex
     },
-    srcSet: {
-      type: Array,
-      default: null
+    on: {
+      "tab-clicked": _vm.onTabClicked
     }
-  }
-});
-;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=script&lang=js&
- /* harmony default export */ var hero_MHerovue_type_script_lang_js_ = (MHerovue_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/hero/MHero.vue?vue&type=style&index=0&id=3be25aea&prod&lang=scss&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=style&index=0&id=3be25aea&prod&lang=scss&
+  })], 1) : _vm._e()]);
+};
+var MHeadervue_type_template_id_73340d2a_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/hero/MHero.vue
+;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=template&id=73340d2a&
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
+var es_array_find_index = __webpack_require__(4553);
+;// 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/tabs/MTab.vue?vue&type=template&id=e57110b4&
 
 
-;
 
+var MTabvue_type_template_id_e57110b4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    class: ['mc-tabs', _vm.setClasses]
+  }, [_vm.type !== 'dropdown' ? _c('ul', {
+    ref: "tablist",
+    staticClass: "mc-tabs__nav",
+    attrs: {
+      "role": "tablist",
+      "aria-label": _vm.description
+    }
+  }, _vm._l(_vm.tabs, function (tab, index) {
+    return _c('li', {
+      key: "tab-".concat(index),
+      staticClass: "mc-tabs__item",
+      attrs: {
+        "role": "presentation"
+      }
+    }, [tab.router ? _c("".concat(tab.router), _vm._b({
+      tag: "component",
+      staticClass: "mc-tabs__element",
+      class: _vm.setActiveClass(tab),
+      attrs: {
+        "to": tab.to,
+        "active-class": "mc-tabs__element--selected"
+      }
+    }, 'component', tab.attrs, false), [_c('span', {
+      staticClass: "mc-tabs__text"
+    }, [tab.icon ? _c('MIcon', {
+      staticClass: "mc-tabs__icon",
+      attrs: {
+        "name": tab.icon
+      }
+    }) : _vm._e(), _vm._v(" " + _vm._s(tab.text) + " ")], 1)]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
+      ref: "tab",
+      refInFor: true,
+      tag: "component",
+      staticClass: "mc-tabs__element",
+      class: _vm.setActiveClass(tab),
+      attrs: {
+        "id": tab.id,
+        "href": tab.href ? !tab.disabled ? tab.href : null : null,
+        "type": !tab.href ? 'button' : null,
+        "disabled": !tab.href && tab.disabled ? true : null,
+        "role": "tab",
+        "aria-selected": tab.active ? 'true' : 'false'
+      },
+      on: {
+        "click": function click($event) {
+          _vm.manageTabs($event.target, $event, Object.assign({
+            index: index
+          }, tab));
+        }
+      }
+    }, [_c('span', {
+      staticClass: "mc-tabs__text"
+    }, [tab.icon ? _c('MIcon', {
+      staticClass: "mc-tabs__icon",
+      attrs: {
+        "name": tab.icon
+      }
+    }) : _vm._e(), _vm._v(" " + _vm._s(tab.text) + " ")], 1)])], 1);
+  }), 0) : _c('m-select', _vm._b({
+    attrs: {
+      "options": _vm.tabs
+    }
+  }, 'm-select', _vm.selectAttributes, false))], 1);
+};
+var MTabvue_type_template_id_e57110b4_staticRenderFns = [];
 
-/* normalize component */
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=e57110b4&
 
-var MHero_component = normalizeComponent(
-  hero_MHerovue_type_script_lang_js_,
-  MHerovue_type_template_id_3be25aea_render,
-  MHerovue_type_template_id_3be25aea_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
 
-/* harmony default export */ var MHero = (MHero_component.exports);
-;// CONCATENATED MODULE: ./src/components/hero/index.js
 
 
-MHero.install = function (Vue) {
-  Vue.component(MHero.name, MHero);
-};
 
-;// CONCATENATED MODULE: ./src/components/icon/index.js
 
 
-MIcon.install = function (Vue) {
-  Vue.component(MIcon.name, MIcon);
-};
 
-;// 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/layer/MLayer.vue?vue&type=template&id=2d745c02&
 
-var MLayervue_type_template_id_2d745c02_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', [_c('div', {
-    ref: "layer",
-    staticClass: "mc-layer",
-    class: {
-      'mc-layer--ltr': _vm.position === 'left'
-    },
-    attrs: {
-      "role": "dialog",
-      "aria-labelledby": "layerTitle",
-      "aria-modal": _vm.open,
-      "aria-hidden": !_vm.open,
+/* harmony default export */ var MTabvue_type_script_lang_js_ = ({
+  name: 'MTab',
+  components: {
+    MIcon: MIcon,
+    MSelect: MSelect
+  },
+  props: {
+    tabs: {
+      type: Array,
+      required: true,
+      default: function _default() {
+        return [];
+      }
+    },
+    type: {
+      type: String,
+      default: 'tabs',
+      validator: function validator(value) {
+        return ['tabs', 'dropdown'].includes(value);
+      }
+    },
+    description: {
+      type: String,
+      default: 'Tabs'
+    },
+    align: {
+      type: String,
+      default: 'auto',
+      validator: function validator(value) {
+        return ['auto', 'full', 'centered'].includes(value);
+      }
+    },
+    shadow: {
+      type: Boolean,
+      default: true
+    },
+    selectAttributes: {
+      type: Object,
+      default: null
+    },
+    activeIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      tablist: null
+    };
+  },
+  computed: {
+    setClasses: function setClasses() {
+      var classes = [{
+        'mc-tabs--full': this.align === 'full',
+        'mc-tabs--full-centered': this.align === 'centered',
+        'mc-tabs--dropdown': this.type === 'dropdown',
+        'mc-tabs--no-shadow': !this.shadow
+      }];
+      return classes;
+    }
+  },
+  watch: {
+    activeIndex: function activeIndex(newValue) {
+      var tab = this.getTabFromIndex(newValue);
+      if (tab && this.tabs[newValue]) {
+        this.manageTabs(tab, null, Object.assign({
+          index: newValue
+        }, this.tabs[newValue]));
+      }
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    this.$nextTick(function () {
+      if (_this.type === 'tabs') {
+        _this.tablist = _this.$refs.tablist;
+        if (_this.activeIndex) {
+          var tab = _this.getTabFromIndex(_this.activeIndex);
+          if (tab) {
+            _this.manageTabs(tab);
+          }
+        } else {
+          var isActive = _this.tabs.some(function (tab) {
+            return Object.prototype.hasOwnProperty.call(tab, 'active');
+          });
+          var isRouterLink = _this.tabs.some(function (tab) {
+            return Object.prototype.hasOwnProperty.call(tab, 'router');
+          });
+          if (!isActive && !isRouterLink) {
+            var firstTab = _this.tablist.querySelector('.mc-tabs__element');
+            _this.manageTabs(firstTab);
+          }
+        }
+      }
+    });
+  },
+  methods: {
+    setActiveClass: function setActiveClass(tab) {
+      var tabClasses = [];
+      if (tab.active) {
+        tabClasses.push('mc-tabs__element--selected');
+      }
+      if (tab.disabled) {
+        tabClasses.push('mc-tabs__element--disabled');
+      }
+      return tabClasses;
+    },
+    manageTabs: function manageTabs(el, e, tab) {
+      if (tab && tab.disabled) {
+        return;
+      }
+      if (e) {
+        this.$emit('tab-clicked', e.currentTarget, tab);
+      }
+      this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
+        el.classList.remove('mc-tabs__element--selected');
+        el.setAttribute('aria-selected', 'false');
+      });
+      el.classList.add('mc-tabs__element--selected');
+      el.setAttribute('aria-selected', 'true');
+    },
+    getTabFromIndex: function getTabFromIndex(index) {
+      if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
+        return this.tablist.children[index].children[0];
+      }
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_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/tabs/MTab.vue?vue&type=style&index=0&id=e57110b4&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=e57110b4&prod&lang=scss&
+
+;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var MTab_component = normalizeComponent(
+  tabs_MTabvue_type_script_lang_js_,
+  MTabvue_type_template_id_e57110b4_render,
+  MTabvue_type_template_id_e57110b4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var MTab = (MTab_component.exports);
+;// 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/header/MHeader.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+/* harmony default export */ var MHeadervue_type_script_lang_js_ = ({
+  name: 'MHeader',
+  components: {
+    MBreadcrumb: MBreadcrumb,
+    MIcon: MIcon,
+    MBadge: MBadge,
+    MTab: MTab
+  },
+  props: {
+    /** Title of header. */
+    title: {
+      type: String,
+      required: true
+    },
+    /** Sub title of header. */
+    subTitle: {
+      type: String,
+      default: undefined
+    },
+    /** The badge information. */
+    status: {
+      type: Object,
+      default: undefined
+    },
+    /** Items used by breadcrumb. */
+    items: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    /** Items used by tabs. */
+    tabs: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    /** Set selected tab by index. */
+    selectedTabIndex: {
+      type: Number,
+      default: -1
+    },
+    /** Display shadow to bottom of the header. */
+    showShadow: {
+      type: Boolean,
+      default: false
+    },
+    /** Show breadcrumb or not. */
+    showBreadcrumb: {
+      type: Boolean,
+      default: false
+    },
+    /** Show tabs or not. */
+    showTabs: {
+      type: Boolean,
+      default: false
+    },
+    /** Show back button or not. */
+    showBack: {
+      type: Boolean,
+      default: false
+    },
+    /** Animate when user scroll. */
+    animate: {
+      type: Boolean,
+      default: false
+    },
+    /** Set sticky position. */
+    sticky: {
+      type: Boolean,
+      default: false
+    },
+    /** The size of title (l, s, m, or xl).*/
+    size: {
+      type: String,
+      default: 'l',
+      validator: function validator(value) {
+        return ['s', 'm', 'l', 'xl'].includes(value);
+      }
+    },
+    /** Label of the back button. Useful for accessibilty reason */
+    backButtonLabel: {
+      type: String,
+      default: 'Back'
+    },
+    /** Href url of the back button */
+    backHref: {
+      type: String,
+      default: undefined
+    }
+  },
+  data: function data() {
+    return {
+      originalScrollPos: 0,
+      localDirection: undefined
+    };
+  },
+  computed: {
+    hasTabs: function hasTabs() {
+      return this.tabs.length > 0;
+    },
+    hasBreadcrumb: function hasBreadcrumb() {
+      return this.showBreadcrumb && this.items.length > 1;
+    },
+    hasBack: function hasBack() {
+      return this.showBack && !this.hasBreadcrumb;
+    },
+    direction: function direction() {
+      return this.localDirection;
+    }
+  },
+  watch: {
+    animate: {
+      handler: function handler(val) {
+        if (val) {
+          window.addEventListener('scroll', this.onScroll, {
+            capture: true
+          });
+        } else {
+          window.removeEventListener('scroll', this.onScroll, {
+            capture: true
+          });
+        }
+      },
+      immediate: true
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.animate) {
+      window.removeEventListener('scroll', this.onScroll, {
+        capture: true
+      });
+    }
+  },
+  methods: {
+    onTabClicked: function onTabClicked(_, e) {
+      var tabItemIndex = this.tabs.findIndex(function (tab) {
+        return tab.id === e.id;
+      });
+      if (tabItemIndex > -1 && this.selectedTabIndex !== tabItemIndex) {
+        this.$emit('update:selectedTabIndex', tabItemIndex);
+      }
+    },
+    onScroll: function onScroll(e) {
+      var element = this.$refs.header;
+      if (element) {
+        var container = element.parentElement;
+        if (container && e.target === container) {
+          var currentScrollPos = container.scrollTop;
+          if (currentScrollPos <= element.offsetHeight) {
+            this.localDirection = undefined;
+          } else if (currentScrollPos < this.originalScrollPos) {
+            this.localDirection = 'up';
+          } else {
+            this.localDirection = 'down';
+          }
+          this.originalScrollPos = currentScrollPos;
+        }
+      }
+    }
+  }
+});
+;// 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=73340d2a&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/header/MHeader.vue?vue&type=style&index=0&id=73340d2a&prod&lang=scss&
+
+;// CONCATENATED MODULE: ./src/components/header/MHeader.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var MHeader_component = normalizeComponent(
+  header_MHeadervue_type_script_lang_js_,
+  MHeadervue_type_template_id_73340d2a_render,
+  MHeadervue_type_template_id_73340d2a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var MHeader = (MHeader_component.exports);
+;// CONCATENATED MODULE: ./src/components/header/index.js
+
+
+MHeader.install = function (Vue) {
+  Vue.component(MHeader.name, MHeader);
+};
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
+var es_string_fixed = __webpack_require__(9253);
+;// 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/hero/MHero.vue?vue&type=template&id=3be25aea&
+
+var MHerovue_type_template_id_3be25aea_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "mc-hero",
+    class: {
+      'mc-hero--center': _vm.center,
+      'mc-hero--with-content': _vm.$slots.default,
+      'mc-hero--with-boxed': _vm.$slots.boxed
+    }
+  }, [_c('div', {
+    class: {
+      'ml-container': true,
+      'ml-container--fluid': !_vm.fixed
+    }
+  }, [_c('div', {
+    staticClass: "ml-flexy ml-flexy--gutter"
+  }, [_c('div', {
+    staticClass: "mc-hero__main ml-flexy__col"
+  }, [_c('picture', {
+    staticClass: "mc-hero__cover"
+  }, [_vm._l(_vm.srcSet, function (src, index) {
+    return _c('source', {
+      key: index,
+      attrs: {
+        "srcset": src.url,
+        "media": "(max-width: ".concat(src.width, "px)")
+      }
+    });
+  }), _c('img', {
+    staticClass: "mc-hero__visual",
+    attrs: {
+      "src": _vm.imgSrc,
+      "alt": _vm.imgAlt
+    }
+  })], 2), _c('div', {
+    staticClass: "mc-hero__header"
+  }, [_c(_vm.titleTag, {
+    tag: "component",
+    staticClass: "mc-hero__title mt-heading mt-heading--lightest mt-heading--s mt-heading--underline",
+    class: {
+      'mt-heading--center': _vm.center
+    }
+  }, [_vm._v(" " + _vm._s(_vm.title) + " ")])], 1), _vm.$slots.default ? _c('div', {
+    staticClass: "mc-hero__content mt-body-m"
+  }, [_vm._t("default")], 2) : _vm._e()]), _vm.$slots.boxed ? _c('div', {
+    staticClass: "mc-hero__boxed ml-flexy__col"
+  }, [_vm._t("boxed")], 2) : _vm._e()])])]);
+};
+var MHerovue_type_template_id_3be25aea_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=template&id=3be25aea&
+
+;// 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/hero/MHero.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var MHerovue_type_script_lang_js_ = ({
+  name: 'MHero',
+  props: {
+    title: {
+      type: String,
+      required: true
+    },
+    imgSrc: {
+      type: String,
+      required: true
+    },
+    titleTag: {
+      type: String,
+      default: 'h1',
+      validator: function validator(value) {
+        return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(value);
+      }
+    },
+    imgAlt: {
+      type: String,
+      default: ''
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    },
+    center: {
+      type: Boolean,
+      default: false
+    },
+    srcSet: {
+      type: Array,
+      default: null
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=script&lang=js&
+ /* harmony default export */ var hero_MHerovue_type_script_lang_js_ = (MHerovue_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/hero/MHero.vue?vue&type=style&index=0&id=3be25aea&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/hero/MHero.vue?vue&type=style&index=0&id=3be25aea&prod&lang=scss&
+
+;// CONCATENATED MODULE: ./src/components/hero/MHero.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var MHero_component = normalizeComponent(
+  hero_MHerovue_type_script_lang_js_,
+  MHerovue_type_template_id_3be25aea_render,
+  MHerovue_type_template_id_3be25aea_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var MHero = (MHero_component.exports);
+;// CONCATENATED MODULE: ./src/components/hero/index.js
+
+
+MHero.install = function (Vue) {
+  Vue.component(MHero.name, MHero);
+};
+
+;// CONCATENATED MODULE: ./src/components/icon/index.js
+
+
+MIcon.install = function (Vue) {
+  Vue.component(MIcon.name, MIcon);
+};
+
+;// 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/kpi/MKpi.vue?vue&type=template&id=4dbae827&scoped=true&
+var MKpivue_type_template_id_4dbae827_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "mc-kpi",
+    class: _vm.classObject
+  }, [_vm.label ? _c('span', {
+    staticClass: "mc-kpi__label"
+  }, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _c('div', {
+    staticClass: "mc-kpi__content"
+  }, [_c('div', {
+    staticClass: "mc-kpi__value"
+  }, [_vm._v(_vm._s(_vm.value))]), _vm.icon || _vm.detail ? _c('div', {
+    staticClass: "mc-kpi__details"
+  }, [_vm.detail ? _c('span', {
+    staticClass: "mc-kpi__text"
+  }, [_vm._v(" " + _vm._s(_vm.detail) + " ")]) : _vm._e(), _vm.icon ? _c('MIcon', {
+    staticClass: "mc-kpi__icon",
+    attrs: {
+      "name": _vm.icon,
+      "color": "black"
+    }
+  }) : _vm._e()], 1) : _vm._e()])]);
+};
+var MKpivue_type_template_id_4dbae827_scoped_true_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/kpi/MKpi.vue?vue&type=script&lang=js&
+
+
+
+/* harmony default export */ var MKpivue_type_script_lang_js_ = ({
+  name: 'MKpi',
+  components: {
+    MIcon: MIcon
+  },
+  props: {
+    value: {
+      type: String,
+      required: true
+    },
+    icon: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: 'information',
+      validator: function validator(value) {
+        return ['information', 'warning', 'danger', 'success', 'neutral'].includes(value);
+      }
+    },
+    detail: {
+      type: String,
+      default: undefined
+    }
+  },
+  computed: {
+    getSize: function getSize() {
+      var size = 'small';
+      if (this.label && !this.detail) {
+        size = 'medium';
+      } else if (this.detail) {
+        size = 'large';
+      }
+      return size;
+    },
+    classObject: function classObject() {
+      var _ref;
+      return _ref = {}, _defineProperty(_ref, "mc-kpi--".concat(this.getSize), this.getSize), _defineProperty(_ref, "mc-kpi--".concat(this.type), this.type), _ref;
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue?vue&type=script&lang=js&
+ /* harmony default export */ var kpi_MKpivue_type_script_lang_js_ = (MKpivue_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/kpi/MKpi.vue?vue&type=style&index=0&id=4dbae827&prod&lang=scss&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue?vue&type=style&index=0&id=4dbae827&prod&lang=scss&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var MKpi_component = normalizeComponent(
+  kpi_MKpivue_type_script_lang_js_,
+  MKpivue_type_template_id_4dbae827_scoped_true_render,
+  MKpivue_type_template_id_4dbae827_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4dbae827",
+  null
+  
+)
+
+/* harmony default export */ var MKpi = (MKpi_component.exports);
+;// CONCATENATED MODULE: ./src/components/kpi/index.js
+
+
+MKpi.install = function (Vue) {
+  Vue.component(MKpi.name, MKpi);
+};
+
+;// 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/layer/MLayer.vue?vue&type=template&id=2d745c02&
+
+var MLayervue_type_template_id_2d745c02_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('div', {
+    ref: "layer",
+    staticClass: "mc-layer",
+    class: {
+      'mc-layer--ltr': _vm.position === 'left'
+    },
+    attrs: {
+      "role": "dialog",
+      "aria-labelledby": "layerTitle",
+      "aria-modal": _vm.open,
+      "aria-hidden": !_vm.open,
       "tabindex": "-1"
     },
     on: {
@@ -24091,8 +24790,6 @@ var MPhoneNumbervue_type_template_id_5b56f74f_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find.js
 var es_array_find = __webpack_require__(9826);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
-var es_array_find_index = __webpack_require__(4553);
 ;// CONCATENATED MODULE: ./node_modules/vue-country-flag/dist/country-flag.esm.js
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -31264,299 +31961,50 @@ var MSteppervue_type_template_id_2e57b494_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=template&id=2e57b494&scoped=true&
 
-;// 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/stepper/MStepper.vue?vue&type=script&lang=js&
-
-
-/* harmony default export */ var MSteppervue_type_script_lang_js_ = ({
-  name: 'MStepper',
-  components: {
-    MIcon: MIcon
-  },
-  props: {
-    steps: {
-      type: Array,
-      required: true
-    },
-    compact: {
-      type: Boolean,
-      default: false
-    },
-    accessibilityLabels: {
-      type: Object,
-      required: true
-    }
-  },
-  methods: {
-    isStepValidated: function isStepValidated(index) {
-      return index < this.steps.findIndex(function (step) {
-        return step.isCurrent;
-      });
-    },
-    stepDescription: function stepDescription(step, index) {
-      return '#' + (index + 1) + ' ' + step.label + ', ' + this.stepStateLabel(step, index);
-    },
-    stepStateLabel: function stepStateLabel(step, index) {
-      return this.isStepValidated(index) ? this.accessibilityLabels.validatedLabel : step.isCurrent ? this.accessibilityLabels.currentLabel : this.accessibilityLabels.disabledLabel;
-    }
-  }
-});
-;// 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-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/stepper/MStepper.vue?vue&type=style&index=0&id=2e57b494&prod&lang=scss&scoped=true&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=2e57b494&prod&lang=scss&scoped=true&
-
-;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var MStepper_component = normalizeComponent(
-  stepper_MSteppervue_type_script_lang_js_,
-  MSteppervue_type_template_id_2e57b494_scoped_true_render,
-  MSteppervue_type_template_id_2e57b494_scoped_true_staticRenderFns,
-  false,
-  null,
-  "2e57b494",
-  null
-  
-)
-
-/* harmony default export */ var MStepper = (MStepper_component.exports);
-;// CONCATENATED MODULE: ./src/components/stepper/index.js
-
-
-MStepper.install = function (Vue) {
-  Vue.component(MStepper.name, MStepper);
-};
-
-;// 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/tabs/MTab.vue?vue&type=template&id=e57110b4&
-
-
-
-var MTabvue_type_template_id_e57110b4_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    class: ['mc-tabs', _vm.setClasses]
-  }, [_vm.type !== 'dropdown' ? _c('ul', {
-    ref: "tablist",
-    staticClass: "mc-tabs__nav",
-    attrs: {
-      "role": "tablist",
-      "aria-label": _vm.description
-    }
-  }, _vm._l(_vm.tabs, function (tab, index) {
-    return _c('li', {
-      key: "tab-".concat(index),
-      staticClass: "mc-tabs__item",
-      attrs: {
-        "role": "presentation"
-      }
-    }, [tab.router ? _c("".concat(tab.router), _vm._b({
-      tag: "component",
-      staticClass: "mc-tabs__element",
-      class: _vm.setActiveClass(tab),
-      attrs: {
-        "to": tab.to,
-        "active-class": "mc-tabs__element--selected"
-      }
-    }, 'component', tab.attrs, false), [_c('span', {
-      staticClass: "mc-tabs__text"
-    }, [tab.icon ? _c('MIcon', {
-      staticClass: "mc-tabs__icon",
-      attrs: {
-        "name": tab.icon
-      }
-    }) : _vm._e(), _vm._v(" " + _vm._s(tab.text) + " ")], 1)]) : _c(tab.href ? tab.disabled ? 'span' : 'a' : 'button', {
-      ref: "tab",
-      refInFor: true,
-      tag: "component",
-      staticClass: "mc-tabs__element",
-      class: _vm.setActiveClass(tab),
-      attrs: {
-        "id": tab.id,
-        "href": tab.href ? !tab.disabled ? tab.href : null : null,
-        "type": !tab.href ? 'button' : null,
-        "disabled": !tab.href && tab.disabled ? true : null,
-        "role": "tab",
-        "aria-selected": tab.active ? 'true' : 'false'
-      },
-      on: {
-        "click": function click($event) {
-          _vm.manageTabs($event.target, $event, Object.assign({
-            index: index
-          }, tab));
-        }
-      }
-    }, [_c('span', {
-      staticClass: "mc-tabs__text"
-    }, [tab.icon ? _c('MIcon', {
-      staticClass: "mc-tabs__icon",
-      attrs: {
-        "name": tab.icon
-      }
-    }) : _vm._e(), _vm._v(" " + _vm._s(tab.text) + " ")], 1)])], 1);
-  }), 0) : _c('m-select', _vm._b({
-    attrs: {
-      "options": _vm.tabs
-    }
-  }, 'm-select', _vm.selectAttributes, false))], 1);
-};
-var MTabvue_type_template_id_e57110b4_staticRenderFns = [];
-
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=template&id=e57110b4&
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/tabs/MTab.vue?vue&type=script&lang=js&
-
-
-
-
-
-
+;// 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/stepper/MStepper.vue?vue&type=script&lang=js&
 
 
-/* harmony default export */ var MTabvue_type_script_lang_js_ = ({
-  name: 'MTab',
+/* harmony default export */ var MSteppervue_type_script_lang_js_ = ({
+  name: 'MStepper',
   components: {
-    MIcon: MIcon,
-    MSelect: MSelect
+    MIcon: MIcon
   },
   props: {
-    tabs: {
+    steps: {
       type: Array,
-      required: true,
-      default: function _default() {
-        return [];
-      }
-    },
-    type: {
-      type: String,
-      default: 'tabs',
-      validator: function validator(value) {
-        return ['tabs', 'dropdown'].includes(value);
-      }
-    },
-    description: {
-      type: String,
-      default: 'Tabs'
-    },
-    align: {
-      type: String,
-      default: 'auto',
-      validator: function validator(value) {
-        return ['auto', 'full', 'centered'].includes(value);
-      }
+      required: true
     },
-    shadow: {
+    compact: {
       type: Boolean,
-      default: true
+      default: false
     },
-    selectAttributes: {
+    accessibilityLabels: {
       type: Object,
-      default: null
-    },
-    activeIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  data: function data() {
-    return {
-      tablist: null
-    };
-  },
-  computed: {
-    setClasses: function setClasses() {
-      var classes = [{
-        'mc-tabs--full': this.align === 'full',
-        'mc-tabs--full-centered': this.align === 'centered',
-        'mc-tabs--dropdown': this.type === 'dropdown',
-        'mc-tabs--no-shadow': !this.shadow
-      }];
-      return classes;
-    }
-  },
-  watch: {
-    activeIndex: function activeIndex(newValue) {
-      var tab = this.getTabFromIndex(newValue);
-      if (tab && this.tabs[newValue]) {
-        this.manageTabs(tab, null, Object.assign({
-          index: newValue
-        }, this.tabs[newValue]));
-      }
+      required: true
     }
   },
-  mounted: function mounted() {
-    var _this = this;
-    this.$nextTick(function () {
-      if (_this.type === 'tabs') {
-        _this.tablist = _this.$refs.tablist;
-        if (_this.activeIndex) {
-          var tab = _this.getTabFromIndex(_this.activeIndex);
-          if (tab) {
-            _this.manageTabs(tab);
-          }
-        } else {
-          var isActive = _this.tabs.some(function (tab) {
-            return Object.prototype.hasOwnProperty.call(tab, 'active');
-          });
-          var isRouterLink = _this.tabs.some(function (tab) {
-            return Object.prototype.hasOwnProperty.call(tab, 'router');
-          });
-          if (!isActive && !isRouterLink) {
-            var firstTab = _this.tablist.querySelector('.mc-tabs__element');
-            _this.manageTabs(firstTab);
-          }
-        }
-      }
-    });
-  },
   methods: {
-    setActiveClass: function setActiveClass(tab) {
-      var tabClasses = [];
-      if (tab.active) {
-        tabClasses.push('mc-tabs__element--selected');
-      }
-      if (tab.disabled) {
-        tabClasses.push('mc-tabs__element--disabled');
-      }
-      return tabClasses;
-    },
-    manageTabs: function manageTabs(el, e, tab) {
-      if (tab && tab.disabled) {
-        return;
-      }
-      if (e) {
-        this.$emit('tab-clicked', e.currentTarget, tab);
-      }
-      this.tablist.querySelectorAll('.mc-tabs__element').forEach(function (el) {
-        el.classList.remove('mc-tabs__element--selected');
-        el.setAttribute('aria-selected', 'false');
+    isStepValidated: function isStepValidated(index) {
+      return index < this.steps.findIndex(function (step) {
+        return step.isCurrent;
       });
-      el.classList.add('mc-tabs__element--selected');
-      el.setAttribute('aria-selected', 'true');
     },
-    getTabFromIndex: function getTabFromIndex(index) {
-      if (this.tablist && this.tablist.children[index] && this.tablist.children[index].children[0]) {
-        return this.tablist.children[index].children[0];
-      }
+    stepDescription: function stepDescription(step, index) {
+      return '#' + (index + 1) + ' ' + step.label + ', ' + this.stepStateLabel(step, index);
+    },
+    stepStateLabel: function stepStateLabel(step, index) {
+      return this.isStepValidated(index) ? this.accessibilityLabels.validatedLabel : step.isCurrent ? this.accessibilityLabels.currentLabel : this.accessibilityLabels.disabledLabel;
     }
   }
 });
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=script&lang=js&
- /* harmony default export */ var tabs_MTabvue_type_script_lang_js_ = (MTabvue_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/tabs/MTab.vue?vue&type=style&index=0&id=e57110b4&prod&lang=scss&
+;// 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-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/stepper/MStepper.vue?vue&type=style&index=0&id=2e57b494&prod&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue?vue&type=style&index=0&id=e57110b4&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue?vue&type=style&index=0&id=2e57b494&prod&lang=scss&scoped=true&
 
-;// CONCATENATED MODULE: ./src/components/tabs/MTab.vue
+;// CONCATENATED MODULE: ./src/components/stepper/MStepper.vue
 
 
 
@@ -31565,18 +32013,25 @@ var MTabvue_type_template_id_e57110b4_staticRenderFns = [];
 
 /* normalize component */
 
-var MTab_component = normalizeComponent(
-  tabs_MTabvue_type_script_lang_js_,
-  MTabvue_type_template_id_e57110b4_render,
-  MTabvue_type_template_id_e57110b4_staticRenderFns,
+var MStepper_component = normalizeComponent(
+  stepper_MSteppervue_type_script_lang_js_,
+  MSteppervue_type_template_id_2e57b494_scoped_true_render,
+  MSteppervue_type_template_id_2e57b494_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "2e57b494",
   null
   
 )
 
-/* harmony default export */ var MTab = (MTab_component.exports);
+/* harmony default export */ var MStepper = (MStepper_component.exports);
+;// CONCATENATED MODULE: ./src/components/stepper/index.js
+
+
+MStepper.install = function (Vue) {
+  Vue.component(MStepper.name, MStepper);
+};
+
 ;// CONCATENATED MODULE: ./src/components/tabs/index.js
 
 
@@ -31970,170 +32425,8 @@ MTooltip.install = function (Vue) {
 
 
 
-
-;// 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/kpi/MKpi.vue?vue&type=template&id=f779b646&
-var MKpivue_type_template_id_f779b646_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "mc-kpi"
-  }, [_vm.size === 's' ? _c('div', {
-    staticClass: "mc-kpi-small"
-  }, [_c('div', {
-    staticClass: "mc-kpi-small__value",
-    class: 'mc-kpi-small__value-' + [_vm.classForTheme]
-  }, [_vm._v(" " + _vm._s(_vm.value) + " ")]), _vm.showIcon && _vm.icon ? _c('div', {
-    staticClass: "mc-kpi-small__icon"
-  }, [_c('m-icon', {
-    attrs: {
-      "name": _vm.icon
-    }
-  })], 1) : _vm._e()]) : _vm.size === 'm' ? _c('div', {
-    staticClass: "mc-kpi-medium"
-  }, [_c('div', {
-    staticClass: "mc-kpi-medium__data"
-  }, [_c('div', {
-    staticClass: "mc-kpi-medium__label"
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")])]), _c('div', {
-    staticClass: "mc-kpi-medium__container",
-    class: 'mc-kpi-medium__container-' + _vm.classForTheme
-  }, [_c('div', {
-    staticClass: "mc-kpi-medium__value",
-    class: ['mc-kpi-medium__value-' + _vm.classForTheme, _vm.classExpectedValueWithoutIcon]
-  }, [_vm._v(" " + _vm._s(_vm.value) + " ")]), _vm.showIcon && _vm.icon ? _c('div', {
-    staticClass: "mc-kpi-medium__icon"
-  }, [_c('div', [_c('m-icon', {
-    attrs: {
-      "name": _vm.icon
-    }
-  })], 1)]) : _vm._e()])]) : _c('div', {
-    staticClass: "mc-kpi-large",
-    class: 'mc-kpi-large-' + _vm.classForTheme
-  }, [_c('div', {
-    staticClass: "mc-kpi-large__data",
-    class: [_vm.classDetailsBarActive, 'mc-kpi-large__data-' + _vm.classForTheme]
-  }, [_c('div', {
-    staticClass: "mc-kpi-large__container"
-  }, [_c('div', {
-    staticClass: "mc-kpi-large__label",
-    class: 'mc-kpi-large__label-' + _vm.classForTheme
-  }, [_vm._v(" " + _vm._s(_vm.label) + " ")]), _c('div', {
-    staticClass: "mc-kpi-large__value",
-    class: 'mc-kpi-large__value-' + _vm.classForTheme
-  }, [_vm._v(" " + _vm._s(_vm.value) + " ")])])]), _vm.showDetailsBar ? _c('div', {
-    staticClass: "mc-kpi-large__details"
-  }, [_vm.showExpectedValue ? _c('div', {
-    staticClass: "mc-kpi-large__expected",
-    class: _vm.classExpectedValueWithoutIcon
-  }, [_vm._v(" " + _vm._s(_vm.expected) + " ")]) : _vm._e(), _vm.showIcon && _vm.icon ? _c('div', {
-    staticClass: "mc-kpi-large__icon",
-    class: _vm.classIconWithoutExpectedValue
-  }, [_c('m-icon', {
-    attrs: {
-      "name": _vm.icon
-    }
-  })], 1) : _vm._e()]) : _vm._e()])]);
-};
-var MKpivue_type_template_id_f779b646_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/kpi/MKpi.vue?vue&type=script&lang=js&
-
-
-/* harmony default export */ var MKpivue_type_script_lang_js_ = ({
-  name: 'MKpi',
-  components: {
-    MIcon: MIcon
-  },
-  props: {
-    label: {
-      type: String,
-      default: 'Label'
-    },
-    value: {
-      type: String,
-      default: '99.99%'
-    },
-    theme: {
-      type: String,
-      default: 'info'
-    },
-    expected: {
-      type: String,
-      default: '> 10% expected'
-    },
-    size: {
-      type: String,
-      default: 'l',
-      validator: function validator(value) {
-        return responsiveModifierValidators(value, ['s', 'm', 'l']);
-      }
-    },
-    icon: {
-      type: String,
-      default: 'ArrowArrowTopRight16'
-    },
-    showDetailsBar: {
-      type: Boolean,
-      default: true
-    },
-    showExpectedValue: {
-      type: Boolean,
-      default: true
-    },
-    showIcon: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    classDetailsBarActive: function classDetailsBarActive() {
-      return !this.showDetailsBar ? 'mc-kpi__without-details-bar' : '';
-    },
-    classExpectedValueWithoutIcon: function classExpectedValueWithoutIcon() {
-      return !this.showIcon ? 'mc-kpi__without-icon' : '';
-    },
-    classIconWithoutExpectedValue: function classIconWithoutExpectedValue() {
-      return !this.showExpectedValue ? 'mc-kpi__without-expected-value' : '';
-    },
-    classForTheme: function classForTheme() {
-      return this.theme;
-    }
-  }
-});
-;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue?vue&type=script&lang=js&
- /* harmony default export */ var kpi_MKpivue_type_script_lang_js_ = (MKpivue_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/kpi/MKpi.vue?vue&type=style&index=0&id=f779b646&prod&lang=scss&
-// extracted by mini-css-extract-plugin
-
-;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue?vue&type=style&index=0&id=f779b646&prod&lang=scss&
-
-;// CONCATENATED MODULE: ./src/components/kpi/MKpi.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var MKpi_component = normalizeComponent(
-  kpi_MKpivue_type_script_lang_js_,
-  MKpivue_type_template_id_f779b646_render,
-  MKpivue_type_template_id_f779b646_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var MKpi = (MKpi_component.exports);
-;// CONCATENATED MODULE: ./src/components/kpi/index.js
 
 
-MKpi.install = function (Vue) {
-  Vue.component(MKpi.name, MKpi);
-};
 
 ;// CONCATENATED MODULE: ./src/index.js
 
@@ -32199,6 +32492,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 
 
+
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js