@syncfusion/ej2-react-diagrams 20.1.61 → 20.2.39

package/CHANGELOG.md

@@ -2,12 +2,43 @@
 
 ## [Unreleased]
 
+- `FB36050` - Now, oldValue & newValue argument of property change event updated properly while change order for nodes.
+
+## 20.2.38 (2022-07-12)
+
 ### Diagram
 
-#### Bug Fixes
+#### Bug fixes
+
+- `#I387297` - Now, the Expand & Collapse work properly for layout.
+- `#I389174` - The undefined exception will no longer thrown while drag and drop the node from treeview to diagram.
+- `#I384522` - Now, connector gets rendered properly in the complex hierarchical tree layout.
+- `#I383401` - BPMN task type symbols are updated as per BPMN 2.0 standard.
+- `#FB35907` - Localization support for symbol palette search box placeholder has been added.
+
+## 20.2.36 (2022-06-30)
+
+### Diagram
+
+#### Bug fixes
+
+- `#I382500` - Now, the BPMN shape is changed properly at runtime.
+- `#I382496` - BPMN gateway sub type is working properly while changing it during runtime.
+- `#I383411` - Now, fill color is applied properly when changing the BPMN event at runtime.
+
+#### Features
+
+- `#I362749` - Provided option to adjust the distance between the source node and the target node of the orthogonal connection has been added.
+- `#I347713` - Support to modify connector segments thumb icon shape and style has been added.
+- `#FB31535` - Support for splitting and joining connectors has been added.
+- `#I362796` - Support to highlight selected diagram elements on multiple selections has been added
+- `#I362829` - Support to limit the connector segments while draw at run time has been added.
+- `#I362755` - Support to edit multiple bezier segments with multiple control points has been added.
+
+#### Behaviour changes
 
-- `#I382500` - Now, the BPMN shape changed properly at runtime.
-- `#I382496` - Bpmn gateway sub type is working properly while changing it during runtime.
+- In the Bezier connector, by default, the multiple segments will be created automatically if a user doesn't define segment collections in the application.
+- In the Bezier connector, based on segment count, multiple control points will be displayed to control the smoothness of the curve
 
 ## 20.1.60 (2022-06-14)
 

package/dist/ej2-react-diagrams.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-diagrams.umd.min.js
-*  version : 20.1.61
+*  version : 20.2.39
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-diagrams@*",
-  "_id": "@syncfusion/ej2-react-diagrams@20.1.60",
+  "_id": "@syncfusion/ej2-react-diagrams@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-KtJd/VXBazDIgBHqglPRpYWQwshit6XSnkx2zYitnAiWKSO9FrZX3z5u3nyzxKtcL+DcZxUX6pfYYTApdt6pIw==",
+  "_integrity": "sha512-D/VCMBMlx0Du1okAlWZCtOBWllUsw3oRx46lXYwGMZLtWsgOhjFqIuQ9t/KwJ5hgSXKkqW2o7eXGpchn/f8g5g==",
   "_location": "/@syncfusion/ej2-react-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-diagrams/-/ej2-react-diagrams-20.1.60.tgz",
-  "_shasum": "ef630a40f1aa9347e885c668138bee06d0a5f162",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-diagrams/-/ej2-react-diagrams-20.2.38.tgz",
+  "_shasum": "9cfa9b245fc1d3dce2388b398de48fc2d0fdc25c",
   "_spec": "@syncfusion/ej2-react-diagrams@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-diagrams": "20.1.61",
-    "@syncfusion/ej2-react-base": "~20.1.59"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-diagrams": "20.2.39",
+    "@syncfusion/ej2-react-base": "~20.2.38"
   },
   "deprecated": false,
   "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. for React",
@@ -57,6 +57,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.1.61",
+  "version": "20.2.39",
   "sideEffects": true
 }

