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