v20.3.59 is released

Author: pipeline

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "20.3.57",
+	"version": "20.3.58",
 	"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/src/chips/chip-list.ts

@@ -571,7 +571,8 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
      * A function that finds chip based on given input.
      *
      * @param  {number | HTMLElement } fields - We can pass index number or element of chip.
-     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}.
+     * {% codeBlock src='chips/find/index.md' %}{% endcodeBlock %}
+     * 
      */
 
     public find(fields: number | HTMLElement): ChipDataArgs {
@@ -597,6 +598,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
      * @param  {string[] | number[] | ChipModel[] | string | number | ChipModel} chipsData - We can pass array of string or
      *  array of number or array of chip model or string data or number data or chip model.
      * {% codeBlock src='chips/add/index.md' %}{% endcodeBlock %}
+     * 
      * @deprecated
      */
 
@@ -615,6 +617,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
      *  or chip element or array of chip element.
      * {% codeBlock src='chips/select/index.md' %}{% endcodeBlock %}
+     * 
      */
 
     public select(fields: number | number[] | HTMLElement | HTMLElement[] | string[], selectionType?: selectionType): void {
@@ -686,6 +689,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
      * @param  {number | number[] | HTMLElement | HTMLElement[]} fields - We can pass number or array of number
      *  or chip element or array of chip element.
      * {% codeBlock src='chips/remove/index.md' %}{% endcodeBlock %}
+     * 
      */
 
     public remove(fields: number | number[] | HTMLElement | HTMLElement[]): void {
@@ -711,6 +715,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
     /**
      * Returns the selected chip(s) data.
      * {% codeBlock src='chips/getSelectedChips/index.md' %}{% endcodeBlock %}
+     * 
      */
 
     public getSelectedChips(): SelectedItem | SelectedItems {
@@ -902,6 +907,7 @@ export class ChipList extends Component<HTMLElement> implements INotifyPropertyC
     /**
      * Removes the component from the DOM and detaches all its related event handlers. Also, it removes the attributes and classes.
      * {% codeBlock src='chips/destroy/index.md' %}{% endcodeBlock %}
+     * 
      */
 
     public destroy(): void {

controls/buttons/themestudio/styles/gantt/gantt/_layout.scss

@@ -622,12 +622,12 @@
       }
 
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
 
       .e-chart-row {
@@ -907,6 +907,7 @@
 
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
 
       .e-left-resize-gripper,

controls/buttons/themestudio/styles/icons/bootstrap4.scss

@@ -1257,7 +1257,7 @@ export class DatePicker extends Calendar implements IInput {
         }
         if ((this.getModuleName() === 'datetimepicker')) {
             if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
-                date = this.globalize.parseDate(this.inputElement.value, dateOptions);
+                date = this.globalize.parseDate(this.inputElement.value.toLocaleUpperCase(), dateOptions);
             } else {
                 if (this.calendarMode === 'Gregorian') {
                     formatOptions = { type: 'dateTime', skeleton: 'yMd' };

controls/buttons/themestudio/styles/icons/bootstrap5.scss

@@ -1,21 +1,21 @@
 //layout variables
 $cbox-bigger-check-fontsize: 18px !default;
-$cbox-bigger-font-size: 18px !default;
+$cbox-bigger-font-size: 16px !default;
 $cbox-bigger-height: 24px !default;
 $cbox-bigger-indeterminate-fontsize: 20px !default;
 $cbox-bigger-indeterminate-lineheight: 23px !default;
 $cbox-bigger-lineheight: 22px !default;
 $cbox-bigger-margin: 12px !default;
 $cbox-bigger-small-check-fontsize: 16px !default;
-$cbox-bigger-small-font-size: 16px !default;
+$cbox-bigger-small-font-size: 14px !default;
 $cbox-bigger-small-height: 22px !default;
 $cbox-bigger-small-indeterminate-fontsize: 16px !default;
 $cbox-bigger-small-indeterminate-lineheight: 21px !default;
 $cbox-bigger-small-lineheight: 21px !default;
 $cbox-bigger-small-width: 22px !default;
 $cbox-bigger-width: 24px !default;
 $cbox-border: 1px solid !default;
-$cbox-font-size: 16px !default;
+$cbox-font-size: 14px !default;
 $cbox-height: 20px !default;
 $cbox-border-radius: $inputs-radius !default;
 $cbox-check-fontsize: 16px !default;

controls/buttons/themestudio/styles/icons/fluent.scss

@@ -622,12 +622,12 @@
       }
 
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
 
       .e-chart-row {
@@ -907,6 +907,7 @@
 
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
 
       .e-left-resize-gripper,

controls/buttons/themestudio/styles/icons/fusion.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "20.3.57",
+	"version": "20.3.58",
 	"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/calendars/src/datepicker/datepicker.ts

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

controls/calendars/themestudio/styles/buttons/check-box/_fluent-definition.scss

@@ -747,9 +747,11 @@ export class ConnectTool extends ToolBase {
                 inPort = getInOutConnectPorts((args.target as Node), true); outPort = getInOutConnectPorts((args.target as Node), false);
             }
             if (!arg.cancel && this.inAction && this.endPoint !== undefined && diffX !== 0 || diffY !== 0) {
-                this.blocked = !this.commandHandler.dragConnectorEnds(
-                    this.endPoint, args.source, this.currentPosition, this.selectedSegment, args.target, targetPortId);
-                this.commandHandler.updateSelector();
+                if(!arg.cancel){
+                    this.blocked = !this.commandHandler.dragConnectorEnds(
+                        this.endPoint, args.source, this.currentPosition, this.selectedSegment, args.target, targetPortId);
+                    this.commandHandler.updateSelector();
+                }
                 if (args.target && ((this.endPoint === 'ConnectorSourceEnd' && (canOutConnect(args.target) || canPortOutConnect(outPort)))
                     || (this.endPoint === 'ConnectorTargetEnd' && (canInConnect(args.target) || canPortInConnect(inPort))))) {
                     if (this.commandHandler.canDisconnect(this.endPoint, args, targetPortId, targetNodeId)) {

controls/calendars/themestudio/styles/gantt/gantt/_layout.scss

@@ -1,21 +1,21 @@
 //layout variables
 $cbox-bigger-check-fontsize: 18px !default;
-$cbox-bigger-font-size: 18px !default;
+$cbox-bigger-font-size: 16px !default;
 $cbox-bigger-height: 24px !default;
 $cbox-bigger-indeterminate-fontsize: 20px !default;
 $cbox-bigger-indeterminate-lineheight: 23px !default;
 $cbox-bigger-lineheight: 22px !default;
 $cbox-bigger-margin: 12px !default;
 $cbox-bigger-small-check-fontsize: 16px !default;
-$cbox-bigger-small-font-size: 16px !default;
+$cbox-bigger-small-font-size: 14px !default;
 $cbox-bigger-small-height: 22px !default;
 $cbox-bigger-small-indeterminate-fontsize: 16px !default;
 $cbox-bigger-small-indeterminate-lineheight: 21px !default;
 $cbox-bigger-small-lineheight: 21px !default;
 $cbox-bigger-small-width: 22px !default;
 $cbox-bigger-width: 24px !default;
 $cbox-border: 1px solid !default;
-$cbox-font-size: 16px !default;
+$cbox-font-size: 14px !default;
 $cbox-height: 20px !default;
 $cbox-border-radius: $inputs-radius !default;
 $cbox-check-fontsize: 16px !default;

controls/calendars/themestudio/styles/icons/bootstrap4.scss

@@ -622,12 +622,12 @@
       }
 
       .e-zero-spacing {
-        border-spacing: 0;
+        border-spacing: .25px;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
         //border-width: 0;
-        border-top-color: transparent;
+        border-top: 0;
       }
 
       .e-chart-row {
@@ -907,6 +907,7 @@
 
       .e-task-table {
         overflow: hidden;
+        border-collapse: separate;
       }
 
       .e-left-resize-gripper,

controls/calendars/themestudio/styles/icons/bootstrap5.scss

@@ -2,6 +2,15 @@
 
 ## [Unreleased]
 
+## 20.3.59 (2022-11-29)
+
+### Document Editor
+
+#### Bug Fixes
+
+- `#I417535` - The page number is not updated properly while inserting TOC.
+- `#I418000` , `#F178993` - Resolved the tab character width issue.
+
 ## 20.3.58 (2022-11-22)
 
 ### Document Editor

controls/calendars/themestudio/styles/icons/fluent.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-documenteditor",
-	"version": "20.3.57",
+	"version": "20.3.58",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs.",
 	"keywords": [
 		"ej2",

controls/calendars/themestudio/styles/icons/fusion.scss

@@ -1,6 +1,6 @@
 import { DocumentEditor } from '../../../src/document-editor/document-editor';
 import { createElement } from '@syncfusion/ej2-base';
-import { Editor, FieldElementBox, FieldInfo, ListTextElementBox, TableWidget, TextElementBox } from '../../../src/index';
+import { BordersAndShadingDialog, Editor, FieldElementBox, FieldInfo, ListTextElementBox, TableWidget, TextElementBox } from '../../../src/index';
 import { TestHelper } from '../../test-helper.spec';
 import { Selection } from '../../../src/index';
 import { LineWidget, ImageElementBox,ParagraphWidget } from '../../../src/index';
@@ -1002,4 +1002,42 @@ describe('To check cell index updated properly after delete columns', () => {
         editor.editor.deleteColumn();
         expect(editor.selection.start.paragraph.associatedCell.index).toBe(2);
     });
+});
+describe('To Check table format while applied border style as None', () => {
+    let editor: DocumentEditor = undefined;
+    let borderAndShadingDialog: BordersAndShadingDialog;
+    beforeAll((): void => {
+        let ele: HTMLElement = createElement('div', { id: 'container' });
+        document.body.appendChild(ele);
+        editor = new DocumentEditor({ enableEditorHistory: true, enableWordExport: true, enableEditor: true, isReadOnly: false, enableSelection: true, enableSfdtExport: true, enableComment: true , enableBordersAndShadingDialog: true});
+        editor.acceptTab = true;
+        DocumentEditor.Inject(Editor, Selection, EditorHistory, BordersAndShadingDialog);
+        (editor.documentHelper as any).containerCanvasIn = TestHelper.containerCanvas;
+        (editor.documentHelper as any).selectionCanvasIn = TestHelper.selectionCanvas;
+        (editor.documentHelper.render as any).pageCanvasIn = TestHelper.pageCanvas;
+        (editor.documentHelper.render as any).selectionCanvasIn = TestHelper.pageSelectionCanvas;
+        editor.appendTo('#container');
+        borderAndShadingDialog = editor.bordersAndShadingDialogModule;
+    });
+    afterAll((done) => {
+        if (editor) {
+            editor.destroy();
+        }
+        document.body.removeChild(document.getElementById('container'));
+        editor = undefined;
+        borderAndShadingDialog.destroy();
+        document.body.innerHTML = '';
+        setTimeout(function () {
+            done();
+        }, 1000);
+    });
+    it('To Check table format while changing border style as None', () => {
+        console.log('To Check table format while applied border style as None');
+        editor.openBlank();
+        editor.editor.insertTable(1,1);
+        borderAndShadingDialog.show();
+        (borderAndShadingDialog as any).borderStyle = 'None';
+        (borderAndShadingDialog as any).applyBordersShadingsProperties();
+        expect(editor.selection.tableFormat.table.tableFormat.borders.top.lineStyle).toBe('None');
+    });
 });