@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.
Files changed (129) hide show
  1. package/CHANGELOG.md +2 -24
  2. package/dist/ej2-vue-dropdowns.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +96 -12
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +60 -6
  6. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/auto-complete/autocomplete.component.d.ts +1 -0
  10. package/src/auto-complete/autocomplete.component.js +10 -1
  11. package/src/combo-box/combobox.component.d.ts +1 -0
  12. package/src/combo-box/combobox.component.js +10 -1
  13. package/src/drop-down-list/dropdownlist.component.d.ts +1 -0
  14. package/src/drop-down-list/dropdownlist.component.js +10 -1
  15. package/src/drop-down-tree/dropdowntree.component.d.ts +1 -0
  16. package/src/drop-down-tree/dropdowntree.component.js +10 -1
  17. package/src/list-box/listbox.component.d.ts +1 -0
  18. package/src/list-box/listbox.component.js +10 -1
  19. package/src/multi-select/multiselect.component.d.ts +1 -0
  20. package/src/multi-select/multiselect.component.js +10 -1
  21. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  22. package/styles/auto-complete/bootstrap5.css +7 -0
  23. package/styles/auto-complete/fluent-dark.css +132 -0
  24. package/styles/auto-complete/fluent-dark.scss +1 -0
  25. package/styles/auto-complete/fluent.css +132 -0
  26. package/styles/auto-complete/fluent.scss +1 -0
  27. package/styles/auto-complete/tailwind-dark.css +1 -57
  28. package/styles/auto-complete/tailwind.css +1 -57
  29. package/styles/bootstrap-dark.css +56 -30
  30. package/styles/bootstrap.css +56 -30
  31. package/styles/bootstrap4.css +56 -30
  32. package/styles/bootstrap5-dark.css +116 -40
  33. package/styles/bootstrap5.css +116 -40
  34. package/styles/combo-box/bootstrap5-dark.css +7 -0
  35. package/styles/combo-box/bootstrap5.css +7 -0
  36. package/styles/combo-box/fluent-dark.css +132 -0
  37. package/styles/combo-box/fluent-dark.scss +1 -0
  38. package/styles/combo-box/fluent.css +132 -0
  39. package/styles/combo-box/fluent.scss +1 -0
  40. package/styles/combo-box/tailwind-dark.css +1 -57
  41. package/styles/combo-box/tailwind.css +1 -57
  42. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  43. package/styles/drop-down-base/bootstrap.css +7 -2
  44. package/styles/drop-down-base/bootstrap4.css +7 -2
  45. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  46. package/styles/drop-down-base/bootstrap5.css +12 -3
  47. package/styles/drop-down-base/fabric-dark.css +7 -2
  48. package/styles/drop-down-base/fabric.css +7 -2
  49. package/styles/drop-down-base/fluent-dark.css +397 -0
  50. package/styles/drop-down-base/fluent-dark.scss +1 -0
  51. package/styles/drop-down-base/fluent.css +397 -0
  52. package/styles/drop-down-base/fluent.scss +1 -0
  53. package/styles/drop-down-base/highcontrast-light.css +7 -2
  54. package/styles/drop-down-base/highcontrast.css +7 -2
  55. package/styles/drop-down-base/material-dark.css +7 -2
  56. package/styles/drop-down-base/material.css +7 -2
  57. package/styles/drop-down-base/tailwind-dark.css +103 -14
  58. package/styles/drop-down-base/tailwind.css +103 -14
  59. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  60. package/styles/drop-down-list/bootstrap.css +28 -6
  61. package/styles/drop-down-list/bootstrap4.css +28 -6
  62. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  63. package/styles/drop-down-list/bootstrap5.css +35 -6
  64. package/styles/drop-down-list/fabric-dark.css +28 -6
  65. package/styles/drop-down-list/fabric.css +28 -6
  66. package/styles/drop-down-list/fluent-dark.css +447 -0
  67. package/styles/drop-down-list/fluent-dark.scss +1 -0
  68. package/styles/drop-down-list/fluent.css +447 -0
  69. package/styles/drop-down-list/fluent.scss +1 -0
  70. package/styles/drop-down-list/highcontrast-light.css +28 -6
  71. package/styles/drop-down-list/highcontrast.css +28 -6
  72. package/styles/drop-down-list/material-dark.css +28 -6
  73. package/styles/drop-down-list/material.css +28 -6
  74. package/styles/drop-down-list/tailwind-dark.css +20 -95
  75. package/styles/drop-down-list/tailwind.css +20 -95
  76. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  77. package/styles/drop-down-tree/bootstrap5.css +6 -2
  78. package/styles/drop-down-tree/fluent-dark.css +599 -0
  79. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  80. package/styles/drop-down-tree/fluent.css +599 -0
  81. package/styles/drop-down-tree/fluent.scss +1 -0
  82. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  83. package/styles/drop-down-tree/tailwind.css +15 -6
  84. package/styles/fabric-dark.css +56 -30
  85. package/styles/fabric.css +56 -30
  86. package/styles/fluent-dark.css +3602 -0
  87. package/styles/fluent-dark.scss +7 -0
  88. package/styles/fluent.css +3602 -0
  89. package/styles/fluent.scss +7 -0
  90. package/styles/highcontrast-light.css +58 -31
  91. package/styles/highcontrast.css +58 -31
  92. package/styles/list-box/bootstrap-dark.css +2 -12
  93. package/styles/list-box/bootstrap.css +2 -12
  94. package/styles/list-box/bootstrap4.css +2 -12
  95. package/styles/list-box/bootstrap5-dark.css +5 -15
  96. package/styles/list-box/bootstrap5.css +5 -15
  97. package/styles/list-box/fabric-dark.css +2 -12
  98. package/styles/list-box/fabric.css +2 -12
  99. package/styles/list-box/fluent-dark.css +895 -0
  100. package/styles/list-box/fluent-dark.scss +1 -0
  101. package/styles/list-box/fluent.css +895 -0
  102. package/styles/list-box/fluent.scss +1 -0
  103. package/styles/list-box/highcontrast-light.css +2 -12
  104. package/styles/list-box/highcontrast.css +2 -12
  105. package/styles/list-box/material-dark.css +4 -14
  106. package/styles/list-box/material.css +4 -14
  107. package/styles/list-box/tailwind-dark.css +17 -24
  108. package/styles/list-box/tailwind.css +17 -24
  109. package/styles/material-dark.css +58 -32
  110. package/styles/material.css +58 -32
  111. package/styles/multi-select/bootstrap-dark.css +19 -10
  112. package/styles/multi-select/bootstrap.css +19 -10
  113. package/styles/multi-select/bootstrap4.css +19 -10
  114. package/styles/multi-select/bootstrap5-dark.css +58 -14
  115. package/styles/multi-select/bootstrap5.css +58 -14
  116. package/styles/multi-select/fabric-dark.css +19 -10
  117. package/styles/multi-select/fabric.css +19 -10
  118. package/styles/multi-select/fluent-dark.css +1416 -0
  119. package/styles/multi-select/fluent-dark.scss +1 -0
  120. package/styles/multi-select/fluent.css +1416 -0
  121. package/styles/multi-select/fluent.scss +1 -0
  122. package/styles/multi-select/highcontrast-light.css +21 -11
  123. package/styles/multi-select/highcontrast.css +21 -11
  124. package/styles/multi-select/material-dark.css +19 -10
  125. package/styles/multi-select/material.css +19 -10
  126. package/styles/multi-select/tailwind-dark.css +166 -126
  127. package/styles/multi-select/tailwind.css +166 -126
  128. package/styles/tailwind-dark.css +297 -253
  129. package/styles/tailwind.css +297 -253
