Skip to content

Commit b91915e

Browse files
author
pipeline
committed
v23.1.40 is released
1 parent ef81f3b commit b91915e

File tree

549 files changed

+6859
-2592
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

549 files changed

+6859
-2592
lines changed

‎controls/base/themestudio/styles/dropdowns/drop-down-list/_bootstrap4-definition.scss

+13-2
Original file line numberDiff line numberDiff line change
@@ -152,13 +152,24 @@ $ddl-bigger-small-list-font-size: 14px !default;
152152
}
153153

154154
.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
155-
font-size: 8px;
155+
font-size: 12px;
156156
}
157157

158-
.e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
158+
.e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
159+
.e-bigger.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
160+
font-size: 14px;
161+
}
162+
163+
.e-small .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
164+
.e-small.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
159165
font-size: 10px;
160166
}
161167

168+
.e-small.e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
169+
.e-small.e-bigger.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
170+
font-size: 12px;
171+
}
172+
162173
.e-bigger.e-small .e-ddl#{&}.e-popup {
163174
@at-root {
164175
#{if(&, '&', '*')} .e-list-item,

‎controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap-dark-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,8 @@ $ddl-closer-margin-top: -4em !default;
3434
$ddl-icon-margin-top: -2.65em !default;
3535
$ddl-clear-margin-top: -3.2em !default;
3636
$ddl-icon-margin-top-bigger: -2.7em !default;
37+
$ddl-small-ddl-icon-top: -2.6em !default;
38+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
3739
$ddl-closer-margin-top-bigger: -4em !default;
3840
$ddl-chip-close-top: 9px !default;
3941
$ddl-chip-close-left: 10px !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,8 @@ $ddl-closer-margin-top: -4em !default;
3333
$ddl-icon-margin-top: -2.65em !default;
3434
$ddl-clear-margin-top: -3.2em !default;
3535
$ddl-icon-margin-top-bigger: -2.7em !default;
36+
$ddl-small-ddl-icon-top: -2.6em !default;
37+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
3638
$ddl-closer-margin-top-bigger: -4em !default;
3739
$ddl-chip-close-top: 9px !default;
3840
$ddl-chip-close-left: 10px !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap4-definition.scss

+21
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,8 @@ $ddl-chip-padding: 0 !default;
3232
$ddl-closer-margin-top: -2.9em !default;
3333
$ddl-icon-margin-top: -2.05em !default;
3434
$ddl-icon-margin-top-bigger: -2.25em !default;
35+
$ddl-small-ddl-icon-top: -1.85em !default;
36+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
3537
$ddl-clear-margin-top: -2.9em !default;
3638
$ddl-closer-margin-top-bigger: -3.5em !default;
3739
$ddl-chip-close-top: 8px !default;
@@ -194,6 +196,25 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
194196
border-right-width: 0;
195197
}
196198

199+
.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
200+
font-size: 12px;
201+
}
202+
203+
.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
204+
.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
205+
font-size: 14px;
206+
}
207+
208+
.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
209+
.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
210+
font-size: 10px;
211+
}
212+
213+
.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
214+
.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
215+
font-size: 12px;
216+
}
217+
197218
.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
198219
border-left-width: 0;
199220
border-radius: 4px 0 0 4px;

