@syncfusion/ej2-vue-dropdowns 19.3.43 → 19.3.47
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/CHANGELOG.md +26 -0
- package/dist/ej2-vue-dropdowns.umd.min.js +10 -1
- package/dist/es6/ej2-vue-dropdowns.es2015.js +30 -18
- package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-dropdowns.es5.js +30 -18
- package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-vue-dropdowns.min.js +2 -2
- package/package.json +8 -8
- package/src/auto-complete/autocomplete.component.js +5 -3
- package/src/combo-box/combobox.component.js +5 -3
- package/src/drop-down-list/dropdownlist.component.js +5 -3
- package/src/drop-down-tree/dropdowntree.component.js +5 -3
- package/src/list-box/listbox.component.js +5 -3
- package/src/multi-select/multiselect.component.js +5 -3
- package/styles/auto-complete/bootstrap4.css +5 -0
- package/styles/auto-complete/bootstrap5-dark.css +5 -0
- package/styles/auto-complete/bootstrap5.css +5 -0
- package/styles/bootstrap4.css +5 -0
- package/styles/bootstrap5-dark.css +5 -0
- package/styles/bootstrap5.css +5 -0
- package/styles/combo-box/bootstrap4.css +5 -0
- package/styles/combo-box/bootstrap5-dark.css +5 -0
- package/styles/combo-box/bootstrap5.css +5 -0
- package/styles/drop-down-list/bootstrap4.css +5 -0
- package/styles/drop-down-list/bootstrap5-dark.css +5 -0
- package/styles/drop-down-list/bootstrap5.css +5 -0
- package/styles/drop-down-tree/material-dark.css +402 -1
- package/styles/drop-down-tree/material.css +402 -1
- package/styles/material-dark.css +496 -1
- package/styles/material.css +496 -1
- package/styles/multi-select/material-dark.css +94 -0
- package/styles/multi-select/material.css +94 -0
|
@@ -22,7 +22,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
22
22
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23
23
|
};
|
|
24
24
|
import { Options } from 'vue-class-component';
|
|
25
|
-
var properties = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
25
|
+
var properties = ['islazyUpdate', 'actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
26
26
|
var modelProps = ['value'];
|
|
27
27
|
var testProp = getProps({ props: properties });
|
|
28
28
|
var props = testProp[0];
|
|
@@ -121,8 +121,10 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
121
121
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
122
122
|
}
|
|
123
123
|
else {
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
125
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
126
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
127
|
+
}
|
|
126
128
|
}
|
|
127
129
|
}
|
|
128
130
|
}
|
|
@@ -227,7 +229,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
227
229
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
228
230
|
};
|
|
229
231
|
// {{VueImport}}
|
|
230
|
-
var properties$1 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
232
|
+
var properties$1 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
231
233
|
var modelProps$1 = ['value'];
|
|
232
234
|
var testProp$1 = getProps({ props: properties$1 });
|
|
233
235
|
var props$1 = testProp$1[0];
|
|
@@ -326,8 +328,10 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
326
328
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
327
329
|
}
|
|
328
330
|
else {
|
|
329
|
-
|
|
330
|
-
|
|
331
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
332
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
333
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
334
|
+
}
|
|
331
335
|
}
|
|
332
336
|
}
|
|
333
337
|
}
|
|
@@ -432,7 +436,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
432
436
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
433
437
|
};
|
|
434
438
|
// {{VueImport}}
|
|
435
|
-
var properties$2 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
439
|
+
var properties$2 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
|
|
436
440
|
var modelProps$2 = ['value'];
|
|
437
441
|
var testProp$2 = getProps({ props: properties$2 });
|
|
438
442
|
var props$2 = testProp$2[0];
|
|
@@ -531,8 +535,10 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
531
535
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
532
536
|
}
|
|
533
537
|
else {
|
|
534
|
-
|
|
535
|
-
|
|
538
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
539
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
540
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
541
|
+
}
|
|
536
542
|
}
|
|
537
543
|
}
|
|
538
544
|
}
|
|
@@ -637,7 +643,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
637
643
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
638
644
|
};
|
|
639
645
|
// {{VueImport}}
|
|
640
|
-
var properties$3 = ['actionFailureTemplate', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging'];
|
|
646
|
+
var properties$3 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging'];
|
|
641
647
|
var modelProps$3 = ['value'];
|
|
642
648
|
var testProp$3 = getProps({ props: properties$3 });
|
|
643
649
|
var props$3 = testProp$3[0];
|
|
@@ -736,8 +742,10 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
736
742
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
737
743
|
}
|
|
738
744
|
else {
|
|
739
|
-
|
|
740
|
-
|
|
745
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
746
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
747
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
748
|
+
}
|
|
741
749
|
}
|
|
742
750
|
}
|
|
743
751
|
}
|
|
@@ -848,7 +856,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
848
856
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
849
857
|
};
|
|
850
858
|
// {{VueImport}}
|
|
851
|
-
var properties$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select'];
|
|
859
|
+
var properties$4 = ['islazyUpdate', 'actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select'];
|
|
852
860
|
var modelProps$4 = ['value'];
|
|
853
861
|
var testProp$4 = getProps({ props: properties$4 });
|
|
854
862
|
var props$4 = testProp$4[0];
|
|
@@ -947,8 +955,10 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
947
955
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
948
956
|
}
|
|
949
957
|
else {
|
|
950
|
-
|
|
951
|
-
|
|
958
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
959
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
960
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
961
|
+
}
|
|
952
962
|
}
|
|
953
963
|
}
|
|
954
964
|
}
|
|
@@ -1077,7 +1087,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1077
1087
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1078
1088
|
};
|
|
1079
1089
|
// {{VueImport}}
|
|
1080
|
-
var properties$5 = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select'];
|
|
1090
|
+
var properties$5 = ['islazyUpdate', 'actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select'];
|
|
1081
1091
|
var modelProps$5 = ['value'];
|
|
1082
1092
|
var testProp$5 = getProps({ props: properties$5 });
|
|
1083
1093
|
var props$5 = testProp$5[0];
|
|
@@ -1176,8 +1186,10 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1176
1186
|
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
1177
1187
|
}
|
|
1178
1188
|
else {
|
|
1179
|
-
|
|
1180
|
-
|
|
1189
|
+
if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
|
|
1190
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
1191
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
1192
|
+
}
|
|
1181
1193
|
}
|
|
1182
1194
|
}
|
|
1183
1195
|
}
|