@mozaic-ds/vue 0.35.0-beta.2 → 0.35.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12227,7 +12227,7 @@ var uncurryThis = __webpack_require__(1702);
12227
12227
  var toString = __webpack_require__(1340);
12228
12228
  var regexpFlags = __webpack_require__(7066);
12229
12229
  var stickyHelpers = __webpack_require__(2999);
12230
- var shared = __webpack_require__(921);
12230
+ var shared = __webpack_require__(2309);
12231
12231
  var create = __webpack_require__(30);
12232
12232
  var getInternalState = (__webpack_require__(9909).get);
12233
12233
  var UNSUPPORTED_DOT_ALL = __webpack_require__(9441);
@@ -12523,7 +12523,7 @@ module.exports = function (target, TAG, STATIC) {
12523
12523
  /***/ 6200:
12524
12524
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
12525
12525
 
12526
- var shared = __webpack_require__(921);
12526
+ var shared = __webpack_require__(2309);
12527
12527
  var uid = __webpack_require__(9711);
12528
12528
 
12529
12529
  var keys = shared('keys');
@@ -12549,7 +12549,7 @@ module.exports = store;
12549
12549
 
12550
12550
  /***/ }),
12551
12551
 
12552
- /***/ 921:
12552
+ /***/ 2309:
12553
12553
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
12554
12554
 
12555
12555
  var IS_PURE = __webpack_require__(1913);
@@ -13183,7 +13183,7 @@ exports.f = wellKnownSymbol;
13183
13183
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
13184
13184
 
13185
13185
  var global = __webpack_require__(7854);
13186
- var shared = __webpack_require__(921);
13186
+ var shared = __webpack_require__(2309);
13187
13187
  var hasOwn = __webpack_require__(2597);
13188
13188
  var uid = __webpack_require__(9711);
13189
13189
  var NATIVE_SYMBOL = __webpack_require__(6293);
@@ -15516,7 +15516,7 @@ var definePropertyModule = __webpack_require__(3070);
15516
15516
  var definePropertiesModule = __webpack_require__(6048);
15517
15517
  var propertyIsEnumerableModule = __webpack_require__(5296);
15518
15518
  var defineBuiltIn = __webpack_require__(8052);
15519
- var shared = __webpack_require__(921);
15519
+ var shared = __webpack_require__(2309);
15520
15520
  var sharedKey = __webpack_require__(6200);
15521
15521
  var hiddenKeys = __webpack_require__(3501);
15522
15522
  var uid = __webpack_require__(9711);
@@ -15820,7 +15820,7 @@ var $ = __webpack_require__(2109);
15820
15820
  var getBuiltIn = __webpack_require__(5005);
15821
15821
  var hasOwn = __webpack_require__(2597);
15822
15822
  var toString = __webpack_require__(1340);
15823
- var shared = __webpack_require__(921);
15823
+ var shared = __webpack_require__(2309);
15824
15824
  var NATIVE_SYMBOL_REGISTRY = __webpack_require__(2015);
15825
15825
 
15826
15826
  var StringToSymbolRegistry = shared('string-to-symbol-registry');
@@ -15874,7 +15874,7 @@ var $ = __webpack_require__(2109);
15874
15874
  var hasOwn = __webpack_require__(2597);
15875
15875
  var isSymbol = __webpack_require__(2190);
15876
15876
  var tryToString = __webpack_require__(6330);
15877
- var shared = __webpack_require__(921);
15877
+ var shared = __webpack_require__(2309);
15878
15878
  var NATIVE_SYMBOL_REGISTRY = __webpack_require__(2015);
15879
15879
 
15880
15880
  var SymbolToStringRegistry = shared('symbol-to-string-registry');
@@ -16880,8 +16880,8 @@ MAccordion.install = function (Vue) {
16880
16880
  Vue.component(MAccordion.name, MAccordion);
16881
16881
  };
16882
16882
 
