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