Skip to content

Commit c1482cc

Browse files
author
pipeline
committed
v27.1.55 is released
1 parent 2309f6d commit c1482cc

File tree

214 files changed

+10639
-8117
lines changed

Some content is hidden

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

214 files changed

+10639
-8117
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-
## 27.1.53 (2024-10-15)
5+
## 27.1.55 (2024-10-22)
66

77
### Barcode
88

‎controls/base/CHANGELOG.md

+14
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,24 @@
22

33
## [Unreleased]
44

5+
## 27.1.55 (2024-10-22)
6+
7+
### Common
8+
9+
#### New Features
10+
11+
- Provided `isPreventScroll` API for `drag` and `drop`.
12+
513
## 27.1.53 (2024-10-15)
614

715
### Common
816

17+
#### Bug Fixes
18+
19+
- `#I642700` - The issue with "the `webpack external` files missing from CDN and NPM packages" has been resolved.
20+
21+
### Common
22+
923
#### New Features
1024

1125
- Provided support for handling license key validation in CI services.

‎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": "27.1.52",
3+
"version": "27.1.53",
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/spec/observer.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ describe('Observable', () => {
1010
let evtName: string[] = ['event1'];
1111
let obj: Object = { test: 'context' };
1212
let obj2: Object = { dynamicContext: 'dynamic' };
13-
let context1: any = { isRendered: false, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [1253, 1232, 6443] };
14-
let context2: any = { isRendered: false, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [4652, 3465, 7643] };
13+
let context1: any = { isReactMock: true, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [1253, 1232, 6443] };
14+
let context2: any = { isReactMock: true, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [4652, 3465, 7643] };
1515
beforeEach(() => {
1616
instance = new Observer(obj);
1717
event1Spy = jasmine.createSpy('event1');

‎controls/base/src/browser.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ export class Browser {
164164
browserDetails['isTouch'] = true;
165165
browserDetails['isPointer'] = true;
166166
}
167-
if (window && window.Capacitor && window.Capacitor.getPlatform() === 'ios') {
167+
if (typeof window !== 'undefined' && window.Capacitor && window.Capacitor.getPlatform() === 'ios') {
168168
browserDetails['isPointer'] = false;
169169
}
170170
if ('undefined' === typeof (<{ [key: string]: Object }>browserDetails)[`${key}`]) {

‎controls/base/src/draggable-model.d.ts

+7
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,13 @@ export interface DraggableModel {
5959
*/
6060
isPreventSelect?: boolean;
6161

62+
/**
63+
* Defines whether need to prevent scrolling while dragging.
64+
*
65+
* @private
66+
*/
67+
isPreventScroll?: boolean;
68+
6269
/**
6370
* Specifies the callback function for drag event.
6471
*

‎controls/base/src/draggable.ts

+14-1
Original file line numberDiff line numberDiff line change
@@ -233,6 +233,13 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
233233
*/
234234
@Property(true)
235235
public isPreventSelect: boolean;
236+
/**
237+
* Defines whether need to prevent scrolling while dragging.
238+
*
239+
* @private
240+
*/
241+
@Property(false)
242+
public isPreventScroll: boolean;
236243
/**
237244
* Specifies the callback function for drag event.
238245
*
@@ -828,7 +835,13 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
828835
if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
829836
draEleTop += this.dragArea.scrollTop;
830837
}
831-
const dragValue: DragPosition = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
838+
let dragValue: DragPosition = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
839+
if (this.isPreventScroll) {
840+
dragValue = this.getProcessedPositionValue({
841+
top: (this.position.top - this.parentClientRect.top - 2) + 'px',
842+
left: (this.position.left - this.parentClientRect.left - 2) + 'px'
843+
});
844+
}
832845
setStyleAttribute(helperElement, this.getDragPosition(dragValue));
833846
if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
834847
this.helperElement.scrollIntoView();

‎controls/base/src/observer.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,7 @@ export class Observer {
195195
if (eventsArr) {
196196
for (let i: number = 0; i < eventsArr.length; i++) {
197197
const curContext: any = eventsArr[parseInt(i.toString(), 10)].context;
198-
if (curContext && curContext.detectFunction && curContext.randomId && !curContext.isRendered) {
198+
if (curContext && curContext.detectFunction && curContext.randomId && curContext.isReactMock) {
199199
this.off('notifyExternalChange', curContext.detectFunction, curContext.randomId);
200200
i--;
201201
}

‎controls/buttons/CHANGELOG.md

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

33
## [Unreleased]
44

5-
## 27.1.53 (2024-10-15)
5+
## 27.1.55 (2024-10-22)
66

77
### Checkbox
88

‎controls/calendars/CHANGELOG.md

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

33
## [Unreleased]
44

5+
## 27.1.55 (2024-10-22)
6+
7+
### DateTimePicker
8+
9+
#### Bug Fixes
10+
11+
- `#I632734` - Fixed an issue where the page automatically scrolled to the top when users began typing in the masked datetime picker on iPad.
12+
513
## 27.1.51 (2024-09-30)
614

715
### DateTimePicker

‎controls/calendars/spec/timepicker/masked-timepicker.spec.ts

+45-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { TimePicker } from "../../src/timepicker/timepicker";
22
import { MaskedDateTime } from '../../src/maskbase/masked-date-time';
3-
import { createElement,L10n, Ajax, loadCldr} from '@syncfusion/ej2-base';
3+
import { createElement,L10n, Ajax, loadCldr, Browser} from '@syncfusion/ej2-base';
44

55

66
function loadCultureFiles(name: string, base?: boolean): void {
@@ -218,6 +218,49 @@ describe('Timepicker', () => {
218218
timepicker.inputBlurHandler()
219219
expect((timepicker.value.getHours() % 12).toString()+':'+timepicker.value.getMinutes().toString()+':'+timepicker.value.getSeconds().toString()).toBe('1:2:9');
220220
});
221+
it('Value property with IOS Devices', () => {
222+
let iPhoneUa: string = 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1';
223+
let ua = Browser.userAgent;
224+
Browser.userAgent = iPhoneUa;
225+
let inputEle: HTMLElement = createElement('input', { id: 'iostimepicker' });
226+
let divEle: HTMLElement = createElement('div', { id: 'ioscontainer' });
227+
inputEle.style.marginTop = '1400px';
228+
divEle.style.maxHeight = '500px';
229+
divEle.style.overflow = 'auto';
230+
divEle.appendChild(inputEle);
231+
document.body.appendChild(divEle);
232+
timepicker = new TimePicker({enableMask: true , format: 'hh:mm:ss aa'});
233+
timepicker.appendTo('#iostimepicker');
234+
timepicker.focusIn();
235+
timepicker.mouseUpHandler(mouseEventArgs);
236+
expect(timepicker.element.value).toBe('hour:minute:second AM');
237+
expect(timepicker.value).toBe(null);
238+
timepicker.element.value = '1:minute:second AM';
239+
timepicker.element.selectionStart = 1;
240+
timepicker.inputEventHandler();
241+
expect(timepicker.element.value).toBe('01:minute:second AM');
242+
expect(timepicker.value).toBe(null);
243+
timepicker.element.value = '01:2:second AM';
244+
timepicker.element.selectionStart = 4;
245+
timepicker.inputEventHandler();
246+
expect(timepicker.element.value).toBe('01:02:second AM');
247+
expect(timepicker.value).toBe(null);
248+
timepicker.element.value = '01:02:9 AM';
249+
timepicker.element.selectionStart = 7;
250+
timepicker.inputEventHandler();
251+
expect(timepicker.element.value).toBe('01:02:09 AM');
252+
expect(timepicker.value).toBe(null);
253+
timepicker.element.value = '01:02:09 P';
254+
timepicker.element.selectionStart = 10;
255+
timepicker.inputEventHandler();
256+
expect(timepicker.element.value).toBe('01:02:09 PM');
257+
expect(timepicker.value).toBe(null);
258+
timepicker.inputBlurHandler()
259+
expect((timepicker.value.getHours() % 12).toString()+':'+timepicker.value.getMinutes().toString()+':'+timepicker.value.getSeconds().toString()).toBe('1:2:9');
260+
setTimeout(() => {
261+
Browser.userAgent = ua;
262+
}, 5);
263+
});
221264
it('24 hours format test', () => {
222265
let inputEle: HTMLElement = createElement('input', { id: 'timepicker' });
223266
document.body.appendChild(inputEle);
@@ -733,4 +776,4 @@ describe('EJ2-54456-When enabling mask support, the change event will not be tri
733776
timepicker.inputBlurHandler();
734777
});
735778
});
736-
});
779+
});

‎controls/calendars/src/maskbase/masked-date-time.ts

+24-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {IMaskedDateTime} from '../maskbase/interface';
2-
import { L10n, getValue, getDefaultDateObject, cldrData, KeyboardEventArgs} from '@syncfusion/ej2-base';
2+
import { L10n, getValue, getDefaultDateObject, cldrData, KeyboardEventArgs, Browser} from '@syncfusion/ej2-base';
33

44
const ARROWLEFT: string = 'ArrowLeft';
55
const ARROWRIGHT: string = 'ArrowRight';
@@ -763,19 +763,42 @@ export class MaskedDateTime {
763763
break;
764764
}
765765
}
766+
let scrollPositionY: number;
767+
if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
768+
const scrollableParent: HTMLElement | null = this.findScrollableParent(this.parent.inputElement);
769+
scrollPositionY = scrollableParent ? scrollableParent.getBoundingClientRect().top : window.scrollY;
770+
}
766771
this.parent.inputElement.selectionStart = start;
767772
this.validCharacterCheck();
768773
if ((this.isNavigate || this.isDeletion) && !this.isDeleteKey ) {
769774
const isbackward: boolean = this.isNavigate ? false : true;
770775
this.isNavigate = this.isDeletion = false;
771776
this.navigateSelection(isbackward);
777+
if (Browser.isDevice && (Browser.isIos || Browser.isIos7)) {
778+
setTimeout(() => {
779+
window.scrollTo(0, scrollPositionY);
780+
}, 0);
781+
}
772782
}
773783
if (this.isDeleteKey)
774784
{
775785
this.isDeletion = false;
776786
}
777787
this.isDeleteKey = false;
778788
}
789+
private findScrollableParent(element: HTMLElement | null): HTMLElement | null {
790+
while (element) {
791+
if (this.isScrollable(element)) {
792+
return element;
793+
}
794+
element = element.parentElement;
795+
}
796+
return null;
797+
}
798+
private isScrollable(element: HTMLElement): boolean {
799+
const overflowY: string = window.getComputedStyle(element).overflowY;
800+
return element.scrollHeight > element.clientHeight && (overflowY === 'auto' || overflowY === 'scroll');
801+
}
779802
private navigateSelection(isbackward : boolean): void {
780803
const start: number = this.parent.inputElement.selectionStart;
781804
const end: number = this.parent.inputElement.selectionEnd;

‎controls/charts/CHANGELOG.md

+19
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,25 @@
22

33
## [Unreleased]
44

5+
## 27.1.55 (2024-10-22)
6+
7+
### Chart
8+
9+
#### Bug Fixes
10+
11+
- `#I641213` - Data points in a multi-pane chart no longer collapse when zooming in canvas mode.
12+
- `#I641366` - The border for the multi-pane chart now renders correctly in canvas mode.
13+
- `#I640624` - The Moving Average trendline now functions as expected when the period is set to one.
14+
- `#I642177` - The `columnWidthInPixel` property now works correctly in the transposed stacked column chart.
15+
- `#I638097` - The scrollbar now functions properly during data binding.
16+
- `#I644765` - Series now renders properly when the axis interval is zero.
17+
18+
### Accumulation Chart
19+
20+
#### Bug Fixes
21+
22+
- `#I642553` - The legend text size now updates correctly when resizing the accumulation chart.
23+
524
## 27.1.53 (2024-10-15)
625

726
### Chart

‎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": "27.1.52",
3+
"version": "27.1.53",
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/spec/chart/series/stacking-column-series.spec.ts

+12
Original file line numberDiff line numberDiff line change
@@ -1532,6 +1532,18 @@ describe('Chart Control', () => {
15321532
chartObj.loaded = loaded;
15331533
chartObj.refresh();
15341534
});
1535+
it('Stacking column - with transposed true and column width in pixel', (done: Function) => {
1536+
loaded = (args: Object): void => {
1537+
let legendElement = document.getElementById('StackingColumncontainer_chart_legend_text_0');
1538+
trigger.clickEvent(legendElement);
1539+
expect(legendElement !== null).toBe(true);
1540+
done();
1541+
};
1542+
chartObj.loaded = loaded;
1543+
chartObj.series[0].columnWidthInPixel = 15;
1544+
chartObj.isTransposed = true;
1545+
chartObj.refresh();
1546+
});
15351547
});
15361548
it('memory leak', () => {
15371549
profile.sample();

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

+4-1
Original file line numberDiff line numberDiff line change
@@ -646,6 +646,9 @@ export class CartesianAxisLayoutPanel {
646646
axis.scrollbarSettings.enable)) {
647647
this.renderScrollbar(this.chart, axis);
648648
}
649+
else {
650+
if (axis.zoomingScrollBar) { axis.zoomingScrollBar.destroy(); }
651+
}
649652
}
650653

651654
/**
@@ -697,7 +700,7 @@ export class CartesianAxisLayoutPanel {
697700
};
698701

699702
this.htmlObject = chart.renderer.drawLine(optionsLine) as HTMLElement;
700-
this.element.appendChild(this.htmlObject);
703+
appendChildElement(chart.enableCanvas, this.element, this.htmlObject);
701704
}
702705

703706
/**

‎controls/charts/src/chart/axis/double-axis.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -341,7 +341,8 @@ export class Double {
341341
: axis.visibleRange.interval;
342342
}
343343
}
344-
if ((axis.visibleRange.max - axis.visibleRange.min) % axis.visibleRange.interval !== 0 && axis.valueType === 'Double' &&
344+
const rangeDifference: number = (axis.visibleRange.max - axis.visibleRange.min) % axis.visibleRange.interval;
345+
if (rangeDifference !== 0 && !isNaN(rangeDifference) && axis.valueType === 'Double' &&
345346
axis.orientation === 'Vertical' && axis.rangePadding === 'Auto') {
346347
let duplicateTempInterval: number;
347348
let tempInterval: number = axis.visibleRange.min;

‎controls/charts/src/chart/chart.ts

+12
Original file line numberDiff line numberDiff line change
@@ -4525,6 +4525,10 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
45254525
if (!newProp.primaryXAxis.crosshairTooltip) {
45264526
refreshBounds = true;
45274527
}
4528+
if (newProp.primaryXAxis.scrollbarSettings) {
4529+
refreshBounds = false;
4530+
renderer = true;
4531+
}
45284532
if (!isNullOrUndefined(axis.isInversed) || !isNullOrUndefined(axis.opposedPosition)) {
45294533
(this.primaryXAxis as Axis).setIsInversedAndOpposedPosition();
45304534
}
@@ -4538,6 +4542,10 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
45384542
if (!newProp.primaryYAxis.crosshairTooltip) {
45394543
refreshBounds = true;
45404544
}
4545+
if (newProp.primaryYAxis.scrollbarSettings) {
4546+
refreshBounds = false;
4547+
renderer = true;
4548+
}
45414549
if (!isNullOrUndefined(axis.isInversed) || !isNullOrUndefined(axis.opposedPosition)) {
45424550
(this.primaryYAxis as Axis).setIsInversedAndOpposedPosition();
45434551
}
@@ -4549,6 +4557,10 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
45494557
if (!axis.crosshairTooltip) {
45504558
refreshBounds = true;
45514559
}
4560+
if (axis.scrollbarSettings) {
4561+
refreshBounds = false;
4562+
renderer = true;
4563+
}
45524564
if (!isNullOrUndefined(axis.isInversed) || !isNullOrUndefined(axis.opposedPosition)) {
45534565
(this.axes[index as string] as Axis).setIsInversedAndOpposedPosition();
45544566
}

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

+17-1
Original file line numberDiff line numberDiff line change
@@ -2509,7 +2509,23 @@ export class Series extends SeriesBase {
25092509
this.chart.errorBarModule.render(this);
25102510
}
25112511
if (this.marker.dataLabel.visible) {
2512-
chart.dataLabelModule.render(this, this.chart, this.marker.dataLabel);
2512+
if (this.chart.enableCanvas) {
2513+
this.chart.canvasRender.ctx.save();
2514+
this.chart.canvasRender.ctx.beginPath();
2515+
if (chart.requireInvertedAxis) {
2516+
this.chart.canvasRender.ctx.rect(this.yAxis.rect.x, this.xAxis.rect.y, this.yAxis.rect.width,
2517+
this.xAxis.rect.height);
2518+
}
2519+
else {
2520+
this.chart.canvasRender.ctx.rect(this.xAxis.rect.x, this.yAxis.rect.y, this.xAxis.rect.width,
2521+
this.yAxis.rect.height);
2522+
}
2523+
this.chart.canvasRender.ctx.clip();
2524+
chart.dataLabelModule.render(this, this.chart, this.marker.dataLabel);
2525+
this.chart.canvasRender.ctx.restore();
2526+
} else {
2527+
chart.dataLabelModule.render(this, this.chart, this.marker.dataLabel);
2528+
}
25132529
}
25142530
this.appendSeriesElement(chart.seriesElements, chart);
25152531
}

0 commit comments

Comments
 (0)