@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.
- package/dist/mozaic-vue.adeo.css +1 -1
- package/dist/mozaic-vue.adeo.umd.js +103 -77
- package/dist/mozaic-vue.common.js +103 -77
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +96 -70
- package/dist/mozaic-vue.umd.js.map +1 -1
- package/dist/mozaic-vue.umd.min.js +2 -2
- package/dist/mozaic-vue.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/autocomplete/MAutocomplete.vue +1 -0
- package/src/components/dropdown/MDropdown.vue +5 -3
- package/src/components/listbox/MListBoxActions.vue +72 -77
|
@@ -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__(
|
|
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__(
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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=
|
|
16884
|
-
var
|
|
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
|
|
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=
|
|
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=
|
|
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
|
-
|
|
18293
|
-
|
|
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=
|
|
21153
|
-
var
|
|
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
|
|
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=
|
|
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=
|
|
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
|
-
|
|
21482
|
-
|
|
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=
|
|
22385
|
-
var
|
|
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.
|
|
22393
|
-
expression: "
|
|
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.
|
|
22405
|
+
return _vm.onClickTrigger($event);
|
|
22409
22406
|
}
|
|
22410
22407
|
}
|
|
22411
|
-
}, [_c('
|
|
22408
|
+
}, [_c('MIcon', {
|
|
22412
22409
|
attrs: {
|
|
22413
|
-
"name":
|
|
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
|
-
|
|
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.
|
|
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('
|
|
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
|
|
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
|
-
|
|
22526
|
-
|
|
22529
|
+
listboxTop: '0px',
|
|
22530
|
+
listboxLeft: '0px'
|
|
22527
22531
|
};
|
|
22528
22532
|
},
|
|
22529
22533
|
computed: {
|
|
22530
|
-
|
|
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.
|
|
22547
|
-
|
|
22548
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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=
|
|
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=
|
|
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
|
-
|
|
22604
|
-
|
|
22629
|
+
MListBoxActionsvue_type_template_id_6fe6b471_render,
|
|
22630
|
+
MListBoxActionsvue_type_template_id_6fe6b471_staticRenderFns,
|
|
22605
22631
|
false,
|
|
22606
22632
|
null,
|
|
22607
22633
|
null,
|