@syncfusion/ej2-querybuilder 19.2.60 → 19.3.53

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 (41) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +17 -0
  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 +176 -66
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +174 -64
  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/helpers/e2e/index.d.ts +1 -0
  13. package/helpers/e2e/index.js +6 -0
  14. package/helpers/e2e/querybuilderHelper.d.ts +37 -0
  15. package/helpers/e2e/querybuilderHelper.js +36 -0
  16. package/package.json +11 -11
  17. package/src/query-builder/query-builder-model.d.ts +10 -3
  18. package/src/query-builder/query-builder.d.ts +17 -2
  19. package/src/query-builder/query-builder.js +174 -64
  20. package/styles/bootstrap5-dark.css +962 -0
  21. package/styles/bootstrap5-dark.scss +1 -0
  22. package/styles/bootstrap5.css +962 -0
  23. package/styles/bootstrap5.scss +1 -0
  24. package/styles/material-dark.css +3 -3
  25. package/styles/query-builder/_bootstrap5-dark-definition.scss +1 -0
  26. package/styles/query-builder/_bootstrap5-definition.scss +107 -0
  27. package/styles/query-builder/_tailwind-dark-definition.scss +1 -106
  28. package/styles/query-builder/_tailwind-definition.scss +17 -16
  29. package/styles/query-builder/_theme.scss +1 -1
  30. package/styles/query-builder/bootstrap5-dark.css +962 -0
  31. package/styles/query-builder/bootstrap5-dark.scss +15 -0
  32. package/styles/query-builder/bootstrap5.css +962 -0
  33. package/styles/query-builder/bootstrap5.scss +15 -0
  34. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -0
  35. package/styles/query-builder/icons/_bootstrap5.scss +8 -0
  36. package/styles/query-builder/icons/_tailwind.scss +1 -1
  37. package/styles/query-builder/material-dark.css +3 -3
  38. package/styles/query-builder/tailwind-dark.css +9 -9
  39. package/styles/query-builder/tailwind.css +10 -10
  40. package/styles/tailwind-dark.css +9 -9
  41. package/styles/tailwind.css +10 -10
@@ -0,0 +1 @@
1
+ @import 'query-builder/bootstrap5.scss';
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .e-dropdownbase .e-list-item.e-active.e-hover {
18
- color: #ff80ab;
18
+ color: #00b0ff;
19
19
  }
20
20
 
21
21
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -840,8 +840,8 @@
840
840
 
841
841
  .e-query-builder .e-btn-group input:checked + label.e-btn,
842
842
  .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
843
- background: #ff80ab;
844
- border-color: #ff80ab;
843
+ background: #00b0ff;
844
+ border-color: #00b0ff;
845
845
  color: #000;
846
846
  }