‎controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap5-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
4444
$ddl-icon-margin-top: -2.1em !default;
4545
$ddl-clear-margin-top: -2em !default;
4646
$ddl-icon-margin-top-bigger: -2.25em !default;
47+
$ddl-small-ddl-icon-top: -2em !default;
48+
$ddl-bigger-small-ddl-icon-top: -2.65em !default;
4749
$ddl-chip-mobile-radius: 2px !default;
4850
$ddl-chip-sel-mobile-height: 40px !default;
4951
$ddl-chip-selected-padding: 12px 4px 11px 0 !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_fabric-dark-definition.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,9 @@ $ddl-closer-hooker-font: 10px !default;
5656
$ddl-closer-margin-top: -3em !default;
5757
$ddl-icon-margin-top: -2.5em !default;
5858
$ddl-clear-margin-top: -3em !default;
59-
$ddl-icon-margin-top-bigger: -3.2em !default;
59+
$ddl-icon-margin-top-bigger: -3.15em !default;
60+
$ddl-small-ddl-icon-top: -2.5em !default;
61+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
6062
$ddl-closer-margin-top-bigger: -3.5em !default;
6163
$ddl-chip-font-family: inherit !default;
6264
$ddl-chip-mobile-radius: 0 !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_fabric-definition.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,9 @@ $ddl-delimviewheight-bigger: 36px !default;
5454
$ddl-closer-hooker-font: 10px !default;
5555
$ddl-closer-margin-top: -3em !default;
5656
$ddl-icon-margin-top: -2.5em !default;
57-
$ddl-icon-margin-top-bigger: -3.2em !default;
57+
$ddl-icon-margin-top-bigger: -3.15em !default;
58+
$ddl-small-ddl-icon-top: -2.5em !default;
59+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
5860
$ddl-clear-margin-top: -3em !default;
5961
$ddl-closer-margin-top-bigger: -3.5em !default;
6062
$ddl-chip-font-family: inherit !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_fluent-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,8 @@ $ddl-icon-margin-top: -1.68em !default;
4545
$ddl-clear-margin-top: -2em !default;
4646
$ddl-bigger-clear-margin-top: -2.25em !default;
4747
$ddl-icon-margin-top-bigger: -1.68em !default;
48+
$ddl-small-ddl-icon-top: -1.6em !default;
49+
$ddl-bigger-small-ddl-icon-top: -1.68em !default;
4850
$ddl-chip-mobile-radius: 2px !default;
4951
$ddl-chip-sel-mobile-height: 40px !default;
5052
$ddl-chip-selected-padding: 12px 4px 11px 0 !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_highcontrast-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
5757
$ddl-closer-margin-top: -3em !default;
5858
$ddl-icon-margin-top: -2.5em !default;
5959
$ddl-icon-margin-top-bigger: -3.1em !default;
60+
$ddl-small-ddl-icon-top: -2.5em !default;
61+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
6062
$ddl-clear-margin-top: -3.2em !default;
6163
$ddl-closer-margin-top-bigger: -3.5em !default;
6264
$ddl-chip-font-family: inherit !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_highcontrast-light-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
5757
$ddl-closer-margin-top: -3.2em !default;
5858
$ddl-icon-margin-top: -2.8em !default;
5959
$ddl-icon-margin-top-bigger: -2.8em !default;
60+
$ddl-small-ddl-icon-top: -2.5em !default;
61+
$ddl-bigger-small-ddl-icon-top: -2.85em !default;
6062
$ddl-clear-margin-top: -3.2em !default;
6163
$ddl-closer-margin-top-bigger: -3.5em !default;
6264
$ddl-chip-font-family: inherit !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_layout.scss

+12-1
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,8 @@
169169
}
170170
}
171171

172-
.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
172+
.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
173+
.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
173174
@if $ddl-multiselect-skin-name != 'Material3' {
174175
margin-top: $ddl-icon-margin-top-bigger;
175176
}
@@ -1201,6 +1202,11 @@ ejs-multiselect {
12011202
}
12021203
}
12031204

1205+
.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1206+
.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1207+
margin-top: $ddl-small-ddl-icon-top;
1208+
}
1209+
12041210
.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
12051211
@if ddl-multiselect-skin-name == 'Material3' {
12061212
height: $ddl-small-clear-icon-height;
@@ -1232,6 +1238,11 @@ ejs-multiselect {
12321238
}
12331239
}
12341240

1241+
.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1242+
.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1243+
margin-top: $ddl-bigger-small-ddl-icon-top;
1244+
}
1245+
12351246
.e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
12361247
height: $ddl-bigger-small-chip-close-square;
12371248
width: $ddl-bigger-small-chip-close-width;

‎controls/base/themestudio/styles/dropdowns/multi-select/_material-dark-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,8 @@ $ddl-closer-hooker-font: 10px !default;
5555
$ddl-chip-font-family: inherit !default;
5656
$ddl-closer-margin-top: -2.5em !default;
5757
$ddl-icon-margin-top-bigger: -2.5em !default;
58+
$ddl-small-ddl-icon-top: -1.8em !default;
59+
$ddl-bigger-small-ddl-icon-top: -2em !default;
5860
$ddl-icon-margin-top: -2.1em !default;
5961
$ddl-clear-margin-top: -2.5em !default;
6062
$ddl-closer-margin-top-bigger: -3em !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_material-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,8 @@ $ddl-closer-margin-top-bigger: -3em !default;
5757
$ddl-icon-margin-top: -2.1em !default;
5858
$ddl-clear-margin-top: -2.5em !default;
5959
$ddl-icon-margin-top-bigger: -2.5em !default;
60+
$ddl-small-ddl-icon-top: -1.8em !default;
61+
$ddl-bigger-small-ddl-icon-top: -2em !default;
6062
$ddl-chip-mobile-radius: 2px !default;
6163
$ddl-chip-sel-mobile-height: 40px !default;
6264
$ddl-chip-selected-padding: 12px 4px 11px 0 !default;

