@syncfusion/ej2-vue-querybuilder 20.1.55 → 20.1.59

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