v24.1.45 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.44 (2024-01-03)
+## 24.1.45 (2024-01-09)
 
 ### Barcode
 

controls/base/spec/template.spec.ts

@@ -162,7 +162,20 @@ describe('Template', () => {
         let result: Element[] = [];
         result.push(createElement('div', { innerHTML: 'one   two' }));
         result.push(createElement('div', { innerHTML: 'two three   ' }));
-        expect(outDOM(template.compile(templateStr), spaceDS)).toEqual(result);
+        let templateResult: Element[] = outDOM(template.compile(templateStr), spaceDS)
+        expect(templateResult).toEqual(result);
+        expect(templateResult[0].innerHTML).toEqual('one   two');
+        expect(templateResult[1].innerHTML).toEqual('two three   ');
+    });
+
+    it('Multiple space between inner tags template string', () => {
+        let templateStr: string = "<div>${name}</div>   <div>${name}</div>";
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one   two' }));
+        result.push(createElement('div', { innerHTML: 'two three   ' }));
+        let templateResult: Element[] = outDOM(template.compile(templateStr), spaceDS)
+        expect(templateResult.length).toEqual(2);
+        expect(templateResult).toEqual(result);
     });
 
     it('JSON array input with href value with apostrophe', () => {
@@ -203,8 +216,8 @@ describe('Template', () => {
             </div>`;
         /* tslint:enable */
         let result: Element[] = [];
-        result.push(createElement('div', { innerHTML: ' <span>one</span>01 ' }));
-        result.push(createElement('div', { innerHTML: ' <span>two</span>02 ' }));
+        result.push(createElement('div', { innerHTML: '<span>one</span>01' }));
+        result.push(createElement('div', { innerHTML: '<span>two</span>02' }));
         expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
         template.expression(new RegExp('\\${([^}]*)}', 'g'));
     });

controls/base/src/template.ts

@@ -2,7 +2,7 @@
  * Template Engine
  */
 
-const LINES: RegExp = new RegExp('[\\n\\r\\s]+', 'g');
+const LINES: RegExp = new RegExp('\\n\\s+|(?<=>)\\s{1,}(?=<)', 'g');
 const QUOTES: RegExp = new RegExp(/'|"/g);
 const IF_STMT: RegExp = new RegExp('if ?\\(');
 const ELSEIF_STMT: RegExp = new RegExp('else if ?\\(');
@@ -126,7 +126,7 @@ function evalExp(str: string, nameSpace: string, helper?: Object, ignorePrefix?:
         });
     }
 
-    return str.replace(LINES, ' ').replace(DBL_QUOTED_STR, '\'$1\'').replace(
+    return str.replace(LINES, '').replace(DBL_QUOTED_STR, '\'$1\'').replace(
 
         exp,
         // eslint-disable-next-line

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.44 (2024-01-03)
+## 24.1.45 (2024-01-09)
 
 ### TimePicker
 

controls/charts/CHANGELOG.md

@@ -2,17 +2,31 @@
 
 ## [Unreleased]
 
+## 24.1.45 (2024-01-09)
+
+### AccumulationChart
+
+#### Bug Fixes
+
+- `#I533625` - Now, the `textAlignment` property in the `titleStyle` of the accumulation chart is functioning correctly.
+
+### Chart
+
+#### Bug Fixes
+
+- `#I536934` - Now, the `category` axis label renders properly when the x-value is provided as an empty string.
+
 ## 24.1.44 (2024-01-03)
 
 ### Chart
 
 #### Bug Fixes
 
-- #I521819 - Improved the accuracy of the normal distribution in the histogram series.
-- #I528067 - Removed the multilevel label if all series are not visible.
-- #I185777 - Fixed the marker size issue in the scatter chart during initial loading.
-- #I185904 - Resolved the issue with the shared tooltip when disabling `showNearestPoint`.
-- #I532475 - Fixed the console error in Mozilla Firefox when zooming the bubble chart.
+- `#I521819` - Improved the accuracy of the normal distribution in the histogram series.
+- `#I528067` - Removed the multilevel label if all series are not visible.
+- `#I185777` - Fixed the marker size issue in the scatter chart during initial loading.
+- `#I185904` - Resolved the issue with the shared tooltip when disabling `showNearestPoint`.
+- `#I532475` - Fixed the console error in Mozilla Firefox when zooming the bubble chart.
 
 ## 24.1.43 (2023-12-27)
 

controls/charts/ReadMe.md

@@ -1,3 +1,5 @@
+[![coverage](http://ej2.syncfusion.com/badges/ej2-charts/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-charts)
+
 # JavaScript Chart Control
 
 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,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "24.1.43",
+	"version": "24.1.44",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/chart3d/axis/axis.spec.ts

@@ -549,7 +549,7 @@ describe('Chart Control', () => {
                 let secondLabel: HTMLElement = document.getElementById('chartContainer2-0-axis-label-1');
                 expect(secondLabel).toEqual(null);
                 let thirdLabel: HTMLElement = document.getElementById('chartContainer2-0-axis-label-2');
-                expect(thirdLabel.textContent).toEqual('3 custom Labels');
+                expect(thirdLabel).toEqual(null);
                 done();
             };
             axisLabelRender = (args: Chart3DAxisLabelRenderEventArgs) => {

controls/charts/spec/chart3d/axis/logarithmic-axis.spec.ts

@@ -191,7 +191,7 @@ describe('Chart Control', () => {
         it('Checking Xaxis label rotation', (done: Function) => {
             loaded = (args: Object): void => {
                 let label = document.getElementById('chartContainer-0-axis-label-0');
-                expect(label.getAttribute('transform')).toBe('rotate(45,60.385239567233384,379.7413170621421)');
+                expect(label.getAttribute('transform')).toBe('rotate(45,60.385239567233384,380.7814883375094)');
                 done();
             };
             chartObj.loaded = loaded;
@@ -201,7 +201,7 @@ describe('Chart Control', () => {
         it('Checking Yaxis label rotation', (done: Function) => {
             loaded = (args: Object): void => {
                 let label = document.getElementById('chartContainer-1-axis-label-0');
-                expect(label.getAttribute('transform')).toBe('rotate(45,60.52462913595727,359.3531684698609)');
+                expect(label.getAttribute('transform')).toBe('rotate(45,60.52462913595727,357.3918083462133)');
                 done();
             };
             chartObj.loaded = loaded;
@@ -212,7 +212,7 @@ describe('Chart Control', () => {
             loaded = (args: Object): void => {
                 let label = document.getElementById('chartContainer-2-axis-label-0');
                 expect(parseInt(label.getAttribute('x'))).toBe(754);
-                expect(parseInt(label.getAttribute('y'))).toBe(359);
+                expect(parseInt(label.getAttribute('y'))).toBe(357);
                 done();
             };
             chartObj.loaded = loaded;
@@ -227,7 +227,7 @@ describe('Chart Control', () => {
         it('checking minor gridlines', (done: Function) => {
             chartObj.loaded = (args: Object): void => {
                 let tick: Element = document.getElementById('chartContainer-1-grid-lines-3');
-                expect(tick.getBoundingClientRect().top == 304.3954162597656 || tick.getBoundingClientRect().top == 194.7030487060547).toBe(true);
+                expect(tick.getBoundingClientRect().top == 304.3954162597656 || tick.getBoundingClientRect().top == 193.7574462890625).toBe(true);
                 done();
             };
             chartObj.primaryXAxis.minorTicksPerInterval = 1;

controls/charts/spec/chart3d/base/chart.spec.ts

@@ -13,8 +13,9 @@ import { getMemoryProfile, inMB, profile } from '../../common.spec';
 import { Selection3D } from '../../../src/chart3d/user-interaction/selection';
 import { Highlight3D } from '../../../src/chart3d/user-interaction/high-light';
 import { DateTime3D } from '../../../src/chart3d/axis/date-time-axis';
+import { Double3D } from '../../../src/chart3d/axis/double-axis';
 
-Chart3D.Inject(ColumnSeries3D, DataLabel3D, DateTime3D, Legend3D, Selection3D, Highlight3D, Category3D, Tooltip3D);
+Chart3D.Inject(ColumnSeries3D, Double3D, DataLabel3D, DateTime3D, Legend3D, Selection3D, Highlight3D, Category3D, Tooltip3D);
 export const categoryData: object[] = [{ x: 'USA', y: 50 }, { x: 'China', y: 40 },
     { x: 'Japan', y: 70 }, { x: 'Australia', y: 60 },
     { x: 'France', y: 50 }, { x: 'Germany', y: null },
@@ -936,6 +937,7 @@ describe('Chart Control', () => {
                     primaryYAxis: {
                         minimum: 20, maximum: 40, interval: 5,
                         title: 'Efficiency',
+                        valueType: 'Double',
                         labelFormat: '{value}%'
                     },
                     axes: [{

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

@@ -1866,15 +1866,10 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
         );
         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')) {
-            options.x = parseInt(this.series[0].radius) >= 80 ? options.x : this.accBaseModule.center.x;
             options.y = parseInt(this.series[0].radius) >= 80 ? options.y :
                 (this.accBaseModule.center.y - this.accBaseModule.radius - padding
                     - titleHeight - legendHeight - expodeValue - space);
             if (this.series[0].type === 'Pie' && (parseInt(this.series[0].radius) < 80 || isNaN(parseInt(this.series[0].radius)))) {
-                options.x = (this.accBaseModule.center.x - (titleSize.width / 2)) < this.initialClipRect.x ?
-                    (titleSize.width / 2) + this.initialClipRect.x :
-                    (this.accBaseModule.center.x + (titleSize.width / 2)) > (this.initialClipRect.x + this.initialClipRect.width) ?
-                        (this.initialClipRect.x + this.initialClipRect.width) - (titleSize.width / 2) - this.initialClipRect.x : options.x;
                 options.y = options.y < (this.initialClipRect.y - legendHeight) ? (this.initialClipRect.y - legendHeight) : options.y;
             }
         }

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

@@ -108,7 +108,7 @@ export class Category extends NiceInterval {
                 position = Math.round(tempInterval);
                 triggerLabelRender(
                     this.chart, position,
-                    axis.labels[position as number] ? axis.labels[position as number].toString() : position.toString(),
+                    axis.labels[position as number] ? axis.labels[position as number].toString() : '',
                     labelStyle, axis
                 );
             }

controls/charts/src/chart3d/axis/double-axis.ts

@@ -437,4 +437,16 @@ export class Double3D {
         return isCustom ? format.replace('{value}', axis.format(labelValue))
             : format ? axis.format(tempInterval) : axis.format(labelValue);
     }
+
+    /**
+     * Gets the module name.
+     *
+     * @returns {string} - the module name.
+     */
+    protected getModuleName(): string {
+        /**
+         * Returns the module name.
+         */
+        return 'Double3D';
+    }
 }

controls/charts/src/chart3d/axis/logarithmic-axis.ts

@@ -61,7 +61,7 @@ export class Logarithmic3D extends Double3D {
             return (item.type.indexOf('Column') !== -1 || item.type.indexOf('Bar') !== -1);
         });
         if (isRectSeries) {
-            this.min = (this.min < 0) ? (+this.min - 1) : this.min;
+            this.min = (this.min <= 0) ? (+this.min - 1) : this.min;
         }
         this.max = Math.ceil(logEnd / 1);
         this.max = this.max === this.min ? <number>this.max + 1 : this.max;

controls/charts/src/chart3d/series/bar-series.ts

@@ -48,8 +48,8 @@ export class BarSeries3D {
         const seriesIndex: number = chart.visibleSeries.indexOf(series);
         const left: number = point.left;
         const right: number = point.right;
-        const bottom: number = series.yAxis.visibleRange.min;
-        const top: number = series.yAxis.visibleRange.max;
+        const bottom: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.min) : series.yAxis.visibleRange.min;
+        const top: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.max) : series.yAxis.visibleRange.max;
         const xStart: number = series.xAxis.visibleRange.min;
         const xEnd: number = series.xAxis.visibleRange.max;
 

controls/charts/src/chart3d/series/column-series.ts

@@ -44,8 +44,8 @@ export class ColumnSeries3D {
         const seriesIndex: number = series.index;
         const left: number =  point.left;
         const right: number = point.right;
-        const bottom: number = series.yAxis.visibleRange.min;
-        const top: number = series.yAxis.visibleRange.max;
+        const bottom: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.min) : series.yAxis.visibleRange.min;
+        const top: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.max) : series.yAxis.visibleRange.max;
         const xStart: number = series.xAxis.visibleRange.min;
         const xEnd: number = series.xAxis.visibleRange.max;
 

controls/charts/src/chart3d/series/stacking-bar-series.ts

@@ -46,8 +46,8 @@ export class StackingBarSeries3D {
         const seriesIndex: number = series.index;
         const left: number =  point.left;
         const right: number = point.right;
-        const bottom: number = series.yAxis.visibleRange.min;
-        const top: number = series.yAxis.visibleRange.max;
+        const bottom: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.min) : series.yAxis.visibleRange.min;
+        const top: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.max) : series.yAxis.visibleRange.max;
         const xStart: number = series.xAxis.visibleRange.min;
         const xEnd: number = series.xAxis.visibleRange.max;
 

controls/charts/src/chart3d/series/stacking-column-series.ts

@@ -44,8 +44,8 @@ export class StackingColumnSeries3D {
         const seriesIndex: number = series.index;
         const left: number = point.left;
         const right: number = point.right;
-        const bottom: number = series.yAxis.visibleRange.min;
-        const top: number = series.yAxis.visibleRange.max;
+        const bottom: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.min) : series.yAxis.visibleRange.min;
+        const top: number = series.yAxis.valueType === 'Logarithmic' ? Math.pow(series.yAxis.logBase, series.yAxis.visibleRange.max) : series.yAxis.visibleRange.max;
         const xStart: number = series.xAxis.visibleRange.min;
         const xEnd: number = series.xAxis.visibleRange.max;
         if (!((left >= xStart) && (left <= xEnd)) || !((right >= xStart) && (right <= xEnd))) {

controls/charts/src/chart3d/utils/renderer.ts

@@ -325,7 +325,6 @@ export class AxisRenderer {
                 let x1: number = 0;
                 let y1: number = 0;
                 let pointX: number;
-                let previousVisibleLabel: number;
                 axis.visibleLabels[i as number].originalText = axis.visibleLabels[i as number].text as string;
                 let textAnchor: string;
 
@@ -394,24 +393,26 @@ export class AxisRenderer {
                             y1 = axis.visibleLabels[i as number].index ?
                                 y1 + axis.visibleLabels[i as number].index * (textSize.height + 5) : y1;
                         } else if (axis.labelIntersectAction === 'Hide') {
-                            previousVisibleLabel = previousVisibleLabel ? previousVisibleLabel : 0;
-                            if (i !== 0) {
-                                if (labels[previousVisibleLabel as number].x + labels[previousVisibleLabel as number].size.width / 2 >=
-                                    labels[i as number].x - labels[i as number].size.width / 2) {
-                                    continue;
+                            let isAxisLabelHidden: boolean = false;
+                            for (let j: number = 0; j < i; j++) {
+                                if (labels[j as number].x + (labels[j as number].size.width / 2) >= labels[i as number].x - (labels[i as number].size.width / 2)) {
+                                    isAxisLabelHidden = true;
+                                    break;
                                 }
                             }
-                            previousVisibleLabel = i;
+                            if (isAxisLabelHidden) {
+                                continue;
+                            }
                         }
                     }
                 }
                 let font: Chart3DFontModel = {
-                    size: axis.labelStyle.size,
-                    fontWeight: axis.labelStyle.fontWeight,
-                    fontStyle: axis.labelStyle.fontStyle,
-                    fontFamily: axis.labelStyle.fontFamily,
-                    color: axis.labelStyle.color,
-                    opacity: axis.labelStyle.opacity
+                    size: axis.visibleLabels[i as number].labelStyle.size,
+                    fontWeight: axis.visibleLabels[i as number].labelStyle.fontWeight,
+                    fontStyle: axis.visibleLabels[i as number].labelStyle.fontStyle,
+                    fontFamily: axis.visibleLabels[i as number].labelStyle.fontFamily,
+                    color: axis.visibleLabels[i as number].labelStyle.color,
+                    opacity: axis.visibleLabels[i as number].labelStyle.opacity
                 };
                 const element: Chart3DLabelElement = {
                     width: textSize.width, height: textSize.height, label: axis.visibleLabels[i as number], textAnchor: textAnchor,

controls/diagrams/CHANGELOG.md

@@ -2,7 +2,18 @@
 
 ## [Unreleased]
 
-## 24.1.44 (2024-01-03)
+## 24.1.45 (2024-01-09)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#F185764` - Now, removing bpmn text annotation dynamically is working properly.
+- `#I526870` - Resolved snap to lines issue when dragging shapes from palette to swimlane.
+- `#I526172` - The node now remains in the diagram when the ungroup action is performed.
+- `#FB48313` - The background color is now visible on symbol hover after rapid expand and collapse in the palette
+
+## 24.1.43 (2023-12-27)
 
 ### Diagram
 

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "24.1.41",
+	"version": "24.1.43",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",