@syncfusion/ej2-querybuilder 20.4.48 → 21.1.35

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 (50) hide show
  1. package/CHANGELOG.md +3 -8
  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 +57 -18
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +57 -18
  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 +12 -12
  13. package/src/query-builder/query-builder.d.ts +20 -10
  14. package/src/query-builder/query-builder.js +57 -18
  15. package/styles/bootstrap-dark.css +17 -9
  16. package/styles/bootstrap.css +9 -9
  17. package/styles/bootstrap4.css +10 -10
  18. package/styles/bootstrap5-dark.css +11 -11
  19. package/styles/bootstrap5.css +11 -11
  20. package/styles/fabric-dark.css +15 -9
  21. package/styles/fabric.css +9 -9
  22. package/styles/fluent-dark.css +12 -12
  23. package/styles/fluent.css +12 -12
  24. package/styles/highcontrast-light.css +9 -30
  25. package/styles/highcontrast.css +9 -9
  26. package/styles/material-dark.css +9 -9
  27. package/styles/material.css +9 -9
  28. package/styles/query-builder/_bootstrap5-definition.scss +3 -3
  29. package/styles/query-builder/_fluent-definition.scss +3 -3
  30. package/styles/query-builder/_layout.scss +13 -3
  31. package/styles/query-builder/_tailwind-definition.scss +3 -3
  32. package/styles/query-builder/_theme.scss +14 -14
  33. package/styles/query-builder/bootstrap-dark.css +17 -9
  34. package/styles/query-builder/bootstrap.css +9 -9
  35. package/styles/query-builder/bootstrap4.css +10 -10
  36. package/styles/query-builder/bootstrap5-dark.css +11 -11
  37. package/styles/query-builder/bootstrap5.css +11 -11
  38. package/styles/query-builder/fabric-dark.css +15 -9
  39. package/styles/query-builder/fabric.css +9 -9
  40. package/styles/query-builder/fluent-dark.css +12 -12
  41. package/styles/query-builder/fluent.css +12 -12
  42. package/styles/query-builder/highcontrast-light.css +9 -30
  43. package/styles/query-builder/highcontrast.css +9 -9
  44. package/styles/query-builder/material-dark.css +9 -9
  45. package/styles/query-builder/material.css +9 -9
  46. package/styles/query-builder/tailwind-dark.css +9 -9
  47. package/styles/query-builder/tailwind.css +9 -9
  48. package/styles/tailwind-dark.css +9 -9
  49. package/styles/tailwind.css +9 -9
  50. package/styles/query-builder/_material3-definition.scss +0 -108
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #4b5563;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #4b5563;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #232e3e;
686
+ background: #232e3e;
687
687
  border-color: #4b5563;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #4b5563;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #4b5563;
@@ -701,27 +701,27 @@
701
701
  color: #000;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #4b5563;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #4b5563;
719
+ background: #4b5563;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727
 
@@ -379,7 +379,7 @@
379
379
  border-top-left-radius: 0;
380
380
  border-top-right-radius: 0;
381
381
  border-top-style: dotted;
382
- border-top-width: 2px;
382
+ border-top-width: 1px;
383
383
  margin-top: 0;
384
384
  }
385
385
  .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -673,7 +673,7 @@
673
673
  }
674
674
 
675
675
  .e-query-builder {
676
- background-color: transparent;
676
+ background: transparent;
677
677
  border-color: #e5e7eb;
678
678
  }
679
679
  .e-query-builder .e-group-header .e-btn-group {
@@ -683,14 +683,14 @@
683
683
  border-color: #e5e7eb;
684
684
  }
685
685
  .e-query-builder .e-rule-container {
686
- background-color: #f9fafb;
686
+ background: #f9fafb;
687
687
  border-color: #e5e7eb;
688
688
  }
689
689
  .e-query-builder .e-rule-container.e-joined-rule {
690
690
  border-top-color: #e5e7eb;
691
691
  }
692
692
  .e-query-builder .e-rule-list .e-group-container {
693
- background-color: transparent;
693
+ background: transparent;
694
694
  }
695
695
  .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
696
696
  border-color: #e5e7eb;
@@ -701,27 +701,27 @@
701
701
  color: #fff;
702
702
  }
703
703
  .e-query-builder .e-removerule.e-btn.e-round {
704
- background-color: transparent;
704
+ background: transparent;
705
705
  }
706
706
  .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
707
707
  display: none;
708
708
  }
709
709
  .e-query-builder .e-summary-content textarea {
710
- background-color: transparent;
710
+ background: transparent;
711
711
  color: #6b7280;
712
712
  }
713
713
  .e-query-builder .e-collapse-rule {
714
- background-color: transparent;
714
+ background: transparent;
715
715
  border-color: #e5e7eb;
716
716
  color: #6b7280;
717
717
  }
718
718
  .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
719
- background-color: #e5e7eb;
719
+ background: #e5e7eb;
720
720
  }
721
721
 
722
722
  .e-tooltip-wrap.e-querybuilder-error,
723
723
  .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
724
- background-color: #fee2e2;
724
+ background: #fee2e2;
725
725
  border-color: #fee2e2;
726
726
  }
727
727
 
@@ -1,108 +0,0 @@
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;