@syncfusion/ej2-vue-querybuilder 20.1.51 → 20.2.36

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 (39) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/dist/ej2-vue-querybuilder.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-querybuilder.es2015.js +1 -1
  4. package/dist/es6/ej2-vue-querybuilder.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-querybuilder.es5.js +1 -1
  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 -8
  9. package/src/query-builder/querybuilder.component.js +1 -1
  10. package/styles/bootstrap-dark.css +31 -214
  11. package/styles/bootstrap.css +31 -214
  12. package/styles/bootstrap4.css +32 -221
  13. package/styles/bootstrap5-dark.css +32 -213
  14. package/styles/bootstrap5.css +32 -213
  15. package/styles/fabric-dark.css +31 -210
  16. package/styles/fabric.css +31 -210
  17. package/styles/fluent-dark.css +35 -216
  18. package/styles/fluent.css +35 -216
  19. package/styles/highcontrast-light.css +32 -252
  20. package/styles/highcontrast.css +32 -252
  21. package/styles/material-dark.css +27 -199
  22. package/styles/material.css +27 -199
  23. package/styles/query-builder/bootstrap-dark.css +31 -214
  24. package/styles/query-builder/bootstrap.css +31 -214
  25. package/styles/query-builder/bootstrap4.css +32 -221
  26. package/styles/query-builder/bootstrap5-dark.css +32 -213
  27. package/styles/query-builder/bootstrap5.css +32 -213
  28. package/styles/query-builder/fabric-dark.css +31 -210
  29. package/styles/query-builder/fabric.css +31 -210
  30. package/styles/query-builder/fluent-dark.css +35 -216
  31. package/styles/query-builder/fluent.css +35 -216
  32. package/styles/query-builder/highcontrast-light.css +32 -252
  33. package/styles/query-builder/highcontrast.css +32 -252
  34. package/styles/query-builder/material-dark.css +27 -199
  35. package/styles/query-builder/material.css +27 -199
  36. package/styles/query-builder/tailwind-dark.css +28 -200
  37. package/styles/query-builder/tailwind.css +28 -200
  38. package/styles/tailwind-dark.css +28 -200
  39. package/styles/tailwind.css +28 -200
package/styles/fabric.css CHANGED
@@ -1,10 +1,8 @@
1
- @charset "UTF-8";
2
1
  .e-ddl.e-popup {
3
2
  border: 0;
4
3
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
5
4
  margin-top: 1px;
6
5
  }
7
-
8
6
  .e-ddl.e-popup .e-input-group input {
9
7
  line-height: 15px;
10
8
  }
@@ -28,9 +26,7 @@
28
26
  margin-top: 0;
29
27
  }
30
28
 
31
- .e-bigger .e-ddl.e-popup .e-list-item,
32
- .e-bigger .e-ddl.e-popup .e-list-group-item,
33
- .e-bigger .e-ddl.e-popup .e-fixed-head {
29
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
34
30
  font-size: 15px;
35
31
  line-height: 45px;
36
32
  padding-left: 0;
@@ -45,8 +41,7 @@
45
41
  padding: 4px 0;
46
42
  }
47
43
 
48
- .e-bigger .e-ddl.e-popup .e-input-group input,
49
- .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
44
+ .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
50
45
  height: 38px;
51
46
  }
52
47
 
@@ -58,9 +53,7 @@
58
53
  color: #333;
59
54
  }
60
55
 
61
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
62
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
63
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
56
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
64
57
  font-size: 14px;
65
58
  line-height: 40px;
66
59
  padding-left: 0;
@@ -75,8 +68,7 @@
75
68
  padding: 0;
76
69
  }
77
70
 
78
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
79
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
71
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
80
72
  height: 34px;
81
73
  }
82
74
 
@@ -107,7 +99,6 @@
107
99
  transform: rotate(360deg);
108
100
  }
109
101
  }
110
-
111
102
  @keyframes fabric-spinner-rotate {
112
103
  0% {
113
104
  transform: rotate(0);
@@ -116,9 +107,8 @@
116
107
  transform: rotate(360deg);
117
108
  }
118
109
  }
119
-
120
110
  .e-query-builder .e-collapse-rule::before {
121
- content: '\e906';
111
+ content: "\e906";
122
112
  }
123
113
 