847
847
 
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
@@ -0,0 +1,107 @@
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 0 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: 10px 0 10px 10px !default;
41
+ $device-rule-padding: 15px 0 0 15px !default;
42
+ $device-rule-padding-right: 15px !default;
43
+ $bigger-ruledelete-marginleft: 10px !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: $primary !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;
@@ -1,106 +1 @@
1
- $qrybldr-width: auto !default;
2
- $qrybldr-height: auto !default;
3
- $qrybldr-brdr: 1px solid !default;
4
- $qrybldr-btngrp-brdr: none !default;
5
- $grpcon-padding: 12px !default;
6
- $qrybldr-device-diaplay: inline-block !default;
7
- $group-action-margin: 12px !default;
8
- $group-action-mrgntop: 5px !default;
9
- $groupbody-paddingleft: 20px !default;
10
- $rulecon-height: auto !default;
11
- $rulecon-padding: 8px 0 8px 8px !default;
12
- $hrmode-ruledlt-mrgn: 12px !default;
13
- $vrmode-ruledlt-mrgnpos: absolute !default;
14
- $qrybldr-rulelist-grcon-float: right !default;
15
- $qrybldr-rulelist-grcon-width: 100% !default;
16
- $qrybldr-button-hide: none !default;
17
- $qrybldr-field: left !default;
18
- $ruledelete-margin: 8px !default;
19
- $radio-wrapper-margin: 15px !default;
20
- $qrybldr-group-container-margin-top: 12px !default;
21
- $qrybldr-group-container-margin-left: 0 !default;
22
- $qrybldr-posn-relative: relative !default;
23
- $rule-boxshadow: none !default;
24
- $qrybldr-rule-list-first-left: -12px !default;
25
- $qrybldr-rule-list-first-right: -12px !default;
26
- $qrybldr-rule-list-before-top: -10px !default;
27
- $qrybldr-rule-list-after-border: 0 0 0 2px !default;
28
- $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
29
- $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
30
- $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
31
- $qrybldr-rule-list-border-style: dashed !default;
32
- $before-border-height: calc(50% + 14px) !default;
33
- $after-border-height: calc(50% + 8px) !default;
34
- $qrybldr-add-icon: '\e78a' !default;
35
- $qrybldr-delete-icon: '\e771' !default;
36
- $bigger-group-action-margin: 16px !default;
37
- $bigger-groupbody-paddingleft: 24px !default;
38
- $bigger-hrmode-ruledlt-mrgn: 15px !default;
39
- $bigger-rulecon-padding: 10px 0 10px 10px !default;
40
- $device-rule-padding: 15px 0 0 15px !default;
41
- $device-rule-padding-right: 15px !default;
42
- $bigger-ruledelete-marginleft: 10px !default;
43
- $qrybldr-brdr-color: $border-light !default;
44
- $qrybldr-bg-color: transparent !default;
45
- $qrybldr-color: $placeholder-text-color !default;
46
- $qrybldr-rule-list-border-color: $border-light !default;
47
- $qrybldr-btngroup-active-bgcolor: $primary !default;
48
- $qrybldr-btngroup-active-color: $primary-text-color !default;
49
- $groupborder-color: $border-light !default;
50
- $groupfill-color: transparent !default;
51
- $groupfill-bgcolor: $content-bg-color-alt1 !default;
52
- $qrybldr-rule-border: 1px solid !default;
53
- $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
54
- $qrybldr-rule-list-height: 25px !default;
55
- $qrybldr-rule-list-top: 17px !default;
56
- $qrybldr-nav-width: 10px !default;
57
- $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
58
- $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
59
- $qrybldr-grpcon-brder-left: -11px !default;
60
- $bigger-rule-list-first-top: -14px !default;
61
- $qrybldr-rulecont-margin: -1px !default;
62
- $ruledelete-shadow: none !default;
63
- $device-rulecon-padding: 14px !default;
64
- $qrybldr-rulelist: 14px 0 14px 0 !default;
65
- $qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
66
- $qrybldr-add-mrgn-btm: 2px !default;
67
- $device-rulecon-right-padding: 8px !default;
68
- $qrybldr-summary-padding: 12px !default;
69
- $qrybldr-summary-btn-padding: 12px !default;
70
- $qrybldr-bigger-summary-padding: 15px !default;
71
- $qrybldr-bigger-summary-btn-padding: 15px !default;
72
- $qrybldr-summary-text-width: 100% !default;
73
- $qrybldr-clspe-rule-pos: absolute !default;
74
- $qrybldr-btngrp-shadow: none !default;
75
- $qrybldr-multi-width: 190px !default;
76
- $qrybldr-device-value-width: 100% !default;
77
- $qrybldr-btngroup-display: inline-block !default;
78
- $qrybldr-grpcon-aftrbrder-left: -11px !default;
79
- $after-ruleborder-height: calc(50% + 10px) !default;
80
- $qrybldr-val-error-bg-color: #fcdbe4 !default;
81
- $qrybldr-val-error-color: #f44336 !default;
82
- $qrybldr-val-error-border: 8px solid !default;
83
- $biggerafter-ruleborder-height: calc(50% + 12px) !default;
84
- $qrybldr-bigger-rule-list-before-top: -12px !default;
85
- $qrybldr-rule-list-first-top: -11px !default;
86
- $qrybldr-collapse-rule-padding: 0 14px !default;
87
- $qrybldr-multi-maxwidth: 200px !default;
88
- $qrybldr-device-multi-maxwidth: 100% !default;
89
- $qrybldr-btn-left: 10px !default;
90
- $qrybldr-touch-btn-left: 14px !default;
91
- $qrybldr-collapse-font-size: 20px !default;
92
- $qrybldr-collapse-padding: 5px !default;
93
- $qrybldr-collapse-box-shadow: none !default;
94
- $qrybldr-collapse-brdr-color: $border-light !default;
95
- $qrybldr-collapse-txtarea-margin: 8px !default;
96
- $qrybldr-brdr-radius: 4px !default;
97
- $qrybldr-summary-line-height: 1.5em !default;
98
- $qrybldr-smrytxt-font-size: 14px !default;
99
- $qrybldr-bigger-smrytxt-font-size: 16px !default;
100
- $qrybldr-btngroup-bgcolor: $primary !default;
101
- $qrybldr-btngroup-color: $primary-text-color !default;
102
- $qrybldr-spinner-right: 5px !default;
103
- $qrybldr-spinner-left: auto !default;
104
- $qrybldr-rtl-spinner-right: auto !default;
105
- $qrybldr-rtl-spinner-left: 5px !default;
106
- $qrybldr-btngrp-brdr-radius: 4px !default;
1
+ @import './tailwind-definition.scss';
@@ -1,3 +1,4 @@
1
+ //layout variables
1
2
  $qrybldr-width: auto !default;
