@syncfusion/ej2-vue-dropdowns 19.4.55 → 20.1.50
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 +2 -24
- package/dist/ej2-vue-dropdowns.umd.min.js +1 -1
- package/dist/es6/ej2-vue-dropdowns.es2015.js +96 -12
- package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-dropdowns.es5.js +60 -6
- 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.d.ts +1 -0
- package/src/auto-complete/autocomplete.component.js +10 -1
- package/src/combo-box/combobox.component.d.ts +1 -0
- package/src/combo-box/combobox.component.js +10 -1
- package/src/drop-down-list/dropdownlist.component.d.ts +1 -0
- package/src/drop-down-list/dropdownlist.component.js +10 -1
- package/src/drop-down-tree/dropdowntree.component.d.ts +1 -0
- package/src/drop-down-tree/dropdowntree.component.js +10 -1
- package/src/list-box/listbox.component.d.ts +1 -0
- package/src/list-box/listbox.component.js +10 -1
- package/src/multi-select/multiselect.component.d.ts +1 -0
- package/src/multi-select/multiselect.component.js +10 -1
- package/styles/auto-complete/bootstrap5-dark.css +7 -0
- package/styles/auto-complete/bootstrap5.css +7 -0
- package/styles/auto-complete/fluent-dark.css +132 -0
- package/styles/auto-complete/fluent-dark.scss +1 -0
- package/styles/auto-complete/fluent.css +132 -0
- package/styles/auto-complete/fluent.scss +1 -0
- package/styles/auto-complete/tailwind-dark.css +1 -57
- package/styles/auto-complete/tailwind.css +1 -57
- package/styles/bootstrap-dark.css +56 -30
- package/styles/bootstrap.css +56 -30
- package/styles/bootstrap4.css +56 -30
- package/styles/bootstrap5-dark.css +116 -40
- package/styles/bootstrap5.css +116 -40
- package/styles/combo-box/bootstrap5-dark.css +7 -0
- package/styles/combo-box/bootstrap5.css +7 -0
- package/styles/combo-box/fluent-dark.css +132 -0
- package/styles/combo-box/fluent-dark.scss +1 -0
- package/styles/combo-box/fluent.css +132 -0
- package/styles/combo-box/fluent.scss +1 -0
- package/styles/combo-box/tailwind-dark.css +1 -57
- package/styles/combo-box/tailwind.css +1 -57
- package/styles/drop-down-base/bootstrap-dark.css +7 -2
- package/styles/drop-down-base/bootstrap.css +7 -2
- package/styles/drop-down-base/bootstrap4.css +7 -2
- package/styles/drop-down-base/bootstrap5-dark.css +12 -3
- package/styles/drop-down-base/bootstrap5.css +12 -3
- package/styles/drop-down-base/fabric-dark.css +7 -2
- package/styles/drop-down-base/fabric.css +7 -2
- package/styles/drop-down-base/fluent-dark.css +397 -0
- package/styles/drop-down-base/fluent-dark.scss +1 -0
- package/styles/drop-down-base/fluent.css +397 -0
- package/styles/drop-down-base/fluent.scss +1 -0
- package/styles/drop-down-base/highcontrast-light.css +7 -2
- package/styles/drop-down-base/highcontrast.css +7 -2
- package/styles/drop-down-base/material-dark.css +7 -2
- package/styles/drop-down-base/material.css +7 -2
- package/styles/drop-down-base/tailwind-dark.css +103 -14
- package/styles/drop-down-base/tailwind.css +103 -14
- package/styles/drop-down-list/bootstrap-dark.css +28 -6
- package/styles/drop-down-list/bootstrap.css +28 -6
- package/styles/drop-down-list/bootstrap4.css +28 -6
- package/styles/drop-down-list/bootstrap5-dark.css +35 -6
- package/styles/drop-down-list/bootstrap5.css +35 -6
- package/styles/drop-down-list/fabric-dark.css +28 -6
- package/styles/drop-down-list/fabric.css +28 -6
- package/styles/drop-down-list/fluent-dark.css +447 -0
- package/styles/drop-down-list/fluent-dark.scss +1 -0
- package/styles/drop-down-list/fluent.css +447 -0
- package/styles/drop-down-list/fluent.scss +1 -0
- package/styles/drop-down-list/highcontrast-light.css +28 -6
- package/styles/drop-down-list/highcontrast.css +28 -6
- package/styles/drop-down-list/material-dark.css +28 -6
- package/styles/drop-down-list/material.css +28 -6
- package/styles/drop-down-list/tailwind-dark.css +20 -95
- package/styles/drop-down-list/tailwind.css +20 -95
- package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
- package/styles/drop-down-tree/bootstrap5.css +6 -2
- package/styles/drop-down-tree/fluent-dark.css +599 -0
- package/styles/drop-down-tree/fluent-dark.scss +1 -0
- package/styles/drop-down-tree/fluent.css +599 -0
- package/styles/drop-down-tree/fluent.scss +1 -0
- package/styles/drop-down-tree/tailwind-dark.css +15 -6
- package/styles/drop-down-tree/tailwind.css +15 -6
- package/styles/fabric-dark.css +56 -30
- package/styles/fabric.css +56 -30
- package/styles/fluent-dark.css +3602 -0
- package/styles/fluent-dark.scss +7 -0
- package/styles/fluent.css +3602 -0
- package/styles/fluent.scss +7 -0
- package/styles/highcontrast-light.css +58 -31
- package/styles/highcontrast.css +58 -31
- package/styles/list-box/bootstrap-dark.css +2 -12
- package/styles/list-box/bootstrap.css +2 -12
- package/styles/list-box/bootstrap4.css +2 -12
- package/styles/list-box/bootstrap5-dark.css +5 -15
- package/styles/list-box/bootstrap5.css +5 -15
- package/styles/list-box/fabric-dark.css +2 -12
- package/styles/list-box/fabric.css +2 -12
- package/styles/list-box/fluent-dark.css +895 -0
- package/styles/list-box/fluent-dark.scss +1 -0
- package/styles/list-box/fluent.css +895 -0
- package/styles/list-box/fluent.scss +1 -0
- package/styles/list-box/highcontrast-light.css +2 -12
- package/styles/list-box/highcontrast.css +2 -12
- package/styles/list-box/material-dark.css +4 -14
- package/styles/list-box/material.css +4 -14
- package/styles/list-box/tailwind-dark.css +17 -24
- package/styles/list-box/tailwind.css +17 -24
- package/styles/material-dark.css +58 -32
- package/styles/material.css +58 -32
- package/styles/multi-select/bootstrap-dark.css +19 -10
- package/styles/multi-select/bootstrap.css +19 -10
- package/styles/multi-select/bootstrap4.css +19 -10
- package/styles/multi-select/bootstrap5-dark.css +58 -14
- package/styles/multi-select/bootstrap5.css +58 -14
- package/styles/multi-select/fabric-dark.css +19 -10
- package/styles/multi-select/fabric.css +19 -10
- package/styles/multi-select/fluent-dark.css +1416 -0
- package/styles/multi-select/fluent-dark.scss +1 -0
- package/styles/multi-select/fluent.css +1416 -0
- package/styles/multi-select/fluent.scss +1 -0
- package/styles/multi-select/highcontrast-light.css +21 -11
- package/styles/multi-select/highcontrast.css +21 -11
- package/styles/multi-select/material-dark.css +19 -10
- package/styles/multi-select/material.css +19 -10
- package/styles/multi-select/tailwind-dark.css +166 -126
- package/styles/multi-select/tailwind.css +166 -126
- package/styles/tailwind-dark.css +297 -253
- package/styles/tailwind.css +297 -253
|
@@ -58,6 +58,7 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
58
58
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
59
59
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
60
60
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
61
|
+
_this.updated = _this.updated;
|
|
61
62
|
return _this;
|
|
62
63
|
}
|
|
63
64
|
DropDownListComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -154,6 +155,9 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
154
155
|
}
|
|
155
156
|
return h('input', slots);
|
|
156
157
|
};
|
|
158
|
+
DropDownListComponent.prototype.custom = function () {
|
|
159
|
+
this.updated();
|
|
160
|
+
};
|
|
157
161
|
DropDownListComponent.prototype.addItem = function (items, itemIndex) {
|
|
158
162
|
return this.ej2Instances.addItem(items, itemIndex);
|
|
159
163
|
};
|
|
@@ -197,7 +201,12 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
197
201
|
,Options({
|
|
198
202
|
props: props,
|
|
199
203
|
watch: watch,
|
|
200
|
-
emits: emitProbs
|
|
204
|
+
emits: emitProbs,
|
|
205
|
+
provide: function provide() {
|
|
206
|
+
return {
|
|
207
|
+
custom: this.custom
|
|
208
|
+
};
|
|
209
|
+
}
|
|
201
210
|
})
|
|
202
211
|
], DropDownListComponent);
|
|
203
212
|
return DropDownListComponent;
|
|
@@ -265,6 +274,7 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
265
274
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
266
275
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
267
276
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
277
|
+
_this.updated = _this.updated;
|
|
268
278
|
return _this;
|
|
269
279
|
}
|
|
270
280
|
ComboBoxComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -361,6 +371,9 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
361
371
|
}
|
|
362
372
|
return h('input', slots);
|
|
363
373
|
};
|
|
374
|
+
ComboBoxComponent.prototype.custom = function () {
|
|
375
|
+
this.updated();
|
|
376
|
+
};
|
|
364
377
|
ComboBoxComponent.prototype.addItem = function (items, itemIndex) {
|
|
365
378
|
return this.ej2Instances.addItem(items, itemIndex);
|
|
366
379
|
};
|
|
@@ -404,7 +417,12 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
404
417
|
,Options({
|
|
405
418
|
props: props,
|
|
406
419
|
watch: watch,
|
|
407
|
-
emits: emitProbs
|
|
420
|
+
emits: emitProbs,
|
|
421
|
+
provide: function provide() {
|
|
422
|
+
return {
|
|
423
|
+
custom: this.custom
|
|
424
|
+
};
|
|
425
|
+
}
|
|
408
426
|
})
|
|
409
427
|
], ComboBoxComponent);
|
|
410
428
|
return ComboBoxComponent;
|
|
@@ -472,6 +490,7 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
472
490
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
473
491
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
474
492
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
493
|
+
_this.updated = _this.updated;
|
|
475
494
|
return _this;
|
|
476
495
|
}
|
|
477
496
|
AutoCompleteComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -568,6 +587,9 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
568
587
|
}
|
|
569
588
|
return h('input', slots);
|
|
570
589
|
};
|
|
590
|
+
AutoCompleteComponent.prototype.custom = function () {
|
|
591
|
+
this.updated();
|
|
592
|
+
};
|
|
571
593
|
AutoCompleteComponent.prototype.addItem = function (items, itemIndex) {
|
|
572
594
|
return this.ej2Instances.addItem(items, itemIndex);
|
|
573
595
|
};
|
|
@@ -611,7 +633,12 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
611
633
|
,Options({
|
|
612
634
|
props: props,
|
|
613
635
|
watch: watch,
|
|
614
|
-
emits: emitProbs
|
|
636
|
+
emits: emitProbs,
|
|
637
|
+
provide: function provide() {
|
|
638
|
+
return {
|
|
639
|
+
custom: this.custom
|
|
640
|
+
};
|
|
641
|
+
}
|
|
615
642
|
})
|
|
616
643
|
], AutoCompleteComponent);
|
|
617
644
|
return AutoCompleteComponent;
|
|
@@ -679,6 +706,7 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
679
706
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
680
707
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
681
708
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
709
|
+
_this.updated = _this.updated;
|
|
682
710
|
return _this;
|
|
683
711
|
}
|
|
684
712
|
MultiSelectComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -775,6 +803,9 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
775
803
|
}
|
|
776
804
|
return h('input', slots);
|
|
777
805
|
};
|
|
806
|
+
MultiSelectComponent.prototype.custom = function () {
|
|
807
|
+
this.updated();
|
|
808
|
+
};
|
|
778
809
|
MultiSelectComponent.prototype.addItem = function (items, itemIndex) {
|
|
779
810
|
return this.ej2Instances.addItem(items, itemIndex);
|
|
780
811
|
};
|
|
@@ -824,7 +855,12 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
824
855
|
,Options({
|
|
825
856
|
props: props,
|
|
826
857
|
watch: watch,
|
|
827
|
-
emits: emitProbs
|
|
858
|
+
emits: emitProbs,
|
|
859
|
+
provide: function provide() {
|
|
860
|
+
return {
|
|
861
|
+
custom: this.custom
|
|
862
|
+
};
|
|
863
|
+
}
|
|
828
864
|
})
|
|
829
865
|
], MultiSelectComponent);
|
|
830
866
|
return MultiSelectComponent;
|
|
@@ -892,6 +928,7 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
892
928
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
893
929
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
894
930
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
931
|
+
_this.updated = _this.updated;
|
|
895
932
|
return _this;
|
|
896
933
|
}
|
|
897
934
|
ListBoxComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -988,6 +1025,9 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
988
1025
|
}
|
|
989
1026
|
return h('input', slots);
|
|
990
1027
|
};
|
|
1028
|
+
ListBoxComponent.prototype.custom = function () {
|
|
1029
|
+
this.updated();
|
|
1030
|
+
};
|
|
991
1031
|
ListBoxComponent.prototype.addItems = function (items, itemIndex) {
|
|
992
1032
|
return this.ej2Instances.addItems(items, itemIndex);
|
|
993
1033
|
};
|
|
@@ -1055,7 +1095,12 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1055
1095
|
,Options({
|
|
1056
1096
|
props: props,
|
|
1057
1097
|
watch: watch,
|
|
1058
|
-
emits: emitProbs
|
|
1098
|
+
emits: emitProbs,
|
|
1099
|
+
provide: function provide() {
|
|
1100
|
+
return {
|
|
1101
|
+
custom: this.custom
|
|
1102
|
+
};
|
|
1103
|
+
}
|
|
1059
1104
|
})
|
|
1060
1105
|
], ListBoxComponent);
|
|
1061
1106
|
return ListBoxComponent;
|
|
@@ -1123,6 +1168,7 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1123
1168
|
_this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
|
|
1124
1169
|
_this.ej2Instances.setProperties = _this.setProperties;
|
|
1125
1170
|
_this.ej2Instances.clearTemplate = _this.clearTemplate;
|
|
1171
|
+
_this.updated = _this.updated;
|
|
1126
1172
|
return _this;
|
|
1127
1173
|
}
|
|
1128
1174
|
DropDownTreeComponent.prototype.clearTemplate = function (templateNames) {
|
|
@@ -1219,6 +1265,9 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1219
1265
|
}
|
|
1220
1266
|
return h('input', slots);
|
|
1221
1267
|
};
|
|
1268
|
+
DropDownTreeComponent.prototype.custom = function () {
|
|
1269
|
+
this.updated();
|
|
1270
|
+
};
|
|
1222
1271
|
DropDownTreeComponent.prototype.clear = function () {
|
|
1223
1272
|
return this.ej2Instances.clear();
|
|
1224
1273
|
};
|
|
@@ -1250,7 +1299,12 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
|
|
|
1250
1299
|
,Options({
|
|
1251
1300
|
props: props,
|
|
1252
1301
|
watch: watch,
|
|
1253
|
-
emits: emitProbs
|
|
1302
|
+
emits: emitProbs,
|
|
1303
|
+
provide: function provide() {
|
|
1304
|
+
return {
|
|
1305
|
+
custom: this.custom
|
|
1306
|
+
};
|
|
1307
|
+
}
|
|
1254
1308
|
})
|
|
1255
1309
|
], DropDownTreeComponent);
|
|
1256
1310
|
return DropDownTreeComponent;
|