124
114
  .e-query-builder {
@@ -127,294 +117,228 @@
127
117
  height: auto;
128
118
  width: auto;
129
119
  }
130
-
131
120
  .e-query-builder .e-multiselect .e-qb-spinner .e-spinner-inner {
132
121
  left: auto;
133
122
  right: 5px;
134
123
  }
135
-
136
124
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
137
125
  border-bottom-right-radius: 0;
138
126
  border-top-right-radius: 0;
139
127
  }
140
-
141
128
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
142
129
  border-bottom-left-radius: 0;
143
130
  border-top-left-radius: 0;
144
131
  }
145
-
146
132
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
147
133
  border-bottom-right-radius: 0;
148
134
  border-top-right-radius: 0;
149
135
  }
150
-
151
136
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
152
137
  border-bottom-left-radius: 0;
153
138
  border-top-left-radius: 0;
154
139
  }
155
-
156
140
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
157
141
  border-bottom-left-radius: 0;
158
142
  border-top-left-radius: 0;
159
143
  border-top-right-radius: 0;
160
144
  }
161
-
162
145
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
163
146
  border-bottom-right-radius: 0;
164
147
  }
165
-
166
148
  .e-query-builder.e-rtl .e-multiselect .e-qb-spinner .e-spinner-inner {
167
149
  left: 5px;
168
150
  right: auto;
169
151
  }
170
-
171
- .e-query-builder.e-rtl.e-bigger.e-device .e-group-body .e-rule-container .e-rule-delete,
172
- .e-query-builder.e-rtl.e-bigger .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
152
+ .e-query-builder.e-rtl.e-bigger.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl.e-bigger .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
173
153
  padding-left: 22px;
174
154
  }
175
-
176
- .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-value-delete,
177
- .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
155
+ .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
178
156
  text-align: left;
179
157
  }
180
-
181
- .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-delete,
182
- .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
158
+ .e-query-builder.e-rtl.e-device .e-group-body .e-rule-container .e-rule-delete, .e-query-builder.e-rtl .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
183
159
  padding-left: 16px;
184
160
  }
185
-
186
161
  .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
187
162
  margin-left: 0;
188
163
  margin-right: 12px;
189
164
  }
190
-
191
165
  .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
192
166
  margin-left: 0;
193
167
  margin-right: 12px;
194
168
  }
195
-
196
169
  .e-query-builder.e-rtl .e-group-body {
197
170
  padding-left: 0;
198
171
  padding-right: 20px;
199
172
  }
200
-
201
173
  .e-query-builder.e-rtl .e-rule-list > ::before {
202
174
  border-width: 0 2px 2px 0;
203
175
  }
204
-
205
176
  .e-query-builder.e-rtl .e-rule-list > .e-group-container:first-child {
206
177
  margin-top: 0;
207
178
  }