16883
- ;// 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=39f05940&
16884
- var MAutocompletevue_type_template_id_39f05940_render = function render() {
16883
+ ;// 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=32eb6daa&
16884
+ var MAutocompletevue_type_template_id_32eb6daa_render = function render() {
16885
16885
  var _vm = this,
16886
16886
  _c = _vm._self._c;
16887
16887
  return _c('div', {
@@ -16991,7 +16991,7 @@ var MAutocompletevue_type_template_id_39f05940_render = function render() {
16991
16991
  staticClass: "mc-autocomplete__error"
16992
16992
  }, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
16993
16993
  };
16994
- var MAutocompletevue_type_template_id_39f05940_staticRenderFns = [];
16994
+ var MAutocompletevue_type_template_id_32eb6daa_staticRenderFns = [];
16995
16995
 
16996
16996
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
16997
16997
  var es_regexp_to_string = __webpack_require__(9714);
@@ -18191,6 +18191,7 @@ var MListBox_component = normalizeComponent(
18191
18191
  },
18192
18192
  clearListbox: function clearListbox() {
18193
18193
  this.listboxValue = this.multiple ? [] : undefined;
18194
+ this.$emit('change', this.listboxValue);
18194
18195
  this.$emit('clear');
18195
18196
  },
18196
18197
  onClear: function onClear() {
@@ -18273,10 +18274,10 @@ var MListBox_component = normalizeComponent(
18273
18274
  });
18274
18275
  ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=script&lang=js&
18275
18276
  /* harmony default export */ var autocomplete_MAutocompletevue_type_script_lang_js_ = (MAutocompletevue_type_script_lang_js_);
18276
- ;// 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=39f05940&prod&lang=scss&
18277
+ ;// 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=32eb6daa&prod&lang=scss&
18277
18278
  // extracted by mini-css-extract-plugin
18278
18279
 
18279
- ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=39f05940&prod&lang=scss&
18280
+ ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=32eb6daa&prod&lang=scss&
18280
18281
 
18281
18282
  ;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
18282
18283
 
@@ -18289,8 +18290,8 @@ var MListBox_component = normalizeComponent(
18289
18290
 
18290
18291
  var MAutocomplete_component = normalizeComponent(
18291
18292
  autocomplete_MAutocompletevue_type_script_lang_js_,
18292
- MAutocompletevue_type_template_id_39f05940_render,
18293
- MAutocompletevue_type_template_id_39f05940_staticRenderFns,
18293
+ MAutocompletevue_type_template_id_32eb6daa_render,
18294
+ MAutocompletevue_type_template_id_32eb6daa_staticRenderFns,
18294
18295
  false,
18295
18296
  null,
18296
18297
  null,
@@ -21149,8 +21150,8 @@ MField.install = function (Vue) {
21149
21150
  Vue.component(MField.name, MField);
21150
21151
  };
21151
21152
 
21152
- ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=template&id=68dce0e4&
21153
- var MDropdownvue_type_template_id_68dce0e4_render = function render() {
21153
+ ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=template&id=3b22071f&
21154
+ var MDropdownvue_type_template_id_3b22071f_render = function render() {
21154
21155
  var _vm = this,
21155
21156
  _c = _vm._self._c;
21156
21157
  return _c('div', {
@@ -21227,7 +21228,7 @@ var MDropdownvue_type_template_id_68dce0e4_render = function render() {
21227
21228
  }
21228
21229
  })], 1);
21229
21230
  };
21230
- var MDropdownvue_type_template_id_68dce0e4_staticRenderFns = [];
21231
+ var MDropdownvue_type_template_id_3b22071f_staticRenderFns = [];
21231
21232
 
21232
21233
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=script&lang=js&
21233
21234
 
@@ -21438,7 +21439,7 @@ var MDropdownvue_type_template_id_68dce0e4_staticRenderFns = [];
21438
21439
  var _this3 = this;
21439
21440
  var value = val ? val : this.listboxValue;
21440
21441
  var selectedItems = this.items.filter(function (item) {
21441
- return value.includes(item[_this3.dataValueExpr]);
21442
+ return _this3.multiple ? value.includes(item[_this3.dataValueExpr]) : value === item[_this3.dataValueExpr];
21442
21443
  });
21443
21444
  return selectedItems;
21444
21445
  },
@@ -21462,10 +21463,10 @@ var MDropdownvue_type_template_id_68dce0e4_staticRenderFns = [];
21462
21463
  });
21463
21464
  ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=script&lang=js&
21464
21465
  /* harmony default export */ var dropdown_MDropdownvue_type_script_lang_js_ = (MDropdownvue_type_script_lang_js_);
21465
- ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=68dce0e4&prod&lang=scss&
21466
+ ;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-41.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=3b22071f&prod&lang=scss&
21466
21467
  // extracted by mini-css-extract-plugin
21467
21468
 
21468
- ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=68dce0e4&prod&lang=scss&
21469
+ ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue?vue&type=style&index=0&id=3b22071f&prod&lang=scss&
21469
21470
 
21470
21471
  ;// CONCATENATED MODULE: ./src/components/dropdown/MDropdown.vue
21471
21472
 
@@ -21478,8 +21479,8 @@ var MDropdownvue_type_template_id_68dce0e4_staticRenderFns = [];
21478
21479
 
21479
21480
  var MDropdown_component = normalizeComponent(
21480
21481
  dropdown_MDropdownvue_type_script_lang_js_,
21481
- MDropdownvue_type_template_id_68dce0e4_render,
21482
- MDropdownvue_type_template_id_68dce0e4_staticRenderFns,
21482
+ MDropdownvue_type_template_id_3b22071f_render,
21483
+ MDropdownvue_type_template_id_3b22071f_staticRenderFns,
21483
21484
  false,
21484
21485
  null,
21485
21486
  null,
@@ -22381,22 +22382,18 @@ MLink.install = function (Vue) {
22381
22382
  Vue.component(MLink.name, MLink);
22382
22383
  };
22383
22384
 
22384
- ;// 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&
22385
- var MListBoxActionsvue_type_template_id_dc7f0b5a_render = function render() {
22385
+ ;// 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=6fe6b471&
22386
+ var MListBoxActionsvue_type_template_id_6fe6b471_render = function render() {
22386
22387
  var _vm = this,
22387
22388
  _c = _vm._self._c;
22388
22389
  return _c('div', {
22389
22390
  directives: [{
22390
22391
  name: "click-outside",
22391
22392
  rawName: "v-click-outside",
22392
- value: _vm.onClickOutside,
22393
- expression: "onClickOutside"
22393
+ value: _vm.closeListbox,
22394
+ expression: "closeListbox"
22394
22395
  }],
22395
- staticClass: "mc-listbox-options",
22396
- class: {
22397
- 'mc-listbox-options--fixed': _vm.hasDataTable
22398
- },
22399
- style: _vm.setStyles
22396
+ staticClass: "mc-listbox-options"
22400
22397
  }, [_c('button', {
22401
22398
  ref: "trigger",
22402
22399
  staticClass: "mc-listbox-options__trigger",
@@ -22405,29 +22402,32 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_render = function render() {
22405
22402
  },
22406
22403
  on: {
22407
22404
  "click": function click($event) {
22408
- return _vm.onSwitch($event);
22405
+ return _vm.onClickTrigger($event);
22409
22406
  }
22410
22407
  }
22411
- }, [_c('m-icon', {
22408
+ }, [_c('MIcon', {
22412
22409
  attrs: {
22413
- "name": "DisplayOptions24",
22410
+ "name": _vm.icon,
22414
22411
  "color": _vm.triggerIconColor
22415
22412
  }
22416
22413
  }), _c('span', {
22417
22414
  staticClass: "mc-listbox-options__trigger-label"
22418
22415
  }, [_vm._v(_vm._s(_vm.triggerLabel))])], 1), _c('div', {
22416
+ directives: [{
22417
+ name: "show",
22418
+ rawName: "v-show",
22419
+ value: _vm.isOpen,
22420
+ expression: "isOpen"
22421
+ }],
22419
22422
  ref: "listbox",
22420
22423
  staticClass: "mc-listbox-options__container",
22421
- class: {
22422
- 'is-open': _vm.isOpen,
22423
- 'align-right': _vm.position == 'right',
22424
- 'align-top': _vm.displayTop
22425
- },
22424
+ class: _vm.classObjectListbox,
22425
+ style: _vm.styleObjectListbox,
22426
22426
  attrs: {
22427
22427
  "role": "listbox",
22428
22428
  "aria-labelledby": "listbox"
22429
22429
  }
22430
- }, _vm._l(_vm.listItems, function (list, i) {
22430
+ }, _vm._l(_vm.getItems, function (list, i) {
22431
22431
  return _c('ul', {
22432
22432
  key: "list".concat(i),
22433
22433
  staticClass: "mc-listbox-options__list"
@@ -22438,7 +22438,7 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_render = function render() {
22438
22438
  class: {
22439
22439
  'is-disabled': item.disabled
22440
22440
  }
22441
- }, [item.icon ? _c('m-icon', {
22441
+ }, [item.icon ? _c('MIcon', {
22442
22442
  staticClass: "mc-listbox-options__icon",
22443
22443
  attrs: {
22444
22444
  "name": item.icon,
@@ -22466,7 +22466,7 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_render = function render() {
22466
22466
  }), 0);
22467
22467
  }), 0)]);
22468
22468
  };
22469
- var MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns = [];
22469
+ var MListBoxActionsvue_type_template_id_6fe6b471_staticRenderFns = [];
22470
22470
 
22471
22471
  ;// 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&
22472
22472
 
@@ -22516,18 +22516,35 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns = [];
22516
22516
  triggerIconColor: {
22517
22517
  type: String,
22518
22518
  default: 'currentColor'
22519
+ },
22520
+ icon: {
22521
+ type: String,
22522
+ default: 'DisplayOptions24'
22519
22523
  }
22520
22524
  },
22521
22525
  data: function data() {
22522
22526
  return {
22523
22527
  isOpen: this.open,
22524
22528
  displayTop: false,
22525
- posTop: '0px',
22526
- hasDataTable: false
22529
+ listboxTop: '0px',
22530
+ listboxLeft: '0px'
22527
22531
  };
22528
22532
  },
22529
22533
  computed: {
22530
- listItems: function listItems() {
22534
+ classObjectListbox: function classObjectListbox() {
22535
+ return {
22536
+ 'is-open': this.isOpen,
22537
+ 'align-right': this.position == 'right',
22538
+ 'align-top': this.displayTop
22539
+ };
22540
+ },
22541
+ styleObjectListbox: function styleObjectListbox() {
22542
+ return {
22543
+ top: this.listboxTop,
22544
+ left: this.listboxLeft
22545
+ };
22546
+ },
22547
+ getItems: function getItems() {
22531
22548
  var hasNestedArray = this.items.filter(Array.isArray).length;
22532
22549
  if (hasNestedArray === 0) {
22533
22550
  var listItems = [];
@@ -22535,40 +22552,20 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns = [];
22535
22552
  return [this.items];
22536
22553
  }
22537
22554
  return this.items;
22538
- },
22539
- setStyles: function setStyles() {
22540
- return {
22541
- '--listbox-top': this.hasDataTable ? this.posTop + 'px' : null
22542
- };
22543
22555
  }
22544
22556
  },
22545
22557
  mounted: function mounted() {
22546
- this.hasDataTable = this.$parent.$options._componentTag === 'm-data-table' ? true : false;
22547
- if (this.hasDataTable) {
22548
- this.$parent.$el.querySelector('.mc-data-table__body').addEventListener('scroll', this.handleScroll);
22549
- }
22558
+ this.teleport(this.$refs.listbox);
22559
+ },
22560
+ created: function created() {
22561
+ window.addEventListener('scroll', this.closeListbox, {
22562
+ capture: true
22563
+ });
22550
22564
  },
22551
22565
  destroyed: function destroyed() {
22552
- if (this.hasDataTable) {
22553
- this.$parent.$el.querySelector('.mc-data-table__body').removeEventListener('scroll', this.handleScroll);
22554
- }
22566
+ window.removeEventListener('scroll', this.closeListbox);
22555
22567
  },
22556
22568
  methods: {
22557
- onClickOutside: function onClickOutside() {
22558
- this.isOpen = false;
22559
- },
22560
- onSwitch: function onSwitch(e) {
22561
- if (!this.isOpen) {
22562
- if (this.$refs.listbox.clientHeight + e.clientY >= window.innerHeight) {
22563
- this.displayTop = true;
22564
- }
22565
- if (this.hasDataTable) {
22566
- var buttonSizes = this.$refs.trigger.getBoundingClientRect();
22567
- this.posTop = buttonSizes.top + buttonSizes.height;
22568
- }
22569
- }
22570
- this.isOpen = !this.isOpen;
22571
- },
22572
22569
  onClickItem: function onClickItem(item, listIndex, itemIndex) {
22573
22570
  var valToEmit = Object.assign({
22574
22571
  listIndex: listIndex,
@@ -22577,17 +22574,46 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns = [];
22577
22574
  this.$emit('update:itemSelected', valToEmit); // TODO: deprecated
22578
22575
  this.$emit('item-clicked', valToEmit);
22579
22576
  },
22580
- handleScroll: function handleScroll() {
22577
+ onClickTrigger: function onClickTrigger(e) {
22578
+ var _this = this;
22579
+ this.$nextTick(function () {
22580
+ if (_this.$refs.listbox.clientHeight + e.clientY >= window.innerHeight) {
22581
+ _this.displayTop = true;
22582
+ }
22583
+ });
22584
+ this.isOpen = !this.isOpen;
22585
+ this.setListBoxPosition();
22586
+ },
22587
+ setListBoxPosition: function setListBoxPosition() {
22588
+ var _this$$refs$trigger$g = this.$refs.trigger.getBoundingClientRect(),
22589
+ top = _this$$refs$trigger$g.top,
22590
+ left = _this$$refs$trigger$g.left,
22591
+ height = _this$$refs$trigger$g.height;
22592
+ var topValue = Math.floor(top) + Math.floor(height) + window.scrollY;
22593
+ var leftValue = Math.floor(left);
22594
+ this.listboxTop = "".concat(topValue, "px");
22595
+ this.listboxLeft = "".concat(leftValue, "px");
22596
+ },
22597
+ teleport: function teleport(elToMove, elTarget) {
22598
+ var target = elTarget !== null && elTarget !== void 0 ? elTarget : document.body;
22599
+ if (target && elToMove) {
22600
+ target.append(elToMove);
22601
+ }
22602
+ },
22603
+ closeListbox: function closeListbox() {
22604
+ if (!this.isOpen) {
22605
+ return;
22606
+ }
22581
22607
  this.isOpen = false;
22582
22608
  }
22583
22609
  }
22584
22610
  });
22585
22611
  ;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=script&lang=js&
22586
22612
  /* harmony default export */ var listbox_MListBoxActionsvue_type_script_lang_js_ = (MListBoxActionsvue_type_script_lang_js_);
22587
- ;// 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&
22613
+ ;// 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=6fe6b471&prod&lang=scss&
22588
22614
  // extracted by mini-css-extract-plugin
22589
22615
 
22590
- ;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&id=dc7f0b5a&prod&lang=scss&
22616
+ ;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue?vue&type=style&index=0&id=6fe6b471&prod&lang=scss&
22591
22617
 
22592
22618
  ;// CONCATENATED MODULE: ./src/components/listbox/MListBoxActions.vue
22593
22619
 
@@ -22600,8 +22626,8 @@ var MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns = [];
22600
22626
 
22601
22627
  var MListBoxActions_component = normalizeComponent(
22602
22628
  listbox_MListBoxActionsvue_type_script_lang_js_,
22603
- MListBoxActionsvue_type_template_id_dc7f0b5a_render,
22604
- MListBoxActionsvue_type_template_id_dc7f0b5a_staticRenderFns,
22629
+ MListBoxActionsvue_type_template_id_6fe6b471_render,
22630
+ MListBoxActionsvue_type_template_id_6fe6b471_staticRenderFns,
22605
22631
  false,
22606
22632
  null,
22607
22633
  null,