@syncfusion/ej2-querybuilder 22.1.34 → 22.1.38

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 (42) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-querybuilder.min.js +2 -2
  3. package/dist/ej2-querybuilder.umd.min.js +2 -2
  4. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-querybuilder.es2015.js +33 -11
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +33 -11
  8. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  9. package/dist/global/ej2-querybuilder.min.js +2 -2
  10. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/query-builder/query-builder-model.d.ts +1 -1
  14. package/src/query-builder/query-builder.d.ts +2 -0
  15. package/src/query-builder/query-builder.js +33 -11
  16. package/styles/bootstrap-dark.css +1 -1
  17. package/styles/bootstrap.css +1 -1
  18. package/styles/bootstrap4.css +1 -1
  19. package/styles/bootstrap5-dark.css +1 -1
  20. package/styles/bootstrap5.css +1 -1
  21. package/styles/fluent-dark.css +1 -1
  22. package/styles/fluent.css +1 -1
  23. package/styles/material-dark.css +1 -1
  24. package/styles/material.css +1 -1
  25. package/styles/material3-dark.css +28 -22
  26. package/styles/material3.css +28 -22
  27. package/styles/query-builder/_layout.scss +13 -11
  28. package/styles/query-builder/bootstrap-dark.css +1 -1
  29. package/styles/query-builder/bootstrap.css +1 -1
  30. package/styles/query-builder/bootstrap4.css +1 -1
  31. package/styles/query-builder/bootstrap5-dark.css +1 -1
  32. package/styles/query-builder/bootstrap5.css +1 -1
  33. package/styles/query-builder/fluent-dark.css +1 -1
  34. package/styles/query-builder/fluent.css +1 -1
  35. package/styles/query-builder/material-dark.css +1 -1
  36. package/styles/query-builder/material.css +1 -1
  37. package/styles/query-builder/material3-dark.css +28 -22
  38. package/styles/query-builder/material3.css +28 -22
  39. package/styles/query-builder/tailwind-dark.css +1 -1
  40. package/styles/query-builder/tailwind.css +1 -1
  41. package/styles/tailwind-dark.css +1 -1
  42. package/styles/tailwind.css +1 -1
package/styles/query-builder/bootstrap5-dark.css CHANGED
@@ -230,7 +230,7 @@
230
230
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
231
231
  border-bottom-left-radius: 0;
232
232
  border-top-left-radius: 0;
233
- border-top-right-radius: 4px;
233
+ border-top-right-radius: 0;
234
234
  }
235
235
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
236
236
  border-bottom-right-radius: 4px;
package/styles/query-builder/bootstrap5.css CHANGED
@@ -230,7 +230,7 @@
230
230
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
231
231
  border-bottom-left-radius: 0;
232
232
  border-top-left-radius: 0;
233
- border-top-right-radius: 4px;
233
+ border-top-right-radius: 0;
234
234
  }
235
235
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
236
236
  border-bottom-right-radius: 4px;
package/styles/query-builder/fluent-dark.css CHANGED
@@ -210,7 +210,7 @@
210
210
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
211
211
  border-bottom-left-radius: 0;
212
212
  border-top-left-radius: 0;
213
- border-top-right-radius: 4px;
213
+ border-top-right-radius: 0;
214
214
  }
215
215
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
216
216
  border-bottom-right-radius: 4px;
package/styles/query-builder/fluent.css CHANGED
@@ -210,7 +210,7 @@
210
210
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
211
211
  border-bottom-left-radius: 0;
212
212
  border-top-left-radius: 0;
213
- border-top-right-radius: 4px;
213
+ border-top-right-radius: 0;
214
214
  }
215
215
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
216
216
  border-bottom-right-radius: 4px;
package/styles/query-builder/material-dark.css CHANGED
@@ -156,7 +156,7 @@
156
156
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
157
157
  border-bottom-left-radius: 0;
158
158
  border-top-left-radius: 0;
159
- border-top-right-radius: 2px;
159
+ border-top-right-radius: 0;
160
160
  }
161
161
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
162
162
  border-bottom-right-radius: 2px;
package/styles/query-builder/material.css CHANGED
@@ -181,7 +181,7 @@
181
181
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
182
182
  border-bottom-left-radius: 0;
183
183
  border-top-left-radius: 0;
184
- border-top-right-radius: 2px;
184
+ border-top-right-radius: 0;
185
185
  }
186
186
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
187
187
  border-bottom-right-radius: 2px;
package/styles/query-builder/material3-dark.css CHANGED
@@ -115,21 +115,26 @@
115
115
  }
116
116
 
117
117
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
118
- margin: 6px 6px 5px;
119
- min-height: 12px;
120
- min-width: 12px;
121
- padding: 6px;
118
+ margin: 0 6px;
119
+ min-height: 30px;
120
+ min-width: 30px;
122
121
  }
