@syncfusion/ej2-vue-querybuilder 19.4.53 → 20.1.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.
Files changed (20) hide show
  1. package/CHANGELOG.md +0 -32
  2. package/dist/ej2-vue-querybuilder.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-querybuilder.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap5-dark.css +26 -10
  6. package/styles/bootstrap5.css +26 -10
  7. package/styles/fluent-dark.css +980 -0
  8. package/styles/fluent-dark.scss +1 -0
  9. package/styles/fluent.css +980 -0
  10. package/styles/fluent.scss +1 -0
  11. package/styles/query-builder/bootstrap5-dark.css +26 -10
  12. package/styles/query-builder/bootstrap5.css +26 -10
  13. package/styles/query-builder/fluent-dark.css +980 -0
  14. package/styles/query-builder/fluent-dark.scss +1 -0
  15. package/styles/query-builder/fluent.css +980 -0
  16. package/styles/query-builder/fluent.scss +1 -0
  17. package/styles/query-builder/tailwind-dark.css +19 -73
  18. package/styles/query-builder/tailwind.css +18 -72
  19. package/styles/tailwind-dark.css +19 -73
  20. package/styles/tailwind.css +18 -72
package/styles/fluent.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'query-builder/fluent.scss';
package/styles/query-builder/bootstrap5-dark.css CHANGED
@@ -90,6 +90,13 @@
90
90
  color: #adb5bd;
91
91
  }
92
92
 
93
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
96
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
97
+ background: #343a40;
98
+ }
99
+
93
100
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
94
101
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
95
102
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -152,7 +159,7 @@
152
159
  }
153
160
 
154
161
  .e-multiselect .e-input-group-icon.e-ddl-icon {
155
- border-radius: 0 4px 4px 0;
162
+ border-radius: 0 2px 2px 0;
156
163
  border-right-width: 0;
157
164
  }
158
165
 
@@ -200,7 +207,7 @@
200
207
  }
201
208
 
202
209
  .e-query-builder .e-collapse-rule::before {
203
- content: '\e853';
210
+ content: '\e80e';
204
211
  }
205
212
 
206
213
  .e-query-builder {
@@ -326,7 +333,7 @@
326
333
 
327
334
  .e-query-builder .e-rule-list > ::after,
328
335
  .e-query-builder .e-rule-list > ::before {
329
- border-style: dashed;
336
+ border-style: dotted;
330
337
  content: '';
331
338
  left: -12px;
332
339
  position: absolute;
@@ -500,8 +507,8 @@
500
507
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
501
508
  border-top-left-radius: 0;
502
509
  border-top-right-radius: 0;
503
- border-top-style: dashed;
504
- border-top-width: 1px;
510
+ border-top-style: dotted;
511
+ border-top-width: 2px;
505
512
  margin-top: 0;
506
513
  }
507
514
 
@@ -510,12 +517,12 @@
510
517
  }
511
518
 
512
519
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
513
- padding: 8px 0 8px 8px;
520
+ padding: 8px 8px 8px 8px;
514
521
  width: auto;
515
522
  }
516
523
 
517
524
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
518
- padding: 8px 0 8px 8px;
525
+ padding: 8px 8px 8px 8px;
519
526
  width: auto;
520
527
  }
521
528
 
@@ -541,7 +548,7 @@
541
548
 
542
549
  .e-query-builder .e-group-body .e-rule-container .e-operator,
543
550
  .e-query-builder .e-group-body .e-rule-container .e-value {
544
- padding: 8px 0 8px 8px;
551
+ padding: 8px 8px 8px 8px;
545
552
  }
546
553
 
547
554
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -808,7 +815,7 @@
808
815
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
809
816
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
810
817
  display: inline-block;
811
- margin-left: 10px;
818
+ margin-left: 16px;
812
819
  }
813
820
 
814
821
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -879,7 +886,7 @@
879
886
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
880
887
  *.e-bigger .e-group-body .e-rule-container .e-operator,
881
888
  *.e-bigger .e-group-body .e-rule-container .e-value {
882
- padding: 10px 0 10px 10px;
889
+ padding: 16px 16px 16px 16px;
883
890
  }
884
891
 
885
892
  .e-query-builder {
@@ -891,6 +898,13 @@
891
898
  border-color: #444c54;
892
899
  }
