@syncfusion/ej2-querybuilder 20.1.51 → 20.2.36

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 (51) hide show
  1. package/CHANGELOG.md +2 -9
  2. package/dist/ej2-querybuilder.umd.min.js +2 -2
  3. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-querybuilder.es2015.js +8 -2
  5. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  6. package/dist/es6/ej2-querybuilder.es5.js +8 -2
  7. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  8. package/dist/global/ej2-querybuilder.min.js +2 -2
  9. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/index.js +8 -6
  12. package/helpers/e2e/querybuilderHelper.js +52 -35
  13. package/package.json +11 -11
  14. package/src/query-builder/query-builder-model.d.ts +248 -248
  15. package/src/query-builder/query-builder.js +8 -2
  16. package/styles/bootstrap-dark.css +31 -214
  17. package/styles/bootstrap.css +31 -214
  18. package/styles/bootstrap4.css +32 -221
  19. package/styles/bootstrap5-dark.css +32 -213
  20. package/styles/bootstrap5.css +32 -213
  21. package/styles/fabric-dark.css +31 -210
  22. package/styles/fabric.css +31 -210
  23. package/styles/fluent-dark.css +35 -216
  24. package/styles/fluent.css +35 -216
  25. package/styles/highcontrast-light.css +32 -252
  26. package/styles/highcontrast.css +32 -252
  27. package/styles/material-dark.css +27 -199
  28. package/styles/material.css +27 -199
  29. package/styles/query-builder/_fluent-definition.scss +2 -2
  30. package/styles/query-builder/_fusionnew-definition.scss +108 -0
  31. package/styles/query-builder/_material3-definition.scss +108 -0
  32. package/styles/query-builder/bootstrap-dark.css +31 -214
  33. package/styles/query-builder/bootstrap.css +31 -214
  34. package/styles/query-builder/bootstrap4.css +32 -221
  35. package/styles/query-builder/bootstrap5-dark.css +32 -213
  36. package/styles/query-builder/bootstrap5.css +32 -213
  37. package/styles/query-builder/fabric-dark.css +31 -210
  38. package/styles/query-builder/fabric.css +31 -210
  39. package/styles/query-builder/fluent-dark.css +35 -216
  40. package/styles/query-builder/fluent.css +35 -216
  41. package/styles/query-builder/highcontrast-light.css +32 -252
  42. package/styles/query-builder/highcontrast.css +32 -252
  43. package/styles/query-builder/icons/_fusionnew.scss +8 -0
  44. package/styles/query-builder/icons/_material3.scss +8 -0
  45. package/styles/query-builder/material-dark.css +27 -199
  46. package/styles/query-builder/material.css +27 -199
  47. package/styles/query-builder/tailwind-dark.css +28 -200
  48. package/styles/query-builder/tailwind.css +28 -200
  49. package/styles/tailwind-dark.css +28 -200
  50. package/styles/tailwind.css +28 -200
  51. package/styles/query-builder/_definition.scss +0 -60
package/styles/query-builder/_fluent-definition.scss CHANGED
@@ -94,10 +94,10 @@ $qrybldr-btngrp-brdr-radius: 4px !default;
94
94
  $qrybldr-btngroup-bgcolor: $content-bg-color-alt2 !default;
95
95
  $qrybldr-btngroup-color: $primary-text-color !default;
96
96
  $qrybldr-color: $placeholder-text-color !default;
97
- $qrybldr-rule-list-border-color: $border-light !default;
97
+ $qrybldr-rule-list-border-color: $border-dark !default;
98
98
  $qrybldr-btngroup-active-bgcolor: $primary !default;
99
99
  $qrybldr-btngroup-active-color: $primary-text-color !default;
100
- $groupborder-color: $border-light !default;
100
+ $groupborder-color: $border-dark !default;
101
101
  $groupfill-color: $secondary-bg-color !default;
102
102
  $groupfill-bgcolor: $content-bg-color !default;
103
103
  $qrybldr-brdr-color: $border-light !default;
