v31.2.2 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 31.1.23 (2025-10-07)
+## 31.2.2 (2025-10-15)
+
+### Common
+
+#### Bug Fixes
+
+- `#768391` - Resolved the localization issue where Marathi (mr) culture was not applied correctly in Syncfusion components.
+
+## 31.1.22 (2025-10-01)
 
 ### Common
 

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "31.1.20",
+	"version": "31.1.22",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/base/src/intl/date-parser.ts

@@ -373,6 +373,19 @@ export class DateParser {
         }
         return null;
     }
+    /**
+     * Escapes all regex metacharacters in a string, preserving the {0} placeholder.
+     *
+     * @param {string} str ? - The input string to escape.
+     * @returns {string} ? - The escaped string with {0} preserved.
+     */
+    private static escapeRegex(str: string): string {
+        const tempPlaceholder = '__TEMP__';
+        const tempStr = str.replace('{0}', tempPlaceholder);
+        const metaChars = /[.*+?^${}()|[\]\\]/g;
+        const escapedStr = tempStr.replace(metaChars, '\\$&');
+        return escapedStr.replace(tempPlaceholder, '{0}');
+    }
     /**
      * Returns parsed time zone RegExp for provided hour format and time zone
      *
@@ -382,7 +395,7 @@ export class DateParser {
      * @returns {string} ?
      */
     private static parseTimeZoneRegx(hourFormat: string, tZone: base.TimeZoneOptions, nRegex: string): string {
-        const pattern: string = tZone.gmtFormat;
+        let pattern: string = tZone.gmtFormat;
         let ret: string;
         const cRegex: string = '(' + nRegex + ')' + '(' + nRegex + ')';
 
@@ -392,10 +405,12 @@ export class DateParser {
         } else {
             ret = ret.replace(/H|m/g, '(' + cRegex + '?)');
         }
+        pattern = this.escapeRegex(pattern);
         const splitStr: string[] = (ret.split(';').map((str: string): string => {
             return pattern.replace('{0}', str);
         }));
-        ret = splitStr.join('|') + '|' + tZone.gmtZeroFormat;
+        const gmtZeroFormat: string = this.escapeRegex(tZone.gmtZeroFormat);
+        ret = splitStr.join('|') + '|' + gmtZeroFormat;
         return ret;
     }
     /**

controls/calendars/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 ## [Unreleased]
 
-## 31.1.23 (2025-10-07)
+## 31.2.2 (2025-10-15)
+
+### DatePicker
+
+#### Bug Fixes
+
+- `#I765718` - Resolved an issue where the iPad keyboard would not open after selecting a date in the popup.
 
 ### DatePicker
 

controls/calendars/src/datepicker/datepicker.ts

@@ -1466,6 +1466,9 @@ export class DatePicker extends Calendar implements IInput {
                             });
                     }
                 }
+                if (Browser.isDevice && this.allowEdit && !this.readonly && Browser.isIos) {
+                    this.inputElement.blur();
+                }
             }, close: () => {
                 if (this.isDateIconClicked) {
                     (this.inputWrapper.container.children[this.index] as HTMLElement).focus();
@@ -1864,6 +1867,11 @@ export class DatePicker extends Calendar implements IInput {
         EventHandler.remove(document, 'mousedown touchstart', this.documentHandler);
         if (Browser.isDevice && this.allowEdit && !this.readonly) {
             this.inputElement.removeAttribute('readonly');
+            if (Browser.isIos) {
+                setTimeout(() => {
+                    this.inputElement.focus();
+                }, 1);
+            }
         }
         this.setAllowEdit();
     }

controls/charts/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+## 31.2.2 (2025-10-15)
+
+### Chart
+
+#### Bug Fixes
+
+- `#FB70239` - Now data is displayed properly, while exporting the transposed column chart.
+- `#I773676` - DashArray is properly applied to legend for dashed line and spline series.
+- `#I769905` - Now the first x-axis label will no longer be removed when dragging the range using the range navigator in a date-time category axis.
+
+### Accumulation Chart
+
+#### Bug Fixes
+
+- `#I770523` - Now the accumulation chart title is properly positioned when set to 'Bottom'.
+- `#I770415` - Now the trimmed legend tooltip text is displayed properly on the reversed legend.
+
 ## 31.1.23 (2025-10-07)
 
 ### Chart

controls/charts/spec/chart/trendlines/linear.spec.ts

@@ -455,6 +455,17 @@ describe('Chart', () => {
             chartObj.export('XLSX', 'Chart');
             chartObj.refresh();
         });
+        it('Checking a XLSX export with transposed chart', (): void => {
+            chartObj.loaded = (args: Object): void => {
+                const element: Element = document.getElementById('container');
+                expect(element.childElementCount).toBeGreaterThanOrEqual(1);
+            };
+            chartObj.isTransposed = true;
+            chartObj.enableExport = true
+            chartObj.export('XLSX', 'Chart');
+            chartObj.refresh();
+        });
+
     });
     it('memory leak', () => {
         profile.sample();

controls/charts/src/accumulation-chart/accumulation.ts

@@ -1218,6 +1218,7 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
         element.style.webkitUserSelect = 'none';
         element.style.position = 'relative';
         element.style.display = 'block';
+        element.style.overflow = 'hidden';
         element.style.height = (element.style.height || (this.height && this.height.indexOf('%') === -1)) ? element.style.height : 'inherit';
         let tabColor: string = '';
         switch (this.theme) {
@@ -2202,7 +2203,7 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
             textAnchor, this.titleCollection, rotation, 'auto'
         );
         const space: number = (this.series[0].type === 'Pie' && this.visibleSeries[0].dataLabel.position === 'Outside' && this.visibleSeries[0].dataLabel.connectorStyle.length) ? stringToNumber(this.visibleSeries[0].dataLabel.connectorStyle.length, this.accBaseModule.radius) : 0;
-        if (!this.subTitle && (this.series[0].type !== 'Funnel' && this.series[0].type !== 'Pyramid')) {
+        if (!this.subTitle && (this.series[0].type !== 'Funnel' && this.series[0].type !== 'Pyramid') && this.titleStyle.position === 'Top') {
             options.y = parseInt(this.series[0].radius, 10) >= 80 ? options.y :
                 (this.accBaseModule.center.y - this.accBaseModule.radius - padding
                     - titleHeight - legendHeight - expodeValue - space);

controls/charts/src/chart/axis/date-time-category-axis.ts

@@ -109,7 +109,7 @@ export class DateTimeCategory extends Category {
             else {
                 if (!this.sameInterval(axis.labels.map(Number)[i as number], axis.labels.map(Number)[i - 1], axis.actualIntervalType, i)
                     || axis.isIndexed) {
-                    if (withIn(i - padding, axis.visibleRange)) {
+                    if (withIn(i, axis.visibleRange)) {
                         triggerLabelRender(
                             this.chart, i, (axis.isIndexed ? this.getIndexedAxisLabel(axis.labels[i as number], axis.format) :
                                 <string>axis.format(new Date(axis.labels.map(Number)[i as number]))),

controls/charts/src/chart/legend/legend.ts

@@ -114,7 +114,7 @@ export class Legend extends BaseLegend {
                             (this.chart as Chart).series[series.sourceIndex].trendlines[series.index].visible : series.visible),
                         seriesType, series.legendImageUrl ? series.legendImageUrl : (series.type === 'Scatter' && series.marker.shape === 'Image' ?
                             series.marker.imageUrl : ''),
-                        series.marker.shape, series.marker.visible, null, null
+                        series.marker.shape, series.marker.visible, null, null, series.dashArray
                     ));
                 }
             } else if (this.legend.mode === 'Point') {
@@ -126,7 +126,7 @@ export class Legend extends BaseLegend {
                         points.x.toString(), fill, series.legendShape, (series.category === 'TrendLine' ?
                             (this.chart as Chart).series[series.sourceIndex].trendlines[series.index].visible : points.visible),
                         seriesType, (series.type === 'Scatter' && series.marker.shape === 'Image') ? series.marker.imageUrl : '',
-                        series.marker.shape, series.marker.visible
+                        series.marker.shape, series.marker.visible, null, null, series.dashArray
                     ));
                 }
             } else if (this.legend.mode === 'Range') {
@@ -147,7 +147,7 @@ export class Legend extends BaseLegend {
                                 legendLabel, fill, series.legendShape, (series.category === 'TrendLine' ?
                                     (this.chart as Chart).series[series.sourceIndex].trendlines[series.index].visible : points.visible),
                                 seriesType, (series.type === 'Scatter' && series.marker.shape === 'Image') ? series.marker.imageUrl : '',
-                                series.marker.shape, series.marker.visible
+                                series.marker.shape, series.marker.visible, null, null, series.dashArray
                             ));
                         }
                     }
@@ -690,3 +690,4 @@ export class Legend extends BaseLegend {
     }
 
 }
+