123
122
 
124
123
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
125
124
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
126
- min-height: 16px;
127
- min-width: 16px;
125
+ min-height: 38px;
126
+ min-width: 38px;
127
+ }
128
+
129
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
130
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
131
+ min-height: 22px;
132
+ min-width: 22px;
128
133
  }
129
134
 
130
135
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
131
136
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
132
- padding: 8px 16px 8px 0;
137
+ padding: 4px 16px 4px 0;
133
138
  }
134
139
 
135
140
  .e-input-group.e-ddl,
@@ -149,7 +154,7 @@
149
154
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
150
155
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
151
156
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
152
- margin: 0;
157
+ margin: 4px;
153
158
  }
154
159
 
155
160
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -158,7 +163,7 @@
158
163
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
159
164
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
160
165
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
161
- padding: 5px 5px 5px 12px;
166
+ padding: 4px 5px 4px 12px;
162
167
  }
163
168
 
164
169
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -168,8 +173,8 @@
168
173
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
169
174
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
170
175
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
171
- min-height: 18px;
172
- min-width: 18px;
176
+ min-height: 34px;
177
+ min-width: 34px;
173
178
  }
174
179
 
175
180
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -182,6 +187,10 @@
182
187
  padding: 8px 16px;
183
188
  }
184
189
 
190
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
191
+ margin: 0 4px;
192
+ }
193
+
185
194
  .e-ddl.e-popup.e-outline .e-filter-parent {
186
195
  padding: 4px 8px;
187
196
  }
@@ -220,8 +229,6 @@
220
229
  }
221
230
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
222
231
  border: 1px solid var(--color-sf-outline);
223
- border-bottom-left-radius: 20px;
224
- border-top-left-radius: 20px;
225
232
  }
226
233
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
227
234
  border-bottom-left-radius: 20px;
@@ -237,9 +244,10 @@
237
244
  }
238
245
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
239
246
  border: 1px solid var(--color-sf-outline);
240
- border-bottom-left-radius: 20px;
241
- border-top-left-radius: 20px;
242
- border-top-right-radius: 20px;
247
+ border-bottom-right-radius: 4px;
248
+ border-bottom-left-radius: 0;
249
+ border-top-left-radius: 0;
250
+ border-top-right-radius: 4px;
243
251
  }
244
252
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
245
253
  border-bottom-right-radius: 20px;
@@ -338,8 +346,8 @@
338
346
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
339
347
  border: 1px solid var(--color-sf-outline);
340
348
  border-bottom-right-radius: 20px;
341
- border-bottom-left-radius: 20px;
342
- border-top-left-radius: 20px;
349
+ border-bottom-left-radius: 4px;
350
+ border-top-left-radius: 4px;
343
351
  border-top-right-radius: 20px;
344
352
  }
345
353
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
@@ -361,6 +369,8 @@
361
369
  }
362
370
  .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
363
371
  border: 1px solid var(--color-sf-outline);
372
+ border-bottom-right-radius: 0;
373
+ border-top-right-radius: 0;
364
374
  border-bottom-left-radius: 0;
365
375
  border-top-left-radius: 0;
366
376
  }
@@ -373,10 +383,6 @@
373
383
  }
374
384
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
375
385
  border: 1px solid var(--color-sf-outline);
376
- border-bottom-right-radius: 20px;
377
- border-top-right-radius: 20px;
378
- border-bottom-left-radius: 0;
379
- border-top-left-radius: 0;
380
386
  }
381
387
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
382
388
  border-bottom-left-radius: 20px;
package/styles/query-builder/material3.css CHANGED
@@ -171,21 +171,26 @@
171
171
  }
172
172
 
173
173
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
174
- margin: 6px 6px 5px;
175
- min-height: 12px;
176
- min-width: 12px;
177
- padding: 6px;
174
+ margin: 0 6px;
175
+ min-height: 30px;
176
+ min-width: 30px;
178
177
  }
179
178
 
180
179
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
181
180
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
182
- min-height: 16px;
183
- min-width: 16px;
181
+ min-height: 38px;
182
+ min-width: 38px;
183
+ }
184
+
185
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
186
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
187
+ min-height: 22px;
188
+ min-width: 22px;
184
189
  }
185
190
 
186
191
  .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
187
192
  .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
188
- padding: 8px 16px 8px 0;
193
+ padding: 4px 16px 4px 0;
189
194
  }
190
195
 
191
196
  .e-input-group.e-ddl,
@@ -205,7 +210,7 @@
205
210
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
206
211
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
207
212
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
208
- margin: 0;
213
+ margin: 4px;
209
214
  }
210
215
 