package/styles/query-builder/_fusionnew-definition.scss ADDED
@@ -0,0 +1,108 @@
1
+ //layout variables
2
+ $qrybldr-width: auto !default;
3
+ $qrybldr-height: auto !default;
4
+ $qrybldr-brdr: 1px solid !default;
5
+ $qrybldr-btngrp-brdr: none !default;
6
+ $grpcon-padding: 12px !default;
7
+ $qrybldr-device-diaplay: inline-block !default;
8
+ $group-action-margin: 12px !default;
9
+ $group-action-mrgntop: 5px !default;
10
+ $groupbody-paddingleft: 20px !default;
11
+ $rulecon-height: auto !default;
12
+ $rulecon-padding: 8px 8px 8px 8px !default;
13
+ $hrmode-ruledlt-mrgn: 12px !default;
14
+ $vrmode-ruledlt-mrgnpos: absolute !default;
15
+ $qrybldr-rulelist-grcon-float: right !default;
16
+ $qrybldr-rulelist-grcon-width: 100% !default;
17
+ $qrybldr-button-hide: none !default;
18
+ $qrybldr-field: left !default;
19
+ $ruledelete-margin: 8px !default;
20
+ $radio-wrapper-margin: 15px !default;
21
+ $qrybldr-group-container-margin-top: 12px !default;
22
+ $qrybldr-group-container-margin-left: 0 !default;
23
+ $qrybldr-posn-relative: relative !default;
24
+ $rule-boxshadow: none !default;
25
+ $qrybldr-rule-list-first-left: -12px !default;
26
+ $qrybldr-rule-list-first-right: -12px !default;
27
+ $qrybldr-rule-list-before-top: -10px !default;
28
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
29
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
30
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
31
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
32
+ $qrybldr-rule-list-border-style: dotted !default;
33
+ $before-border-height: calc(50% + 14px) !default;
34
+ $after-border-height: calc(50% + 8px) !default;
35
+ $qrybldr-add-icon: '\e805' !default;
36
+ $qrybldr-delete-icon: '\e7e7' !default;
37
+ $bigger-group-action-margin: 16px !default;
38
+ $bigger-groupbody-paddingleft: 24px !default;
39
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
40
+ $bigger-rulecon-padding: 16px 16px 16px 16px !default;
41
+ $device-rule-padding: 15px 0 0 15px !default;
42
+ $device-rule-padding-right: 15px !default;
43
+ $bigger-ruledelete-marginleft: 16px !default;
44
+ $qrybldr-rule-border: 1px solid !default;
45
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
46
+ $qrybldr-rule-list-height: 25px !default;
47
+ $qrybldr-rule-list-top: 17px !default;
48
+ $qrybldr-nav-width: 10px !default;
49
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
50
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
51
+ $qrybldr-grpcon-brder-left: -11px !default;
52
+ $bigger-rule-list-first-top: -14px !default;
53
+ $qrybldr-rulecont-margin: -1px !default;
54
+ $ruledelete-shadow: none !default;
55
+ $device-rulecon-padding: 14px !default;
56
+ $qrybldr-rulelist: 14px 0 14px 0 !default;
57
+ $qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
58
+ $qrybldr-add-mrgn-btm: 2px !default;
59
+ $device-rulecon-right-padding: 8px !default;
60
+ $qrybldr-summary-padding: 12px !default;
61
+ $qrybldr-summary-btn-padding: 12px !default;
62
+ $qrybldr-bigger-summary-padding: 15px !default;
63
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
64
+ $qrybldr-summary-text-width: 100% !default;
65
+ $qrybldr-clspe-rule-pos: absolute !default;
66
+ $qrybldr-btngrp-shadow: none !default;
67
+ $qrybldr-multi-width: 190px !default;
68
+ $qrybldr-device-value-width: 100% !default;
69
+ $qrybldr-btngroup-display: inline-block !default;
70
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
71
+ $after-ruleborder-height: calc(50% + 10px) !default;
72
+ $qrybldr-val-error-border: 8px solid !default;
73
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
74
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
75
+ $qrybldr-rule-list-first-top: -11px !default;
76
+ $qrybldr-collapse-rule-padding: 0 14px !default;
77
+ $qrybldr-multi-maxwidth: 200px !default;
78
+ $qrybldr-device-multi-maxwidth: 100% !default;
79
+ $qrybldr-btn-left: 10px !default;
80
+ $qrybldr-touch-btn-left: 14px !default;
81
+ $qrybldr-collapse-font-size: 20px !default;
82
+ $qrybldr-collapse-padding: 5px !default;
83
+ $qrybldr-collapse-box-shadow: none !default;
84
+ $qrybldr-collapse-txtarea-margin: 8px !default;
85
+ $qrybldr-brdr-radius: 4px !default;
86
+ $qrybldr-summary-line-height: 1.5em !default;
87
+ $qrybldr-smrytxt-font-size: 14px !default;
88
+ $qrybldr-bigger-smrytxt-font-size: 16px !default;
89
+ $qrybldr-spinner-right: 5px !default;
90
+ $qrybldr-spinner-left: auto !default;
91
+ $qrybldr-rtl-spinner-right: auto !default;
92
+ $qrybldr-rtl-spinner-left: 5px !default;
93
+ $qrybldr-btngrp-brdr-radius: 4px !default;
94
+ $qrybldr-btngroup-bgcolor: $content-bg-color !default;
95
+ $qrybldr-btngroup-color: $primary-text-color !default;
96
+ $qrybldr-color: $placeholder-text-color !default;
97
+ $qrybldr-rule-list-border-color: $border-light !default;
98
+ $qrybldr-btngroup-active-bgcolor: $primary !default;
99
+ $qrybldr-btngroup-active-color: $primary-text-color !default;
100
+ $groupborder-color: $border-light !default;
101
+ $groupfill-color: $secondary-bg-color !default;
102
+ $groupfill-bgcolor: $content-bg-color-alt1 !default;
103
+ $qrybldr-brdr-color: $border-light !default;
104
+ $qrybldr-bg-color: transparent !default;
105
+ $qrybldr-val-error-bg-color: $danger-light !default;
106
+ $qrybldr-val-error-color: $danger-bg-color !default;
107
+ $qrybldr-collapse-brdr-color: $border-light !default;
108
+ $qrybldr-icon-color: $icon-color !default;
package/styles/query-builder/_material3-definition.scss ADDED
@@ -0,0 +1,108 @@
1
+ //layout variables
2
+ $qrybldr-width: auto !default;
3
+ $qrybldr-height: auto !default;
4
+ $qrybldr-brdr: 1px solid !default;
5
+ $qrybldr-btngrp-brdr: none !default;
6
+ $grpcon-padding: 12px !default;
7
+ $qrybldr-device-diaplay: inline-block !default;
8
+ $group-action-margin: 12px !default;
9
+ $group-action-mrgntop: 5px !default;
10
+ $groupbody-paddingleft: 20px !default;
11
+ $rulecon-height: auto !default;
12
+ $rulecon-padding: 8px 8px 8px 8px !default;
13
+ $hrmode-ruledlt-mrgn: 12px !default;
14
+ $vrmode-ruledlt-mrgnpos: absolute !default;
15
+ $qrybldr-rulelist-grcon-float: right !default;
16
+ $qrybldr-rulelist-grcon-width: 100% !default;
17
+ $qrybldr-button-hide: none !default;
18
+ $qrybldr-field: left !default;
19
+ $ruledelete-margin: 8px !default;
20
+ $radio-wrapper-margin: 15px !default;
21
+ $qrybldr-group-container-margin-top: 12px !default;
22
+ $qrybldr-group-container-margin-left: 0 !default;
23
+ $qrybldr-posn-relative: relative !default;
24
+ $rule-boxshadow: none !default;
25
+ $qrybldr-rule-list-first-left: -12px !default;
26
+ $qrybldr-rule-list-first-right: -12px !default;
27
+ $qrybldr-rule-list-before-top: -10px !default;
28
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
29
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
30
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
31
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
32
+ $qrybldr-rule-list-border-style: dotted !default;
33
+ $before-border-height: calc(50% + 14px) !default;
34
+ $after-border-height: calc(50% + 8px) !default;
35
+ $qrybldr-add-icon: '\e805' !default;
36
+ $qrybldr-delete-icon: '\e7e7' !default;
37
+ $bigger-group-action-margin: 16px !default;
38
+ $bigger-groupbody-paddingleft: 24px !default;
39
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
40
+ $bigger-rulecon-padding: 16px 16px 16px 16px !default;
41
+ $device-rule-padding: 15px 0 0 15px !default;
42
+ $device-rule-padding-right: 15px !default;
43
+ $bigger-ruledelete-marginleft: 16px !default;
44
+ $qrybldr-rule-border: 1px solid !default;
45
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
46
+ $qrybldr-rule-list-height: 25px !default;
47
+ $qrybldr-rule-list-top: 17px !default;
48
+ $qrybldr-nav-width: 10px !default;
49
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
50
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
51
+ $qrybldr-grpcon-brder-left: -11px !default;
52
+ $bigger-rule-list-first-top: -14px !default;
53
+ $qrybldr-rulecont-margin: -1px !default;
54
+ $ruledelete-shadow: none !default;
55
+ $device-rulecon-padding: 14px !default;
56
+ $qrybldr-rulelist: 14px 0 14px 0 !default;
57
+ $qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
58
+ $qrybldr-add-mrgn-btm: 2px !default;
59
+ $device-rulecon-right-padding: 8px !default;
60
+ $qrybldr-summary-padding: 12px !default;
61
+ $qrybldr-summary-btn-padding: 12px !default;
62
+ $qrybldr-bigger-summary-padding: 15px !default;
63
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
64
+ $qrybldr-summary-text-width: 100% !default;
65
+ $qrybldr-clspe-rule-pos: absolute !default;
66
+ $qrybldr-btngrp-shadow: none !default;
67
+ $qrybldr-multi-width: 190px !default;
68
+ $qrybldr-device-value-width: 100% !default;
69
+ $qrybldr-btngroup-display: inline-block !default;
70
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
71
+ $after-ruleborder-height: calc(50% + 10px) !default;
72
+ $qrybldr-val-error-border: 8px solid !default;
73
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
74
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
75
+ $qrybldr-rule-list-first-top: -11px !default;
76
+ $qrybldr-collapse-rule-padding: 0 14px !default;
77
+ $qrybldr-multi-maxwidth: 200px !default;
78
+ $qrybldr-device-multi-maxwidth: 100% !default;
79
+ $qrybldr-btn-left: 10px !default;
80
+ $qrybldr-touch-btn-left: 14px !default;
81
+ $qrybldr-collapse-font-size: 20px !default;
82
+ $qrybldr-collapse-padding: 5px !default;
83
+ $qrybldr-collapse-box-shadow: none !default;
84
+ $qrybldr-collapse-txtarea-margin: 8px !default;
85
+ $qrybldr-brdr-radius: 4px !default;
86
+ $qrybldr-summary-line-height: 1.5em !default;
87
+ $qrybldr-smrytxt-font-size: 14px !default;
88
+ $qrybldr-bigger-smrytxt-font-size: 16px !default;
89
+ $qrybldr-spinner-right: 5px !default;
90
+ $qrybldr-spinner-left: auto !default;
91
+ $qrybldr-rtl-spinner-right: auto !default;
92
+ $qrybldr-rtl-spinner-left: 5px !default;
93
+ $qrybldr-btngrp-brdr-radius: 4px !default;
94
+ $qrybldr-btngroup-bgcolor: $content-bg-color !default;
95
+ $qrybldr-btngroup-color: $primary-text-color !default;
96
+ $qrybldr-color: $placeholder-text-color !default;
97
+ $qrybldr-rule-list-border-color: $border-light !default;
98
+ $qrybldr-btngroup-active-bgcolor: $primary !default;
99
+ $qrybldr-btngroup-active-color: $primary-text-color !default;
100
+ $groupborder-color: $border-light !default;
101
+ $groupfill-color: $secondary-bg-color !default;
102
+ $groupfill-bgcolor: $content-bg-color-alt1 !default;
103
+ $qrybldr-brdr-color: $border-light !default;
104
+ $qrybldr-bg-color: transparent !default;
105
+ $qrybldr-val-error-bg-color: $danger-light !default;
106
+ $qrybldr-val-error-color: $danger-bg-color !default;
107
+ $qrybldr-collapse-brdr-color: $border-light !default;
108
+ $qrybldr-icon-color: $icon-color !default;