208
-
209
- .e-query-builder.e-rtl .e-rule-list > ::after,
210
- .e-query-builder.e-rtl .e-rule-list > ::before {
179
+ .e-query-builder.e-rtl .e-rule-list > ::after, .e-query-builder.e-rtl .e-rule-list > ::before {
211
180
  right: -12px;
212
181
  }
213
-
214
182
  .e-query-builder.e-rtl .e-rule-list > ::after {
215
183
  border-width: 0 2px 0 0;
216
184
  }
217
-
218
185
  .e-query-builder.e-rtl .e-rule-list .e-group-container::before {
219
186
  right: -11px;
220
187
  }
221
-
222
188
  .e-query-builder.e-rtl .e-rule-list > .e-group-container {
223
189
  padding-right: 0;
224
190
  }
225
-
226
- .e-query-builder .e-group-container,
227
- .e-query-builder .e-rule-container {
191
+ .e-query-builder .e-group-container, .e-query-builder .e-rule-container {
228
192
  position: relative;
229
193
  }
230
-
231
194
  .e-query-builder .e-rule-list > :first-child::before {
232
195
  top: -13px;
233
196
  }
234
-
235
197
  .e-query-builder .e-rule-list > :last-child::after {
236
198
  display: none;
237
199
  }
238
-
239
200
  .e-query-builder .e-rule-list > ::before {
240
201
  border-width: 0 0 2px 2px;
241
202
  height: 25px;
242
203
  top: -10px;
243
204
  }
244
-
245
- .e-query-builder .e-rule-list > ::after,
246
- .e-query-builder .e-rule-list > ::before {
205
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
247
206
  border-style: dotted;
248
- content: '';
207
+ content: "";
249
208
  left: -12px;
250
209
  position: absolute;
251
210
  width: 10px;
252
211
  }
253
-
254
212
  .e-query-builder .e-rule-list > ::after {
255
213
  border-width: 0 0 0 2px;
256
214
  height: calc(100% - 17px);
257
215
  top: 17px;
258
216
  }
259
-
260
217
  .e-query-builder .e-rule-list > .e-rule-container::before {
261
218
  height: calc(50% + 8px);
262
219
  }
263
-
264
220
  .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
265
221
  height: calc(50% + 10px);
266
222
  }
267
-
268
223
  .e-query-builder .e-rule-list > .e-rule-container::after {
269
224
  height: calc(50% + 6px);
270
225
  top: calc(50% - 3px);
271
226
  }
272
-
273
227
  .e-query-builder .e-rule-list > .e-group-container:first-child {
274
228
  margin-top: 0;
275
229
  }
276
-
277
230
  .e-query-builder .e-rule-list .e-group-container::before {
278
231
  left: -11px;
279
232
  }
280
-
281
233
  .e-query-builder .e-rule-list .e-group-container::after {
282
234
  left: -11px;
283
235
  }
284
-
285
236
  .e-query-builder .e-group-header .e-group-action .e-btn {
286
237
  margin-left: 12px;
287
238
  }
288
-
289
239
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
290
240
  border-bottom-right-radius: 0;
291
241
  border-radius: 0;
292
242
  border-top-right-radius: 0;
293
243
  }
294
-
295
244
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
296
245
  border-bottom-right-radius: 0;
297
246
  border-top-right-radius: 0;
298
247
  pointer-events: none;
299
248
  }
300
-
301
249
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-readonly {
302
250
  display: none;
303
251
  }
304
-
305
252
  .e-query-builder .e-group-header .e-btn-group {
306
253
  border: 1px solid;
307
254
  box-shadow: none;
308
255
  display: inline-block;
309
256
  }
310
-
311
257
  .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
312
258
  border-bottom-left-radius: 0;
313
259
  border-top-left-radius: 0;
314
260
  }
315
-
316
261
  .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
317
262
  border-bottom-right-radius: 0;
318
263
  border-top-right-radius: 0;
319
264
  }
320
-
321
265
  .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly {
322
266
  display: none;
323
267
  }
324
-
325
268
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
326
269
  border-bottom-left-radius: 0;
327
270
  border-top-left-radius: 0;
328
271
  }
329
-
330
272
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
331
273
  border-bottom-left-radius: 0;
332
274
  border-top-left-radius: 0;
333
275
  }
334
-
335
276
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
336
277
  border-bottom-left-radius: 0;
337
278
  border-top-left-radius: 0;
338
279
  }
339
-
340
280
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly {
341
281
  display: none;
342
282
  }
343
-
344
283
  .e-query-builder .e-group-header .e-group-action {
345
284
  display: inline-block;
346
285
  margin-top: 5px;
347
286
  }
348
-
349
287
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
350
288
  .e-query-builder .e-group-header .e-deletegroup {
351
289
  margin-bottom: 2px;
352
290
  }
353
-
354
291
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
355
292
  .e-query-builder .e-group-header .e-deletegroup.e-readonly {
356
293
  display: none;
357
294
  }
358
-
359
295
  .e-query-builder .e-group-header button.e-button-hide {
360
296
  display: none;
361
297
  }
362
-
363
298
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
364
299
  box-shadow: none;
365
300
  }
366
-
367
301
  .e-query-builder .e-group-header .e-group-action .e-readonly {
368
302
  display: inline-block;
369
303
  visibility: hidden;
370
304
  }
371
-
372
305
  .e-query-builder .e-rule-list .e-group-container {
373
306
  margin-left: 0;
374
307
  margin-top: 12px;
375
308
  width: 100%;
376
309
  }
377
-
378
310
  .e-query-builder .e-rule-list {
379
311
  padding: 12px 0 12px 0;
380
312
  padding-bottom: 0;
381
313
  }
382
-
383
314
  .e-query-builder .e-group-container {
384
315
  padding: 12px;
385
316
  }