‎controls/base/themestudio/styles/dropdowns/multi-select/_tailwind-definition.scss

+2
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,8 @@ $ddl-closer-margin-top-bigger: -1.62em !default;
4545
$ddl-icon-margin-top: -1.3em !default;
4646
$ddl-clear-margin-top: -2em !default;
4747
$ddl-icon-margin-top-bigger: -1.3em !default;
48+
$ddl-small-ddl-icon-top: -1.3em !default;
49+
$ddl-bigger-small-ddl-icon-top: -1.3em !default;
4850
$ddl-chip-mobile-radius: 2px !default;
4951
$ddl-chip-sel-mobile-height: 40px !default;
5052
$ddl-chip-selected-padding: 12px 4px 11px 0 !default;

‎controls/base/themestudio/styles/grids/grid/_bootstrap4-definition.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -591,7 +591,7 @@ $grid-rtl-headercelldiv-left-align-margin: 10px !default;
591591
$grid-rtl-filtermenudiv-left-align-margin: -5px !default;
592592
$grid-rtl-sort-num-left-align-margin: 2px -2px 0 0 !default;
593593
$grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
594-
$grid-rowcell-color: $grid-content-font-color !default !default;
594+
$grid-rowcell-color: $grid-content-font-color !default;
595595
$grid-reorderarrow-margin-top: -7.5px !default;
596596
$grid-reorderdownarrow-margin-top: 2.5px !default;
597597
$grid-reorder-arrow-top-margin: 0 !default;

‎controls/base/themestudio/styles/grids/grid/_layout.scss

+5
Original file line numberDiff line numberDiff line change
@@ -1626,6 +1626,11 @@
16261626
overflow: visible;
16271627
}
16281628

1629+
.e-headercell.e-templatecell .e-headercelldiv {
1630+
height: auto;
1631+
min-height: $grid-header-height;
1632+
}
1633+
16291634
.e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
16301635
padding: 0 .6em;
16311636
}

‎controls/base/themestudio/styles/pdfviewer/pdfviewer/_theme.scss

+21-9
Original file line numberDiff line numberDiff line change
@@ -3148,6 +3148,22 @@
31483148
text-align: left;
31493149
}
31503150

3151+
.e-pv-mobile-comments-container .e-pv-comment-panel-title {
3152+
@if $skin-name == 'Material3' {
3153+
background: $content-bg-color-alt2;
3154+
border: $border-light;
3155+
border-width: 0 0 1px 1px;
3156+
font-size: $text-base;
3157+
font-weight: $pv-comment-tile-font-weight;
3158+
line-height: 16px;
3159+
padding: 0;
3160+
left: 15px;
3161+
top: 14px;
3162+
position: absolute;
3163+
text-align: left;
3164+
}
3165+
}
3166+
31513167
.e-pv-comment-panel-title-close-div.e-btn {
31523168
background: $pv-title-close-background;
31533169
border: $pv-title-close-border;
@@ -3157,17 +3173,12 @@
31573173
}
31583174
height: $pv-title-close-height;
31593175
position: $pv-title-close-position;
3160-
@if $skin-name != 'Material3' {
3161-
right: 11px;
3162-
top: 5px;
3163-
}
3176+
right: 11px;
3177+
top: 5px;
31643178
width: $pv-title-close-width;
31653179
@if $skin-name == 'FluentUI' {
31663180
padding: 4px;
31673181
}
3168-
@if $skin-name == 'Material3' {
3169-
padding: 12px 12px 12px 270px;
3170-
}
31713182
}
31723183

31733184
@if $skin-name == 'Material3' {
@@ -3180,14 +3191,15 @@
31803191
@if $skin-name != 'bootstrap5' {
31813192
color: $pv-comment-text-color;
31823193
}
3183-
@if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
3194+
@if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
31843195
color: $icon-color;
31853196
}
31863197
}
31873198

31883199
.e-pv-comments-panel-text {
31893200
font-size: 15px;
31903201
padding-left: 85px;
3202+
color: rgba(var(--color-sf-on-surface-variant));
31913203
}
31923204

31933205
.e-pv-comments-content-container {
@@ -4664,7 +4676,7 @@
46644676
}
46654677