package/CHANGELOG.md CHANGED
@@ -6,31 +6,9 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
- - Issue with ListBox scrolling while drag and drop has been resolved.
9
+ - Issue with "Keyboard navigation correction for select the multiple items of listbox" has been resolved.
10
10
 
11
- ## 19.4.54 (2022-03-01)
12
-
13
- ### Dropdown Tree
14
-
15
- #### Bug Fixes
16
-
17
- - `#I364762` - The issue with "Getting CSP error even though the template is not used in Dropdown Tree component" has been resolved.
18
-
19
- ## 19.4.50 (2022-02-08)
20
-
21
- ### ListBox
22
-
23
- #### Bug Fixes
24
-
25
- - `#I330291` - Issue with Duplicate items not removed properly using remove items method has been resolved.
26
-
27
- ### DropDownList
28
-
29
- #### Bug Fixes
30
-
31
- - `#I357666` - Issue with "value is not updated dynamically when its not present in the popup" has been resolved.
32
-
33
- ## 19.4.42 (2022-01-11)
11
+ ## 20.1.47 (2022-04-04)
34
12
 
35
13
  ### MultiSelect
36
14
 
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-dropdowns.umd.min.js
3
- * version : 19.4.55
3
+ * version : 20.1.50
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -30,7 +30,12 @@ let DropDownListComponent =
30
30
  /* Start Options({
31
31
  props: props,
32
32
  watch: watch,
33
- emits: emitProbs
33
+ emits: emitProbs,
34
+ provide: function provide() {
35
+ return {
36
+ custom: this.custom
37
+ };
38
+ }
34
39
  }) End */
