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