2
3
  $qrybldr-height: auto !default;
3
4
  $qrybldr-brdr: 1px solid !default;
@@ -20,7 +21,7 @@ $radio-wrapper-margin: 15px !default;
20
21
  $qrybldr-group-container-margin-top: 12px !default;
21
22
  $qrybldr-group-container-margin-left: 0 !default;
22
23
  $qrybldr-posn-relative: relative !default;
23
- $rule-boxshadow: none !default;
24
+ $rule-boxshadow: none !default;
24
25
  $qrybldr-rule-list-first-left: -12px !default;
25
26
  $qrybldr-rule-list-first-right: -12px !default;
26
27
  $qrybldr-rule-list-before-top: -10px !default;
@@ -28,7 +29,7 @@ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
28
29
  $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
29
30
  $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
30
31
  $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
31
- $qrybldr-rule-list-border-style: dashed !default;
32
+ $qrybldr-rule-list-border-style: solid !default;
32
33
  $before-border-height: calc(50% + 14px) !default;
33
34
  $after-border-height: calc(50% + 8px) !default;
34
35
  $qrybldr-add-icon: '\e78a' !default;
@@ -40,15 +41,6 @@ $bigger-rulecon-padding: 10px 0 10px 10px !default;
40
41
  $device-rule-padding: 15px 0 0 15px !default;
41
42
  $device-rule-padding-right: 15px !default;
42
43
  $bigger-ruledelete-marginleft: 10px !default;
43
- $qrybldr-brdr-color: $border-light !default;
44
- $qrybldr-bg-color: transparent !default;
45
- $qrybldr-color: $placeholder-text-color !default;
46
- $qrybldr-rule-list-border-color: $border-light !default;
47
- $qrybldr-btngroup-active-bgcolor: $primary !default;
48
- $qrybldr-btngroup-active-color: $primary-text-color !default;
49
- $groupborder-color: $border-light !default;
50
- $groupfill-color: transparent !default;
51
- $groupfill-bgcolor: $content-bg-color-alt1 !default;
52
44
  $qrybldr-rule-border: 1px solid !default;
53
45
  $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
54
46
  $qrybldr-rule-list-height: 25px !default;
@@ -77,8 +69,6 @@ $qrybldr-device-value-width: 100% !default;
77
69
  $qrybldr-btngroup-display: inline-block !default;
78
70
  $qrybldr-grpcon-aftrbrder-left: -11px !default;
79
71
  $after-ruleborder-height: calc(50% + 10px) !default;
80
- $qrybldr-val-error-bg-color: #fcdbe4 !default;
81
- $qrybldr-val-error-color: #f44336 !default;
82
72
  $qrybldr-val-error-border: 8px solid !default;
83
73
  $biggerafter-ruleborder-height: calc(50% + 12px) !default;
84
74
  $qrybldr-bigger-rule-list-before-top: -12px !default;
@@ -91,16 +81,27 @@ $qrybldr-touch-btn-left: 14px !default;
91
81
  $qrybldr-collapse-font-size: 20px !default;
92
82
  $qrybldr-collapse-padding: 5px !default;
93
83
  $qrybldr-collapse-box-shadow: none !default;
94
- $qrybldr-collapse-brdr-color: $border-light !default;
95
84
  $qrybldr-collapse-txtarea-margin: 8px !default;
96
85
  $qrybldr-brdr-radius: 4px !default;
97
86
  $qrybldr-summary-line-height: 1.5em !default;
98
87
  $qrybldr-smrytxt-font-size: 14px !default;
99
88
  $qrybldr-bigger-smrytxt-font-size: 16px !default;
100
- $qrybldr-btngroup-bgcolor: $primary !default;
101
- $qrybldr-btngroup-color: $primary-text-color !default;
102
89
  $qrybldr-spinner-right: 5px !default;
103
90
  $qrybldr-spinner-left: auto !default;
104
91
  $qrybldr-rtl-spinner-right: auto !default;
105
92
  $qrybldr-rtl-spinner-left: 5px !default;
106
93
  $qrybldr-btngrp-brdr-radius: 4px !default;
94
+ $qrybldr-btngroup-bgcolor: $primary !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: transparent !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;
@@ -112,7 +112,7 @@
112
112
  & .e-removerule.e-btn.e-round {
113
113
  background-color: $groupfill-color;
114
114
  @if $skin-name == 'bootstrap4' {
115
- background-color: $qrybldr-btngroup-bgcolor;
115
+ background-color: $qrybldr-btngroup-bgcolor;
116
116
  }
117
117
 
118
118
  &.e-readonly {