46664678
.e-bigger .e-pv-signature-dialog-height {
4667-
@if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
4679+
@if ($skin-name == 'FluentUI') {
46684680
min-height: 592px;
46694681
}
46704682
}

‎controls/base/themestudio/styles/pdfviewer/pdfviewer/icons/_material3.scss

+1
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@
9292
.e-pv-title-close-icon::before,
9393
.e-pv-annotation-tools-close-icon::before,
9494
.e-pv-annotation-popup-close::before {
95+
color: $pv-icon-color;
9596
content: '\e7e7';
9697
}
9798

‎controls/base/themestudio/styles/pivotview/pivotview/_theme.scss

+2
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,12 @@
55
.e-pivotcell-container {
66
align-items: center;
77
display: flex;
8+
max-height: inherit;
89

910
.e-stackedheadertext,
1011
.e-headertext {
1112
&.e-cellvalue {
13+
align-self: stretch;
1214
overflow: hidden;
1315
text-overflow: ellipsis;
1416
width: 100%;

‎controls/base/themestudio/styles/richtexteditor/rich-text-editor/_layout.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -1241,7 +1241,7 @@
12411241

12421242
.e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
12431243
display: grid;
1244-
grid-template-columns: repeat(6, 1fr);
1244+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
12451245
gap: 6px;
12461246

12471247
.e-btn.e-control {
@@ -1258,7 +1258,7 @@
12581258

12591259
.e-rte-emojisearch-btn {
12601260
display: grid;
1261-
grid-template-columns: repeat(6, 1fr);
1261+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
12621262
gap: 6px;
12631263
height: 0;
12641264

‎controls/buttons/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-buttons",
3-
"version": "23.1.36",
3+
"version": "23.1.39",
44
"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/calendars/src/datepicker/datepicker.ts

+7-1
Original file line numberDiff line numberDiff line change
@@ -1123,7 +1123,8 @@ export class DatePicker extends Calendar implements IInput {
11231123
const target: HTMLElement = <HTMLElement>e.target;
11241124
if (!(closest(target, '.e-datepicker.e-popup-wrapper')) && !isNullOrUndefined(this.inputWrapper)
11251125
&& !(closest(target, '.' + INPUTCONTAINER) === this.inputWrapper.container)
1126-
&& (!target.classList.contains('e-day'))) {
1126+
&& (!target.classList.contains('e-day'))
1127+
&& (!target.classList.contains('e-dlg-overlay'))) {
11271128
this.hide(e);
11281129
this.focusOut();
11291130
} else if (closest(target, '.e-datepicker.e-popup-wrapper')) {
@@ -1697,6 +1698,11 @@ export class DatePicker extends Calendar implements IInput {
16971698
}
16981699
EventHandler.add(document, 'mousedown touchstart', this.documentHandler, this);
16991700
});
1701+
if (Browser.isDevice) {
1702+
var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay'});
1703+
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
1704+
this.mobilePopupWrapper.appendChild(dlgOverlay);
1705+
}
17001706
}
17011707
}
17021708
/**

‎controls/calendars/src/daterangepicker/daterangepicker.ts

+6-1
Original file line numberDiff line numberDiff line change
@@ -3882,7 +3882,7 @@ export class DateRangePicker extends CalendarBase {
38823882
(!isNullOrUndefined(this.targetElement) && !(target === this.targetElement))) &&
38833883
!(closest(target, '[id="' + this.popupWrapper.id + '"]'))
38843884
&& !(closest(target, '.' + INPUTCONTAINER) === this.inputWrapper.container)
3885-
&& !(closest(target, '.e-daterangepicker.e-popup') && (!target.classList.contains('e-day')))) {
3885+
&& !(closest(target, '.e-daterangepicker.e-popup') && (!target.classList.contains('e-day'))) && (!target.classList.contains('e-dlg-overlay'))) {
38863886
this.preventBlur = false;
38873887
if (this.isPopupOpen() && document.body.contains(this.popupObj.element)) {
38883888
this.applyFunction(e);
@@ -4519,6 +4519,11 @@ export class DateRangePicker extends CalendarBase {
45194519
this.isMobile || Browser.isDevice as any);
45204520
}
45214521
});
4522+
if (Browser.isDevice) {
4523+
var dlgOverlay = this.createElement('div', { className: 'e-dlg-overlay'});
4524+
dlgOverlay.style.zIndex = (this.zIndex - 1).toString();
4525+
this.mobileRangePopupWrap.appendChild(dlgOverlay);
4526+
}
45224527
}
45234528
}
45244529
}

0 commit comments

Comments
 (0)