386
-
387
317
  .e-query-builder .e-rule-container {
388
318
  border: 1px solid;
389
319
  border-radius: 0;
390
320
  }
391
-
392
321
  .e-query-builder .e-rule-list > .e-group-container {
393
322
  padding: 0;
394
323
  padding-bottom: 12px;
395
324
  }
396
-
397
325
  .e-query-builder .e-group-container .e-rule-list > .e-group-container {
398
326
  padding-bottom: 0;
399
327
  }
400
-
401
328
  .e-query-builder .e-group-body {
402
329
  padding-left: 20px;
403
330
  }
404
-
405
331
  .e-query-builder .e-group-body .e-rule-container {
406
332
  box-shadow: none;
407
333
  height: auto;
408
334
  margin-top: -1px;
409
335
  padding-right: 12px;
410
336
  }
411
-
412
337
  .e-query-builder .e-group-body .e-rule-container.e-prev-joined-rule {
413
338
  border-bottom: 0;
414
339
  border-bottom-left-radius: 0;
415
340
  border-bottom-right-radius: 0;
416
341
  }
417
-
418
342
  .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
419
343
  border-top-left-radius: 0;
420
344
  border-top-right-radius: 0;
@@ -422,140 +346,97 @@
422
346
  border-top-width: 2px;
423
347
  margin-top: 0;
424
348
  }
425
-
426
349
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
427
350
  margin-top: 12px;
428
351
  }
429
-
430
352
  .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
431
353
  padding: 12px 0 12px 12px;
432
354
  width: auto;
433
355
  }
434
-
435
356
  .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
436
357
  padding: 12px 0 12px 12px;
437
358
  width: auto;
438
359
  }
439
-
440
- .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-numeric:not(:first-child),
441
- .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-date-wrapper:not(:first-child),
442
- .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-input-group:not(:first-child) {
360
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-numeric:not(:first-child), .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-date-wrapper:not(:first-child), .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-control-wrapper.e-input-group:not(:first-child) {
443
361
  float: right;
444
362
  margin-top: 12px;
445
363
  }
446
-
447
364
  .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
448
365
  min-width: 190px;
449
366
  }
450
-
451
- .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multiselect,
452
- .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
367
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multiselect, .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
453
368
  max-width: 200px;
454
369
  }
455
-
456
370
  .e-query-builder .e-group-body .e-rule-container .e-rule-value.e-custom-value {
457
371
  width: 200px;
458
372
  }
459
-
460
- .e-query-builder .e-group-body .e-rule-container .e-operator,
461
- .e-query-builder .e-group-body .e-rule-container .e-value {
373
+ .e-query-builder .e-group-body .e-rule-container .e-operator, .e-query-builder .e-group-body .e-rule-container .e-value {
462
374
  padding: 12px 0 12px 12px;
463
375
  }
464
-
465
- .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper,
466
- .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
376
+ .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
467
377
  margin-right: 15px;
468
378
  }
469
-
470
379
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
471
380
  display: inline-block;
472
381
  margin-left: 12px;
473
382
  }
474
-
475
383
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
476
384
  display: none;
477
385
  }
478
-
479
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
480
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
481
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
482
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value,
483
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
386
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
484
387
  display: inline-block;
485
388
  }
486
-
487
389
  .e-query-builder .e-group-body .e-rule-value.e-hide {
488
390
  display: none;
489
391
  }
490
-
491
392
  .e-query-builder .e-group-body .e-rule-value.e-show {
492
393
  display: inline-block;
493
394
  }
494
-
495
395
  .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
496
396
  margin-bottom: 12px;
497
397
  padding-right: 16px;
498
398
  right: 0;
499
399
  }
500
-
501
- .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
502
- .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
400
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
503
401
  box-shadow: none;
504
402
  }
505
-
506
403
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
507
404
  box-shadow: none;
508
405
  right: 0;
509
406
  }
510
-
511
407
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete.e-readonly {
512
408
  display: none;
513
409
  }
514
-
515
410
  .e-query-builder .e-dropdown-btn {
516
411
  box-shadow: none;
517
412
  }
518
-
519
413
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-filter {
520
414
  padding: 15px;
521
415
  }
522
-
523
416
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-sub-filter {
524
417
  padding: 15px;
525
418
  }
526
-
527
419
  .e-query-builder.e-device .e-removerule.e-rule-delete {
528
420
  box-shadow: none;
529
421
  }
