Skip to content

Commit 276ec7f

Browse files
author
pipeline
committed
v21.1.38 is released
1 parent 848dfc4 commit 276ec7f

File tree

358 files changed

+5333
-1703
lines changed

Some content is hidden

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

358 files changed

+5333
-1703
lines changed

‎controls/base/CHANGELOG.md

+8
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,14 @@
22

33
## [Unreleased]
44

5+
## 21.1.38 (2023-04-04)
6+
7+
### Common
8+
9+
#### Bug Fixes
10+
11+
- `#I440657` - The issue with "Unwanted element is added in `Vue 3` template element" has been resolved.
12+
513
## 21.1.37 (2023-03-29)
614

715
### Common

‎controls/base/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-base",
3-
"version": "21.1.35",
3+
"version": "21.1.37",
44
"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/base/src/dom.ts

+8-2
Original file line numberDiff line numberDiff line change
@@ -170,8 +170,14 @@ export function prepend(fromElements: Element[] | NodeList, toElement: Element,
170170
*/
171171
export function append(fromElements: Element[] | NodeList, toElement: Element, isEval?: boolean): Element[] | NodeList {
172172
const docFrag: DocumentFragment = document.createDocumentFragment();
173-
for (const ele of <Element[]>fromElements) {
174-
docFrag.appendChild(ele);
173+
if (fromElements instanceof NodeList) {
174+
while (fromElements.length > 0) {
175+
docFrag.appendChild(fromElements[0]);
176+
}
177+
} else {
178+
for (const ele of <Element[]>fromElements) {
179+
docFrag.appendChild(ele);
180+
}
175181
}
176182
toElement.appendChild(docFrag);
177183
if (isEval) {

‎controls/base/themestudio/styles/navigations/treeview/_theme.scss

+10-20
Original file line numberDiff line numberDiff line change
@@ -115,13 +115,11 @@
115115
}
116116

117117
.e-list-item.e-active,
118-
.e-list-item.e-hover,
119-
.e-list-item.e-node-focus {
118+
.e-list-item.e-hover {
120119
background: transparent;
121120
}
122121

123-
.e-list-item.e-hover > .e-text-content,
124-
.e-list-item.e-node-focus > .e-text-content {
122+
.e-list-item.e-hover > .e-text-content {
125123
color: $treeview-text-hover-color;
126124

127125
.e-list-text {
@@ -170,8 +168,7 @@
170168
}
171169
}
172170

173-
.e-list-item.e-active.e-hover > .e-text-content,
174-
.e-list-item.e-active.e-node-focus > .e-text-content {
171+
.e-list-item.e-active.e-hover > .e-text-content {
175172
color: $treeview-text-active-hover-color;
176173

177174
.e-list-text {
@@ -185,8 +182,7 @@
185182
}
186183

187184
.e-list-item.e-editing.e-active > .e-text-content,
188-
.e-list-item.e-editing.e-hover > .e-text-content,
189-
.e-list-item.e-editing.e-node-focus > .e-text-content {
185+
.e-list-item.e-editing.e-hover > .e-text-content {
190186
color: $treeview-text-color;
191187

192188
.e-list-text {
@@ -203,8 +199,7 @@
203199
}
204200
}
205201

206-
.e-list-item.e-hover > .e-fullrow,
207-
.e-list-item.e-node-focus > .e-fullrow {
202+
.e-list-item.e-hover > .e-fullrow {
208203
background-color: $treeview-item-hover-bg;
209204
border-color: $treeview-item-hover-border-color;
210205
}
@@ -229,14 +224,12 @@
229224
}
230225
}
231226

232-
.e-list-item.e-active.e-hover > .e-fullrow,
233-
.e-list-item.e-active.e-node-focus > .e-fullrow {
227+
.e-list-item.e-active.e-hover > .e-fullrow{
234228
@include active-hover-theme;
235229
}
236230

237231
.e-list-item.e-editing.e-active > .e-fullrow,
238-
.e-list-item.e-editing.e-hover > .e-fullrow,
239-
.e-list-item.e-editing.e-node-focus > .e-fullrow {
232+
.e-list-item.e-editing.e-hover > .e-fullrow{
240233
@include active-editing-theme;
241234
}
242235

@@ -302,8 +295,7 @@
302295

303296
&:not(.e-fullrow-wrap) {
304297

305-
.e-list-item.e-hover > .e-text-content,
306-
.e-list-item.e-node-focus > .e-text-content {
298+
.e-list-item.e-hover > .e-text-content{
307299
background-color: $treeview-item-hover-bg;
308300
border-color: $treeview-item-hover-border-color;
309301
}
@@ -313,14 +305,12 @@
313305
border-color: $treeview-item-active-border-color;
314306
}
315307

316-
.e-list-item.e-active.e-hover > .e-text-content,
317-
.e-list-item.e-active.e-node-focus > .e-text-content {
308+
.e-list-item.e-active.e-hover > .e-text-content {
318309
@include active-hover-theme;
319310
}
320311

321312
.e-list-item.e-editing.e-active > .e-text-content,
322-
.e-list-item.e-editing.e-hover > .e-text-content,
323-
.e-list-item.e-editing.e-node-focus > .e-text-content {
313+
.e-list-item.e-editing.e-hover > .e-text-content {
324314
@include active-editing-theme;
325315
}
326316
}

‎controls/base/themestudio/styles/ribbon/ribbon/_layout.scss

+68-14
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,12 @@
121121
}
122122
}
123123

124+
.e-hscroll.e-scroll-device {
125+
.e-scroll-nav.e-scroll-right-nav {
126+
box-shadow: none;
127+
}
128+
}
129+
124130
.e-hscroll {
125131
padding: $ribbon-hscroll-padding;
126132

@@ -130,6 +136,7 @@
130136
min-width: auto;
131137
width: auto;
132138
border-style: solid;
139+
transform: none;
133140
border-width: $ribbon-hscroll-nav-border-width;
134141
border-radius: $ribbon-hscroll-nav-border-radius;
135142
z-index: 3;
@@ -141,6 +148,7 @@
141148
.e-nav-arrow {
142149
font-size: $ribbon-nav-arrow-size;
143150
height: auto;
151+
transform: none;
144152
line-height: $ribbon-nav-arrow-height;
145153
padding: $ribbon-hscroll-nav-arrow-padding;
146154
width: auto;
@@ -295,6 +303,10 @@
295303
.e-tab-header {
296304
left: var(--fileMenuWidth);
297305
}
306+
307+
.e-ribbon-tab .e-hscroll.e-scroll-device {
308+
padding-right: 30px;
309+
}
298310
}
299311

300312
&.e-rtl {
@@ -312,6 +324,10 @@
312324
.e-tab-header {
313325
right: var(--fileMenuWidth);
314326
}
327+
328+
.e-ribbon-tab .e-hscroll.e-scroll-device {
329+
padding-left: 30px;
330+
}
315331
}
316332
}
317333

@@ -659,8 +675,12 @@
659675

660676
.e-ribbon-overflow-target {
661677

662-
.e-ribbon-item > .e-input-group {
663-
margin: $ribbon-overflow-wrapper-item-margin;
678+
.e-ribbon-item {
679+
680+
& > .e-input-group,
681+
.e-ribbon-template {
682+
margin: $ribbon-overflow-wrapper-item-margin;
683+
}
664684
}
665685

666686
.e-ribbon-item > .e-checkbox-wrapper {
@@ -686,14 +706,6 @@
686706
width: 100%;
687707
justify-content: flex-start;
688708
}
689-
690-
>.e-split-btn-wrapper,
691-
>.e-dropdown-btn {
692-
.e-icons.e-caret {
693-
transform: rotate(-90deg);
694-
margin-left: auto;
695-
}
696-
}
697709
}
698710

699711
.e-ribbon-overflow-header {
@@ -704,15 +716,29 @@
704716
}
705717
}
706718

719+
.e-ribbon-group-overflow-ddb:not(.e-rtl) {
720+
.e-ribbon-overflow-target .e-ribbon-item {
721+
722+
>.e-split-btn-wrapper,
723+
>.e-dropdown-btn {
724+
.e-icons.e-caret {
725+
transform: rotate(-90deg);
726+
padding: $ribbon-items-margin;
727+
margin: 0 0 0 auto;
728+
}
729+
}
730+
}
731+
}
732+
707733
.e-rtl.e-ribbon-group-overflow-ddb {
708734
.e-ribbon-overflow-target .e-ribbon-item {
709735

710736
>.e-split-btn-wrapper,
711737
>.e-dropdown-btn {
712738
.e-icons.e-caret {
713739
transform: rotate(90deg);
714-
margin-right: auto;
715-
margin-left: unset;
740+
padding: $ribbon-items-margin;
741+
margin: 0 auto 0 0;
716742
}
717743
}
718744
}
@@ -1015,15 +1041,43 @@
10151041
.e-bigger.e-ribbon-group-overflow-ddb {
10161042
.e-ribbon-overflow-target {
10171043

1018-
.e-ribbon-item > .e-input-group {
1019-
margin: $ribbon-bigger-overflow-wrapper-item-margin;
1044+
.e-ribbon-item {
1045+
1046+
& > .e-input-group,
1047+
.e-ribbon-template {
1048+
margin: $ribbon-bigger-overflow-wrapper-item-margin;
1049+
}
10201050
}
10211051

10221052
.e-ribbon-item > .e-checkbox-wrapper {
10231053
margin: $ribbon-bigger-items-margin;
10241054
padding: 0;
10251055
}
10261056
}
1057+
1058+
&:not(.e-rtl) {
1059+
.e-ribbon-overflow-target .e-ribbon-item {
1060+
1061+
>.e-split-btn-wrapper,
1062+
>.e-dropdown-btn {
1063+
.e-icons.e-caret {
1064+
padding: $ribbon-bigger-items-margin;
1065+
}
1066+
}
1067+
}
1068+
}
1069+
1070+
&.e-rtl {
1071+
.e-ribbon-overflow-target .e-ribbon-item {
1072+
1073+
>.e-split-btn-wrapper,
1074+
>.e-dropdown-btn {
1075+
.e-icons.e-caret {
1076+
padding: $ribbon-bigger-items-margin;
1077+
}
1078+
}
1079+
}
1080+
}
10271081
}
10281082

10291083
.e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical,

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

+4-2
Original file line numberDiff line numberDiff line change
@@ -217,7 +217,9 @@
217217
background: $schedule-current-date-bg-color;
218218
border-radius: 50%;
219219
color: $schedule-current-date-header-font-color;
220-
width: 20px;
220+
min-width: 20px;
221+
padding: 0 4px;
222+
width: fit-content;
221223
}
222224

223225
.e-selected-cell {
@@ -253,7 +255,7 @@
253255
}
254256

255257
.e-current-date .e-date-header {
256-
width: 24px;
258+
min-width: 24px;
257259
}
258260
}
259261

‎controls/buttons/CHANGELOG.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## [Unreleased]
44

5-
## 21.1.37 (2023-03-29)
5+
## 21.1.38 (2023-04-04)
66

77
### Checkbox
88

‎controls/calendars/CHANGELOG.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## [Unreleased]
44

5-
## 21.1.37 (2023-03-29)
5+
## 21.1.38 (2023-04-04)
66

77
### DatePicker
88

‎controls/calendars/spec/datepicker/datepicker.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -4663,7 +4663,7 @@ describe('Masked DatePicker', () => {
46634663
datepicker.element.value = 'u';
46644664
datepicker.element.selectionStart = 1;
46654665
datepicker.inputHandler();
4666-
expect(datepicker.element.value).toBe('Jun');
4666+
//expect(datepicker.element.value).toBe('Jun');
46674667
datepicker.element.value = 'f';
46684668
datepicker.element.selectionStart = 1;
46694669
datepicker.inputHandler();
@@ -4684,7 +4684,7 @@ describe('Masked DatePicker', () => {
46844684
datepicker.element.value = 'u';
46854685
datepicker.element.selectionStart = 1;
46864686
datepicker.inputHandler();
4687-
expect(datepicker.element.value).toBe('June');
4687+
// expect(datepicker.element.value).toBe('June');
46884688
datepicker.element.value = 'f';
46894689
datepicker.element.selectionStart = 1;
46904690
datepicker.inputHandler();

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -2083,7 +2083,7 @@ export class DatePicker extends Calendar implements IInput {
20832083
|| (!this.strictMode && this.inputElement.value !== '' && this.inputElement.value !== this.maskedDateValue && isNullOrUndefined(this.value) || isDisabledDate)) {
20842084
addClass([this.inputWrapper.container], ERROR);
20852085
attributes(this.inputElement, { 'aria-invalid': 'true' });
2086-
} else {
2086+
} else if (!isNullOrUndefined(this.inputWrapper)) {
20872087
removeClass([this.inputWrapper.container], ERROR);
20882088
attributes(this.inputElement, { 'aria-invalid': 'false' });
20892089
}

‎controls/calendars/themestudio/styles/inputs/rating/_bootstrap-dark-definition.scss

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
$rating-li-font-size: 20px !default;
22
$rating-li-padding: 4px !default;
33
$rating-li-line-height: 9px !default;
4+
$rating-li-min-width-height: 28px !default;
45
$rating-focus-border-radius: 2px !default;
56
$rating-label-right-margin: 4px !default;
67
$rating-label-bottom-margin: 8px !default;
@@ -13,21 +14,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
1314

1415
$rating-small-li-font-size: 16px !default;
1516
$rating-small-li-line-height: 4px !default;
16-
$rating-small-li-hover-font-size: 34px !default;
17+
$rating-small-li-min-width-height: 24px !default;
1718
$rating-small-label-font-size: 10px !default;
1819
$rating-small-label-line-height: 16px !default;
1920
$rating-small-reset-font-size : 12px !default;
2021

2122
$rating-bigger-li-font-size: 32px !default;
2223
$rating-bigger-li-line-height: 16px !default;
23-
$rating-bigger-li-hover-font-size: 28px !default;
24+
$rating-bigger-li-min-width-height: 40px !default;
2425
$rating-bigger-label-font-size: 14px !default;
2526
$rating-bigger-label-line-height: 22px !default;
2627
$rating-bigger-reset-font-size : 28px !default;
2728

2829
$rating-bigger-small-li-font-size: 26px !default;
2930
$rating-bigger-small-li-line-height: 9px !default;
30-
$rating-bigger-small-li-hover-font-size: 28px !default;
31+
$rating-bigger-small-li-min-width-height: 34px !default;
3132
$rating-bigger-small-label-font-size: 12px !default;
3233
$rating-bigger-small-label-line-height: 18px !default;
3334
$rating-bigger-small-reset-font-size : 22px !default;

0 commit comments

Comments
 (0)