@syncfusion/ej2-angular-querybuilder 24.1.43-ngcc → 24.1.43

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 (121) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +6 -0
  3. package/esm2020/src/query-builder/columns.directive.mjs +72 -0
  4. package/esm2020/src/query-builder/querybuilder-all.module.mjs +23 -0
  5. package/esm2020/src/query-builder/querybuilder.component.mjs +71 -0
  6. package/esm2020/src/query-builder/querybuilder.module.mjs +34 -0
  7. package/esm2020/syncfusion-ej2-angular-querybuilder.mjs +5 -0
  8. package/fesm2015/syncfusion-ej2-angular-querybuilder.mjs +194 -0
  9. package/fesm2015/syncfusion-ej2-angular-querybuilder.mjs.map +1 -0
  10. package/fesm2020/syncfusion-ej2-angular-querybuilder.mjs +194 -0
  11. package/fesm2020/syncfusion-ej2-angular-querybuilder.mjs.map +1 -0
  12. package/package.json +26 -12
  13. package/src/query-builder/columns.directive.d.ts +5 -0
  14. package/src/query-builder/querybuilder-all.module.d.ts +6 -0
  15. package/src/query-builder/querybuilder.component.d.ts +3 -0
  16. package/src/query-builder/querybuilder.module.d.ts +7 -0
  17. package/styles/bootstrap-dark.css +767 -1
  18. package/styles/bootstrap.css +752 -1
  19. package/styles/bootstrap4.css +876 -1
  20. package/styles/bootstrap5-dark.css +805 -1
  21. package/styles/bootstrap5.css +805 -1
  22. package/styles/fabric-dark.css +726 -1
  23. package/styles/fabric.css +708 -1
  24. package/styles/fluent-dark.css +788 -1
  25. package/styles/fluent.css +788 -1
  26. package/styles/highcontrast-light.css +792 -1
  27. package/styles/highcontrast.css +820 -1
  28. package/styles/material-dark.css +721 -1
  29. package/styles/material.css +746 -1
  30. package/styles/material3-dark.css +820 -1
  31. package/styles/material3-dark.scss +1 -0
  32. package/styles/material3.css +876 -1
  33. package/styles/material3.scss +1 -0
  34. package/styles/query-builder/_all.scss +2 -0
  35. package/styles/query-builder/_bootstrap-dark-definition.scss +104 -0
  36. package/styles/query-builder/_bootstrap-definition.scss +104 -0
  37. package/styles/query-builder/_bootstrap4-definition.scss +106 -0
  38. package/styles/query-builder/_bootstrap5-dark-definition.scss +1 -0
  39. package/styles/query-builder/_bootstrap5-definition.scss +108 -0
  40. package/styles/query-builder/_fabric-dark-definition.scss +104 -0
  41. package/styles/query-builder/_fabric-definition.scss +104 -0
  42. package/styles/query-builder/_fluent-dark-definition.scss +1 -0
  43. package/styles/query-builder/_fluent-definition.scss +107 -0
  44. package/styles/query-builder/_fusionnew-definition.scss +108 -0
  45. package/styles/query-builder/_highcontrast-definition.scss +104 -0
  46. package/styles/query-builder/_highcontrast-light-definition.scss +104 -0
  47. package/styles/query-builder/_layout.scss +728 -0
  48. package/styles/query-builder/_material-dark-definition.scss +105 -0
  49. package/styles/query-builder/_material-definition.scss +104 -0
  50. package/styles/query-builder/_material3-dark-definition.scss +1 -0
  51. package/styles/query-builder/_material3-definition.scss +110 -0
  52. package/styles/query-builder/_tailwind-dark-definition.scss +1 -0
  53. package/styles/query-builder/_tailwind-definition.scss +107 -0
  54. package/styles/query-builder/_theme.scss +188 -0
  55. package/styles/query-builder/bootstrap-dark.css +767 -1
  56. package/styles/query-builder/bootstrap-dark.scss +15 -1
  57. package/styles/query-builder/bootstrap.css +752 -1
  58. package/styles/query-builder/bootstrap.scss +15 -1
  59. package/styles/query-builder/bootstrap4.css +876 -1
  60. package/styles/query-builder/bootstrap4.scss +15 -1
  61. package/styles/query-builder/bootstrap5-dark.css +805 -1
  62. package/styles/query-builder/bootstrap5-dark.scss +15 -1
  63. package/styles/query-builder/bootstrap5.css +805 -1
  64. package/styles/query-builder/bootstrap5.scss +15 -1
  65. package/styles/query-builder/fabric-dark.css +726 -1
  66. package/styles/query-builder/fabric-dark.scss +15 -1
  67. package/styles/query-builder/fabric.css +708 -1
  68. package/styles/query-builder/fabric.scss +15 -1
  69. package/styles/query-builder/fluent-dark.css +788 -1
  70. package/styles/query-builder/fluent-dark.scss +15 -1
  71. package/styles/query-builder/fluent.css +788 -1
  72. package/styles/query-builder/fluent.scss +15 -1
  73. package/styles/query-builder/highcontrast-light.css +792 -1
  74. package/styles/query-builder/highcontrast-light.scss +15 -1
  75. package/styles/query-builder/highcontrast.css +820 -1
  76. package/styles/query-builder/highcontrast.scss +15 -1
  77. package/styles/query-builder/icons/_bootstrap-dark.scss +7 -0
  78. package/styles/query-builder/icons/_bootstrap.scss +7 -0
  79. package/styles/query-builder/icons/_bootstrap4.scss +7 -0
  80. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -0
  81. package/styles/query-builder/icons/_bootstrap5.scss +7 -0
  82. package/styles/query-builder/icons/_fabric-dark.scss +7 -0
  83. package/styles/query-builder/icons/_fabric.scss +7 -0
  84. package/styles/query-builder/icons/_fluent-dark.scss +1 -0
  85. package/styles/query-builder/icons/_fluent.scss +7 -0
  86. package/styles/query-builder/icons/_fusionnew.scss +7 -0
  87. package/styles/query-builder/icons/_highcontrast-light.scss +7 -0
  88. package/styles/query-builder/icons/_highcontrast.scss +7 -0
  89. package/styles/query-builder/icons/_material-dark.scss +7 -0
  90. package/styles/query-builder/icons/_material.scss +7 -0
  91. package/styles/query-builder/icons/_material3-dark.scss +1 -0
  92. package/styles/query-builder/icons/_material3.scss +7 -0
  93. package/styles/query-builder/icons/_tailwind-dark.scss +7 -0
  94. package/styles/query-builder/icons/_tailwind.scss +7 -0
  95. package/styles/query-builder/material-dark.css +721 -1
  96. package/styles/query-builder/material-dark.scss +15 -1
  97. package/styles/query-builder/material.css +746 -1
  98. package/styles/query-builder/material.scss +15 -1
  99. package/styles/query-builder/material3-dark.css +820 -1
  100. package/styles/query-builder/material3-dark.scss +15 -1
  101. package/styles/query-builder/material3.css +876 -1
  102. package/styles/query-builder/material3.scss +15 -1
  103. package/styles/query-builder/tailwind-dark.css +743 -1
  104. package/styles/query-builder/tailwind-dark.scss +15 -1
  105. package/styles/query-builder/tailwind.css +743 -1
  106. package/styles/query-builder/tailwind.scss +15 -1
  107. package/styles/tailwind-dark.css +743 -1
  108. package/styles/tailwind.css +743 -1
  109. package/syncfusion-ej2-angular-querybuilder.d.ts +5 -0
  110. package/@syncfusion/ej2-angular-querybuilder.es5.js +0 -267
  111. package/@syncfusion/ej2-angular-querybuilder.es5.js.map +0 -1
  112. package/@syncfusion/ej2-angular-querybuilder.js +0 -239
  113. package/@syncfusion/ej2-angular-querybuilder.js.map +0 -1
  114. package/CHANGELOG.md +0 -704
  115. package/dist/ej2-angular-querybuilder.umd.js +0 -289
  116. package/dist/ej2-angular-querybuilder.umd.js.map +0 -1
  117. package/dist/ej2-angular-querybuilder.umd.min.js +0 -11
  118. package/dist/ej2-angular-querybuilder.umd.min.js.map +0 -1
  119. package/ej2-angular-querybuilder.d.ts +0 -5
  120. package/ej2-angular-querybuilder.metadata.json +0 -1
  121. package/postinstall/tagchange.js +0 -18
