Skip to content

Commit 7b28d24

Browse files
author
pipeline
committed
v24.1.44 is released
1 parent b439f72 commit 7b28d24

File tree

134 files changed

+2458
-612
lines changed

Some content is hidden

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

134 files changed

+2458
-612
lines changed

‎controls/barcodegenerator/CHANGELOG.md

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

33
## [Unreleased]
44

5-
## 24.1.43 (2023-12-27)
5+
## 24.1.44 (2024-01-03)
66

77
### Barcode
88

‎controls/buttons/CHANGELOG.md

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

33
## [Unreleased]
44

5-
## 24.1.43 (2023-12-27)
5+
## 24.1.41 (2023-12-18)
66

77
### RadioButton
88

‎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": "18.64.1",
3+
"version": "24.1.41",
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/buttons/spec/chips.spec.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ describe('Chips', () => {
3535
expect(element.classList.contains('e-chip-set')).toBe(false);
3636
//attribute
3737
expect(element.getAttribute('tabindex')).toBe('0');
38-
expect(element.getAttribute('role')).toBe('option');
38+
expect(element.getAttribute('role')).toBe('button');
3939
expect(element.getAttribute('aria-label')).toBe('chip content');
4040
//text content
4141
expect(element.innerText).toBe('chip content');
@@ -51,7 +51,7 @@ describe('Chips', () => {
5151
expect(element.innerText).toBe('chip innertext');
5252
//attribute
5353
expect(element.getAttribute('tabindex')).toBe('0');
54-
expect(element.getAttribute('role')).toBe('option');
54+
expect(element.getAttribute('role')).toBe('button');
5555
expect(element.getAttribute('aria-label')).toBe('chip innertext');
5656
//text content
5757
expect(element.innerText).toBe('chip innertext');
@@ -1346,4 +1346,4 @@ describe('Chips', () => {
13461346
});
13471347
});
13481348
});
1349-
});
1349+
});

