@syncfusion/ej2-querybuilder 20.2.50 → 20.3.47
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 +4 -37
- package/dist/ej2-querybuilder.min.js +10 -0
- package/dist/ej2-querybuilder.umd.min.js +1 -1
- package/dist/global/ej2-querybuilder.min.js +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +12 -12
- package/styles/bootstrap-dark.css +2 -0
- package/styles/bootstrap.css +2 -0
- package/styles/bootstrap4.css +2 -0
- package/styles/bootstrap5-dark.css +2 -0
- package/styles/bootstrap5.css +2 -0
- package/styles/fabric-dark.css +2 -0
- package/styles/fabric.css +2 -0
- package/styles/fluent-dark.css +2 -0
- package/styles/fluent.css +2 -0
- package/styles/highcontrast-light.css +5 -0
- package/styles/highcontrast.css +5 -0
- package/styles/material-dark.css +2 -0
- package/styles/material.css +2 -0
- package/styles/query-builder/_all.scss +1 -1
- package/styles/query-builder/_layout.scss +39 -43
- package/styles/query-builder/_material-dark-definition.scss +1 -1
- package/styles/query-builder/_theme.scss +9 -11
- package/styles/query-builder/bootstrap-dark.css +2 -0
- package/styles/query-builder/bootstrap.css +2 -0
- package/styles/query-builder/bootstrap4.css +2 -0
- package/styles/query-builder/bootstrap5-dark.css +2 -0
- package/styles/query-builder/bootstrap5.css +2 -0
- package/styles/query-builder/fabric-dark.css +2 -0
- package/styles/query-builder/fabric.css +2 -0
- package/styles/query-builder/fluent-dark.css +2 -0
- package/styles/query-builder/fluent.css +2 -0
- package/styles/query-builder/highcontrast-light.css +5 -0
- package/styles/query-builder/highcontrast.css +5 -0
- package/styles/query-builder/icons/_bootstrap-dark.scss +2 -3
- package/styles/query-builder/icons/_bootstrap.scss +2 -3
- package/styles/query-builder/icons/_bootstrap4.scss +3 -4
- package/styles/query-builder/icons/_bootstrap5.scss +3 -4
- package/styles/query-builder/icons/_fabric-dark.scss +2 -3
- package/styles/query-builder/icons/_fabric.scss +2 -3
- package/styles/query-builder/icons/_fluent.scss +3 -4
- package/styles/query-builder/icons/_fusionnew.scss +3 -4
- package/styles/query-builder/icons/_highcontrast-light.scss +2 -3
- package/styles/query-builder/icons/_highcontrast.scss +2 -3
- package/styles/query-builder/icons/_material-dark.scss +2 -3
- package/styles/query-builder/icons/_material.scss +2 -3
- package/styles/query-builder/icons/_material3.scss +3 -4
- package/styles/query-builder/icons/_tailwind-dark.scss +3 -4
- package/styles/query-builder/icons/_tailwind.scss +3 -4
- package/styles/query-builder/material-dark.css +2 -0
- package/styles/query-builder/material.css +2 -0
- package/styles/query-builder/tailwind-dark.css +2 -0
- package/styles/query-builder/tailwind.css +2 -0
- package/styles/tailwind-dark.css +2 -0
- package/styles/tailwind.css +2 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
@include export-module('querybuilder-layout') {
|
|
2
2
|
.e-query-builder {
|
|
3
3
|
border: $qrybldr-brdr;
|
|
4
4
|
border-radius: $qrybldr-brdr-radius;
|
|
@@ -75,43 +75,43 @@
|
|
|
75
75
|
@if $skin-name == 'tailwind' {
|
|
76
76
|
font-size: 20px;
|
|
77
77
|
}
|
|
78
|
-
}
|
|
79
78
|
}
|
|
79
|
+
}
|
|
80
80
|
|
|
81
81
|
& .e-horizontal-mode .e-rule-delete {
|
|
82
82
|
margin-left: $qrybldr-group-container-margin-left;
|
|
83
83
|
margin-right: $ruledelete-margin;
|
|
84
|
-
|
|
84
|
+
}
|
|
85
85
|
|
|
86
86
|
& .e-group-body {
|
|
87
87
|
padding-left: $qrybldr-group-container-margin-left;
|
|
88
88
|
padding-right: $groupbody-paddingleft;
|
|
89
|
-
|
|
89
|
+
}
|
|
90
90
|
|
|
91
|
-
& .e-rule-list
|
|
91
|
+
& .e-rule-list > ::before {
|
|
92
92
|
border-width: $qrybldr-rule-list-rtl-before-border;
|
|
93
|
-
|
|
93
|
+
}
|
|
94
94
|
|
|
95
95
|
& .e-rule-list > .e-group-container:first-child {
|
|
96
96
|
margin-top: 0;
|
|
97
|
-
|
|
97
|
+
}
|
|
98
98
|
|
|
99
|
-
& .e-rule-list
|
|
100
|
-
& .e-rule-list
|
|
99
|
+
& .e-rule-list > ::after,
|
|
100
|
+
& .e-rule-list > ::before {
|
|
101
101
|
right: $qrybldr-rule-list-first-right;
|
|
102
|
-
|
|
102
|
+
}
|
|
103
103
|
|
|
104
|
-
& .e-rule-list
|
|
104
|
+
& .e-rule-list > ::after {
|
|
105
105
|
border-width: $qrybldr-rule-list-rtl-after-border;
|
|
106
|
-
|
|
106
|
+
}
|
|
107
107
|
|
|
108
108
|
& .e-rule-list .e-group-container::before {
|
|
109
109
|
right: $qrybldr-grpcon-brder-left;
|
|
110
|
-
|
|
110
|
+
}
|
|
111
111
|
|
|
112
112
|
& .e-rule-list > .e-group-container {
|
|
113
113
|
padding-right: $qrybldr-group-container-margin-left;
|
|
114
|
-
|
|
114
|
+
}
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
& .e-group-container,
|
|
@@ -119,22 +119,22 @@
|
|
|
119
119
|
position: $qrybldr-posn-relative;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
& .e-rule-list
|
|
122
|
+
& .e-rule-list > :first-child::before {
|
|
123
123
|
top: $qrybldr-rule-list-first-top;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
-
& .e-rule-list
|
|
126
|
+
& .e-rule-list > :last-child::after {
|
|
127
127
|
display: $qrybldr-button-hide;
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
-
& .e-rule-list
|
|
130
|
+
& .e-rule-list > ::before {
|
|
131
131
|
border-width: $qrybldr-rule-list-before-border;
|
|
132
132
|
height: $qrybldr-rule-list-height;
|
|
133
133
|
top: $qrybldr-rule-list-before-top;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
& .e-rule-list
|
|
137
|
-
& .e-rule-list
|
|
136
|
+
& .e-rule-list > ::after,
|
|
137
|
+
& .e-rule-list > ::before {
|
|
138
138
|
border-style: $qrybldr-rule-list-border-style;
|
|
139
139
|
content: '';
|
|
140
140
|
left: $qrybldr-rule-list-first-left;
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
width: $qrybldr-nav-width;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
& .e-rule-list
|
|
145
|
+
& .e-rule-list > ::after {
|
|
146
146
|
border-width: $qrybldr-rule-list-after-border;
|
|
147
147
|
height: $qrybldr-rule-list-after-height;
|
|
148
148
|
top: $qrybldr-rule-list-top;
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
|
|
155
155
|
& .e-rule-list > .e-rule-container:not(:first-child)::before {
|
|
156
156
|
height: $after-ruleborder-height;
|
|
157
|
-
|
|
157
|
+
}
|
|
158
158
|
|
|
159
159
|
& .e-rule-list > .e-rule-container::after {
|
|
160
160
|
height: $qrybldr-rule-container-after-height;
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
|
|
172
172
|
& .e-rule-list .e-group-container::after {
|
|
173
173
|
left: $qrybldr-grpcon-aftrbrder-left;
|
|
174
|
-
|
|
174
|
+
}
|
|
175
175
|
|
|
176
176
|
& .e-group-header {
|
|
177
177
|
|
|
@@ -351,15 +351,14 @@
|
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
& .e-operator,
|
|
354
|
-
|
|
355
354
|
& .e-value {
|
|
356
355
|
padding: $rulecon-padding;
|
|
357
356
|
|
|
358
357
|
& .e-radio-wrapper {
|
|
359
358
|
margin-right: $radio-wrapper-margin;
|
|
359
|
+
}
|
|
360
360
|
}
|
|
361
|
-
|
|
362
|
-
}
|
|
361
|
+
}
|
|
363
362
|
|
|
364
363
|
& .e-horizontal-mode .e-rule-delete {
|
|
365
364
|
display: $qrybldr-device-diaplay;
|
|
@@ -411,7 +410,6 @@
|
|
|
411
410
|
display: none;
|
|
412
411
|
}
|
|
413
412
|
}
|
|
414
|
-
|
|
415
413
|
}
|
|
416
414
|
|
|
417
415
|
& .e-dropdown-btn {
|
|
@@ -452,7 +450,7 @@
|
|
|
452
450
|
|
|
453
451
|
& .e-edit-rule.e-btn.e-small {
|
|
454
452
|
box-shadow: $ruledelete-shadow;
|
|
455
|
-
|
|
453
|
+
}
|
|
456
454
|
|
|
457
455
|
& .e-edit-rule {
|
|
458
456
|
right: 0;
|
|
@@ -468,7 +466,7 @@
|
|
|
468
466
|
position: $qrybldr-clspe-rule-pos;
|
|
469
467
|
right: 0;
|
|
470
468
|
top: 0;
|
|
471
|
-
|
|
469
|
+
}
|
|
472
470
|
|
|
473
471
|
& .e-summary-text {
|
|
474
472
|
border-style: none;
|
|
@@ -518,14 +516,13 @@
|
|
|
518
516
|
& ul .e-item.e-button-hide {
|
|
519
517
|
display: $qrybldr-button-hide;
|
|
520
518
|
}
|
|
521
|
-
|
|
522
519
|
}
|
|
523
520
|
|
|
524
521
|
.e-addrule.e-add-icon::before,
|
|
525
522
|
.e-addgroup.e-add-icon::before,
|
|
526
523
|
.e-query-builder .e-add-icon::before {
|
|
527
524
|
content: $qrybldr-add-icon;
|
|
528
|
-
|
|
525
|
+
}
|
|
529
526
|
|
|
530
527
|
.e-query-builder.e-device,
|
|
531
528
|
.e-bigger.e-query-builder,
|
|
@@ -546,7 +543,7 @@
|
|
|
546
543
|
margin-top: 0;
|
|
547
544
|
}
|
|
548
545
|
|
|
549
|
-
& .e-rule-list
|
|
546
|
+
& .e-rule-list > ::before {
|
|
550
547
|
top: $qrybldr-bigger-rule-list-before-top;
|
|
551
548
|
}
|
|
552
549
|
|
|
@@ -555,11 +552,11 @@
|
|
|
555
552
|
@if $skin-name == 'tailwind' {
|
|
556
553
|
font-size: 28px;
|
|
557
554
|
}
|
|
558
|
-
|
|
555
|
+
}
|
|
559
556
|
|
|
560
|
-
& .e-rule-list
|
|
557
|
+
& .e-rule-list > :first-child::before {
|
|
561
558
|
top: $bigger-rule-list-first-top;
|
|
562
|
-
|
|
559
|
+
}
|
|
563
560
|
|
|
564
561
|
& .e-rule-list {
|
|
565
562
|
padding: $qrybldr-bigger-rulelist;
|
|
@@ -576,7 +573,7 @@
|
|
|
576
573
|
& .e-rule-container {
|
|
577
574
|
margin-top: $qrybldr-rulecont-margin;
|
|
578
575
|
padding-right: $bigger-hrmode-ruledlt-mrgn;
|
|
579
|
-
|
|
576
|
+
}
|
|
580
577
|
|
|
581
578
|
& .e-rule-container.e-vertical-mode {
|
|
582
579
|
width: auto;
|
|
@@ -591,16 +588,16 @@
|
|
|
591
588
|
margin-bottom: $device-rulecon-padding;
|
|
592
589
|
padding-right: $device-rulecon-right-padding;
|
|
593
590
|
right: 0;
|
|
594
|
-
|
|
591
|
+
}
|
|
595
592
|
|
|
596
593
|
& .e-rule-container.e-horizontal-mode .e-rule-delete {
|
|
597
594
|
margin-bottom: 0;
|
|
598
|
-
|
|
595
|
+
}
|
|
599
596
|
|
|
600
597
|
& .e-horizontal-mode .e-rule-delete {
|
|
601
598
|
display: $qrybldr-device-diaplay;
|
|
602
599
|
margin-left: $bigger-ruledelete-marginleft;
|
|
603
|
-
|
|
600
|
+
}
|
|
604
601
|
|
|
605
602
|
& .e-horizontal-mode .e-rule-filter,
|
|
606
603
|
& .e-horizontal-mode .e-rule-sub-filter,
|
|
@@ -630,9 +627,9 @@
|
|
|
630
627
|
& .e-rule-delete {
|
|
631
628
|
&.e-btn.e-small.e-round {
|
|
632
629
|
box-shadow: $ruledelete-shadow;
|
|
633
|
-
}
|
|
634
630
|
}
|
|
635
631
|
}
|
|
632
|
+
}
|
|
636
633
|
|
|
637
634
|
& .e-summary-text {
|
|
638
635
|
font-size: $qrybldr-bigger-smrytxt-font-size;
|
|
@@ -644,12 +641,11 @@
|
|
|
644
641
|
padding: $qrybldr-bigger-summary-btn-padding;
|
|
645
642
|
text-align: $qrybldr-rulelist-grcon-float;
|
|
646
643
|
}
|
|
647
|
-
|
|
648
|
-
}
|
|
644
|
+
}
|
|
649
645
|
|
|
650
646
|
#{if(&, '&', '*')}.e-device .e-rule-value {
|
|
651
647
|
width: $qrybldr-device-value-width;
|
|
652
|
-
|
|
648
|
+
}
|
|
653
649
|
|
|
654
650
|
#{if(&, '&', '*')}.e-bigger .e-group-body .e-rule-container {
|
|
655
651
|
& .e-rule-filter,
|
|
@@ -657,6 +653,6 @@
|
|
|
657
653
|
& .e-operator,
|
|
658
654
|
& .e-value {
|
|
659
655
|
padding: $bigger-rulecon-padding;
|
|
660
|
-
|
|
656
|
+
}
|
|
661
657
|
}
|
|
662
658
|
}
|
|
@@ -84,7 +84,7 @@ $qrybldr-val-error-border: 8px solid !default;
|
|
|
84
84
|
$biggerafter-ruleborder-height: calc(50% + 12px) !default;
|
|
85
85
|
$qrybldr-bigger-rule-list-before-top: -12px !default;
|
|
86
86
|
$qrybldr-rule-list-first-top: -12px !default;
|
|
87
|
-
$qrybldr-collapse-rule-padding: 0
|
|
87
|
+
$qrybldr-collapse-rule-padding: 0 14px !default;
|
|
88
88
|
$qrybldr-multi-maxwidth: 200px !default;
|
|
89
89
|
$qrybldr-device-multi-maxwidth: 100% !default;
|
|
90
90
|
$qrybldr-btn-left: 0 !default;
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
background-color: $qrybldr-bg-color;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
& .e-rule-list
|
|
75
|
-
& .e-rule-list
|
|
74
|
+
& .e-rule-list > ::after,
|
|
75
|
+
& .e-rule-list > ::before {
|
|
76
76
|
border-color: $qrybldr-rule-list-border-color;
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
background: $qrybldr-btngroup-bgcolor;
|
|
108
108
|
border-color: $qrybldr-brdr-color;
|
|
109
109
|
color: $qrybldr-btngroup-color;
|
|
110
|
-
|
|
110
|
+
}
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
& .e-group-header .e-btn-group:not(.e-rtl) .e-qb-toggle:last-of-type {
|
|
@@ -159,32 +159,30 @@
|
|
|
159
159
|
&:active,
|
|
160
160
|
&:hover {
|
|
161
161
|
background-color: $qrybldr-brdr-color;
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
}
|
|
162
|
+
}
|
|
165
163
|
}
|
|
164
|
+
}
|
|
166
165
|
}
|
|
167
166
|
|
|
168
167
|
.e-tooltip-wrap.e-querybuilder-error,
|
|
169
168
|
.e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
|
|
170
169
|
background-color: $qrybldr-val-error-bg-color;
|
|
171
170
|
border-color: $qrybldr-val-error-bg-color;
|
|
172
|
-
|
|
171
|
+
}
|
|
173
172
|
|
|
174
173
|
.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
|
|
175
174
|
.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
|
|
176
175
|
border-bottom-color: $qrybldr-val-error-bg-color;
|
|
177
176
|
color: $qrybldr-val-error-bg-color;
|
|
178
|
-
|
|
177
|
+
}
|
|
179
178
|
|
|
180
179
|
.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
|
|
181
180
|
.e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
|
|
182
181
|
border-top-color: $qrybldr-val-error-bg-color;
|
|
183
182
|
color: $qrybldr-val-error-bg-color;
|
|
184
|
-
|
|
183
|
+
}
|
|
185
184
|
|
|
186
185
|
.e-tooltip-wrap.e-querybuilder-error .e-tip-content,
|
|
187
186
|
.e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
|
|
188
187
|
color: $qrybldr-val-error-color;
|
|
189
|
-
|
|
190
|
-
|
|
188
|
+
}
|
|
@@ -80,6 +80,9 @@
|
|
|
80
80
|
color: #000;
|
|
81
81
|
top: 12px;
|
|
82
82
|
}
|
|
83
|
+
.e-multiselect .e-multi-select-wrapper input {
|
|
84
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
85
|
+
}
|
|
83
86
|
.e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
|
|
84
87
|
color: #4f4f4f;
|
|
85
88
|
font-family: inherit;
|
|
@@ -172,6 +175,8 @@
|
|
|
172
175
|
width: 30px;
|
|
173
176
|
}
|
|
174
177
|
|
|
178
|
+
/* stylelint-disable-line no-empty-source */
|
|
179
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
175
180
|
@keyframes material-spinner-rotate {
|
|
176
181
|
0% {
|
|
177
182
|
transform: rotate(0);
|
|
@@ -80,6 +80,9 @@
|
|
|
80
80
|
color: #fff;
|
|
81
81
|
top: 12px;
|
|
82
82
|
}
|
|
83
|
+
.e-multiselect .e-multi-select-wrapper input {
|
|
84
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
85
|
+
}
|
|
83
86
|
.e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
|
|
84
87
|
color: #969696;
|
|
85
88
|
font-family: inherit;
|
|
@@ -174,6 +177,8 @@
|
|
|
174
177
|
width: 30px;
|
|
175
178
|
}
|
|
176
179
|
|
|
180
|
+
/* stylelint-disable-line no-empty-source */
|
|
181
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
177
182
|
@keyframes material-spinner-rotate {
|
|
178
183
|
0% {
|
|
179
184
|
transform: rotate(0);
|