@mozaic-ds/vue 0.35.0-beta.0 → 0.35.0-beta.1
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 +90 -82
- package/dist/mozaic-vue.common.js +90 -82
- package/dist/mozaic-vue.common.js.map +1 -1
- package/dist/mozaic-vue.css +1 -1
- package/dist/mozaic-vue.umd.js +54 -46
- 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 +48 -13
- package/src/components/listbox/MListBox.vue +26 -39
package/dist/mozaic-vue.umd.js
CHANGED
|
@@ -12455,10 +12455,10 @@ var store = __webpack_require__(5465);
|
|
|
12455
12455
|
(module.exports = function (key, value) {
|
|
12456
12456
|
return store[key] || (store[key] = value !== undefined ? value : {});
|
|
12457
12457
|
})('versions', []).push({
|
|
12458
|
-
version: '3.27.
|
|
12458
|
+
version: '3.27.1',
|
|
12459
12459
|
mode: IS_PURE ? 'pure' : 'global',
|
|
12460
12460
|
copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
|
|
12461
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.27.
|
|
12461
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.27.1/LICENSE',
|
|
12462
12462
|
source: 'https://github.com/zloirock/core-js'
|
|
12463
12463
|
});
|
|
12464
12464
|
|
|
@@ -16623,8 +16623,8 @@ MAccordion.install = function (Vue) {
|
|
|
16623
16623
|
Vue.component(MAccordion.name, MAccordion);
|
|
16624
16624
|
};
|
|
16625
16625
|
|
|
16626
|
-
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=
|
|
16627
|
-
var
|
|
16626
|
+
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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&
|
|
16627
|
+
var MAutocompletevue_type_template_id_0d7a65f6_render = function render() {
|
|
16628
16628
|
var _vm = this,
|
|
16629
16629
|
_c = _vm._self._c;
|
|
16630
16630
|
return _c('div', {
|
|
@@ -16658,12 +16658,10 @@ var MAutocompletevue_type_template_id_71c6b3a2_render = function render() {
|
|
|
16658
16658
|
attrs: {
|
|
16659
16659
|
"id": _vm.id,
|
|
16660
16660
|
"placeholder": _vm.placeholder,
|
|
16661
|
-
"is-invalid": _vm.
|
|
16661
|
+
"is-invalid": _vm.isInvalid,
|
|
16662
16662
|
"disabled": _vm.disabled,
|
|
16663
16663
|
"size": _vm.size,
|
|
16664
|
-
"root-class":
|
|
16665
|
-
'is-invalid': _vm.invalid
|
|
16666
|
-
},
|
|
16664
|
+
"root-class": _vm.getInvalidRootClass,
|
|
16667
16665
|
"text-input-field-class": "mc-autocomplete__trigger",
|
|
16668
16666
|
"icon-position": "left",
|
|
16669
16667
|
"icon": "DisplaySearch48",
|
|
@@ -16702,7 +16700,7 @@ var MAutocompletevue_type_template_id_71c6b3a2_render = function render() {
|
|
|
16702
16700
|
}
|
|
16703
16701
|
}), _c('span', {
|
|
16704
16702
|
staticClass: "mc-autocomplete__clear-text"
|
|
16705
|
-
}, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), _c('MListBox', {
|
|
16703
|
+
}, [_vm._v(_vm._s(_vm.labelClearButton))])], 1) : _vm._e()], 1), !_vm.isFiltered ? _c('MListBox', {
|
|
16706
16704
|
attrs: {
|
|
16707
16705
|
"open": _vm.openState,
|
|
16708
16706
|
"items": _vm.localItems,
|
|
@@ -16711,7 +16709,6 @@ var MAutocompletevue_type_template_id_71c6b3a2_render = function render() {
|
|
|
16711
16709
|
"data-key-expr": _vm.dataKeyExpr,
|
|
16712
16710
|
"data-text-expr": _vm.dataTextExpr,
|
|
16713
16711
|
"data-value-expr": _vm.dataValueExpr,
|
|
16714
|
-
"is-filtered": _vm.isFiltered,
|
|
16715
16712
|
"max-width": _vm.maxWidth
|
|
16716
16713
|
},
|
|
16717
16714
|
on: {
|
|
@@ -16733,9 +16730,11 @@ var MAutocompletevue_type_template_id_71c6b3a2_render = function render() {
|
|
|
16733
16730
|
},
|
|
16734
16731
|
expression: "listboxValue"
|
|
16735
16732
|
}
|
|
16736
|
-
})
|
|
16733
|
+
}) : _c('div', {
|
|
16734
|
+
staticClass: "mc-autocomplete__error"
|
|
16735
|
+
}, [_vm._v(" " + _vm._s(_vm.emptySearchLabel) + " ")])], 1);
|
|
16737
16736
|
};
|
|
16738
|
-
var
|
|
16737
|
+
var MAutocompletevue_type_template_id_0d7a65f6_staticRenderFns = [];
|
|
16739
16738
|
|
|
16740
16739
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.to-string.js
|
|
16741
16740
|
var es_regexp_to_string = __webpack_require__(9714);
|
|
@@ -17442,11 +17441,11 @@ var MTextInput_component = normalizeComponent(
|
|
|
17442
17441
|
)
|
|
17443
17442
|
|
|
17444
17443
|
/* harmony default export */ var MTextInput = (MTextInput_component.exports);
|
|
17445
|
-
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=
|
|
17444
|
+
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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&
|
|
17446
17445
|
|
|
17447
17446
|
|
|
17448
17447
|
|
|
17449
|
-
var
|
|
17448
|
+
var MListBoxvue_type_template_id_ec39b4f2_render = function render() {
|
|
17450
17449
|
var _vm = this,
|
|
17451
17450
|
_c = _vm._self._c;
|
|
17452
17451
|
return _c('ul', {
|
|
@@ -17462,7 +17461,7 @@ var MListBoxvue_type_template_id_57047bbf_render = function render() {
|
|
|
17462
17461
|
"role": "listbox",
|
|
17463
17462
|
"aria-labelledby": "listbox"
|
|
17464
17463
|
}
|
|
17465
|
-
},
|
|
17464
|
+
}, _vm._l(_vm.localItems, function (item, index) {
|
|
17466
17465
|
return _c('li', {
|
|
17467
17466
|
key: item.id,
|
|
17468
17467
|
staticClass: "mc-listbox__item"
|
|
@@ -17571,15 +17570,11 @@ var MListBoxvue_type_template_id_57047bbf_render = function render() {
|
|
|
17571
17570
|
}, {
|
|
17572
17571
|
"item": item
|
|
17573
17572
|
})], 2)], 1);
|
|
17574
|
-
})
|
|
17575
|
-
staticClass: "mc-listbox__item"
|
|
17576
|
-
}, [_c('span', {
|
|
17577
|
-
staticClass: "mc-listbox__empty"
|
|
17578
|
-
}, [_vm._v(_vm._s(_vm.emptySearchLabel))])])], 2);
|
|
17573
|
+
}), 0);
|
|
17579
17574
|
};
|
|
17580
|
-
var
|
|
17575
|
+
var MListBoxvue_type_template_id_ec39b4f2_staticRenderFns = [];
|
|
17581
17576
|
|
|
17582
|
-
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=
|
|
17577
|
+
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=template&id=ec39b4f2&
|
|
17583
17578
|
|
|
17584
17579
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
|
|
17585
17580
|
|
|
@@ -17601,18 +17596,10 @@ var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
|
|
|
17601
17596
|
type: Boolean,
|
|
17602
17597
|
default: false
|
|
17603
17598
|
},
|
|
17604
|
-
isFiltered: {
|
|
17605
|
-
type: Boolean,
|
|
17606
|
-
default: false
|
|
17607
|
-
},
|
|
17608
17599
|
multiple: {
|
|
17609
17600
|
type: Boolean,
|
|
17610
17601
|
default: false
|
|
17611
17602
|
},
|
|
17612
|
-
emptySearchLabel: {
|
|
17613
|
-
type: String,
|
|
17614
|
-
default: 'No item matching your criteria found'
|
|
17615
|
-
},
|
|
17616
17603
|
dataKeyExpr: {
|
|
17617
17604
|
type: String,
|
|
17618
17605
|
default: 'id'
|
|
@@ -17671,10 +17658,10 @@ var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
|
|
|
17671
17658
|
});
|
|
17672
17659
|
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=script&lang=js&
|
|
17673
17660
|
/* harmony default export */ var listbox_MListBoxvue_type_script_lang_js_ = (MListBoxvue_type_script_lang_js_);
|
|
17674
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
17661
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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&
|
|
17675
17662
|
// extracted by mini-css-extract-plugin
|
|
17676
17663
|
|
|
17677
|
-
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=
|
|
17664
|
+
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue?vue&type=style&index=0&id=ec39b4f2&prod&lang=scss&
|
|
17678
17665
|
|
|
17679
17666
|
;// CONCATENATED MODULE: ./src/components/listbox/MListBox.vue
|
|
17680
17667
|
|
|
@@ -17687,8 +17674,8 @@ var MListBoxvue_type_template_id_57047bbf_staticRenderFns = [];
|
|
|
17687
17674
|
|
|
17688
17675
|
var MListBox_component = normalizeComponent(
|
|
17689
17676
|
listbox_MListBoxvue_type_script_lang_js_,
|
|
17690
|
-
|
|
17691
|
-
|
|
17677
|
+
MListBoxvue_type_template_id_ec39b4f2_render,
|
|
17678
|
+
MListBoxvue_type_template_id_ec39b4f2_staticRenderFns,
|
|
17692
17679
|
false,
|
|
17693
17680
|
null,
|
|
17694
17681
|
null,
|
|
@@ -17868,6 +17855,13 @@ var MListBox_component = normalizeComponent(
|
|
|
17868
17855
|
hasValues: function hasValues() {
|
|
17869
17856
|
var _this$inputValue;
|
|
17870
17857
|
return ((_this$inputValue = this.inputValue) === null || _this$inputValue === void 0 ? void 0 : _this$inputValue.length) > 0;
|
|
17858
|
+
},
|
|
17859
|
+
isInvalid: function isInvalid() {
|
|
17860
|
+
return this.invalid || this.isFiltered;
|
|
17861
|
+
},
|
|
17862
|
+
getInvalidRootClass: function getInvalidRootClass() {
|
|
17863
|
+
var invalidClass = this.isInvalid ? 'is-invalid' : '';
|
|
17864
|
+
return invalidClass;
|
|
17871
17865
|
}
|
|
17872
17866
|
},
|
|
17873
17867
|
watch: {
|
|
@@ -17877,6 +17871,13 @@ var MListBox_component = normalizeComponent(
|
|
|
17877
17871
|
},
|
|
17878
17872
|
immediate: true
|
|
17879
17873
|
},
|
|
17874
|
+
localItems: {
|
|
17875
|
+
handler: function handler(val) {
|
|
17876
|
+
// this.localItems = val;
|
|
17877
|
+
this.isFiltered = !val.length;
|
|
17878
|
+
this.$emit('list-filtered', val);
|
|
17879
|
+
}
|
|
17880
|
+
},
|
|
17880
17881
|
input: {
|
|
17881
17882
|
handler: function handler(val) {
|
|
17882
17883
|
this.inputValue = val;
|
|
@@ -17948,16 +17949,23 @@ var MListBox_component = normalizeComponent(
|
|
|
17948
17949
|
var _this3 = this;
|
|
17949
17950
|
if (value.length && this.filter) {
|
|
17950
17951
|
this.filter(value);
|
|
17951
|
-
} else if (value.length && this.filterOnType) {
|
|
17952
|
-
this.localItems = this.items.filter(function (item) {
|
|
17953
|
-
return item[_this3.dataTextExpr].toUpperCase().includes(value.toUpperCase());
|
|
17954
|
-
});
|
|
17955
|
-
this.isFiltered = !this.localItems.length;
|
|
17956
17952
|
} else {
|
|
17957
|
-
this.
|
|
17958
|
-
|
|
17953
|
+
if (!this.filterOnType) {
|
|
17954
|
+
return;
|
|
17955
|
+
}
|
|
17956
|
+
if (value.length) {
|
|
17957
|
+
this.localItems = this.items.filter(function (item) {
|
|
17958
|
+
return item[_this3.dataTextExpr].toUpperCase().includes(value.toUpperCase());
|
|
17959
|
+
});
|
|
17960
|
+
|
|
17961
|
+
// this.isFiltered = !this.localItems.length;
|
|
17962
|
+
} else {
|
|
17963
|
+
this.localItems = this.items;
|
|
17964
|
+
// this.isFiltered = !this.localItems.length;
|
|
17965
|
+
}
|
|
17966
|
+
|
|
17967
|
+
// this.$emit('list-filtered', this.localItems);
|
|
17959
17968
|
}
|
|
17960
|
-
this.$emit('list-filtered', this.localItems);
|
|
17961
17969
|
},
|
|
17962
17970
|
closeListBox: function closeListBox() {
|
|
17963
17971
|
this.openState = false;
|
|
@@ -18009,10 +18017,10 @@ var MListBox_component = normalizeComponent(
|
|
|
18009
18017
|
});
|
|
18010
18018
|
;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=script&lang=js&
|
|
18011
18019
|
/* harmony default export */ var autocomplete_MAutocompletevue_type_script_lang_js_ = (MAutocompletevue_type_script_lang_js_);
|
|
18012
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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=
|
|
18020
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-84.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&
|
|
18013
18021
|
// extracted by mini-css-extract-plugin
|
|
18014
18022
|
|
|
18015
|
-
;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=
|
|
18023
|
+
;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue?vue&type=style&index=0&id=0d7a65f6&prod&lang=scss&
|
|
18016
18024
|
|
|
18017
18025
|
;// CONCATENATED MODULE: ./src/components/autocomplete/MAutocomplete.vue
|
|
18018
18026
|
|
|
@@ -18025,8 +18033,8 @@ var MListBox_component = normalizeComponent(
|
|
|
18025
18033
|
|
|
18026
18034
|
var MAutocomplete_component = normalizeComponent(
|
|
18027
18035
|
autocomplete_MAutocompletevue_type_script_lang_js_,
|
|
18028
|
-
|
|
18029
|
-
|
|
18036
|
+
MAutocompletevue_type_template_id_0d7a65f6_render,
|
|
18037
|
+
MAutocompletevue_type_template_id_0d7a65f6_staticRenderFns,
|
|
18030
18038
|
false,
|
|
18031
18039
|
null,
|
|
18032
18040
|
null,
|