@syncfusion/ej2-vue-querybuilder 20.1.48 → 20.1.51

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 (28) hide show
  1. package/CHANGELOG.md +4 -38
  2. package/dist/ej2-vue-querybuilder.umd.min.js +11 -2
  3. package/dist/es6/ej2-vue-querybuilder.es2015.js +51 -5
  4. package/dist/es6/ej2-vue-querybuilder.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-querybuilder.es5.js +35 -5
  6. package/dist/es6/ej2-vue-querybuilder.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-querybuilder.min.js +2 -2
  8. package/package.json +8 -14
  9. package/src/query-builder/columns.directive.d.ts +3 -1
  10. package/src/query-builder/columns.directive.js +24 -2
  11. package/src/query-builder/querybuilder.component.d.ts +1 -0
  12. package/src/query-builder/querybuilder.component.js +10 -1
  13. package/styles/bootstrap5-dark.css +26 -10
  14. package/styles/bootstrap5.css +26 -10
  15. package/styles/fluent-dark.css +966 -0
  16. package/styles/fluent-dark.scss +1 -0
  17. package/styles/fluent.css +966 -0
  18. package/styles/fluent.scss +1 -0
  19. package/styles/query-builder/bootstrap5-dark.css +26 -10
  20. package/styles/query-builder/bootstrap5.css +26 -10
  21. package/styles/query-builder/fluent-dark.css +966 -0
  22. package/styles/query-builder/fluent-dark.scss +1 -0
  23. package/styles/query-builder/fluent.css +966 -0
  24. package/styles/query-builder/fluent.scss +1 -0
  25. package/styles/query-builder/tailwind-dark.css +19 -73
  26. package/styles/query-builder/tailwind.css +18 -72
  27. package/styles/tailwind-dark.css +19 -73
  28. package/styles/tailwind.css +18 -72
package/styles/query-builder/fluent.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-querybuilder/styles/query-builder/fluent.scss';
package/styles/query-builder/tailwind-dark.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #374151;
79
80
  }
80
81
 
81
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- margin: 0;
83
- min-height: 12px;
84
- min-width: 12px;
85
- padding: 6px;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
- min-height: 16px;
91
- min-width: 16px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 8px 16px 8px 0;
97
- }
98
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
110
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
- margin: 0;
117
- }
118
-
119
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
122
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
- padding: 5px 5px 5px 12px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 18px;
136
- min-width: 18px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,7 +144,7 @@
200
144
  }
201
145
 
202
146
  .e-query-builder .e-collapse-rule::before {
203
- content: '\e748';
147
+ content: '\e853';
204
148
  }
205
149
 
206
150
  .e-query-builder {
@@ -268,11 +212,12 @@
268
212
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
269
213
  margin-left: 0;
270
214
  margin-right: 12px;
215
+ font-size: 20px;
271
216
  }
272
217
 
273
218
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
274
219
  margin-left: 0;
275
- margin-right: 8px;
220
+ margin-right: 12px;
276
221
  }
277
222
 
278
223
  .e-query-builder.e-rtl .e-group-body {
@@ -326,7 +271,7 @@
326
271
 
327
272
  .e-query-builder .e-rule-list > ::after,
328
273
  .e-query-builder .e-rule-list > ::before {
329
- border-style: dashed;
274
+ border-style: dotted;
330
275
  content: '';
331
276
  left: -12px;
332
277
  position: absolute;
@@ -500,8 +445,8 @@
500
445
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
501
446
  border-top-left-radius: 0;
502
447
  border-top-right-radius: 0;
503
- border-top-style: dashed;
504
- border-top-width: 1px;
448
+ border-top-style: dotted;
449
+ border-top-width: 2px;
505
450
  margin-top: 0;
506
451
  }
507
452
 
@@ -510,12 +455,12 @@
510
455
  }
511
456
 
512
457
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
513
- padding: 8px 0 8px 8px;
458
+ padding: 12px 0 12px 12px;
514
459
  width: auto;
515
460
  }
516
461
 
517
462
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
518
- padding: 8px 0 8px 8px;
463
+ padding: 12px 0 12px 12px;
519
464
  width: auto;
520
465
  }
521
466
 
@@ -541,7 +486,7 @@
541
486
 
542
487
  .e-query-builder .e-group-body .e-rule-container .e-operator,
543
488
  .e-query-builder .e-group-body .e-rule-container .e-value {
544
- padding: 8px 0 8px 8px;
489
+ padding: 12px 0 12px 12px;
545
490
  }
546
491
 
547
492
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -551,7 +496,7 @@
551
496
 
552
497
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
553
498
  display: inline-block;
554
- margin-left: 8px;
499
+ margin-left: 12px;
555
500
  }
556
501
 
557
502
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -627,7 +572,7 @@
627
572
  }
628
573
 
629
574
  .e-query-builder .e-delete-icon::before {
630
- content: "";
575
+ content: "";
631
576
  }
632
577
 
633
578
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -704,7 +649,7 @@
704
649
  .e-addrule.e-add-icon::before,
705
650
  .e-addgroup.e-add-icon::before,
706
651
  .e-query-builder .e-add-icon::before {
707
- content: "";
652
+ content: "";
708
653
  }
709
654
 
710
655
  .e-query-builder.e-device .e-group-container,
@@ -741,6 +686,7 @@
741
686
  .e-bigger.e-query-builder .e-group-action .e-btn,
742
687
  .e-bigger .e-query-builder .e-group-action .e-btn {
743
688
  margin-left: 16px;
689
+ font-size: 28px;
744
690
  }
745
691
 
746
692
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -808,7 +754,7 @@
808
754
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
809
755
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
810
756
  display: inline-block;
811
- margin-left: 10px;
757
+ margin-left: 16px;
812
758
  }
813
759
 
814
760
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -879,7 +825,7 @@
879
825
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
880
826
  *.e-bigger .e-group-body .e-rule-container .e-operator,
881
827
  *.e-bigger .e-group-body .e-rule-container .e-value {
882
- padding: 10px 0 10px 10px;
828
+ padding: 16px 0 16px 16px;
883
829
  }
884
830
 
885
831
  .e-query-builder {
package/styles/query-builder/tailwind.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #fff;
79
80
  }
80
81
 
81
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- margin: 0;
83
- min-height: 12px;
84
- min-width: 12px;
85
- padding: 6px;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
- min-height: 16px;
91
- min-width: 16px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 8px 16px 8px 0;
97
- }
98
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
110
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
- margin: 0;
117
- }
118
-
119
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
122
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
- padding: 5px 5px 5px 12px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 18px;
136
- min-width: 18px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -268,11 +212,12 @@
268
212
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
269
213
  margin-left: 0;
270
214
  margin-right: 12px;
215
+ font-size: 20px;
271
216
  }
272
217
 
273
218
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
274
219
  margin-left: 0;
275
- margin-right: 8px;
220
+ margin-right: 12px;
276
221
  }
277
222
 
278
223
  .e-query-builder.e-rtl .e-group-body {
@@ -326,7 +271,7 @@
326
271
 
327
272
  .e-query-builder .e-rule-list > ::after,
328
273
  .e-query-builder .e-rule-list > ::before {
329
- border-style: dashed;
274
+ border-style: dotted;
330
275
  content: '';
331
276
  left: -12px;
332
277
  position: absolute;
@@ -500,8 +445,8 @@
500
445
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
501
446
  border-top-left-radius: 0;
502
447
  border-top-right-radius: 0;
503
- border-top-style: dashed;
504
- border-top-width: 1px;
448
+ border-top-style: dotted;
449
+ border-top-width: 2px;
505
450
  margin-top: 0;
506
451
  }
507
452
 
@@ -510,12 +455,12 @@
510
455
  }
511
456
 
512
457
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
513
- padding: 8px 0 8px 8px;
458
+ padding: 12px 0 12px 12px;
514
459
  width: auto;
515
460
  }
516
461
 
517
462
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
518
- padding: 8px 0 8px 8px;
463
+ padding: 12px 0 12px 12px;
519
464
  width: auto;
520
465
  }
521
466
 
@@ -541,7 +486,7 @@
541
486
 
542
487
  .e-query-builder .e-group-body .e-rule-container .e-operator,
543
488
  .e-query-builder .e-group-body .e-rule-container .e-value {
544
- padding: 8px 0 8px 8px;
489
+ padding: 12px 0 12px 12px;
545
490
  }
546
491
 
547
492
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -551,7 +496,7 @@
551
496
 
552
497
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
553
498
  display: inline-block;
554
- margin-left: 8px;
499
+ margin-left: 12px;
555
500
  }
556
501
 
557
502
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -627,7 +572,7 @@
627
572
  }
628
573
 
629
574
  .e-query-builder .e-delete-icon::before {
630
- content: "";
575
+ content: "";
631
576
  }
632
577
 
633
578
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -704,7 +649,7 @@
704
649
  .e-addrule.e-add-icon::before,
705
650
  .e-addgroup.e-add-icon::before,
706
651
  .e-query-builder .e-add-icon::before {
707
- content: "";
652
+ content: "";
708
653
  }
709
654
 
710
655
  .e-query-builder.e-device .e-group-container,
@@ -741,6 +686,7 @@
741
686
  .e-bigger.e-query-builder .e-group-action .e-btn,
742
687
  .e-bigger .e-query-builder .e-group-action .e-btn {
743
688
  margin-left: 16px;
689
+ font-size: 28px;
744
690
  }
745
691
 
746
692
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -808,7 +754,7 @@
808
754
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
809
755
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
810
756
  display: inline-block;
811
- margin-left: 10px;
757
+ margin-left: 16px;
812
758
  }
813
759
 
814
760
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -879,7 +825,7 @@
879
825
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
880
826
  *.e-bigger .e-group-body .e-rule-container .e-operator,
881
827
  *.e-bigger .e-group-body .e-rule-container .e-value {
882
- padding: 10px 0 10px 10px;
828
+ padding: 16px 0 16px 16px;
883
829
  }
884
830
 
885
831
  .e-query-builder {
package/styles/tailwind-dark.css CHANGED
@@ -54,6 +54,7 @@
54
54
 
55
55
  .e-popup.e-ddl .e-dropdownbase {
56
56
  min-height: 26px;
57
+ padding: 4px 0;
57
58
  }
58
59
 
59
60
  .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +79,6 @@
78
79
  background-color: #374151;
79
80
  }
80
81
 
81
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
82
- margin: 0;
83
- min-height: 12px;
84
- min-width: 12px;
85
- padding: 6px;
86
- }
87
-
88
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
89
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
90
- min-height: 16px;
91
- min-width: 16px;
92
- }
93
-
94
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
95
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
96
- padding: 8px 16px 8px 0;
97
- }
98
-
99
82
  .e-input-group.e-ddl,
100
83
  .e-input-group.e-ddl .e-input,
101
84
  .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +90,6 @@
107
90
  border-bottom-width: 0;
108
91
  }
109
92
 
110
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
111
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
112
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
113
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
114
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
115
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
116
- margin: 0;
117
- }
118
-
119
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
120
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
121
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
122
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
123
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
124
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
125
- padding: 5px 5px 5px 12px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
129
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
131
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
132
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
133
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
134
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
135
- min-height: 18px;
136
- min-width: 18px;
137
- }
138
-
139
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
140
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
141
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
142
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
143
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
144
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
145
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
146
- padding: 8px 16px;
147
- }
148
-
149
93
  .e-ddl.e-popup.e-outline .e-filter-parent {
150
94
  padding: 4px 8px;
151
95
  }
@@ -163,7 +107,7 @@
163
107
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
164
108
  border-left-width: 0;
165
109
  border-radius: 4px 0 0 4px;
166
- border-right-width: 1px;
110
+ border-right-width: 0;
167
111
  }
168
112
 
169
113
  .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
@@ -172,8 +116,8 @@
172
116
  }
173
117
 
174
118
  .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
175
- height: 24px;
176
- width: 24px;
119
+ height: 28px;
120
+ width: 28px;
177
121
  }
