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