530
-
531
422
  .e-query-builder.e-device .e-removerule.e-rule-delete.e-readonly {
532
423
  display: none;
533
424
  }
534
-
535
- .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multiselect,
536
- .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper,
537
- .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multi-select-wrapper,
538
- .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multiselect {
425
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multiselect, .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multi-select-wrapper, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value .e-multiselect {
539
426
  max-width: 100%;
540
427
  }
541
-
542
- .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete,
543
- .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
428
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
544
429
  text-align: right;
545
430
  }
546
-
547
431
  .e-query-builder .e-delete-icon::before {
548
- content: "";
432
+ content: "\ea7f";
549
433
  }
550
-
551
434
  .e-query-builder .e-edit-rule.e-btn.e-small {
552
435
  box-shadow: none;
553
436
  }
554
-
555
437
  .e-query-builder .e-edit-rule {
556
438
  right: 0;
557
439
  }
558
-
559
440
  .e-query-builder .e-collapse-rule {
560
441
  border: 1px solid;
561
442
  border-right: 0;
@@ -567,7 +448,6 @@
567
448
  right: 0;
568
449
  top: 0;
569
450
  }
570
-
571
451
  .e-query-builder .e-summary-text {
572
452
  border-style: none;
573
453
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -577,27 +457,14 @@
577
457
  resize: none;
578
458
  width: 100%;
579
459
  }
580
-
581
460
  .e-query-builder .e-summary-btndiv {
582
461
  padding: 12px;
583
462
  text-align: right;
584
463
  }
585
-
586
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode,
587
- .e-query-builder.e-device .e-rule-list .e-rule-container {
464
+ .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode, .e-query-builder.e-device .e-rule-list .e-rule-container {
588
465
  padding-right: 15px;
589
466
  }
590
-
591
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-filter,
592
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-sub-filter,
593
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-operator,
594
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-value,
595
- .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-value-delete,
596
- .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-filter,
597
- .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-sub-filter,
598
- .e-query-builder.e-device .e-rule-list .e-rule-container .e-operator,
599
- .e-query-builder.e-device .e-rule-list .e-rule-container .e-value,
600
- .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-value-delete {
467
+ .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-filter, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-sub-filter, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-operator, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-value, .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode .e-rule-value-delete, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-filter, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-sub-filter, .e-query-builder.e-device .e-rule-list .e-rule-container .e-operator, .e-query-builder.e-device .e-rule-list .e-rule-container .e-value, .e-query-builder.e-device .e-rule-list .e-rule-container .e-rule-value-delete {
601
468
  padding: 15px 0 0 15px;
602
469
  }
603
470
 
@@ -614,7 +481,6 @@
614
481
  .e-dropdown-popup .e-addgroup {
615
482
  float: right;
616
483
  }
617
-
618
484
  .e-dropdown-popup ul .e-item.e-button-hide {
619
485
  display: none;
620
486
  }
@@ -622,7 +488,7 @@
622
488
  .e-addrule.e-add-icon::before,
623
489
  .e-addgroup.e-add-icon::before,
624
490
  .e-query-builder .e-add-icon::before {
625
- content: "";
491
+ content: "\e20f";
626
492
  }
627
493
 
628
494
  .e-query-builder.e-device .e-group-container,
@@ -630,83 +496,69 @@
630
496
  .e-bigger .e-query-builder .e-group-container {
631
497
  padding: 15px;
632
498
  }
633
-
634
499
  .e-query-builder.e-device .e-rule-list > .e-group-container,
635
500
  .e-bigger.e-query-builder .e-rule-list > .e-group-container,
636
501
  .e-bigger .e-query-builder .e-rule-list > .e-group-container {
637
502
  padding: 0;
638
503
  }
639
-
640
504
  .e-query-builder.e-device .e-rule-list > .e-rule-container:not(:first-child)::before,
641
505
  .e-bigger.e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before,
642
506
  .e-bigger .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
643
507
  height: calc(50% + 12px);
644
508
  }
645
-
646
509
  .e-query-builder.e-device .e-rule-list > .e-group-container:first-child,
647
510
  .e-bigger.e-query-builder .e-rule-list > .e-group-container:first-child,
648
511
  .e-bigger .e-query-builder .e-rule-list > .e-group-container:first-child {
649
512
  margin-top: 0;
650
513
  }
651
-
652
514
  .e-query-builder.e-device .e-rule-list > ::before,
653
515
  .e-bigger.e-query-builder .e-rule-list > ::before,
654
516
  .e-bigger .e-query-builder .e-rule-list > ::before {
655
517
  top: -12px;
656
518
  }
657
-
658
519
  .e-query-builder.e-device .e-group-action .e-btn,
659
520
  .e-bigger.e-query-builder .e-group-action .e-btn,
660
521
  .e-bigger .e-query-builder .e-group-action .e-btn {
661
522
  margin-left: 15px;
662
523
  }
663
-
664
524
  .e-query-builder.e-device .e-rule-list > :first-child::before,
665
525
  .e-bigger.e-query-builder .e-rule-list > :first-child::before,
666
526
  .e-bigger .e-query-builder .e-rule-list > :first-child::before {
667
527
  top: -16px;
668
528
  }
669
-
670
529
  .e-query-builder.e-device .e-rule-list,
671
530
  .e-bigger.e-query-builder .e-rule-list,
672
531
  .e-bigger .e-query-builder .e-rule-list {
673
532
  padding: 15px 0 15px 0;
674
533
  padding-bottom: 0;
675
534
  }
676
-
677
535
  .e-query-builder.e-device .e-rule-list .e-group-container,
678
536
  .e-bigger.e-query-builder .e-rule-list .e-group-container,
679
537
  .e-bigger .e-query-builder .e-rule-list .e-group-container {
680
538
  margin-top: 15px;
681
539
  }
682
-
683
540
  .e-query-builder.e-device .e-group-body,
684
541
  .e-bigger.e-query-builder .e-group-body,
685
542
  .e-bigger .e-query-builder .e-group-body {
686
543
  padding-left: 24px;
687
544
  }
688
-
689
545
  .e-query-builder.e-device .e-group-body .e-rule-container,
690
546
  .e-bigger.e-query-builder .e-group-body .e-rule-container,
691
547
  .e-bigger .e-query-builder .e-group-body .e-rule-container {
692
548
  margin-top: -1px;
693
549
  padding-right: 15px;
694
550
  }
695
-
696
551
  .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode,
697
552
  .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode,
698
553
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-vertical-mode {
699
554
  width: auto;
700
555
  }
701
-
702
556
  .e-query-builder.e-device .e-group-body .e-rule-container.e-separate-rule,
703
557
  .e-bigger.e-query-builder .e-group-body .e-rule-container.e-separate-rule,
704
558
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
705
559
  margin-top: 15px;
706
560
  }