893
900
 
901
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
902
+ .e-query-builder .e-deletegroup {
903
+ background-color: #212529;
904
+ box-shadow: none;
905
+ color: #adb5bd;
906
+ }
907
+
894
908
  .e-query-builder .e-group-container {
895
909
  border-color: #444c54;
896
910
  }
@@ -922,6 +936,8 @@
922
936
 
923
937
  .e-query-builder .e-removerule.e-btn.e-round {
924
938
  background-color: #6c757d;
939
+ background-color: #212529;
940
+ color: #adb5bd;
925
941
  }
926
942
 
927
943
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
package/styles/query-builder/bootstrap5.css CHANGED
@@ -90,6 +90,13 @@
90
90
  color: #6c757d;
91
91
  }
92
92
 
93
+ .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
94
+ .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
95
+ .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
96
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
97
+ background: #e9ecef;
98
+ }
99
+
93
100
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
94
101
  .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
95
102
  .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -152,7 +159,7 @@
152
159
  }
153
160
 
154
161
  .e-multiselect .e-input-group-icon.e-ddl-icon {
155
- border-radius: 0 4px 4px 0;
162
+ border-radius: 0 2px 2px 0;
156
163
  border-right-width: 0;
157
164
  }
158
165
 
@@ -200,7 +207,7 @@
200
207
  }
201
208
 
202
209
  .e-query-builder .e-collapse-rule::before {
203
- content: '\e853';
210
+ content: '\e80e';
204
211
  }
205
212
 
206
213
  .e-query-builder {
@@ -326,7 +333,7 @@
326
333
 
327
334
  .e-query-builder .e-rule-list > ::after,
328
335
  .e-query-builder .e-rule-list > ::before {
329
- border-style: dashed;
336
+ border-style: dotted;
330
337
  content: '';
331
338
  left: -12px;
332
339
  position: absolute;
@@ -500,8 +507,8 @@
500
507
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
501
508
  border-top-left-radius: 0;
502
509
  border-top-right-radius: 0;
503
- border-top-style: dashed;
504
- border-top-width: 1px;
510
+ border-top-style: dotted;
511
+ border-top-width: 2px;
505
512
  margin-top: 0;
506
513
  }
507
514
 
@@ -510,12 +517,12 @@
510
517
  }
511
518
 
512
519
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
513
- padding: 8px 0 8px 8px;
520
+ padding: 8px 8px 8px 8px;
514
521
  width: auto;
515
522
  }
516
523
 
517
524
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
518
- padding: 8px 0 8px 8px;
525
+ padding: 8px 8px 8px 8px;
519
526
  width: auto;
520
527
  }
521
528
 
@@ -541,7 +548,7 @@
541
548
 
542
549
  .e-query-builder .e-group-body .e-rule-container .e-operator,
543
550
  .e-query-builder .e-group-body .e-rule-container .e-value {
544
- padding: 8px 0 8px 8px;
551
+ padding: 8px 8px 8px 8px;
545
552
  }
546
553
 
547
554
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -808,7 +815,7 @@
808
815
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
809
816
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
810
817
  display: inline-block;
811
- margin-left: 10px;
818
+ margin-left: 16px;
812
819
  }
813
820
 
814
821
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -879,7 +886,7 @@
879
886
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
880
887
  *.e-bigger .e-group-body .e-rule-container .e-operator,
881
888
  *.e-bigger .e-group-body .e-rule-container .e-value {
882
- padding: 10px 0 10px 10px;
889
+ padding: 16px 16px 16px 16px;
883
890
  }
884
891
 
885
892
  .e-query-builder {
@@ -891,6 +898,13 @@
891
898
  border-color: #dee2e6;
892
899
  }
893
900
 
901
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
902
+ .e-query-builder .e-deletegroup {
903
+ background-color: #fff;
904
+ box-shadow: none;
905
+ color: #6c757d;
906
+ }
907
+
894
908
  .e-query-builder .e-group-container {
895
909
  border-color: #dee2e6;
896
910
  }
@@ -922,6 +936,8 @@
922
936
 
923
937
  .e-query-builder .e-removerule.e-btn.e-round {
924
938
  background-color: #6c757d;
939
+ background-color: #fff;
940
+ color: #6c757d;
925
941
  }
926
942
 
927
943
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {