@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.
- package/CHANGELOG.md +3 -8
- package/dist/ej2-querybuilder.min.js +2 -2
- package/dist/ej2-querybuilder.umd.min.js +2 -2
- package/dist/ej2-querybuilder.umd.min.js.map +1 -1
- package/dist/es6/ej2-querybuilder.es2015.js +57 -18
- package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
- package/dist/es6/ej2-querybuilder.es5.js +57 -18
- package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
- package/dist/global/ej2-querybuilder.min.js +2 -2
- package/dist/global/ej2-querybuilder.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -12
- package/src/query-builder/query-builder.d.ts +20 -10
- package/src/query-builder/query-builder.js +57 -18
- package/styles/bootstrap-dark.css +17 -9
- package/styles/bootstrap.css +9 -9
- package/styles/bootstrap4.css +10 -10
- package/styles/bootstrap5-dark.css +11 -11
- package/styles/bootstrap5.css +11 -11
- package/styles/fabric-dark.css +15 -9
- package/styles/fabric.css +9 -9
- package/styles/fluent-dark.css +12 -12
- package/styles/fluent.css +12 -12
- package/styles/highcontrast-light.css +9 -30
- package/styles/highcontrast.css +9 -9
- package/styles/material-dark.css +9 -9
- package/styles/material.css +9 -9
- package/styles/query-builder/_bootstrap5-definition.scss +3 -3
- package/styles/query-builder/_fluent-definition.scss +3 -3
- package/styles/query-builder/_layout.scss +13 -3
- package/styles/query-builder/_tailwind-definition.scss +3 -3
- package/styles/query-builder/_theme.scss +14 -14
- package/styles/query-builder/bootstrap-dark.css +17 -9
- package/styles/query-builder/bootstrap.css +9 -9
- package/styles/query-builder/bootstrap4.css +10 -10
- package/styles/query-builder/bootstrap5-dark.css +11 -11
- package/styles/query-builder/bootstrap5.css +11 -11
- package/styles/query-builder/fabric-dark.css +15 -9
- package/styles/query-builder/fabric.css +9 -9
- package/styles/query-builder/fluent-dark.css +12 -12
- package/styles/query-builder/fluent.css +12 -12
- package/styles/query-builder/highcontrast-light.css +9 -30
- package/styles/query-builder/highcontrast.css +9 -9
- package/styles/query-builder/material-dark.css +9 -9
- package/styles/query-builder/material.css +9 -9
- package/styles/query-builder/tailwind-dark.css +9 -9
- package/styles/query-builder/tailwind.css +9 -9
- package/styles/tailwind-dark.css +9 -9
- package/styles/tailwind.css +9 -9
- package/styles/query-builder/_material3-definition.scss +0 -108
package/styles/tailwind-dark.css
CHANGED
|
@@ -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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
710
|
+
background: transparent;
|
|
711
711
|
color: #6b7280;
|
|
712
712
|
}
|
|
713
713
|
.e-query-builder .e-collapse-rule {
|
|
714
|
-
background
|
|
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
|
|
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
|
|
724
|
+
background: #fee2e2;
|
|
725
725
|
border-color: #fee2e2;
|
|
726
726
|
}
|
|
727
727
|
|
package/styles/tailwind.css
CHANGED
|
@@ -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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
710
|
+
background: transparent;
|
|
711
711
|
color: #6b7280;
|
|
712
712
|
}
|
|
713
713
|
.e-query-builder .e-collapse-rule {
|
|
714
|
-
background
|
|
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
|
|
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
|
|
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;
|