@@ -1 +1,767 @@
1
- @import '@syncfusion/ej2-querybuilder/styles/query-builder/bootstrap-dark.css';
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
4
+ margin-top: 3px;
5
+ }
6
+ .e-popup.e-ddl .e-input-group {
7
+ width: auto;
8
+ }
9
+ .e-popup.e-ddl .e-input-group input {
10
+ line-height: 15px;
11
+ }
12
+
13
+ .e-popup.e-ddl .e-dropdownbase {
14
+ min-height: 26px;
15
+ }
16
+
17
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
18
+ display: -ms-flexbox;
19
+ display: flex;
20
+ width: auto;
21
+ }
22
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
+ border: 0;
24
+ }
25
+
26
+ .e-bigger .e-popup.e-ddl-device-filter {
27
+ margin-top: 0;
28
+ }
29
+
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 {
31
+ font-size: 15px;
32
+ line-height: 40px;
33
+ padding-left: 0;
34
+ text-indent: 24px;
35
+ }
36
+
37
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
38
+ padding-left: 4px;
39
+ }
40
+
41
+ .e-bigger .e-popup.e-ddl .e-input-group {
42
+ padding: 4px 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ height: 38px;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
50
+ min-height: 40px;
51
+ }
52
+
53
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
54
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
55
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
56
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
57
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
58
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
61
+ background: transparent;
62
+ color: #f0f0f0;
63
+ }
64
+
65
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
66
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
67
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
68
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
69
+ border: 0;
70
+ }
71
+
72
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
73
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
+ box-shadow: none;
77
+ }
78
+
79
+ .e-ddl.e-popup .e-filter-parent {
80
+ border-bottom: 1px solid #484848;
81
+ }
82
+
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 {
84
+ font-size: 14px;
85
+ line-height: 34px;
86
+ padding-left: 0;
87
+ text-indent: 16px;
88
+ }
89
+
90
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
91
+ padding-left: 4px;
92
+ }
93
+
94
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
95
+ padding: 4px 0;
96
+ }
97
+
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 {
99
+ height: 30px;
100
+ }
101
+
102
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
+ min-height: 34px;
104
+ }
105
+
106
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
107
+ line-height: 30px;
108
+ top: 0;
109
+ }
110
+
111
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
112
+ border-radius: 0 4px 4px 0;
113
+ border-right-width: 0;
114
+ height: 34px;
115
+ width: 36px;
116
+ }
117
+
118
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
119
+ border-left-width: 0;
120
+ border-radius: 4px 0 0 4px;
121
+ border-right-width: 1px;
122
+ }
123
+
124
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
125
+ height: 32px;
126
+ width: 32px;
127
+ }
128
+
129
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
130
+ height: 40px;
131
+ width: 40px;
132
+ }
133
+
134
+ .e-multi-select-wrapper .e-searcher input[type=text],
135
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
136
+ color: #fff;
137
+ }
138
+
139
+ /* stylelint-disable-line no-empty-source */
140
+ /* stylelint-disable property-no-vendor-prefix */
141
+ @keyframes material-spinner-rotate {
142
+ 0% {
143
+ transform: rotate(0);
144
+ }
145
+ 100% {
146
+ transform: rotate(360deg);
147
+ }
148
+ }
149
+ @keyframes fabric-spinner-rotate {
150
+ 0% {
151
+ transform: rotate(0);
152
+ }
153
+ 100% {
154
+ transform: rotate(360deg);
155
+ }
156
+ }
157
+ .e-query-builder .e-collapse-rule::before {
158
+ content: "\e908";
159
+ }
160
+
161
+ .e-query-builder {
162
+ border: 1px solid;
163
+ border-radius: 6px;
164
+ height: auto;
165
+ width: auto;
166
+ }
167
+ .e-query-builder .e-multiselect .e-qb-spinner .e-spinner-inner {
168
+ left: auto;
169
+ right: 5px;
170
+ }
171
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
172
+ border-bottom-right-radius: 0;
173
+ border-top-right-radius: 0;
174
+ }
175
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
176
+ border-bottom-left-radius: 4px;
177
+ border-top-left-radius: 4px;
178
+ }
179
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
180
+ border-bottom-right-radius: 4px;
181
+ border-top-right-radius: 4px;
182
+ }
183
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
184
+ border-bottom-left-radius: 4px;
185
+ border-top-left-radius: 4px;
186
+ }
187
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
188
+ border-bottom-left-radius: 0;
189
+ border-top-left-radius: 0;
190
+ border-top-right-radius: 0;
191
+ }
192
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
193
+ border-bottom-right-radius: 4px;
194
+ }
195
+ .e-query-builder.e-rtl .e-multiselect .e-qb-spinner .e-spinner-inner {
196
+ left: 5px;
197
+ right: auto;
198
+ }
199
+ .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 {
200
+ padding-left: 14px;
201
+ }
202
+ .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 {
203
+ text-align: left;
204
+ }
205
+ .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 {
206
+ padding-left: 10px;
207
+ }
208
+ .e-query-builder.e-rtl .e-group-header .e-group-action .e-btn {
209
+ margin-left: 0;
210
+ margin-right: 12px;
211
+ }
212
+ .e-query-builder.e-rtl .e-horizontal-mode .e-rule-delete {
213
+ margin-left: 0;
214
+ margin-right: 12px;
215
+ }
216
+ .e-query-builder.e-rtl .e-group-body {
217
+ padding-left: 0;
218
+ padding-right: 20px;
219
+ }
220
+ .e-query-builder.e-rtl .e-rule-list > ::before {
221
+ border-width: 0 2px 2px 0;
222
+ }
223
+ .e-query-builder.e-rtl .e-rule-list > .e-group-container:first-child {
224
+ margin-top: 0;
225
+ }
226
+ .e-query-builder.e-rtl .e-rule-list > ::after, .e-query-builder.e-rtl .e-rule-list > ::before {
227
+ right: -12px;
228
+ }
229
+ .e-query-builder.e-rtl .e-rule-list > ::after {
230
+ border-width: 0 2px 0 0;
231
+ }
232
+ .e-query-builder.e-rtl .e-rule-list .e-group-container::before {
233
+ right: -11px;
234
+ }
235
+ .e-query-builder.e-rtl .e-rule-list > .e-group-container {
236
+ padding-right: 0;
237
+ }
238
+ .e-query-builder .e-group-container, .e-query-builder .e-rule-container {
239
+ position: relative;
240
+ }
241
+ .e-query-builder .e-rule-list > :first-child::before {
242
+ top: -11px;
243
+ }
244
+ .e-query-builder .e-rule-list > :last-child::after {
245
+ display: none;
246
+ }
247
+ .e-query-builder .e-rule-list > ::before {
248
+ border-width: 0 0 2px 2px;
249
+ height: 25px;
250
+ top: -10px;
251
+ }
252
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
253
+ border-style: dotted;
254
+ content: "";
255
+ left: -12px;
256
+ position: absolute;
257
+ width: 10px;
258
+ }
259
+ .e-query-builder .e-rule-list > ::after {
260
+ border-width: 0 0 0 2px;
261
+ height: calc(100% - 17px);
262
+ top: 17px;
263
+ }
264
+ .e-query-builder .e-rule-list > .e-rule-container::before {
265
+ height: calc(50% + 8px);
266
+ }
267
+ .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
268
+ height: calc(50% + 10px);
269
+ }
270
+ .e-query-builder .e-rule-list > .e-rule-container::after {
271
+ height: calc(50% + 6px);
272
+ top: calc(50% - 3px);
273
+ }
274
+ .e-query-builder .e-rule-list > .e-group-container:first-child {
275
+ margin-top: 0;
276
+ }
277
+ .e-query-builder .e-rule-list .e-group-container::before {
278
+ left: -11px;
279
+ }
280
+ .e-query-builder .e-rule-list .e-group-container::after {
281
+ left: -11px;
282
+ }
283
+ .e-query-builder .e-group-header .e-group-action .e-btn {
284
+ margin-left: 12px;
285
+ }
286
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
287
+ border-bottom-right-radius: 0;
288
+ border-radius: 4px;
289
+ border-top-right-radius: 0;
290
+ }
291
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
292
+ border-bottom-right-radius: 0;
293
+ border-top-right-radius: 0;
294
+ pointer-events: none;
295
+ }
296
+ .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-readonly {
297
+ display: none;
298
+ }
299
+ .e-query-builder .e-group-header .e-btn-group {
300
+ border: none;
301
+ box-shadow: none;
302
+ display: inline-block;
303
+ }
304
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
305
+ border-bottom-left-radius: 0;
306
+ border-top-left-radius: 0;
307
+ }
308
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
309
+ border-bottom-right-radius: 4px;
310
+ border-top-right-radius: 4px;
311
+ }
312
+ .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-readonly {
313
+ display: none;
314
+ }
315
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
316
+ border-bottom-left-radius: 0;
317
+ border-top-left-radius: 0;
318
+ }
319
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
320
+ border-bottom-left-radius: 4px;
321
+ border-top-left-radius: 4px;
322
+ }
323
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or {
324
+ border-bottom-left-radius: 0;
325
+ border-top-left-radius: 0;
326
+ }
327
+ .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly {
328
+ display: none;
329
+ }
330
+ .e-query-builder .e-group-header .e-group-action {
331
+ display: inline-block;
332
+ margin-top: 5px;
333
+ }
334
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
335
+ .e-query-builder .e-group-header .e-deletegroup {
336
+ margin-bottom: 2px;
337
+ }
338
+ .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
339
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly {
340
+ display: none;
341
+ }
342
+ .e-query-builder .e-group-header button.e-button-hide {
343
+ display: none;
344
+ }
345
+ .e-query-builder .e-group-header.e-btn.e-small.e-round {
346
+ box-shadow: none;
347
+ }
348
+ .e-query-builder .e-group-header .e-group-action .e-readonly {
349
+ display: inline-block;
350
+ visibility: hidden;
351
+ }
352
+ .e-query-builder .e-rule-list .e-group-container {
353
+ margin-left: 0;
354
+ margin-top: 12px;
355
+ width: 100%;
356
+ }
357
+ .e-query-builder .e-rule-list {
358
+ padding: 12px 0 12px 0;
359
+ padding-bottom: 0;
360
+ }
361
+ .e-query-builder .e-group-container {
362
+ padding: 12px;
363
+ }
364
+ .e-query-builder .e-rule-container {
365
+ border: 1px solid;
366
+ border-radius: 6px;
367
+ }
368
+ .e-query-builder .e-rule-list > .e-group-container {
369
+ padding: 0;
370
+ padding-bottom: 12px;
371
+ }
372
+ .e-query-builder .e-group-container .e-rule-list > .e-group-container {
373
+ padding-bottom: 0;
374
+ }
375
+ .e-query-builder .e-group-body {
376
+ padding-left: 20px;
377
+ }
378
+ .e-query-builder .e-group-body .e-rule-container {
379
+ box-shadow: none;
380
+ height: auto;
381
+ margin-top: -1px;
382
+ padding-right: 12px;
383
+ }
384
+ .e-query-builder .e-group-body .e-rule-container.e-prev-joined-rule {
385
+ border-bottom: 0;
386
+ border-bottom-left-radius: 0;
387
+ border-bottom-right-radius: 0;
388
+ }
389
+ .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
390
+ border-top-left-radius: 0;
391
+ border-top-right-radius: 0;
392
+ border-top-style: dotted;
393
+ border-top-width: 1px;
394
+ margin-top: 0;
395
+ }
396
+ .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
397
+ margin-top: 12px;
398
+ }
399
+ .e-query-builder .e-group-body .e-rule-container .e-rule-filter {
400
+ padding: 12px 0 12px 12px;
401
+ width: auto;
402
+ }
403
+ .e-query-builder .e-group-body .e-rule-container .e-rule-sub-filter {
404
+ padding: 12px 0 12px 12px;
405
+ width: auto;
406
+ }
407
+ .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) {
408
+ float: right;
409
+ margin-top: 12px;
410
+ }
411
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value .e-multi-select-wrapper {
412
+ min-width: 190px;
413
+ }
414
+ .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 {
415
+ max-width: 200px;
416
+ }
417
+ .e-query-builder .e-group-body .e-rule-container .e-rule-value.e-custom-value {
418
+ width: 200px;
419
+ }
420
+ .e-query-builder .e-group-body .e-rule-container .e-operator, .e-query-builder .e-group-body .e-rule-container .e-value {
421
+ padding: 12px 0 12px 12px;
422
+ }
423
+ .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 {
424
+ margin-right: 15px;
425
+ }
426
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
427
+ display: inline-block;
428
+ margin-left: 12px;
429
+ }
430
+ .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
431
+ display: none;
432
+ }
433
+ .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 {
434
+ display: inline-block;
435
+ }
436
+ .e-query-builder .e-group-body .e-rule-value.e-hide {
437
+ display: none;
438
+ }
439
+ .e-query-builder .e-group-body .e-rule-value.e-show {
440
+ display: inline-block;
441
+ }
442
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
443
+ margin-bottom: 12px;
444
+ padding-right: 10px;
445
+ right: 0;
446
+ }
447
+ .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 {
448
+ box-shadow: none;
449
+ }
450
+ .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
451
+ box-shadow: none;
452
+ right: 0;
453
+ }
454
+ .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete.e-readonly {
455
+ display: none;
456
+ }
457
+ .e-query-builder .e-dropdown-btn {
458
+ box-shadow: none;
459
+ }
460
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-filter {
461
+ padding: 15px;
462
+ }
463
+ .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-sub-filter {
464
+ padding: 15px;
465
+ }
466
+ .e-query-builder.e-device .e-removerule.e-rule-delete {
467
+ box-shadow: none;
468
+ }
469
+ .e-query-builder.e-device .e-removerule.e-rule-delete.e-readonly {
470
+ display: none;
471
+ }
472
+ .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 {
473
+ max-width: 100%;
474
+ }
475
+ .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 {
476
+ text-align: right;
477
+ }
478
+ .e-query-builder .e-delete-icon::before {
479
+ content: "\e96c";
480
+ }
481
+ .e-query-builder .e-edit-rule.e-btn.e-small {
482
+ box-shadow: none;
483
+ }
484
+ .e-query-builder .e-edit-rule {
485
+ right: 0;
486
+ }
487
+ .e-query-builder .e-collapse-rule {
488
+ border: 1px solid;
489
+ border-right: 0;
490
+ border-top: 0;
491
+ box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.12);
492
+ font-size: 20px;
493
+ padding: 5px;
494
+ position: absolute;
495
+ right: 0;
496
+ top: 0;
497
+ }
498
+ .e-query-builder .e-summary-text {
499
+ border-style: none;
500
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
501
+ font-size: 14px;
502
+ line-height: 1.5em;
503
+ padding: 12px;
504
+ resize: none;
505
+ width: 100%;
506
+ }
507
+ .e-query-builder .e-summary-btndiv {
508
+ padding: 12px;
509
+ text-align: right;
510
+ }
511
+ .e-query-builder .e-rule-list .e-rule-container.e-vertical-mode, .e-query-builder.e-device .e-rule-list .e-rule-container {
512
+ padding-right: 15px;
513
+ }
514
+ .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 {
515
+ padding: 15px 0 0 15px;
516
+ }
517
+
518
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
519
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
520
+ border-bottom: 8px solid;
521
+ }
522
+
523
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
524
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
525
+ border-top: 8px solid;
526
+ }
527
+
528
+ .e-dropdown-popup .e-addgroup {
529
+ float: right;
530
+ }
531
+ .e-dropdown-popup ul .e-item.e-button-hide {
532
+ display: none;
533
+ }
534
+
535
+ .e-addrule.e-add-icon::before,
536
+ .e-addgroup.e-add-icon::before,
537
+ .e-query-builder .e-add-icon::before {
538
+ content: "\e95c ";
539
+ }
540
+
541
+ .e-query-builder.e-device .e-group-container,
542
+ .e-bigger.e-query-builder .e-group-container,
543
+ .e-bigger .e-query-builder .e-group-container {
544
+ padding: 15px;
545
+ }
546
+ .e-query-builder.e-device .e-rule-list > .e-group-container,
547
+ .e-bigger.e-query-builder .e-rule-list > .e-group-container,
548
+ .e-bigger .e-query-builder .e-rule-list > .e-group-container {
549
+ padding: 0;
550
+ }
551
+ .e-query-builder.e-device .e-rule-list > .e-rule-container:not(:first-child)::before,
552
+ .e-bigger.e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before,
553
+ .e-bigger .e-query-builder .e-rule-list > .e-rule-container:not(:first-child)::before {
554
+ height: calc(50% + 12px);
555
+ }
556
+ .e-query-builder.e-device .e-rule-list > .e-group-container:first-child,
557
+ .e-bigger.e-query-builder .e-rule-list > .e-group-container:first-child,
558
+ .e-bigger .e-query-builder .e-rule-list > .e-group-container:first-child {
559
+ margin-top: 0;
560
+ }
561
+ .e-query-builder.e-device .e-rule-list > ::before,
562
+ .e-bigger.e-query-builder .e-rule-list > ::before,
563
+ .e-bigger .e-query-builder .e-rule-list > ::before {
564
+ top: -12px;
565
+ }
566
+ .e-query-builder.e-device .e-group-action .e-btn,
567
+ .e-bigger.e-query-builder .e-group-action .e-btn,
568
+ .e-bigger .e-query-builder .e-group-action .e-btn {
569
+ margin-left: 15px;
570
+ }
571
+ .e-query-builder.e-device .e-rule-list > :first-child::before,
572
+ .e-bigger.e-query-builder .e-rule-list > :first-child::before,
573
+ .e-bigger .e-query-builder .e-rule-list > :first-child::before {
574
+ top: -14px;
575
+ }
576
+ .e-query-builder.e-device .e-rule-list,
577
+ .e-bigger.e-query-builder .e-rule-list,
578
+ .e-bigger .e-query-builder .e-rule-list {
579
+ padding: 15px 0 15px 0;
580
+ padding-bottom: 0;
581
+ }
582
+ .e-query-builder.e-device .e-rule-list .e-group-container,
583
+ .e-bigger.e-query-builder .e-rule-list .e-group-container,
584
+ .e-bigger .e-query-builder .e-rule-list .e-group-container {
585
+ margin-top: 15px;
586
+ }
587
+ .e-query-builder.e-device .e-group-body,
588
+ .e-bigger.e-query-builder .e-group-body,
589
+ .e-bigger .e-query-builder .e-group-body {
590
+ padding-left: 24px;
591
+ }
592
+ .e-query-builder.e-device .e-group-body .e-rule-container,
593
+ .e-bigger.e-query-builder .e-group-body .e-rule-container,
594
+ .e-bigger .e-query-builder .e-group-body .e-rule-container {
595
+ margin-top: -1px;
596
+ padding-right: 15px;
597
+ }
598
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-vertical-mode,
599
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode,
600
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-vertical-mode {
601
+ width: auto;
602
+ }
603
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-separate-rule,
604
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-separate-rule,
605
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
606
+ margin-top: 15px;
607
+ }
608
+ .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,
609
+ .e-bigger.e-query-builder .e-group-body .e-rule-delete,
610
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete,
611
+ .e-bigger .e-query-builder .e-group-body .e-rule-delete,
612
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-delete {
613
+ margin-bottom: 15px;
614
+ padding-right: 10px;
615
+ right: 0;
616
+ }
617
+ .e-query-builder.e-device .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
618
+ .e-bigger.e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete,
619
+ .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
620
+ margin-bottom: 0;
621
+ }
622
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
623
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
624
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
625
+ display: inline-block;
626
+ margin-left: 7.5px;
627
+ }
628
+ .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,
629
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
630
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
631
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
632
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-value,
633
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete,
634
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter,
635
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter,
636
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator,
637
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value,
638
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
639
+ display: inline-block;
640
+ }
641
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-custom-value,
642
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-custom-value,
643
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-custom-value {
644
+ width: 200px;
645
+ }
646
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-hide,
647
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-hide,
648
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-hide {
649
+ display: none;
650
+ }
651
+ .e-query-builder.e-device .e-group-body .e-rule-value.e-show,
652
+ .e-bigger.e-query-builder .e-group-body .e-rule-value.e-show,
653
+ .e-bigger .e-query-builder .e-group-body .e-rule-value.e-show {
654
+ display: inline-block;
655
+ }
656
+ .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,
657
+ .e-bigger.e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
658
+ .e-bigger.e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round,
659
+ .e-bigger .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round,
660
+ .e-bigger .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
661
+ box-shadow: none;
662
+ }
663
+ .e-query-builder.e-device .e-summary-text,
664
+ .e-bigger.e-query-builder .e-summary-text,
665
+ .e-bigger .e-query-builder .e-summary-text {
666
+ font-size: 16px;
667
+ line-height: 1.5em;
668
+ padding: 15px;
669
+ }
670
+ .e-query-builder.e-device .e-summary-btndiv,
671
+ .e-bigger.e-query-builder .e-summary-btndiv,
672
+ .e-bigger .e-query-builder .e-summary-btndiv {
673
+ padding: 15px;
674
+ text-align: right;
675
+ }
676
+
677
+ *.e-device .e-rule-value {
678
+ width: 100%;
679
+ }
680
+
681
+ *.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 {
682
+ padding: 15px 0 15px 15px;
683
+ }
684
+
685
+ .e-query-builder {
686
+ background: #1a1a1a;
687
+ border-color: #484848;
688
+ }
689
+ .e-query-builder .e-group-header .e-btn-group {
690
+ border-color: #484848;
691
+ }
692
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
693
+ border-left: 1px solid #484848;
694
+ border-right: 1px solid #484848;
695
+ }
696
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
697
+ border-left: 1px solid #0070f0;
698
+ border-right: 1px solid #0070f0;
699
+ }
700
+ .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-not {
701
+ border-right: transparent;
702
+ }
703
+ .e-query-builder .e-group-container {
704
+ border-color: #484848;
705
+ }
706
+ .e-query-builder .e-rule-container {
707
+ background: #131313;
708
+ border-color: #484848;
709
+ }
710
+ .e-query-builder .e-rule-container.e-joined-rule {
711
+ border-top-color: #9c9c9c;
712
+ }
713
+ .e-query-builder .e-rule-list .e-group-container {
714
+ background: #1a1a1a;
715
+ }
716
+ .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
717
+ border-color: #9c9c9c;
718
+ }
719
+ .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 {
720
+ background: #0070f0;
721
+ border-color: #0070f0;
722
+ color: #fff;
723
+ }
724
+ .e-query-builder .e-btn-group:not(.e-rtl) .e-qb-toggle.e-btn.e-small {
725
+ border-right: transparent;
726
+ }
727
+ .e-query-builder .e-removerule.e-btn.e-round {
728
+ background: #131313;
729
+ }
730
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
731
+ display: none;
732
+ }
733
+ .e-query-builder .e-summary-content textarea {
734
+ background: #1a1a1a;
735
+ color: #f0f0f0;
736
+ }
737
+ .e-query-builder .e-collapse-rule {
738
+ background: #1a1a1a;
739
+ border-color: #acacac;
740
+ color: #f0f0f0;
741
+ }
742
+ .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
743
+ background: #484848;
744
+ }
745
+
746
+ .e-tooltip-wrap.e-querybuilder-error,
747
+ .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
748
+ background: #fcdbe4;
749
+ border-color: #fcdbe4;
750
+ }
751
+
752
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
753
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
754
+ border-bottom-color: #fcdbe4;
755
+ color: #fcdbe4;
756
+ }
757
+
758
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
759
+ .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
760
+ border-top-color: #fcdbe4;
761
+ color: #fcdbe4;
762
+ }
763
+
764
+ .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
765
+ .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
766
+ color: #f44336;
767
+ }