‎controls/buttons/src/chips/chip-list.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -477,7 +477,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
477477
private setAttributes(): void {
478478
if (this.type === 'chip') {
479479
if(this.enabled) this.element.tabIndex = 0;
480-
this.element.setAttribute('role', 'option');
480+
this.element.setAttribute('role', 'button');
481481
} else {
482482
this.element.classList.add(classNames.chipSet);
483483
this.element.setAttribute('role', 'listbox');
@@ -508,7 +508,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
508508
const className: string[] = (classNames.chip + ' ' + (fieldsData.enabled ? ' ' : classNames.disabled) + ' ' +
509509
(fieldsData.avatarIconCss || fieldsData.avatarText ? classNames.chipWrapper : (fieldsData.leadingIconCss ?
510510
classNames.iconWrapper : ' ')) + ' ' + fieldsData.cssClass).split(' ').filter((css: string) => css);
511-
if (!this.chipType()) {
511+
if (!this.chipType() || this.type === 'chip') {
512512
chipListArray = chipArray;
513513
addClass([this.element], className);
514514
this.element.setAttribute('aria-label', fieldsData.text);
@@ -807,7 +807,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
807807
if (e.type === 'keydown') {
808808
if (e.keyCode === 13 || e.keyCode === 32) {
809809
this.clickHandler(e);
810-
} else if (e.keyCode === 46 && this.enableDelete) {
810+
} else if ((e.keyCode === 46 || e.keyCode === 8) && this.enableDelete) {
811811
this.clickHandler(e, true);
812812
}
813813
} else if (e.keyCode === 9) {

‎controls/buttons/src/speed-dial/speed-dial.ts

+6-1
Original file line numberDiff line numberDiff line change
@@ -922,7 +922,12 @@ export class SpeedDial extends Component<HTMLButtonElement> implements INotifyPr
922922
private setRTL(): void {
923923
this.popupEle.classList[this.enableRtl ? 'add' : 'remove'](RTLCLASS);
924924
this.clearHorizontalPosition();
925-
if (!(this.popupTemplate || (this.mode === 'Radial'))) { this.setLinearHorizontalPosition(); } else { this.setHorizontalPosition(); }
925+
if (!(this.popupTemplate || (this.mode === 'Radial'))) {
926+
this.setLinearHorizontalPosition();
927+
} else {
928+
if (!this.popupTemplate && this.mode === 'Radial') { this.setRadialPosition(); }
929+
this.setHorizontalPosition();
930+
}
926931
}
927932

928933
private checkTarget(): void {

‎controls/buttons/styles/button/_theme.scss

+52
Original file line numberDiff line numberDiff line change
@@ -1045,12 +1045,22 @@
10451045
@if $skin-name == 'FluentUI' {
10461046
outline: none !important; /* stylelint-disable-line declaration-no-important */
10471047
}
1048+
1049+
@if $skin-name == 'bootstrap5' {
1050+
background: $btn-outline-active-bgcolor;
1051+
color: $btn-outline-active-color;
1052+
}
10481053
}
10491054

10501055
&:focus-visible { // only for keybord
10511056
@if $skin-name == 'FluentUI' {
10521057
background: $btn-outline-bgcolor;
10531058
}
1059+
1060+
@if $skin-name == 'bootstrap5' {
1061+
box-shadow: $btn-focus-box-shadow;
1062+
}
1063+
10541064
@if $skin-name == 'Material3' {
10551065
background: $btn-active-bgcolor;
10561066
box-shadow: $btn-keyboard-focus-box-shadow;
@@ -1101,12 +1111,22 @@
11011111
@if $skin-name == 'FluentUI' {
11021112
outline: none !important; /* stylelint-disable-line declaration-no-important */
11031113
}
1114+
1115+
@if $skin-name == 'bootstrap5' {
1116+
background: $btn-outline-primary-focus-bgcolor;
1117+
color: $btn-outline-active-color;
1118+
}
11041119
}
11051120

11061121
&:focus-visible { // only for keybord
11071122
@if $skin-name == 'FluentUI' {
11081123
background: $btn-outline-bgcolor;
11091124
}
1125+
1126+
@if $skin-name == 'bootstrap5' {
1127+
box-shadow: $btn-primary-focus-box-shadow;
1128+
}
1129+
11101130
@if $skin-name == 'Material3' {
11111131
background: $btn-primary-active-bgcolor;
11121132
box-shadow: $btn-keyboard-focus-box-shadow;
@@ -1164,12 +1184,20 @@
11641184
@if $skin-name == 'FluentUI' {
11651185
outline: none !important; /* stylelint-disable-line declaration-no-important */
11661186
}
1187+
1188+
@if $skin-name == 'bootstrap5' {
1189+
background: $btn-success-bgcolor;
1190+
color: $btn-success-color;
1191+
}
11671192
}
11681193

11691194
&:focus-visible { // only for keybord
11701195
@if $skin-name == 'FluentUI' {
11711196
background: $btn-outline-bgcolor;
11721197
}
1198+
@if $skin-name == 'bootstrap5' {
1199+
box-shadow: $btn-success-focus-box-shadow;
1200+
}
11731201
@if $skin-name == 'Material3' {
11741202
background: $btn-success-active-bgcolor;
11751203
box-shadow: $btn-keyboard-focus-box-shadow;
@@ -1227,12 +1255,20 @@
12271255
@if $skin-name == 'FluentUI' {
12281256
outline: none !important; /* stylelint-disable-line declaration-no-important */
12291257
}
1258+
1259+
@if $skin-name == 'bootstrap5' {
1260+
background: $btn-info-bgcolor;
1261+
color: $btn-info-color;
1262+
}
12301263
}
12311264

12321265
&:focus-visible { // only for keybord
12331266
@if $skin-name == 'FluentUI' {
12341267
background: $btn-outline-bgcolor;
12351268
}
1269+
@if $skin-name == 'bootstrap5' {
1270+
box-shadow: $btn-info-focus-box-shadow;
1271+
}
12361272
@if $skin-name == 'Material3' {
12371273
background: $btn-info-active-bgcolor;
12381274
box-shadow: $btn-keyboard-focus-box-shadow;
@@ -1290,12 +1326,20 @@
12901326
@if $skin-name == 'FluentUI' {
12911327
outline: none !important; /* stylelint-disable-line declaration-no-important */
12921328
}
1329+
1330+
@if $skin-name == 'bootstrap5' {
1331+
background: $btn-warning-bgcolor;
1332+
color: $btn-warning-color;
1333+
}
12931334
}
12941335

12951336
&:focus-visible { // only for keybord
12961337
@if $skin-name == 'FluentUI' {
12971338
background: $btn-outline-bgcolor;
12981339
}
1340+
@if $skin-name == 'bootstrap5' {
1341+
box-shadow: $btn-warning-focus-box-shadow;
1342+
}
12991343
@if $skin-name == 'Material3' {
13001344
background: $btn-warning-active-bgcolor;
13011345
box-shadow: $btn-keyboard-focus-box-shadow;
@@ -1353,12 +1397,20 @@
13531397
@if $skin-name == 'FluentUI' {
13541398
outline: none !important; /* stylelint-disable-line declaration-no-important */
13551399
}
1400+
1401+
@if $skin-name == 'bootstrap5' {
1402+
background: $btn-danger-bgcolor;
1403+
color: $btn-danger-color;
1404+
}
13561405
}
13571406

13581407
&:focus-visible { // only for keybord
13591408
@if $skin-name == 'FluentUI' {
13601409
background: $btn-outline-bgcolor;
13611410
}
1411+
@if $skin-name == 'bootstrap5' {
1412+
box-shadow: $btn-danger-focus-box-shadow;
1413+
}
13621414
@if $skin-name == 'Material3' {
13631415
background: $btn-danger-active-bgcolor;
13641416
box-shadow: $btn-keyboard-focus-box-shadow;

‎controls/calendars/CHANGELOG.md

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

33
## [Unreleased]
44

5+
## 24.1.44 (2024-01-03)
6+
7+
### TimePicker
8+
9+
#### Bug Fixes
10+
11+
- `#I529252` - Fixed issue where changing the time in `EEE hh:mm a` format was affecting the day.
12+
513
## 24.1.43 (2023-12-27)
614

715
### DateTimePicker

‎controls/calendars/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-calendars",
3-
"version": "18.32.2",
3+
"version": "24.1.43",
44
"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/calendars/src/timepicker/timepicker.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -2034,7 +2034,7 @@ export class TimePicker extends Component<HTMLElement> implements IInput {
20342034
protected validateValue(date: Date, value: string | Date): string {
20352035
let time: string;
20362036
const val: string | Date = this.validateMinMax(value, this.min, this.max);
2037-
const newval: Date = this.createDateObj(val);
2037+
const newval: Date = this.getDateObject(val);
20382038
if (this.getFormattedValue(newval) !== this.getFormattedValue(this.value)) {
20392039
this.valueWithMinutes = isNullOrUndefined(newval) ? null : newval;
20402040
time = this.objToString(this.valueWithMinutes);

‎controls/calendars/styles/daterangepicker/_layout.scss

+11-15
Original file line numberDiff line numberDiff line change
@@ -721,13 +721,11 @@
721721
height: $modal-range-prev-next-icon-size;
722722
width: $modal-range-prev-next-icon-size;
723723
@if ($skin-name == 'Material3') {
724-
margin-right: 60vw;
725724
vertical-align: inherit;
726725
font-size: $modal-range-tablet-font-size
727726
}
728727
@media screen and (orientation: landscape) {
729728
@if ($skin-name == 'Material3') {
730-
margin-right: 78vw;
731729
vertical-align: inherit;
732730
}
733731
}
@@ -742,9 +740,6 @@
742740
#{if(&, '&', '*')} .e-next {
743741
height: $modal-range-prev-next-icon-size;
744742
width: $modal-range-prev-next-icon-size;
745-
@if ($skin-name == 'Material3') {
746-
margin-right: 42px;
747-
}
748743

749744
#{if(&, '&', '*')} span {
750745
padding: $modal-range-prev-next-icon-padding;
@@ -757,16 +752,17 @@
757752

758753
#{if(&, '&', '*')} .e-title {
759754
@media (max-height: 600px) {
760-
@if ($skin-name == 'Material3') {
761-
margin-left: $modal-header-month-name-left-width;
762-
position: absolute;
763-
text-align: center;
764-
vertical-align: middle;
765-
width: $modal-header-month-name-width;
766-
line-height: $modal-month-name-line-height;
767-
}
768-
line-height: $modal-range-month-landscape-title-line-height;
769-
}
755+
@if ($skin-name =='Material3') {
756+
margin-left: $modal-header-month-name-left-landscape-width;
757+
position: absolute;
758+
text-align: center;
759+
vertical-align: middle;
760+
width: $modal-header-month-name-width;
761+
line-height: $modal-month-name-line-height;
762+
}
763+
764+
line-height: $modal-range-month-landscape-title-line-height;
765+
}
770766

771767
@media (min-height: 600px) {
772768
@if ($skin-name == 'Material3') {

‎controls/calendars/styles/daterangepicker/_material3-definition.scss

+2-1
Original file line numberDiff line numberDiff line change
@@ -250,7 +250,8 @@ $modal-range-landscape-conetent-overflow: auto !default;
250250
$modal-range-table-display: table !default;
251251
$modal-range-start-end-size: 28px !default;
252252
$modal-month-name-line-height: 44px !default;
253-
$modal-header-month-name-left-width: -25vw !default;
253+
$modal-header-month-name-left-width: -29vw !default;
254+
$modal-header-month-name-left-landscape-width: -27vw !default;
254255
$modal-header-month-name-width: 50vw !default;
255256

256257
// header styles for presets

‎controls/charts/CHANGELOG.md

+12
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,18 @@
22

33
## [Unreleased]
44

5+
## 24.1.44 (2024-01-03)
6+
7+
### Chart
8+
9+
#### Bug Fixes
10+
11+
- #I521819 - Improved the accuracy of the normal distribution in the histogram series.
12+
- #I528067 - Removed the multilevel label if all series are not visible.
13+
- #I185777 - Fixed the marker size issue in the scatter chart during initial loading.
14+
- #I185904 - Resolved the issue with the shared tooltip when disabling `showNearestPoint`.
15+
- #I532475 - Fixed the console error in Mozilla Firefox when zooming the bubble chart.
16+
517
## 24.1.43 (2023-12-27)
618

719
### Chart

‎controls/charts/ReadMe.md

-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
[![coverage](http://ej2.syncfusion.com/badges/ej2-charts/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-charts)
2-
31
# JavaScript Chart Control
42

53
The [JavaScript Chart](https://www.syncfusion.com/javascript-ui-controls/js-charts?utm_source=npm&utm_medium=listing&utm_campaign=javascript-chart-npm) control is a well-crafted charting component for visualizing data with 50+ charts and graphs, ranging from line to financial types. It can bind data from datasource such as array of JSON objects, `OData web services` or [DataManager](https://ej2.syncfusion.com/documentation/data/data-binding/). All chart elements are rendered using Scalable Vector Graphics (SVG).

‎controls/charts/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-charts",
3-
"version": "24.1.41",
3+
"version": "24.1.43",
44
"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/charts/src/chart/axis/cartesian-panel.ts

+10-4
Original file line numberDiff line numberDiff line change
@@ -1041,8 +1041,11 @@ export class CartesianAxisLayoutPanel {
10411041
(rect.x + scrollBarHeight) + ' ' + (rect.y + rect.height) + ' ') : '';
10421042
if (labelBorder !== '') { this.createAxisBorderElement(axis, index, labelBorder, parent); }
10431043
}
1044-
if (axis.multiLevelLabels.length > 0 && this.chart.multiLevelLabelModule) {
1045-
this.chart.multiLevelLabelModule.renderYAxisMultiLevelLabels(axis, index, parent, rect);
1044+
for (let i: number = 0; i < this.chart.visibleSeries.length; i++) {
1045+
if (axis.multiLevelLabels.length > 0 && this.chart.multiLevelLabelModule && this.chart.visibleSeries[i as number].visible) {
1046+
this.chart.multiLevelLabelModule.renderYAxisMultiLevelLabels(axis, index, parent, rect);
1047+
break;
1048+
}
10461049
}
10471050
}
10481051

@@ -1712,8 +1715,11 @@ export class CartesianAxisLayoutPanel {
17121715
(axisRect.x + axisRect.width) + ' ' + startY) : '');
17131716
if (labelBorder !== '') { this.createAxisBorderElement(axis, index, labelBorder, parent); }
17141717
}
1715-
if (this.chart.multiLevelLabelModule && axis.multiLevelLabels.length > 0) {
1716-
this.chart.multiLevelLabelModule.renderXAxisMultiLevelLabels(axis, index, parent, axisRect);
1718+
for (let i: number = 0; i < this.chart.visibleSeries.length; i++) {
1719+
if (this.chart.multiLevelLabelModule && axis.multiLevelLabels.length > 0 && this.chart.visibleSeries[i as number].visible) {
1720+
this.chart.multiLevelLabelModule.renderXAxisMultiLevelLabels(axis, index, parent, axisRect);
1721+
break;
1722+
}
17171723
}
17181724
}
17191725

‎controls/charts/src/chart/series/histogram-series.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export class HistogramSeries extends ColumnSeries {
4040
sumValue += (value - mean) * (value - mean);
4141
}
4242
series.histogramValues.mean = mean;
43-
series.histogramValues.sDValue = Math.round(Math.sqrt(Math.abs(sumValue / yValues.length - 1)));
43+
series.histogramValues.sDValue = Math.sqrt(Math.abs(sumValue / yValues.length));
4444
series.histogramValues.binWidth = series.binInterval ||
4545
Math.round((3.5 * series.histogramValues.sDValue) / Math.pow(yValues.length, 1 / 3)) || 1;
4646
}

‎controls/charts/src/chart/user-interaction/tooltip.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -429,7 +429,7 @@ export class Tooltip extends BaseTooltip {
429429
argument.series = []; argument.data = [];
430430
argument.text = [];
431431
for (const data of dataCollection) {
432-
if (data.point.symbolLocations[0].x === lastData.point.symbolLocations[0].x) {
432+
if (data.point.symbolLocations[0].x === lastData.point.symbolLocations[0].x || ((data.series.type.indexOf('Column') !== -1 || lastData.series.type.indexOf('Column') !== -1) && (data.point.xValue === lastData.point.xValue))) {
433433
argument.point.push(data.point);
434434
argument.series.push(data.series);
435435
argument.text.push(this.getTooltipText(data));

0 commit comments

Comments
 (0)