178
122
 
179
123
  .e-multi-select-wrapper .e-searcher input[type='text'] {
@@ -200,7 +144,7 @@
200
144
  }
201
145
 
202
146
  .e-query-builder .e-collapse-rule::before {
203
- content: '\e748';
147
+ content: '\e853';
204
148
  }
205
149
 
206
150
  .e-query-builder {
@@ -268,11 +212,12 @@
268
212
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
269
213
  margin-left: 0;
270
214
  margin-right: 12px;
215
+ font-size: 20px;
271
216
  }
272
217
 
273
218
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
274
219
  margin-left: 0;
275
- margin-right: 8px;
220
+ margin-right: 12px;
276
221
  }
277
222
 
278
223
  .e-query-builder.e-rtl .e-group-body {
@@ -326,7 +271,7 @@
326
271
 
327
272
  .e-query-builder .e-rule-list > ::after,
328
273
  .e-query-builder .e-rule-list > ::before {
329
- border-style: dashed;
274
+ border-style: dotted;
330
275
  content: '';
331
276
  left: -12px;
332
277
  position: absolute;
@@ -500,8 +445,8 @@
500
445
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
501
446
  border-top-left-radius: 0;
502
447
  border-top-right-radius: 0;
503
- border-top-style: dashed;
504
- border-top-width: 1px;
448
+ border-top-style: dotted;
449
+ border-top-width: 2px;
505
450
  margin-top: 0;
506
451
  }
507
452
 
@@ -510,12 +455,12 @@
510
455
  }
511
456
 
512
457
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
513
- padding: 8px 0 8px 8px;
458
+ padding: 12px 0 12px 12px;
514
459
  width: auto;
515
460
  }
516
461
 
517
462
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
518
- padding: 8px 0 8px 8px;
463
+ padding: 12px 0 12px 12px;
519
464
  width: auto;
520
465
  }
521
466
 
@@ -541,7 +486,7 @@
541
486
 
542
487
  .e-query-builder .e-group-body .e-rule-container .e-operator,
543
488
  .e-query-builder .e-group-body .e-rule-container .e-value {
544
- padding: 8px 0 8px 8px;
489
+ padding: 12px 0 12px 12px;
545
490
  }
546
491
 
547
492
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
@@ -551,7 +496,7 @@
551
496
 
552
497
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
553
498
  display: inline-block;
554
- margin-left: 8px;
499
+ margin-left: 12px;
555
500
  }
556
501
 
557
502
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
@@ -627,7 +572,7 @@
627
572
  }
628
573
 
629
574
  .e-query-builder .e-delete-icon::before {
630
- content: "";
575
+ content: "";
631
576
  }
632
577
 
633
578
  .e-query-builder .e-edit-rule.e-btn.e-small {
@@ -704,7 +649,7 @@
704
649
  .e-addrule.e-add-icon::before,
705
650
  .e-addgroup.e-add-icon::before,
706
651
  .e-query-builder .e-add-icon::before {
707
- content: "";
652
+ content: "";
708
653
  }
709
654
 
710
655
  .e-query-builder.e-device .e-group-container,
@@ -741,6 +686,7 @@
741
686
  .e-bigger.e-query-builder .e-group-action .e-btn,
742
687
  .e-bigger .e-query-builder .e-group-action .e-btn {
743
688
  margin-left: 16px;
689
+ font-size: 28px;
744
690
  }
745
691
 
746
692
  .e-query-builder.e-device .e-rule-list > :first-child::before,
@@ -808,7 +754,7 @@
808
754
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
809
755
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
810
756
  display: inline-block;
811
- margin-left: 10px;
757
+ margin-left: 16px;
812
758
  }
813
759
 
814
760
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
@@ -879,7 +825,7 @@
879
825
  *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
880
826
  *.e-bigger .e-group-body .e-rule-container .e-operator,
881
827
  *.e-bigger .e-group-body .e-rule-container .e-value {
882
- padding: 10px 0 10px 10px;
828
+ padding: 16px 0 16px 16px;
883
829
  }
884
830
 
885
831
  .e-query-builder {