@mozaic-ds/vue 0.34.1 → 0.35.0-beta.0

package/dist/mozaic-vue.common.js

@@ -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 = {
@@ -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.0',
   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.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -14017,11 +14018,13 @@ 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);
@@ -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);
 
 
 /***/ }),
@@ -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=71c6b3a2&
+var MAutocompletevue_type_template_id_71c6b3a2_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,11 +16644,6 @@ 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,
@@ -16641,6 +16651,9 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
       "is-invalid": _vm.invalid,
       "disabled": _vm.disabled,
       "size": _vm.size,
+      "root-class": {
+        'is-invalid': _vm.invalid
+      },
       "text-input-field-class": "mc-autocomplete__trigger",
       "icon-position": "left",
       "icon": "DisplaySearch48",
@@ -16659,7 +16672,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"
@@ -16707,7 +16725,7 @@ var MAutocompletevue_type_template_id_6011a65e_render = function render() {
     }
   })], 1);
 };
-var MAutocompletevue_type_template_id_6011a65e_staticRenderFns = [];
+var MAutocompletevue_type_template_id_71c6b3a2_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
 var es_regexp_to_string = __webpack_require__(9714);
@@ -16912,9 +16930,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 +17169,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 +17190,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 +17400,10 @@ var MTextInputIcon_component = normalizeComponent(
       type: String,
       default: null
     },
+    rootClass: {
+      type: String,
+      default: null
+    },
     textInputFieldClass: {
       type: String,
       default: null
@@ -17402,8 +17422,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,
@@ -17820,6 +17840,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,
@@ -17857,18 +17883,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();
@@ -17971,10 +17999,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=71c6b3a2&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=71c6b3a2&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
 
@@ -17987,8 +18015,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_71c6b3a2_render,
+  MAutocompletevue_type_template_id_71c6b3a2_staticRenderFns,
   false,
   null,
   null,
@@ -19351,9 +19379,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 +19425,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 +19436,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 +20364,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 +20392,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 +20425,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 +20484,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 +20561,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 +20579,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 +20615,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 +22082,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 +22105,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 +22121,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 +22167,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 +22222,7 @@ var MListBoxActionsvue_type_template_id_27542c5d_staticRenderFns = [];
   data: function data() {
     return {
       isOpen: this.open,
+      displayTop: false,
       posTop: '0px',
       hasDataTable: false
     };
@@ -22246,19 +22258,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 +22285,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 +22301,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,