@mozaic-ds/vue 0.34.2-beta.0 → 0.35.0-beta.1

package/dist/mozaic-vue.common.js

@@ -9060,7 +9060,7 @@ module.exports = {
 /***/ 1194:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var wellKnownSymbol = __webpack_require__(5112);
 var V8_VERSION = __webpack_require__(7392);
 
@@ -9088,7 +9088,7 @@ module.exports = function (METHOD_NAME) {
 
 "use strict";
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 module.exports = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
@@ -9425,7 +9425,7 @@ module.exports = function (METHOD_NAME) {
 /***/ 8544:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 module.exports = !fails(function () {
   function F() { /* empty */ }
@@ -9630,7 +9630,7 @@ module.exports = function (O, P) {
 /***/ 9781:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 // Detect IE8's incomplete defineProperty implementation
 module.exports = !fails(function () {
@@ -9647,6 +9647,7 @@ module.exports = !fails(function () {
 var documentAll = typeof document == 'object' && document.all;
 
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
+// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
 var IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;
 
 module.exports = {
@@ -9927,7 +9928,7 @@ module.exports = function (stack, dropEntries) {
 /***/ 2914:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var createPropertyDescriptor = __webpack_require__(9114);
 
 module.exports = !fails(function () {
@@ -10002,7 +10003,7 @@ module.exports = function (options, source) {
 
 /***/ }),
 
-/***/ 7293:
+/***/ 1068:
 /***/ (function(module) {
 
 module.exports = function (exec) {
@@ -10026,7 +10027,7 @@ __webpack_require__(4916);
 var uncurryThis = __webpack_require__(1470);
 var defineBuiltIn = __webpack_require__(8052);
 var regexpExec = __webpack_require__(2261);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var wellKnownSymbol = __webpack_require__(5112);
 var createNonEnumerableProperty = __webpack_require__(8880);
 
@@ -10138,7 +10139,7 @@ module.exports = function (fn, that) {
 /***/ 4374:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 module.exports = !fails(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
@@ -10422,7 +10423,7 @@ module.exports = getBuiltIn('document', 'documentElement');
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var DESCRIPTORS = __webpack_require__(9781);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var createElement = __webpack_require__(317);
 
 // Thanks to IE8 for its funny defineProperty
@@ -10440,7 +10441,7 @@ module.exports = !DESCRIPTORS && !fails(function () {
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var uncurryThis = __webpack_require__(1702);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var classof = __webpack_require__(4326);
 
 var $Object = Object;
@@ -10652,7 +10653,7 @@ module.exports = $documentAll.IS_HTMLDDA ? function (argument) {
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var uncurryThis = __webpack_require__(1702);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isCallable = __webpack_require__(614);
 var classof = __webpack_require__(648);
 var getBuiltIn = __webpack_require__(5005);
@@ -10710,7 +10711,7 @@ module.exports = !construct || fails(function () {
 /***/ 4705:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isCallable = __webpack_require__(614);
 
 var replacement = /#|\.prototype\./;
@@ -11053,7 +11054,7 @@ module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, I
 
 "use strict";
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isCallable = __webpack_require__(614);
 var isObject = __webpack_require__(111);
 var create = __webpack_require__(30);
@@ -11130,7 +11131,7 @@ module.exports = function (obj) {
 /***/ 6339:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isCallable = __webpack_require__(614);
 var hasOwn = __webpack_require__(2597);
 var DESCRIPTORS = __webpack_require__(9781);
@@ -11357,7 +11358,7 @@ module.exports = function (it) {
 var DESCRIPTORS = __webpack_require__(9781);
 var uncurryThis = __webpack_require__(1702);
 var call = __webpack_require__(6916);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var objectKeys = __webpack_require__(1956);
 var getOwnPropertySymbolsModule = __webpack_require__(5181);
 var propertyIsEnumerableModule = __webpack_require__(5296);
@@ -12274,7 +12275,7 @@ module.exports = function (R) {
 /***/ 2999:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var global = __webpack_require__(7854);
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
@@ -12311,7 +12312,7 @@ module.exports = {
 /***/ 9441:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var global = __webpack_require__(7854);
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
@@ -12328,7 +12329,7 @@ module.exports = fails(function () {
 /***/ 7168:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var global = __webpack_require__(7854);
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
@@ -12444,10 +12445,10 @@ var store = __webpack_require__(5465);
 (module.exports = function (key, value) {
   return store[key] || (store[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.26.1',
+  version: '3.27.1',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.26.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -12478,7 +12479,7 @@ module.exports = function (O, defaultConstructor) {
 /***/ 3429:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 // check the existence of a method, lowercase
 // of a tag and escaping quotes in arguments
@@ -12539,7 +12540,7 @@ module.exports = {
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var PROPER_FUNCTION_NAME = (__webpack_require__(6530).PROPER);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var whitespaces = __webpack_require__(1361);
 
 var non = '\u200B\u0085\u180E';
@@ -12600,7 +12601,7 @@ module.exports = {
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = __webpack_require__(7392);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
@@ -12661,7 +12662,7 @@ var apply = __webpack_require__(2104);
 var bind = __webpack_require__(9974);
 var isCallable = __webpack_require__(614);
 var hasOwn = __webpack_require__(2597);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var html = __webpack_require__(490);
 var arraySlice = __webpack_require__(206);
 var createElement = __webpack_require__(317);
@@ -12996,7 +12997,7 @@ module.exports = NATIVE_SYMBOL
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var DESCRIPTORS = __webpack_require__(9781);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
@@ -13186,7 +13187,7 @@ module.exports = function (FULL_NAME, wrapper, FORCED, IS_AGGREGATE_ERROR) {
 "use strict";
 
 var $ = __webpack_require__(2109);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isArray = __webpack_require__(3157);
 var isObject = __webpack_require__(111);
 var toObject = __webpack_require__(7908);
@@ -13357,7 +13358,7 @@ $({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {
 
 var $ = __webpack_require__(2109);
 var $includes = (__webpack_require__(1318).includes);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var addToUnscopables = __webpack_require__(1223);
 
 // FF99+ bug
@@ -13509,7 +13510,7 @@ var toObject = __webpack_require__(7908);
 var lengthOfArrayLike = __webpack_require__(6244);
 var setArrayLength = __webpack_require__(3658);
 var doesNotExceedSafeInteger = __webpack_require__(7207);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 var INCORRECT_TO_LENGTH = fails(function () {
   return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
@@ -13616,7 +13617,7 @@ var toObject = __webpack_require__(7908);
 var lengthOfArrayLike = __webpack_require__(6244);
 var deletePropertyOrThrow = __webpack_require__(5117);
 var toString = __webpack_require__(1340);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var internalSort = __webpack_require__(4362);
 var arrayMethodIsStrict = __webpack_require__(9341);
 var FF = __webpack_require__(8886);
@@ -13916,7 +13917,7 @@ var getBuiltIn = __webpack_require__(5005);
 var apply = __webpack_require__(2104);
 var call = __webpack_require__(6916);
 var uncurryThis = __webpack_require__(1702);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var isArray = __webpack_require__(3157);
 var isCallable = __webpack_require__(614);
 var isObject = __webpack_require__(111);
@@ -14017,17 +14018,19 @@ setToStringTag(Math, 'Math', true);
 
 "use strict";
 
+var $ = __webpack_require__(2109);
+var IS_PURE = __webpack_require__(1913);
 var DESCRIPTORS = __webpack_require__(9781);
 var global = __webpack_require__(7854);
+var path = __webpack_require__(857);
 var uncurryThis = __webpack_require__(1702);
 var isForced = __webpack_require__(4705);
-var defineBuiltIn = __webpack_require__(8052);
 var hasOwn = __webpack_require__(2597);
 var inheritIfRequired = __webpack_require__(9587);
 var isPrototypeOf = __webpack_require__(7976);
 var isSymbol = __webpack_require__(2190);
 var toPrimitive = __webpack_require__(7593);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var getOwnPropertyNames = (__webpack_require__(8006).f);
 var getOwnPropertyDescriptor = (__webpack_require__(1236).f);
 var defineProperty = (__webpack_require__(3070).f);
@@ -14036,9 +14039,10 @@ var trim = (__webpack_require__(3111).trim);
 
 var NUMBER = 'Number';
 var NativeNumber = global[NUMBER];
+var PureNumberNamespace = path[NUMBER];
 var NumberPrototype = NativeNumber.prototype;
 var TypeError = global.TypeError;
-var arraySlice = uncurryThis(''.slice);
+var stringSlice = uncurryThis(''.slice);
 var charCodeAt = uncurryThis(''.charCodeAt);
 
 // `ToNumeric` abstract operation
@@ -14066,7 +14070,7 @@ var toNumber = function (argument) {
         case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i
         default: return +it;
       }
-      digits = arraySlice(it, 2);
+      digits = stringSlice(it, 2);
       length = digits.length;
       for (index = 0; index < length; index++) {
         code = charCodeAt(digits, index);
@@ -14078,17 +14082,30 @@ var toNumber = function (argument) {
   } return +it;
 };
 
+var FORCED = isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'));
+
+var calledWithNew = function (dummy) {
+  // includes check on 1..constructor(foo) case
+  return isPrototypeOf(NumberPrototype, dummy) && fails(function () { thisNumberValue(dummy); });
+};
+
 // `Number` constructor
 // https://tc39.es/ecma262/#sec-number-constructor
-if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {
-  var NumberWrapper = function Number(value) {
-    var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
-    var dummy = this;
-    // check on 1..constructor(foo) case
-    return isPrototypeOf(NumberPrototype, dummy) && fails(function () { thisNumberValue(dummy); })
-      ? inheritIfRequired(Object(n), dummy, NumberWrapper) : n;
-  };
-  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (
+var NumberWrapper = function Number(value) {
+  var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
+  return calledWithNew(this) ? inheritIfRequired(Object(n), this, NumberWrapper) : n;
+};
+
+NumberWrapper.prototype = NumberPrototype;
+if (FORCED && !IS_PURE) NumberPrototype.constructor = NumberWrapper;
+
+$({ global: true, constructor: true, wrap: true, forced: FORCED }, {
+  Number: NumberWrapper
+});
+
+// Use `internal/copy-constructor-properties` helper in `core-js@4`
+var copyConstructorProperties = function (target, source) {
+  for (var keys = DESCRIPTORS ? getOwnPropertyNames(source) : (
     // ES3:
     'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +
     // ES2015 (in case, if modules with ES2015 Number statics required before):
@@ -14096,14 +14113,14 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
     // ESNext
     'fromString,range'
   ).split(','), j = 0, key; keys.length > j; j++) {
-    if (hasOwn(NativeNumber, key = keys[j]) && !hasOwn(NumberWrapper, key)) {
-      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));
+    if (hasOwn(source, key = keys[j]) && !hasOwn(target, key)) {
+      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
-  NumberWrapper.prototype = NumberPrototype;
-  NumberPrototype.constructor = NumberWrapper;
-  defineBuiltIn(global, NUMBER, NumberWrapper, { constructor: true });
-}
+};
+
+if (IS_PURE && PureNumberNamespace) copyConstructorProperties(path[NUMBER], PureNumberNamespace);
+if (FORCED || IS_PURE) copyConstructorProperties(path[NUMBER], NativeNumber);
 
 
 /***/ }),
@@ -14128,7 +14145,7 @@ $({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign },
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 var $ = __webpack_require__(2109);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var toIndexedObject = __webpack_require__(5656);
 var nativeGetOwnPropertyDescriptor = (__webpack_require__(1236).f);
 var DESCRIPTORS = __webpack_require__(9781);
@@ -14183,7 +14200,7 @@ $({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {
 
 var $ = __webpack_require__(2109);
 var NATIVE_SYMBOL = __webpack_require__(6293);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var getOwnPropertySymbolsModule = __webpack_require__(5181);
 var toObject = __webpack_require__(7908);
 
@@ -14207,7 +14224,7 @@ $({ target: 'Object', stat: true, forced: FORCED }, {
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 var $ = __webpack_require__(2109);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var toObject = __webpack_require__(7908);
 var nativeGetPrototypeOf = __webpack_require__(9518);
 var CORRECT_PROTOTYPE_GETTER = __webpack_require__(8544);
@@ -14232,7 +14249,7 @@ $({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES, sham: !CORRECT_PR
 var $ = __webpack_require__(2109);
 var toObject = __webpack_require__(7908);
 var nativeKeys = __webpack_require__(1956);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 
 var FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });
 
@@ -14875,7 +14892,7 @@ var PROPER_FUNCTION_NAME = (__webpack_require__(6530).PROPER);
 var defineBuiltIn = __webpack_require__(8052);
 var anObject = __webpack_require__(9670);
 var $toString = __webpack_require__(1340);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var getRegExpFlags = __webpack_require__(4706);
 
 var TO_STRING = 'toString';
@@ -15017,7 +15034,7 @@ var apply = __webpack_require__(2104);
 var call = __webpack_require__(6916);
 var uncurryThis = __webpack_require__(1702);
 var fixRegExpWellKnownSymbolLogic = __webpack_require__(7007);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var anObject = __webpack_require__(9670);
 var isCallable = __webpack_require__(614);
 var isNullOrUndefined = __webpack_require__(8554);
@@ -15217,7 +15234,7 @@ var uncurryThis = __webpack_require__(1702);
 var IS_PURE = __webpack_require__(1913);
 var DESCRIPTORS = __webpack_require__(9781);
 var NATIVE_SYMBOL = __webpack_require__(6293);
-var fails = __webpack_require__(7293);
+var fails = __webpack_require__(1068);
 var hasOwn = __webpack_require__(2597);
 var isPrototypeOf = __webpack_require__(7976);
 var anObject = __webpack_require__(9670);
@@ -16596,8 +16613,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=6011a65e&
-var MAutocompletevue_type_template_id_6011a65e_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=0d7a65f6&
+var MAutocompletevue_type_template_id_0d7a65f6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -16608,9 +16625,7 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
       expression: "closeListBox"
     }],
     staticClass: "mc-autocomplete",
-    class: {
-      'mc-autocomplete--multi': _vm.multiple
-    },
+    class: _vm.classObject,
     style: _vm.setStyles
   }, [_c('div', {
     staticClass: "mc-autocomplete__main"
@@ -16629,18 +16644,14 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
         return _vm.clearListbox();
       }
     }
-  }) : _vm._e(), _vm.loading ? _c('MLoader', {
-    staticClass: "mc-autocomplete__loader",
-    attrs: {
-      "size": "s"
-    }
   }) : _vm._e(), _c('MTextInput', {
     attrs: {
       "id": _vm.id,
       "placeholder": _vm.placeholder,
-      "is-invalid": _vm.invalid,
+      "is-invalid": _vm.isInvalid,
       "disabled": _vm.disabled,
       "size": _vm.size,
+      "root-class": _vm.getInvalidRootClass,
       "text-input-field-class": "mc-autocomplete__trigger",
       "icon-position": "left",
       "icon": "DisplaySearch48",
@@ -16659,7 +16670,12 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
       },
       expression: "inputValue"
     }
-  }), _vm.hasValues ? _c('button', {
+  }), _vm.loading ? _c('MLoader', {
+    staticClass: "mc-autocomplete__loader",
+    attrs: {
+      "size": "s"
+    }
+  }) : _vm._e(), _vm.hasValues ? _c('button', {
     staticClass: "mc-autocomplete__clear",
     attrs: {
       "type": "button"
@@ -16674,7 +16690,7 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
     }
   }), _c('span', {
     staticClass: "mc-autocomplete__clear-text"
-  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), _c('MListBox', {
+  }, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), !_vm.isFiltered ? _c('MListBox', {
     attrs: {
       "open": _vm.openState,
       "items": _vm.localItems,
@@ -16683,7 +16699,6 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
       "data-key-expr": _vm.dataKeyExpr,
       "data-text-expr": _vm.dataTextExpr,
       "data-value-expr": _vm.dataValueExpr,
-      "is-filtered": _vm.isFiltered,
       "max-width": _vm.maxWidth
     },
     on: {
@@ -16705,9 +16720,11 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
       },
       expression: "listboxValue"
     }
-  })], 1);
+  }) : _c('div', {
+    staticClass: "mc-autocomplete__error"
+  }, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
 };
-var MAutocompletevue_type_template_id_6011a65e_staticRenderFns = [];
+var MAutocompletevue_type_template_id_0d7a65f6_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
 var es_regexp_to_string = __webpack_require__(9714);
@@ -16912,9 +16929,7 @@ var es_regexp_test = __webpack_require__(7601);
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
@@ -17153,14 +17168,14 @@ var MTag_component = normalizeComponent(
 )
 
 /* harmony default export */ var MTag = (MTag_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/textinput/MTextInput.vue?vue&type=template&id=60f974b3&
-var MTextInputvue_type_template_id_60f974b3_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/textinput/MTextInput.vue?vue&type=template&id=2a765e20&
+var MTextInputvue_type_template_id_2a765e20_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.icon ? _c('div', {
     key: "icon-input",
     staticClass: "mc-left-icon-input",
-    class: _vm.cssFieldElementClass
+    class: [_vm.cssFieldElementClass, _vm.rootClass]
   }, [_c('m-text-input-icon', {
     attrs: {
       "icon": _vm.icon
@@ -17174,7 +17189,7 @@ var MTextInputvue_type_template_id_60f974b3_render = function render() {
     class: _vm.cssFieldElementClass
   }, 'm-text-input-field', [_vm.$attrs, _vm.$props], false), _vm.$listeners));
 };
-var MTextInputvue_type_template_id_60f974b3_staticRenderFns = [];
+var MTextInputvue_type_template_id_2a765e20_staticRenderFns = [];
 
 ;// 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/textinput/MTextInputField.vue?vue&type=template&id=2e097c12&
 var MTextInputFieldvue_type_template_id_2e097c12_render = function render() {
@@ -17384,6 +17399,10 @@ var MTextInputIcon_component = normalizeComponent(
       type: String,
       default: null
     },
+    rootClass: {
+      type: String,
+      default: null
+    },
     textInputFieldClass: {
       type: String,
       default: null
@@ -17402,8 +17421,8 @@ var MTextInputIcon_component = normalizeComponent(
 ;
 var MTextInput_component = normalizeComponent(
   textinput_MTextInputvue_type_script_lang_js_,
-  MTextInputvue_type_template_id_60f974b3_render,
-  MTextInputvue_type_template_id_60f974b3_staticRenderFns,
+  MTextInputvue_type_template_id_2a765e20_render,
+  MTextInputvue_type_template_id_2a765e20_staticRenderFns,
   false,
   null,
   null,
@@ -17412,11 +17431,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=57047bbf&
+;// 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&
 
 
 
-var MListBoxvue_type_template_id_57047bbf_render = function render() {
+var MListBoxvue_type_template_id_ec39b4f2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('ul', {
@@ -17432,7 +17451,7 @@ var MListBoxvue_type_template_id_57047bbf_render = function render() {
       "role": "listbox",
       "aria-labelledby": "listbox"
     }
-  }, [!_vm.isFiltered ? _vm._l(_vm.localItems, function (item, index) {
+  }, _vm._l(_vm.localItems, function (item, index) {
     return _c('li', {
       key: item.id,
       staticClass: "mc-listbox__item"
@@ -17541,15 +17560,11 @@ var MListBoxvue_type_template_id_57047bbf_render = function render() {
     }, {
       "item": item
     })], 2)], 1);
-  }) : _c('li', {
-    staticClass: "mc-listbox__item"
-  }, [_c('span', {
-    staticClass: "mc-listbox__empty"
-  }, [_vm._v(_vm._s(_vm.emptySearchLabel))])])], 2);
+  }), 0);
 };
-var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
+var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=57047bbf&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=ec39b4f2&
 
 ;// 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&
 
@@ -17571,18 +17586,10 @@ var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
       type: Boolean,
       default: false
     },
-    isFiltered: {
-      type: Boolean,
-      default: false
-    },
     multiple: {
       type: Boolean,
       default: false
     },
-    emptySearchLabel: {
-      type: String,
-      default: 'No item matching your criteria found'
-    },
     dataKeyExpr: {
       type: String,
       default: 'id'
@@ -17641,10 +17648,10 @@ var MListBoxvue_type_template_id_57047bbf_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=57047bbf&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=ec39b4f2&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=57047bbf&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=ec39b4f2&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue
 
@@ -17657,8 +17664,8 @@ var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
 
 var MListBox_component = normalizeComponent(
   listbox_MListBoxvue_type_script_lang_js_,
-  MListBoxvue_type_template_id_57047bbf_render,
-  MListBoxvue_type_template_id_57047bbf_staticRenderFns,
+  MListBoxvue_type_template_id_ec39b4f2_render,
+  MListBoxvue_type_template_id_ec39b4f2_staticRenderFns,
   false,
   null,
   null,
@@ -17820,6 +17827,12 @@ var MListBox_component = normalizeComponent(
     };
   },
   computed: {
+    classObject: function classObject() {
+      return {
+        'mc-autocomplete--multi': this.multiple,
+        'mc-autocomplete--clearable': this.hasValues
+      };
+    },
     setStyles: function setStyles() {
       return {
         '--autocomplete-tag-width': this.tagWidth,
@@ -17832,6 +17845,13 @@ var MListBox_component = normalizeComponent(
     hasValues: function hasValues() {
       var _this$inputValue;
       return ((_this$inputValue = this.inputValue) === null || _this$inputValue === void 0 ? void 0 : _this$inputValue.length) > 0;
+    },
+    isInvalid: function isInvalid() {
+      return this.invalid || this.isFiltered;
+    },
+    getInvalidRootClass: function getInvalidRootClass() {
+      var invalidClass = this.isInvalid ? 'is-invalid' : '';
+      return invalidClass;
     }
   },
   watch: {
@@ -17841,6 +17861,13 @@ var MListBox_component = normalizeComponent(
       },
       immediate: true
     },
+    localItems: {
+      handler: function handler(val) {
+        // this.localItems = val;
+        this.isFiltered = !val.length;
+        this.$emit('list-filtered', val);
+      }
+    },
     input: {
       handler: function handler(val) {
         this.inputValue = val;
@@ -17857,18 +17884,20 @@ var MListBox_component = normalizeComponent(
       },
       immediate: true
     },
-    listboxValue: function listboxValue(val) {
-      var _this = this;
-      if (!this.multiple) {
-        var selectedItems = this.getSelectedItems(val);
-        var seletedLabels = selectedItems.map(function (item) {
-          return item[_this.dataTextExpr];
-        });
-        this.inputValue = seletedLabels.join(', ');
-        this.$emit('update:input', this.inputValue);
-      } else {
-        this.tagValue = val;
-      }
+    listboxValue: {
+      handler: function handler(val) {
+        var _this = this;
+        if (!this.multiple) {
+          var selectedItems = this.getSelectedItems(val);
+          var seletedLabels = selectedItems.map(function (item) {
+            return item[_this.dataTextExpr];
+          });
+          this.inputValue = seletedLabels.join(', ');
+        } else {
+          this.tagValue = val;
+        }
+      },
+      immediate: true
     },
     tagValue: function tagValue() {
       this.setTagWidth();
@@ -17910,16 +17939,23 @@ var MListBox_component = normalizeComponent(
       var _this3 = this;
       if (value.length && this.filter) {
         this.filter(value);
-      } else if (value.length && this.filterOnType) {
-        this.localItems = this.items.filter(function (item) {
-          return item[_this3.dataTextExpr].toUpperCase().includes(value.toUpperCase());
-        });
-        this.isFiltered = !this.localItems.length;
       } else {
-        this.localItems = this.items;
-        this.isFiltered = !this.localItems.length;
+        if (!this.filterOnType) {
+          return;
+        }
+        if (value.length) {
+          this.localItems = this.items.filter(function (item) {
+            return item[_this3.dataTextExpr].toUpperCase().includes(value.toUpperCase());
+          });
+
+          // this.isFiltered = !this.localItems.length;
+        } else {
+          this.localItems = this.items;
+          // this.isFiltered = !this.localItems.length;
+        }
+
+        // this.$emit('list-filtered', this.localItems);
       }
-      this.$emit('list-filtered', this.localItems);
     },
     closeListBox: function closeListBox() {
       this.openState = false;
@@ -17971,10 +18007,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=6011a65e&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=0d7a65f6&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=6011a65e&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0d7a65f6&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -17987,8 +18023,8 @@ var MListBox_component = normalizeComponent(
 
 var MAutocomplete_component = normalizeComponent(
   autocomplete_MAutocompletevue_type_script_lang_js_,
-  MAutocompletevue_type_template_id_6011a65e_render,
-  MAutocompletevue_type_template_id_6011a65e_staticRenderFns,
+  MAutocompletevue_type_template_id_0d7a65f6_render,
+  MAutocompletevue_type_template_id_0d7a65f6_staticRenderFns,
   false,
   null,
   null,
@@ -19351,9 +19387,7 @@ function _regeneratorRuntime() {
       if (!isNaN(iterable.length)) {
         var i = -1,
           next = function next() {
-            for (; ++i < iterable.length;) {
-              if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-            }
+            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
             return next.value = undefined, next.done = !0, next;
           };
         return next.next = next;
@@ -19399,9 +19433,7 @@ function _regeneratorRuntime() {
   }), exports.keys = function (val) {
     var object = Object(val),
       keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
+    for (var key in object) keys.push(key);
     return keys.reverse(), function next() {
       for (; keys.length;) {
         var key = keys.pop();
@@ -19412,9 +19444,7 @@ function _regeneratorRuntime() {
   }, exports.values = values, Context.prototype = {
     constructor: Context,
     reset: function reset(skipTempReset) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
-        "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-      }
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
     },
     stop: function stop() {
       this.done = !0;
@@ -20342,25 +20372,23 @@ var Sorting = {
         var _this2 = this;
         return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  if (!(deepEqual(newValue, oldValue) && !(newValue instanceof Function))) {
-                    _context.next = 2;
-                    break;
-                  }
-                  return _context.abrupt("return");
-                case 2:
-                  if (!_this2.created) {
-                    _context.next = 5;
-                    break;
-                  }
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (!(deepEqual(newValue, oldValue) && !(newValue instanceof Function))) {
+                  _context.next = 2;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 2:
+                if (!_this2.created) {
                   _context.next = 5;
-                  return _this2.load();
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
+                  break;
+                }
+                _context.next = 5;
+                return _this2.load();
+              case 5:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }))();
@@ -20372,21 +20400,19 @@ var Sorting = {
         var _this3 = this;
         return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _this3.headersMapped = headersMapped(newValue);
-                  _this3.$emit('headers-changed', newValue);
-                  if (!_this3.created) {
-                    _context2.next = 5;
-                    break;
-                  }
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _this3.headersMapped = headersMapped(newValue);
+                _this3.$emit('headers-changed', newValue);
+                if (!_this3.created) {
                   _context2.next = 5;
-                  return _this3.load();
-                case 5:
-                case "end":
-                  return _context2.stop();
-              }
+                  break;
+                }
+                _context2.next = 5;
+                return _this3.load();
+              case 5:
+              case "end":
+                return _context2.stop();
             }
           }, _callee2);
         }))();
@@ -20407,26 +20433,24 @@ var Sorting = {
         var _this4 = this;
         return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  if (!deepEqual(newValue, oldValue)) {
-                    _context3.next = 2;
-                    break;
-                  }
-                  return _context3.abrupt("return");
-                case 2:
-                  _this4.pagingOptions = _objectSpread2(_objectSpread2({}, Paging.defaultOptions), _this4.paging);
-                  if (!_this4.created) {
-                    _context3.next = 6;
-                    break;
-                  }
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!deepEqual(newValue, oldValue)) {
+                  _context3.next = 2;
+                  break;
+                }
+                return _context3.abrupt("return");
+              case 2:
+                _this4.pagingOptions = _objectSpread2(_objectSpread2({}, Paging.defaultOptions), _this4.paging);
+                if (!_this4.created) {
                   _context3.next = 6;
-                  return _this4.load();
-                case 6:
-                case "end":
-                  return _context3.stop();
-              }
+                  break;
+                }
+                _context3.next = 6;
+                return _this4.load();
+              case 6:
+              case "end":
+                return _context3.stop();
             }
           }, _callee3);
         }))();
@@ -20468,77 +20492,75 @@ var Sorting = {
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var options, data, sortedKeys, result, _ref, _data, total;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _this5.loading = true;
-                if (!(_this5.source == null)) {
-                  _context4.next = 3;
-                  break;
-                }
-                return _context4.abrupt("return");
-              case 3:
-                _context4.prev = 3;
-                options = buildOptions(_this5.pagingOptions.enabled, _this5.getPageValue, _this5.getPagingIndex, _this5.getPagingSize, _this5.getSortHeader);
-                if (!Array.isArray(_this5.source)) {
-                  _context4.next = 14;
-                  break;
-                }
-                data = _this5.source.slice();
-                sortedKeys = Object.keys(options.sort);
-                if (sortedKeys.length > 0) {
-                  data = data.sort(orderedArraySorted(sortedKeys.map(function (key) {
-                    return {
-                      fieldExpr: key,
-                      sortOrder: options.sort[key]
-                    };
-                  })));
-                }
-                if (options.skip != null && options.take != null) {
-                  data = data.splice(options.skip, options.take);
-                }
-                _this5.data = data;
-                _this5.total = _this5.source.length;
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _this5.loading = true;
+              if (!(_this5.source == null)) {
+                _context4.next = 3;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 3:
+              _context4.prev = 3;
+              options = buildOptions(_this5.pagingOptions.enabled, _this5.getPageValue, _this5.getPagingIndex, _this5.getPagingSize, _this5.getSortHeader);
+              if (!Array.isArray(_this5.source)) {
+                _context4.next = 14;
+                break;
+              }
+              data = _this5.source.slice();
+              sortedKeys = Object.keys(options.sort);
+              if (sortedKeys.length > 0) {
+                data = data.sort(orderedArraySorted(sortedKeys.map(function (key) {
+                  return {
+                    fieldExpr: key,
+                    sortOrder: options.sort[key]
+                  };
+                })));
+              }
+              if (options.skip != null && options.take != null) {
+                data = data.splice(options.skip, options.take);
+              }
+              _this5.data = data;
+              _this5.total = _this5.source.length;
+              _context4.next = 28;
+              break;
+            case 14:
+              if (!(_this5.source instanceof Function)) {
                 _context4.next = 28;
                 break;
-              case 14:
-                if (!(_this5.source instanceof Function)) {
-                  _context4.next = 28;
-                  break;
-                }
-                result = _this5.source(options);
-                if (!isPromise(result)) {
-                  _context4.next = 22;
-                  break;
-                }
-                _context4.next = 19;
-                return result;
-              case 19:
-                _context4.t0 = _context4.sent;
-                _context4.next = 23;
+              }
+              result = _this5.source(options);
+              if (!isPromise(result)) {
+                _context4.next = 22;
                 break;
-              case 22:
-                _context4.t0 = result;
-              case 23:
-                _ref = _context4.t0;
-                _data = _ref.data;
-                total = _ref.total;
-                _this5.data = _data;
-                _this5.total = total;
-              case 28:
-                if (_this5.data) {
-                  autoGenerateHeaders(_this5.data, _this5.headersMapped);
-                  _this5.sourceMapped = _this5.data;
-                }
-                _this5.$emit('data-changed', _this5.sourceMapped);
-              case 30:
-                _context4.prev = 30;
-                _this5.loading = false;
-                return _context4.finish(30);
-              case 33:
-              case "end":
-                return _context4.stop();
-            }
+              }
+              _context4.next = 19;
+              return result;
+            case 19:
+              _context4.t0 = _context4.sent;
+              _context4.next = 23;
+              break;
+            case 22:
+              _context4.t0 = result;
+            case 23:
+              _ref = _context4.t0;
+              _data = _ref.data;
+              total = _ref.total;
+              _this5.data = _data;
+              _this5.total = total;
+            case 28:
+              if (_this5.data) {
+                autoGenerateHeaders(_this5.data, _this5.headersMapped);
+                _this5.sourceMapped = _this5.data;
+              }
+              _this5.$emit('data-changed', _this5.sourceMapped);
+            case 30:
+              _context4.prev = 30;
+              _this5.loading = false;
+              return _context4.finish(30);
+            case 33:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4, null, [[3,, 30, 33]]);
       }))();
@@ -20547,18 +20569,16 @@ var Sorting = {
       var _this6 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                _this6.pagingOptions.index = +index;
-                _context5.next = 3;
-                return _this6.load();
-              case 3:
-                _this6.$emit('page-changed', index);
-              case 4:
-              case "end":
-                return _context5.stop();
-            }
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _this6.pagingOptions.index = +index;
+              _context5.next = 3;
+              return _this6.load();
+            case 3:
+              _this6.$emit('page-changed', index);
+            case 4:
+            case "end":
+              return _context5.stop();
           }
         }, _callee5);
       }))();
@@ -20567,36 +20587,34 @@ var Sorting = {
       var _this7 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) {
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                if (_this7.sortingOptions.mode === 'single' && !_this7.getSortHeader.includes(e.header)) {
-                  // Reinitialize sortOrder because there is only one sortable header
-                  _this7.headersMapped.forEach(function (header) {
-                    header.sortOrder = null;
-                  });
-                }
-                _context6.t0 = e.header.sortOrder;
-                _context6.next = _context6.t0 === 'asc' ? 4 : _context6.t0 === 'desc' ? 6 : 8;
-                break;
-              case 4:
-                e.header.sortOrder = 'desc';
-                return _context6.abrupt("break", 10);
-              case 6:
-                e.header.sortOrder = null;
-                return _context6.abrupt("break", 10);
-              case 8:
-                e.header.sortOrder = 'asc';
-                return _context6.abrupt("break", 10);
-              case 10:
-                _context6.next = 12;
-                return _this7.load();
-              case 12:
-                _this7.$emit('sort-order-changed', e.header);
-              case 13:
-              case "end":
-                return _context6.stop();
-            }
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              if (_this7.sortingOptions.mode === 'single' && !_this7.getSortHeader.includes(e.header)) {
+                // Reinitialize sortOrder because there is only one sortable header
+                _this7.headersMapped.forEach(function (header) {
+                  header.sortOrder = null;
+                });
+              }
+              _context6.t0 = e.header.sortOrder;
+              _context6.next = _context6.t0 === 'asc' ? 4 : _context6.t0 === 'desc' ? 6 : 8;
+              break;
+            case 4:
+              e.header.sortOrder = 'desc';
+              return _context6.abrupt("break", 10);
+            case 6:
+              e.header.sortOrder = null;
+              return _context6.abrupt("break", 10);
+            case 8:
+              e.header.sortOrder = 'asc';
+              return _context6.abrupt("break", 10);
+            case 10:
+              _context6.next = 12;
+              return _this7.load();
+            case 12:
+              _this7.$emit('sort-order-changed', e.header);
+            case 13:
+            case "end":
+              return _context6.stop();
           }
         }, _callee6);
       }))();
@@ -20605,18 +20623,16 @@ var Sorting = {
       var _this8 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) {
-            switch (_context7.prev = _context7.next) {
-              case 0:
-                _this8.pagerOptions.value = +value;
-                _context7.next = 3;
-                return _this8.load();
-              case 3:
-                _this8.$emit('page-size-changed', value);
-              case 4:
-              case "end":
-                return _context7.stop();
-            }
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              _this8.pagerOptions.value = +value;
+              _context7.next = 3;
+              return _this8.load();
+            case 3:
+              _this8.$emit('page-size-changed', value);
+            case 4:
+            case "end":
+              return _context7.stop();
           }
         }, _callee7);
       }))();
@@ -22074,8 +22090,8 @@ MLink.install = function (Vue) {
   Vue.component(MLink.name, MLink);
 };
 
-;// 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/MListBoxActions.vue?vue&type=template&id=27542c5d&
-var MListBoxActionsvue_type_template_id_27542c5d_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/listbox/MListBoxActions.vue?vue&type=template&id=dc7f0b5a&
+var MListBoxActionsvue_type_template_id_dc7f0b5a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -22097,7 +22113,9 @@ var MListBoxActionsvue_type_template_id_27542c5d_render = function render() {
       "type": "button"
     },
     on: {
-      "click": _vm.onClickTrigger
+      "click": function click($event) {
+        return _vm.onSwitch($event);
+      }
     }
   }, [_c('m-icon', {
     attrs: {
@@ -22111,7 +22129,8 @@ var MListBoxActionsvue_type_template_id_27542c5d_render = function render() {
     staticClass: "mc-listbox-options__container",
     class: {
       'is-open': _vm.isOpen,
-      'align-right': _vm.position == 'right'
+      'align-right': _vm.position == 'right',
+      'align-top': _vm.displayTop
     },
     attrs: {
       "role": "listbox",
@@ -22156,7 +22175,7 @@ var MListBoxActionsvue_type_template_id_27542c5d_render = function render() {
     }), 0);
   }), 0)]);
 };
-var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
+var MListBoxActionsvue_type_template_id_dc7f0b5a_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/listbox/MListBoxActions.vue?vue&type=script&lang=js&
 
@@ -22211,6 +22230,7 @@ var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
   data: function data() {
     return {
       isOpen: this.open,
+      displayTop: false,
       posTop: '0px',
       hasDataTable: false
     };
@@ -22246,19 +22266,25 @@ var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
     onClickOutside: function onClickOutside() {
       this.isOpen = false;
     },
+    onSwitch: function onSwitch(e) {
+      if (!this.isOpen) {
+        if (this.$refs.listbox.clientHeight + e.clientY >= window.innerHeight) {
+          this.displayTop = true;
+        }
+        if (this.hasDataTable) {
+          var buttonSizes = this.$refs.trigger.getBoundingClientRect();
+          this.posTop = buttonSizes.top + buttonSizes.height;
+        }
+      }
+      this.isOpen = !this.isOpen;
+    },
     onClickItem: function onClickItem(item, listIndex, itemIndex) {
       var valToEmit = Object.assign({
         listIndex: listIndex,
         itemIndex: itemIndex
       }, item);
-      this.$emit('update:itemSelected', valToEmit);
-    },
-    onClickTrigger: function onClickTrigger() {
-      this.isOpen = !this.isOpen;
-      if (this.isOpen && this.hasDataTable) {
-        var buttonHeight = this.$refs.trigger.getBoundingClientRect().height;
-        this.posTop = this.$refs.trigger.getBoundingClientRect().top + buttonHeight;
-      }
+      this.$emit('update:itemSelected', valToEmit); // TODO: deprecated
+      this.$emit('item-clicked', valToEmit);
     },
     handleScroll: function handleScroll() {
       this.isOpen = false;
@@ -22267,10 +22293,10 @@ var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
 });
 ;// 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-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/MListBoxActions.vue?vue&type=style&index=0&id=27542c5d&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/MListBoxActions.vue?vue&type=style&index=0&id=dc7f0b5a&prod&lang=scss&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&id=27542c5d&prod&lang=scss&
+;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&id=dc7f0b5a&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue
 
@@ -22283,8 +22309,8 @@ var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
 
 var MListBoxActions_component = normalizeComponent(
   listbox_MListBoxActionsvue_type_script_lang_js_,
-  MListBoxActionsvue_type_template_id_27542c5d_render,
-  MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns,
+  MListBoxActionsvue_type_template_id_dc7f0b5a_render,
+  MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns,
   false,
   null,
   null,