707
-
708
- .e-query-builder.e-device .e-group-body .e-rule-delete,
709
- .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
561
+ .e-query-builder.e-device .e-group-body .e-rule-delete, .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
710
562
  .e-bigger.e-query-builder .e-group-body .e-rule-delete,
711
563
  .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
712
564
  .e-bigger .e-query-builder .e-group-body .e-rule-delete,
@@ -715,25 +567,18 @@
715
567
  padding-right: 16px;
716
568
  right: 0;
717
569
  }
718
-
719
570
  .e-query-builder.e-device .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
720
571
  .e-bigger.e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
721
572
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
722
573
  margin-bottom: 0;
723
574
  }
724
-
725
575
  .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
726
576
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
727
577
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
728
578
  display: inline-block;
729
579
  margin-left: 7.5px;
730
580
  }
731
-
732
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter,
733
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-sub-filter,
734
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-operator,
735
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value,
736
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value-delete,
581
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-value-delete,
737
582
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
738
583
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
739
584
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
@@ -746,34 +591,28 @@
746
591
  .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
747
592
  display: inline-block;
748
593
  }
749
-
750
594
  .e-query-builder.e-device .e-group-body .e-rule-value.e-custom-value,
751
595
  .e-bigger.e-query-builder .e-group-body .e-rule-value.e-custom-value,
752
596
  .e-bigger .e-query-builder .e-group-body .e-rule-value.e-custom-value {
753
597
  width: 200px;
754
598
  }
755
-
756
599
  .e-query-builder.e-device .e-group-body .e-rule-value.e-hide,
757
600
  .e-bigger.e-query-builder .e-group-body .e-rule-value.e-hide,
758
601
  .e-bigger .e-query-builder .e-group-body .e-rule-value.e-hide {
759
602
  display: none;
760
603
  }
