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