package/styles/bootstrap-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0070f0;
+}
+
+.e-diagram-selection-line {
+  stroke: #0070f0;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/bootstrap.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #317ab9;
+}
+
+.e-diagram-selection-line {
+  stroke: #317ab9;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/bootstrap4.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #007bff;
+}
+
+.e-diagram-selection-line {
+  stroke: #007bff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/bootstrap5-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0d6efd;
+}
+
+.e-diagram-selection-line {
+  stroke: #0d6efd;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/bootstrap5.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0d6efd;
+}
+
+.e-diagram-selection-line {
+  stroke: #0d6efd;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/bootstrap-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0070f0;
+}
+
+.e-diagram-selection-line {
+  stroke: #0070f0;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/bootstrap.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #317ab9;
+}
+
+.e-diagram-selection-line {
+  stroke: #317ab9;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/bootstrap4.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #007bff;
+}
+
+.e-diagram-selection-line {
+  stroke: #007bff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/bootstrap5-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0d6efd;
+}
+
+.e-diagram-selection-line {
+  stroke: #0d6efd;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/bootstrap5.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0d6efd;
+}
+
+.e-diagram-selection-line {
+  stroke: #0d6efd;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/fabric-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0074cc;
+}
+
+.e-diagram-selection-line {
+  stroke: #0074cc;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/fabric.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d6;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d6;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/fluent-dark.css

@@ -308,7 +308,7 @@
 }
 
 .e-diagram .e-diagram-text-edit {
-  background: #fff;
+  background: #1b1a19;
   border-color: #0078d4;
   border-style: dashed;
   border-width: 1px;
@@ -319,7 +319,7 @@
 
 .e-diagram-text-edit::selection {
   background: #0078d4;
-  color: #fff;
+  color: #1b1a19;
 }
 
 .e-ruler-tick-label {
@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d4;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d4;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/fluent.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d4;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d4;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/highcontrast-light.css

@@ -333,6 +333,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #fff;
+}
+
+.e-diagram-selection-line {
+  stroke: #fff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/highcontrast.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #ffd939;
+}
+
+.e-diagram-selection-line {
+  stroke: #ffd939;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/material-dark.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #00b0ff;
+}
+
+.e-diagram-selection-line {
+  stroke: #00b0ff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/material.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #e3165b;
+}
+
+.e-diagram-selection-line {
+  stroke: #e3165b;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/tailwind-dark.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #22d3ee;
+}
+
+.e-diagram-selection-line {
+  stroke: #22d3ee;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/diagram/tailwind.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #4f46e5;
+}
+
+.e-diagram-selection-line {
+  stroke: #4f46e5;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/fabric-dark.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0074cc;
+}
+
+.e-diagram-selection-line {
+  stroke: #0074cc;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/fabric.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d6;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d6;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/fluent-dark.css

@@ -308,7 +308,7 @@
 }
 
 .e-diagram .e-diagram-text-edit {
-  background: #fff;
+  background: #1b1a19;
   border-color: #0078d4;
   border-style: dashed;
   border-width: 1px;
@@ -319,7 +319,7 @@
 
 .e-diagram-text-edit::selection {
   background: #0078d4;
-  color: #fff;
+  color: #1b1a19;
 }
 
 .e-ruler-tick-label {
@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d4;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d4;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/fluent.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #0078d4;
+}
+
+.e-diagram-selection-line {
+  stroke: #0078d4;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/highcontrast-light.css

@@ -333,6 +333,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #fff;
+}
+
+.e-diagram-selection-line {
+  stroke: #fff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/highcontrast.css

@@ -334,6 +334,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #ffd939;
+}
+
+.e-diagram-selection-line {
+  stroke: #ffd939;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/material-dark.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #00b0ff;
+}
+
+.e-diagram-selection-line {
+  stroke: #00b0ff;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/material.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #e3165b;
+}
+
+.e-diagram-selection-line {
+  stroke: #e3165b;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/tailwind-dark.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #22d3ee;
+}
+
+.e-diagram-selection-line {
+  stroke: #22d3ee;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }

package/styles/tailwind.css

@@ -335,6 +335,14 @@
   padding-left: 28px;
 }
 
+.e-diagram-selection-rect {
+  stroke: #4f46e5;
+}
+
+.e-diagram-selection-line {
+  stroke: #4f46e5;
+}
+
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }