v22.2.10 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 22.2.10 (2023-08-22)
+
+### Common
+
+#### Bug Fixes
+
+- `#492390` - Resolved the issue with Bold fonts are not included in material theme
+
 ## 22.2.9 (2023-08-15)
 
 ### Common

controls/base/package.json

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

controls/base/styles/_material-definition.scss

@@ -3,7 +3,7 @@
 
 @if not variable-exists('is-roboto-loaded') {
   //sass-lint:disable no-url-protocols,no-url-domains
-  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
+  @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule
 }
 
 $is-roboto-loaded: 'true' !default;

controls/buttons/CHANGELOG.md

@@ -8,6 +8,12 @@
 
 #### Bug Fixes
 
+- `#I489450` - The issue with "Indeterminate state changed to unchecked while hovering the checkbox when Tristate is enabled" has been resolved.
+
+### Checkbox
+
+#### Bug Fixes
+
 - `#I488474` - The issue with "Hovering the checkbox checked items of checkbox is unchecked while using RTL mode" in Bigger mode has been resolved.
 
 ## 22.2.8 (2023-08-08)

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "22.2.8",
+	"version": "22.2.9",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/styles/check-box/_theme.scss

@@ -64,6 +64,8 @@
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }
@@ -86,6 +88,8 @@
             }
 
             &.e-stop {
+              background-color: $cbox-focussed-checkmark-bgcolor;
+              border-color: $cbox-focussed-checkmark-border-color;
               box-shadow: $cbox-focussed-box-shadow;
               color: $cbox-indeterminate-hover-color;
             }

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 22.2.9 (2023-08-15)
+## 22.2.10 (2023-08-22)
 
 ### TimePicker
 

controls/charts/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 ## [Unreleased]
 
+## 22.2.10 (2023-08-22)
+
+### Accumulation chart
+
+#### Bug Fixes
+
+- `#I490028` - Fixed an issue where the `centerLabel` text was not being displayed in bold formatting.
+
+### Sparkline
+
+#### Bug Fixes
+
+- `#F45948` - Fixed issue with sparkline pie not displaying properly when having single point.
+- `#F45935` - Fixed an issue where the chart gets vanished when data updated after resizing the chart.
+
+## 22.2.9 (2023-08-15)
+
+### Accumulation chart
+
+#### Bug Fixes
+
+- `#I486337` - Fixed an issue where the console error thrown when disabling the animation.
+- `#I486337` - Now the destroy method is properly working in accumulation chart.
+
+### Chart
+
+#### Bug Fixes
+
+- `#I487053` - Now, `startFromZero` is functioning correctly in stackingColumn.
+
 ## 22.2.8 (2023-08-08)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "22.2.8",
+	"version": "22.2.9",
 	"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/chart/series/stacking-step-area-series.spec.ts

@@ -498,7 +498,7 @@ describe('Chart Control', () => {
         it('Checking with log axis with dataTime axis', (done: Function) => {
             loaded = (args: Object): void => {
                 let axisLabelLast: Element = document.getElementById('container1_AxisLabel_3');
-                expect(axisLabelLast.textContent == '1000').toBe(true);
+                expect(axisLabelLast.textContent == '10000').toBe(true);
                 done();
             };
             chartObj.loaded = loaded;

controls/charts/spec/pie/base/accumulation.spec.ts

@@ -612,7 +612,7 @@ describe('Checking RTL Behaviour for Title', () => {
     it('Cheking CenterLabel text', (done: Function) => {
         accumulation.loaded = (args: IAccLoadedEventArgs) => {
             let centerLabel: HTMLElement = document.getElementById('ej2-container_centerLabel');
-            expect(centerLabel.innerHTML === 'Syncfusion').toBe(true);
+            expect(centerLabel.children[0].innerHTML === 'Syncfusion').toBe(true);
             done();
         };
         accumulation.refresh();
@@ -622,7 +622,7 @@ describe('Checking RTL Behaviour for Title', () => {
             segement = getElement(sliceid + 0);
             trigger.mousemoveEvent(segement, 0, 0, 200, 200);
             let centerLabel: HTMLElement = document.getElementById('ej2-container_centerLabel');
-            expect(centerLabel.innerHTML === '1').toBe(true);
+            expect(centerLabel.children[0].innerHTML === '1').toBe(true);
             trigger.mouseleavetEvent(element, 1000, 1000);
             done();
         };

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

@@ -1971,12 +1971,22 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
             this.element.id + '_centerLabel',
             (this.series[0].animation.enable && isanimate) ? this.pieSeriesModule.center.x - 1 : this.pieSeriesModule.center.x,
             ypos,
-            getAnchor, labelCollection, '', 'auto'
+            getAnchor, '', '', 'auto'
         );
         const element: Element = textElement(
             this.renderer, options, this.centerLabel.textStyle, this.centerLabel.textStyle.color ||
              this.themeStyle.chartTitleFont.color, this.svgObject, false, this.redraw, null, null, null, null, null, null, null, null, this.themeStyle.chartTitleFont
         );
+        for (let i: number = 0; i < labelCollection.length; i++) {
+            const tspanOption: Object = { x: options.x, y: options.y + (i * centerLabelSize.height), fill: '', };
+            const tspanElement: HTMLElement = <HTMLElement>(this.renderer as SvgRenderer).createTSpan(tspanOption, '');
+            tspanElement.style.fontFamily = 'inherit';
+            tspanElement.style.fontStyle = 'inherit';
+            tspanElement.style.fontSize = 'inherit';
+            tspanElement.style.fontWeight = (labelCollection[i as number].indexOf('<b>') > -1 || labelCollection[i as number].indexOf('</b>') > -1) ? 'bold' : 'inherit';
+            tspanElement.textContent = labelCollection[i as number].replace(/<\/?b>/g, '');
+            element.appendChild(tspanElement);
+        }
         if (isanimate && this.series[0].animation.enable && this.animateSeries) {
             this.centerLabelDelay(element);
         }
@@ -2075,6 +2085,7 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
             this.element.classList.remove('e-accumulationchart-focused');
             let element: HTMLElement = document.getElementById(this.element.id + 'Keyboard_accumulationchart_focus');
             if (element) { element.remove(); }
+            removeElement('chartmeasuretext');
             this.removeSvg();
             this.svgObject = null;
         }

controls/charts/src/accumulation-chart/renderer/pie-base.ts

@@ -232,7 +232,9 @@ export class PieBase extends AccumulationBase {
                 this.accumulation.trigger(animationComplete, this.accumulation.isBlazor ? {} :
                     { series: series, accumulation: this.accumulation, chart: this.accumulation });
                 const datalabelGroup: Element = getElement(this.accumulation.element.id + '_datalabel_Series_' + series.index);
-                (datalabelGroup as HTMLElement).style.visibility = this.accumulation.isDestroyed ? 'hidden' : 'visible';
+                if (datalabelGroup) {
+                    (datalabelGroup as HTMLElement).style.visibility = this.accumulation.isDestroyed ? 'hidden' : 'visible';
+                }
             }
         });
     }

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

@@ -29,6 +29,7 @@ export class Double {
     private interval: number;
     private paddingInterval: number;
     private isColumn: number = 0;
+    private isStacking: boolean = false;
     /**
      * Constructor for the dateTime module.
      *
@@ -85,7 +86,7 @@ export class Double {
             if ((axis.doubleRange.start - axis.actualRange.interval < 0 && axis.doubleRange.start > 0)) {
                 axis.actualRange.min = 0;
             } else {
-                axis.actualRange.min = axis.doubleRange.start - axis.actualRange.interval;
+                axis.actualRange.min = axis.doubleRange.start - (this.isStacking ? 0 : axis.actualRange.interval);
             }
         } else {
             axis.actualRange.interval = axis.interval || this.calculateNumericNiceInterval(axis, axis.doubleRange.delta, size);
@@ -174,7 +175,8 @@ export class Double {
                 }
                 // For yRange
                 if (axis.orientation === 'Vertical') {
-                    this.isColumn += (series.type === 'Column' || series.type === 'Bar' || series.drawType === 'Column') ? 1 : 0;
+                    this.isColumn += (series.type.indexOf('Column') !== -1 || series.type.indexOf('Bar') !== -1 || series.drawType === 'Column') ? 1 : 0;
+                    this.isStacking = series.type.indexOf('Stacking') !== -1;
                     if (this.chart.requireInvertedAxis) {
                         this.findMinMax(<number>series.xMin - this.paddingInterval, <number>series.xMax + this.paddingInterval);
                     } else {

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

@@ -2202,7 +2202,7 @@ export class Series extends SeriesBase {
                     series.stackedValues = new StackValues(startValues, endValues);
                     const isLogAxis: boolean = series.yAxis.valueType === 'Logarithmic';
                     const isColumnBarType: boolean = (series.type.indexOf('Column') !== -1 || series.type.indexOf('Bar') !== -1);
-                    series.yMin = isLogAxis && isColumnBarType && series.yMin < 1 ? series.yMin : Math.min.apply(0, startValues);
+                    series.yMin = isLogAxis && isColumnBarType && series.yMin < 1 ? series.yMin : Math.min.apply(0, isStacking100 ? startValues : endValues);
                     series.yMax = Math.max.apply(0, endValues);
                     if (series.yMin > Math.min.apply(0, endValues)) {
                         series.yMin = (isStacking100) ? -100 :

controls/charts/src/chart/user-interaction/selection.ts

@@ -475,7 +475,7 @@ export class Selection extends BaseSelection {
         const args: ISelectionCompleteEventArgs = {
             name: selectionComplete,
             selectedDataValues: selectedPointValues,
-            cancel: false
+            cancel: false,
         };
         chart.trigger(selectionComplete, args);
     }

controls/charts/src/chart/utils/enum.ts

@@ -322,11 +322,11 @@ export type ValueType =
     'DateTimeCategory';
 /**
  * Defines the type of error bar. They are
- * * fixed -  Renders a fixed type error bar.
- * * percentage - Renders a percentage type error bar.
- * * standardDeviation - Renders a standard deviation type error bar.
- * * standardError -Renders a standard error type error bar.
- * * custom -Renders a custom type error bar.
+ * * fixed -  This type of error bar renders a fixed value type error bar. The error value is fixed and does not change.
+ * * percentage - This type of error bar renders a percentage value type error bar. The error value is calculated as a percentage of the data value.
+ * * standardDeviation - This type of error bar renders a standard deviation type error bar. The error value is based on the standard deviation of the data points.
+ * * standardError - This type of error bar renders a standard error type error bar. The error value is based on the standard error of the data points.
+ * * custom - Renders a custom type error bar. This type of error bar allows for custom calculations or representations of the error or uncertainty in the data.
  */
 export type ErrorBarType =
     /** Define the Fixed type. */
@@ -342,9 +342,9 @@ export type ErrorBarType =
 
 /**
  * Defines the direction of error bar. They are
- * * both -  Renders both direction of error bar.
- * * minus - Renders minus direction of error bar.
- * * plus - Renders plus direction error bar.
+ * * both -  This option renders error bars in both directions. It means that the error bars will extend in both the positive and negative directions from the data point.
+ * * minus - This option renders error bars in the minus direction only. It means that the error bars will extend in the negative direction from the data point.
+ * * plus - This option renders error bars in the plus direction only. It means that the error bars will extend in the positive direction from the data point.
  */
 export type ErrorBarDirection =
     /** Define the Both direction. */
@@ -356,9 +356,9 @@ export type ErrorBarDirection =
 
 /**
  * Defines the modes of error bar. They are
- * * vertical -  Renders a vertical error bar.
- * * horizontal - Renders a horizontal error bar.
- * * both - Renders both side error bar.
+ * * vertical -  This mode renders a vertical error bar for each data point. The vertical error bar extends from the top to the bottom of the data point.
+ * * horizontal - This mode renders a horizontal error bar for each data point. The horizontal error bar extends from the left to the right of the data point.
+ * * both - This mode renders both vertical and horizontal error bars for each data point. The error bars extend in both the vertical and horizontal directions.
  */
 export type ErrorBarMode =
     /** Define the Vertical mode. */

controls/charts/src/common/utils/helper.ts

@@ -729,7 +729,7 @@ export function getMinPointsDelta(axis: Axis, seriesCollection: Series[]): numbe
             });
             xValues.sort((first: Object, second: Object) => { return <number>first - <number>second; });
             if (xValues.length === 1) {
-                seriesMin = (axis.valueType === 'DateTime' && series.xMin === series.xMax) ? (series.xMin - 25920000) : (series.xMin === series.xMax ? null : series.xMin);
+                seriesMin = (axis.valueType === 'DateTime' && series.xMin === series.xMax) ? (series.xMin - 25920000) : series.xMin;
                 minVal = <number>xValues[0] - (!isNullOrUndefined(seriesMin) ?
                     seriesMin : axis.visibleRange.min);
                 if (minVal !== 0) {

controls/charts/src/sparkline/rendering/sparkline-renderer.ts

@@ -263,6 +263,7 @@ export class SparklineRenderer {
         for (let i: number = 0, stDeg: number = 90, edDeg: number, flag: string; i < points.length; i++) {
             stDeg += deg;
             deg = points[i as number]['degree'];
+            deg = (deg === 360 ? deg - 0.001 : deg);
             edDeg = stDeg + deg;
             stRad = (stDeg - 90) * Math.PI / 180.0;
             edRad = (edDeg - 90) * Math.PI / 180.0;

controls/charts/src/sparkline/sparkline.ts

@@ -594,6 +594,7 @@ export class Sparkline extends Component<HTMLElement> implements INotifyProperty
                 args.currentSize = this.availableSize;
                 this.trigger('resize', args);
                 this.render();
+                this.refreshing = false;
             },
             500);
         return false;

controls/diagrams/CHANGELOG.md

@@ -10,7 +10,8 @@
 
 - `#I486118` - Now, the orthogonal connector routing works properly when we drag connector segment.
 - `#I484774` - Now, Double click on node annotation will open the edit of invisible annotation is resolved.
-- `#I484563` - The DOM Exception will no longer thrown while removing connector with Virtualization Enabled..
+- `#I484563` - The DOM Exception will no longer thrown while removing connector with Virtualization Enabled.
+- `#I484335` - Now, highlighter rendered properly on hovering ports and nodes.
 
 ## 22.2.8 (2023-08-08)
 

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "22.2.8",
+	"version": "22.2.9",
 	"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",