761
-
762
604
  .e-query-builder.e-device .e-group-body .e-rule-value.e-show,
763
605
  .e-bigger.e-query-builder .e-group-body .e-rule-value.e-show,
764
606
  .e-bigger .e-query-builder .e-group-body .e-rule-value.e-show {
765
607
  display: inline-block;
766
608
  }
767
-
768
- .e-query-builder.e-device .e-group-body .e-rule-field.e-btn.e-small.e-round,
769
- .e-query-builder.e-device .e-group-body .e-rule-delete.e-btn.e-small.e-round,
609
+ .e-query-builder.e-device .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder.e-device .e-group-body .e-rule-delete.e-btn.e-small.e-round,
770
610
  .e-bigger.e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
771
611
  .e-bigger.e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round,
772
612
  .e-bigger .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
773
613
  .e-bigger .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
774
614
  box-shadow: none;
775
615
  }
776
-
777
616
  .e-query-builder.e-device .e-summary-text,
778
617
  .e-bigger.e-query-builder .e-summary-text,
779
618
  .e-bigger .e-query-builder .e-summary-text {
@@ -781,7 +620,6 @@
781
620
  line-height: 1.5em;
782
621
  padding: 15px;
783
622
  }
784
-
785
623
  .e-query-builder.e-device .e-summary-btndiv,
786
624
  .e-bigger.e-query-builder .e-summary-btndiv,
787
625
  .e-bigger .e-query-builder .e-summary-btndiv {
@@ -793,10 +631,7 @@
793
631
  width: 100%;
794
632
  }
795
633
 
796
- *.e-bigger .e-group-body .e-rule-container .e-rule-filter,
797
- *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter,
798
- *.e-bigger .e-group-body .e-rule-container .e-operator,
799
- *.e-bigger .e-group-body .e-rule-container .e-value {
634
+ *.e-bigger .e-group-body .e-rule-container .e-rule-filter, *.e-bigger .e-group-body .e-rule-container .e-rule-sub-filter, *.e-bigger .e-group-body .e-rule-container .e-operator, *.e-bigger .e-group-body .e-rule-container .e-value {
800
635
  padding: 15px 0 15px 15px;
801
636
  }
802
637
 
@@ -804,59 +639,45 @@
804
639
  background-color: #fff;
805
640
  border-color: #eaeaea;
806
641
  }
807
-
808
642
  .e-query-builder .e-group-header .e-btn-group {
809
643
  border-color: #eaeaea;
810
644
  }
811
-
812
645
  .e-query-builder .e-group-container {
813
646
  border-color: #eaeaea;
814
647
  }
815
-
816
648
  .e-query-builder .e-rule-container {
817
649
  background-color: #f8f8f8;
818
650
  border-color: #eaeaea;
819
651
  }
820
-
821
652
  .e-query-builder .e-rule-container.e-joined-rule {
822
653
  border-top-color: #eaeaea;
823
654
  }
824
-
825
655
  .e-query-builder .e-rule-list .e-group-container {
826
656
  background-color: #fff;
827
657
  }
828
-
829
- .e-query-builder .e-rule-list > ::after,
830
- .e-query-builder .e-rule-list > ::before {
658
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
831
659
  border-color: #eaeaea;
832
660
  }
833
-
834
- .e-query-builder .e-btn-group input:checked + label.e-btn,
835
- .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
661
+ .e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
836
662
  background: #0078d6;
837
663
  border-color: #0078d6;
838
664
  color: #fff;
839
665
  }
840
-
841
666
  .e-query-builder .e-removerule.e-btn.e-round {
842
667
  background-color: #f8f8f8;
843
668
  }
844
-
845
669
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
846
670
  display: none;
847
671
  }
848
-
849
672
  .e-query-builder .e-summary-content textarea {
850
673
  background-color: #fff;
851
674
  color: #333;
852
675
  }
853
-
854
676
  .e-query-builder .e-collapse-rule {
855
677
  background-color: #fff;
856
678
  border-color: #dadada;
857
679
  color: #333;
858
680
  }
859
-
860
681
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
861
682
  background-color: #eaeaea;
862
683
  }
@@ -882,4 +703,4 @@
882
703
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
883
704
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
884
705
  color: #f44336;
885
- }
706
+ }