211
216
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -214,7 +219,7 @@
214
219
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
215
220
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
216
221
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
217
- padding: 5px 5px 5px 12px;
222
+ padding: 4px 5px 4px 12px;
218
223
  }
219
224
 
220
225
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
@@ -224,8 +229,8 @@
224
229
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
225
230
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
226
231
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
227
- min-height: 18px;
228
- min-width: 18px;
232
+ min-height: 34px;
233
+ min-width: 34px;
229
234
  }
230
235
 
231
236
  .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
@@ -238,6 +243,10 @@
238
243
  padding: 8px 16px;
239
244
  }
240
245
 
246
+ .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
247
+ margin: 0 4px;
248
+ }
249
+
241
250
  .e-ddl.e-popup.e-outline .e-filter-parent {
242
251
  padding: 4px 8px;
243
252
  }
@@ -276,8 +285,6 @@
276
285
  }
277
286
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-not {
278
287
  border: 1px solid var(--color-sf-outline);
279
- border-bottom-left-radius: 20px;
280
- border-top-left-radius: 20px;
281
288
  }
282
289
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-small.e-readonly-and {
283
290
  border-bottom-left-radius: 20px;
@@ -293,9 +300,10 @@
293
300
  }
294
301
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
295
302
  border: 1px solid var(--color-sf-outline);
296
- border-bottom-left-radius: 20px;
297
- border-top-left-radius: 20px;
298
- border-top-right-radius: 20px;
303
+ border-bottom-right-radius: 4px;
304
+ border-bottom-left-radius: 0;
305
+ border-top-left-radius: 0;
306
+ border-top-right-radius: 4px;
299
307
  }
300
308
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
301
309
  border-bottom-right-radius: 20px;
@@ -394,8 +402,8 @@
394
402
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small {
395
403
  border: 1px solid var(--color-sf-outline);
396
404
  border-bottom-right-radius: 20px;
397
- border-bottom-left-radius: 20px;
398
- border-top-left-radius: 20px;
405
+ border-bottom-left-radius: 4px;
406
+ border-top-left-radius: 4px;
399
407
  border-top-right-radius: 20px;
400
408
  }
401
409
  .e-query-builder .e-group-header .e-qb-toggle.e-btn.e-small.e-not-readonly {
@@ -417,6 +425,8 @@
417
425
  }
418
426
  .e-query-builder .e-group-header .e-btn.e-btngroup-and-lbl.e-small.e-not {
419
427
  border: 1px solid var(--color-sf-outline);
428
+ border-bottom-right-radius: 0;
429
+ border-top-right-radius: 0;
420
430
  border-bottom-left-radius: 0;
421
431
  border-top-left-radius: 0;
422
432
  }
@@ -429,10 +439,6 @@
429
439
  }
430
440
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small {
431
441
  border: 1px solid var(--color-sf-outline);
432
- border-bottom-right-radius: 20px;
433
- border-top-right-radius: 20px;
434
- border-bottom-left-radius: 0;
435
- border-top-left-radius: 0;
436
442
  }
437
443
  .e-query-builder .e-group-header .e-btn.e-btngroup-or-lbl.e-small.e-readonly-or-not {
438
444
  border-bottom-left-radius: 20px;
package/styles/query-builder/tailwind-dark.css CHANGED
@@ -175,7 +175,7 @@
175
175
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
176
176
  border-bottom-left-radius: 0;
177
177
  border-top-left-radius: 0;
178
- border-top-right-radius: 4px;
178
+ border-top-right-radius: 0;
179
179
  }
180
180
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
181
181
  border-bottom-right-radius: 4px;
package/styles/query-builder/tailwind.css CHANGED
@@ -175,7 +175,7 @@
175
175
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
176
176
  border-bottom-left-radius: 0;
177
177
  border-top-left-radius: 0;
178
- border-top-right-radius: 4px;
178
+ border-top-right-radius: 0;
179
179
  }
180
180
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
181
181
  border-bottom-right-radius: 4px;
package/styles/tailwind-dark.css CHANGED
@@ -175,7 +175,7 @@
175
175
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
176
176
  border-bottom-left-radius: 0;
177
177
  border-top-left-radius: 0;
178
- border-top-right-radius: 4px;
178
+ border-top-right-radius: 0;
179
179
  }
180
180
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
181
181
  border-bottom-right-radius: 4px;
package/styles/tailwind.css CHANGED
@@ -175,7 +175,7 @@
175
175
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
176
176
  border-bottom-left-radius: 0;
177
177
  border-top-left-radius: 0;
178
- border-top-right-radius: 4px;
178
+ border-top-right-radius: 0;
179
179
  }
180
180
  .e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-not-readonly {
181
181
  border-bottom-right-radius: 4px;