35
40
  class DropDownListComponent extends ComponentBase {
36
41
  constructor() {
@@ -49,6 +54,7 @@ class DropDownListComponent extends ComponentBase {
49
54
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
50
55
  this.ej2Instances.setProperties = this.setProperties;
51
56
  this.ej2Instances.clearTemplate = this.clearTemplate;
57
+ this.updated = this.updated;
52
58
  }
53
59
  clearTemplate(templateNames) {
54
60
  if (!templateNames) {
@@ -141,6 +147,9 @@ class DropDownListComponent extends ComponentBase {
141
147
  }
142
148
  return h('input', slots);
143
149
  }
150
+ custom() {
151
+ this.updated();
152
+ }
144
153
  addItem(items, itemIndex) {
145
154
  return this.ej2Instances.addItem(items, itemIndex);
146
155
  }
@@ -185,7 +194,12 @@ DropDownListComponent = __decorate([
185
194
  /* Start Options({
186
195
  props: props,
187
196
  watch: watch,
188
- emits: emitProbs
197
+ emits: emitProbs,
198
+ provide: function provide() {
199
+ return {
200
+ custom: this.custom
201
+ };
202
+ }
189
203
  }) End */
190
204
  ], DropDownListComponent);
191
205
  const DropDownListPlugin = {
@@ -223,7 +237,12 @@ let ComboBoxComponent =
223
237
  /* Start Options({
224
238
  props: props,
225
239
  watch: watch,
226
- emits: emitProbs
240
+ emits: emitProbs,
241
+ provide: function provide() {
242
+ return {
243
+ custom: this.custom
244
+ };
245
+ }
227
246
  }) End */
228
247
  class ComboBoxComponent extends ComponentBase {
229
248
  constructor() {
@@ -242,6 +261,7 @@ class ComboBoxComponent extends ComponentBase {
242
261
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
243
262
  this.ej2Instances.setProperties = this.setProperties;
244
263
  this.ej2Instances.clearTemplate = this.clearTemplate;
264
+ this.updated = this.updated;
245
265
  }
246
266
  clearTemplate(templateNames) {
247
267
  if (!templateNames) {
@@ -334,6 +354,9 @@ class ComboBoxComponent extends ComponentBase {
334
354
  }
335
355
  return h('input', slots);
336
356
  }
357
+ custom() {
358
+ this.updated();
359
+ }
337
360
  addItem(items, itemIndex) {
338
361
  return this.ej2Instances.addItem(items, itemIndex);
339
362
  }
@@ -378,7 +401,12 @@ ComboBoxComponent = __decorate$1([
378
401
  /* Start Options({
379
402
  props: props,
380
403
  watch: watch,
381
- emits: emitProbs
404
+ emits: emitProbs,
405
+ provide: function provide() {
406
+ return {
407
+ custom: this.custom
408
+ };
409
+ }
382
410
  }) End */
383
411
  ], ComboBoxComponent);
384
412
  const ComboBoxPlugin = {
@@ -416,7 +444,12 @@ let AutoCompleteComponent =
416
444
  /* Start Options({
417
445
  props: props,
418
446
  watch: watch,
419
- emits: emitProbs
447
+ emits: emitProbs,
448
+ provide: function provide() {
449
+ return {
450
+ custom: this.custom
451
+ };
452
+ }
420
453
  }) End */
421
454
  class AutoCompleteComponent extends ComponentBase {
422
455
  constructor() {
@@ -435,6 +468,7 @@ class AutoCompleteComponent extends ComponentBase {
435
468
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
436
469
  this.ej2Instances.setProperties = this.setProperties;
437
470
  this.ej2Instances.clearTemplate = this.clearTemplate;
471
+ this.updated = this.updated;
438
472
  }
439
473
  clearTemplate(templateNames) {
440
474
  if (!templateNames) {
@@ -527,6 +561,9 @@ class AutoCompleteComponent extends ComponentBase {
527
561
  }
528
562
  return h('input', slots);
529
563
  }
564
+ custom() {
565
+ this.updated();
566
+ }
530
567
  addItem(items, itemIndex) {
531
568
  return this.ej2Instances.addItem(items, itemIndex);
532
569
  }
@@ -571,7 +608,12 @@ AutoCompleteComponent = __decorate$2([
571
608
  /* Start Options({
572
609
  props: props,
573
610
  watch: watch,
574
- emits: emitProbs
611
+ emits: emitProbs,
612
+ provide: function provide() {
613
+ return {
614
+ custom: this.custom
615
+ };
616
+ }
575
617
  }) End */
576
618
  ], AutoCompleteComponent);
577
619
  const AutoCompletePlugin = {
@@ -609,7 +651,12 @@ let MultiSelectComponent =
609
651
  /* Start Options({
610
652
  props: props,
611
653
  watch: watch,
612
- emits: emitProbs
654
+ emits: emitProbs,
655
+ provide: function provide() {
656
+ return {
657
+ custom: this.custom
658
+ };
659
+ }
613
660
  }) End */
614
661
  class MultiSelectComponent extends ComponentBase {
615
662
  constructor() {
@@ -628,6 +675,7 @@ class MultiSelectComponent extends ComponentBase {
628
675
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
629
676
  this.ej2Instances.setProperties = this.setProperties;
630
677
  this.ej2Instances.clearTemplate = this.clearTemplate;
678
+ this.updated = this.updated;
631
679
  }
632
680
  clearTemplate(templateNames) {
633
681
  if (!templateNames) {
@@ -720,6 +768,9 @@ class MultiSelectComponent extends ComponentBase {
720
768
  }
721
769
  return h('input', slots);
722
770
  }
771
+ custom() {
772
+ this.updated();
773
+ }
723
774
  addItem(items, itemIndex) {
724
775
  return this.ej2Instances.addItem(items, itemIndex);
725
776
  }
@@ -770,7 +821,12 @@ MultiSelectComponent = __decorate$3([
770
821
  /* Start Options({
771
822
  props: props,
772
823
  watch: watch,
773
- emits: emitProbs
824
+ emits: emitProbs,
825
+ provide: function provide() {
826
+ return {
827
+ custom: this.custom
828
+ };
829
+ }
774
830
  }) End */
775
831
  ], MultiSelectComponent);
776
832
  const MultiSelectPlugin = {
@@ -808,7 +864,12 @@ let ListBoxComponent =
808
864
  /* Start Options({
809
865
  props: props,
810
866
  watch: watch,
811
- emits: emitProbs
867
+ emits: emitProbs,
868
+ provide: function provide() {
869
+ return {
870
+ custom: this.custom
871
+ };
872
+ }
812
873
  }) End */
813
874
  class ListBoxComponent extends ComponentBase {
814
875
  constructor() {
@@ -827,6 +888,7 @@ class ListBoxComponent extends ComponentBase {
827
888
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
828
889
  this.ej2Instances.setProperties = this.setProperties;
829
890
  this.ej2Instances.clearTemplate = this.clearTemplate;
891
+ this.updated = this.updated;
830
892
  }
831
893
  clearTemplate(templateNames) {
832
894
  if (!templateNames) {
@@ -919,6 +981,9 @@ class ListBoxComponent extends ComponentBase {
919
981
  }
920
982
  return h('input', slots);
921
983
  }
984
+ custom() {
985
+ this.updated();
986
+ }
922
987
  addItems(items, itemIndex) {
923
988
  return this.ej2Instances.addItems(items, itemIndex);
924
989
  }
@@ -987,7 +1052,12 @@ ListBoxComponent = __decorate$4([
987
1052
  /* Start Options({
988
1053
  props: props,
989
1054
  watch: watch,
990
- emits: emitProbs
1055
+ emits: emitProbs,
1056
+ provide: function provide() {
1057
+ return {
1058
+ custom: this.custom
1059
+ };
1060
+ }
991
1061
  }) End */
992
1062
  ], ListBoxComponent);
993
1063
  const ListBoxPlugin = {
@@ -1025,7 +1095,12 @@ let DropDownTreeComponent =
1025
1095
  /* Start Options({
1026
1096
  props: props,
1027
1097
  watch: watch,
1028
- emits: emitProbs
1098
+ emits: emitProbs,
1099
+ provide: function provide() {
1100
+ return {
1101
+ custom: this.custom
1102
+ };
1103
+ }
1029
1104
  }) End */
1030
1105
  class DropDownTreeComponent extends ComponentBase {
1031
1106
  constructor() {
@@ -1044,6 +1119,7 @@ class DropDownTreeComponent extends ComponentBase {
1044
1119
  this.ej2Instances._setProperties = this.ej2Instances.setProperties;
1045
1120
  this.ej2Instances.setProperties = this.setProperties;
1046
1121
  this.ej2Instances.clearTemplate = this.clearTemplate;
1122
+ this.updated = this.updated;
1047
1123
  }
1048
1124
  clearTemplate(templateNames) {
1049
1125
  if (!templateNames) {
@@ -1136,6 +1212,9 @@ class DropDownTreeComponent extends ComponentBase {
1136
1212
  }
1137
1213
  return h('input', slots);
1138
1214
  }
1215
+ custom() {
1216
+ this.updated();
1217
+ }
1139
1218
  clear() {
1140
1219
  return this.ej2Instances.clear();
1141
1220
  }
@@ -1168,7 +1247,12 @@ DropDownTreeComponent = __decorate$5([
1168
1247
  /* Start Options({
1169
1248
  props: props,
1170
1249
  watch: watch,
1171
- emits: emitProbs
1250
+ emits: emitProbs,
1251
+ provide: function provide() {
1252
+ return {
1253
+ custom: this.custom
1254
+ };
1255
+ }
1172
1256
  }) End */
1173
1257
  ], DropDownTreeComponent);
1174
1258
  const DropDownTreePlugin = {