@syncfusion/ej2-vue-diagrams 19.2.60 → 19.3.45

package/styles/diagram/tailwind.css

@@ -130,7 +130,7 @@
 }
 
 .e-diagram-menu .e-delete::before {
-  content: '\e78d';
+  content: '\e844';
 }
 
 .e-diagram-menu .e-ungroup::before {
@@ -145,6 +145,14 @@
   content: '\e7bd';
 }
 
+.e-diagram-menu .e-redo::before {
+  content: '\e7b9';
+}
+
+.e-diagram-menu .e-copy::before {
+  content: '\e7ce';
+}
+
 .e-diagram-menu .e-cut::before {
   content: '\e763';
 }
@@ -157,14 +165,6 @@
   content: '\e75e';
 }
 
-.e-diagram-menu .e-copy::before {
-  content: '\e7ce';
-}
-
-.e-diagram-menu .e-redo::before {
-  content: '\e7b9';
-}
-
 .e-diagram-menu .e-zoomin::before {
   content: '\e70a';
 }
@@ -206,7 +206,7 @@
 }
 
 .e-symbolpalette .e-clear-searchtext::before {
-  content: '\e771';
+  content: '\e737';
 }
 
 .e-diagram {
@@ -250,6 +250,18 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-handle.e-source.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-diagram-bezier-handle.e-target.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #4f46e5;
@@ -265,6 +277,10 @@
   stroke: #fff;
 }
 
+.e-diagram-helper {
+  stroke: #4f46e5;
+}
+
 .e-diagram-resize-handle.e-disabled {
   fill: #9ca3af;
   opacity: 1;
@@ -272,7 +288,7 @@
 }
 
 .e-diagram-rotate-handle {
-  fill: #6b7280;
+  fill: #4f46e5;
   stroke: #4f46e5;
 }
 
@@ -282,7 +298,7 @@
 
 .e-diagram-border.e-disabled {
   opacity: 1;
-  stroke: #4f46e5;
+  stroke: #9ca3af;
 }
 
 .e-diagram-border.e-thick-border {
@@ -356,7 +372,7 @@
 }
 
 .e-ruler-tick {
-  stroke: #d1d5db;
+  stroke: #9ca3af;
 }
 
 .e-menu-item e-blankicon {

package/styles/fabric-dark.css

@@ -209,7 +209,7 @@
 }
 
 .e-diagram {
-  background-color: transparent;
+  background-color: #fff;
   display: block;
 }
 
@@ -234,62 +234,79 @@
 }
 
 .e-diagram-endpoint-handle {
-  fill: #0074cc;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #0074cc;
 }
 
 .e-diagram-endpoint-handle.e-connected {
-  fill: #fff;
-  stroke: #0074cc;
+  fill: #0074cc;
+  stroke: #fff;
 }
 
 .e-diagram-endpoint-handle.e-disabled {
   fill: #9a9a9a;
   opacity: 1;
-  stroke: #000;
+  stroke: #fff;
+}
+
+.e-diagram-bezier-handle.e-source.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-diagram-bezier-handle.e-target.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #dadada !important;
 }
 
 .e-diagram-bezier-handle {
-  fill: #0074cc;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #0074cc;
 }
 
 .e-diagram-bezier-line {
-  stroke: #0063ad;
+  stroke: #0074cc;
 }
 
 .e-diagram-resize-handle {
   fill: #0074cc;
+  stroke: #0074cc;
   stroke: #fff;
 }
 
+.e-diagram-helper {
+  stroke: #0074cc;
+}
+
 .e-diagram-resize-handle.e-disabled {
   fill: #9a9a9a;
   opacity: 1;
-  stroke: #000;
+  stroke: #fff;
 }
 
 .e-diagram-rotate-handle {
-  fill: #000;
-  stroke: #fff;
+  fill: #0074cc;
+  stroke: #0074cc;
 }
 
 .e-diagram-border {
-  stroke: #0063ad;
+  stroke: #0074cc;
 }
 
 .e-diagram-border.e-disabled {
   opacity: 1;
-  stroke: #9a9a9a;
+  stroke: #c8c8c8;
 }
 
 .e-diagram-border.e-thick-border {
-  stroke: #9a9a9a;
+  stroke: #0074cc;
   stroke-width: 2;
 }
 
 .e-diagram-border.e-thick-border.e-diagram-lane {
-  stroke: #0078ff;
+  stroke: #0074cc;
   stroke-width: 2;
 }
 
@@ -307,13 +324,13 @@
 }
 
 .e-symbolpalette .e-symbol-hover:hover {
-  background: #414040;
-  border-radius: 0px;
+  background: #c8c8c8;
+  border-radius: 4px;
 }
 
 .e-symbolpalette .e-symbol-selected {
-  background: #addcff;
-  border-radius: 0px;
+  background: #4a4848;
+  border-radius: 4px;
 }
 
 .e-diagram-tooltip {
@@ -321,13 +338,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #000;
+  background-color: #333232;
   color: #9a9a9a;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #000;
+  background-color: #333232;
 }
 
 .e-diagram .e-d-ruler-marker {
@@ -336,7 +353,7 @@
 
 .e-diagram .e-diagram-text-edit {
   background: #fff;
-  border-color: #0063ad;
+  border-color: #0074cc;
   border-style: dashed;
   border-width: 1px;
   box-sizing: content-box;
@@ -350,11 +367,11 @@
 }
 
 .e-ruler-tick-label {
-  fill: #9a9a9a;
+  fill: #dadada;
 }
 
 .e-ruler-tick {
-  stroke: #c8c8c8;
+  stroke: #9a9a9a;
 }
 
 .e-menu-item e-blankicon {

package/styles/fabric.css

@@ -209,7 +209,7 @@
 }
 
 .e-diagram {
-  background-color: transparent;
+  background-color: #fff;
   display: block;
 }
 
@@ -234,13 +234,13 @@
 }
 
 .e-diagram-endpoint-handle {
-  fill: #0078d6;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #0078d6;
 }
 
 .e-diagram-endpoint-handle.e-connected {
-  fill: #fff;
-  stroke: #0078d6;
+  fill: #0078d6;
+  stroke: #fff;
 }
 
 .e-diagram-endpoint-handle.e-disabled {
@@ -249,20 +249,37 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-handle.e-source.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-diagram-bezier-handle.e-target.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+
 .e-diagram-bezier-handle {
-  fill: #0078d6;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #0078d6;
 }
 
 .e-diagram-bezier-line {
-  stroke: #005ba3;
+  stroke: #0078d6;
 }
 
 .e-diagram-resize-handle {
   fill: #0078d6;
+  stroke: #0078d6;
   stroke: #fff;
 }
 
+.e-diagram-helper {
+  stroke: #0078d6;
+}
+
 .e-diagram-resize-handle.e-disabled {
   fill: #a6a6a6;
   opacity: 1;
@@ -270,12 +287,12 @@
 }
 
 .e-diagram-rotate-handle {
-  fill: #000;
-  stroke: #fff;
+  fill: #0078d6;
+  stroke: #0078d6;
 }
 
 .e-diagram-border {
-  stroke: #005ba3;
+  stroke: #0078d6;
 }
 
 .e-diagram-border.e-disabled {
@@ -284,12 +301,12 @@
 }
 
 .e-diagram-border.e-thick-border {
-  stroke: #a6a6a6;
+  stroke: #0078d6;
   stroke-width: 2;
 }
 
 .e-diagram-border.e-thick-border.e-diagram-lane {
-  stroke: #0078ff;
+  stroke: #0078d6;
   stroke-width: 2;
 }
 
@@ -308,12 +325,12 @@
 
 .e-symbolpalette .e-symbol-hover:hover {
   background: #eaeaea;
-  border-radius: 0px;
+  border-radius: 4px;
 }
 
 .e-symbolpalette .e-symbol-selected {
-  background: #b7e0ff;
-  border-radius: 0px;
+  background: #c8c8c8;
+  border-radius: 4px;
 }
 
 .e-diagram-tooltip {
@@ -321,13 +338,13 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #fff;
+  background-color: #f8f8f8;
   color: #a6a6a6;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #fff;
+  background-color: #f8f8f8;
 }
 
 .e-diagram .e-d-ruler-marker {
@@ -336,7 +353,7 @@
 
 .e-diagram .e-diagram-text-edit {
   background: #fff;
-  border-color: #005ba3;
+  border-color: #0078d6;
   border-style: dashed;
   border-width: 1px;
   box-sizing: content-box;
@@ -350,11 +367,11 @@
 }
 
 .e-ruler-tick-label {
-  fill: #a6a6a6;
+  fill: #767676;
 }
 
 .e-ruler-tick {
-  stroke: #767676;
+  stroke: #c8c8c8;
 }
 
 .e-menu-item e-blankicon {

package/styles/highcontrast-light.css

@@ -249,6 +249,18 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-handle.e-source.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-diagram-bezier-handle.e-target.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+
 .e-diagram-bezier-handle {
   fill: #005a9e;
   stroke: #fff;
@@ -263,6 +275,10 @@
   stroke: #fff;
 }
 
+.e-diagram-helper {
+  stroke: #005a9e;
+}
+
 .e-diagram-resize-handle.e-disabled {
   fill: #a6a6a6;
   opacity: 1;
@@ -307,13 +323,13 @@
 }
 
 .e-symbolpalette .e-symbol-hover:hover {
-  background: #eaeaea;
-  border-radius: 0px;
+  background: #685708;
+  border-radius: 4px;
 }
 
 .e-symbolpalette .e-symbol-selected {
   background: #c7e0f4;
-  border-radius: 0px;
+  border-radius: 4px;
 }
 
 .e-diagram-tooltip {

package/styles/highcontrast.css

@@ -234,57 +234,74 @@
 }
 
 .e-diagram-endpoint-handle {
-  fill: #0078d7;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #ffd939;
 }
 
 .e-diagram-endpoint-handle.e-connected {
-  fill: #fff;
-  stroke: #0078d7;
+  fill: #ffd939;
+  stroke: #fff;
 }
 
 .e-diagram-endpoint-handle.e-disabled {
-  fill: #a6a6a6;
+  fill: #757575;
   opacity: 1;
-  stroke: #fff;
+  stroke: #757575;
+}
+
+.e-diagram-bezier-handle.e-source.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-diagram-bezier-handle.e-target.e-disabled {
+  opacity: 1 !important;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #cccccc !important;
 }
 
 .e-diagram-bezier-handle {
-  fill: #005a9e;
-  stroke: #fff;
+  fill: #fff;
+  stroke: #ffd939;
 }
 
 .e-diagram-bezier-line {
-  stroke: #005a9e;
+  stroke: #ffd939;
 }
 
 .e-diagram-resize-handle {
-  fill: #0078d7;
+  fill: #ffd939;
+  stroke: #ffd939;
   stroke: #fff;
 }
 
+.e-diagram-helper {
+  stroke: #ffd939;
+}
+
 .e-diagram-resize-handle.e-disabled {
-  fill: #a6a6a6;
+  fill: #757575;
   opacity: 1;
-  stroke: #fff;
+  stroke: #757575;
 }
 
 .e-diagram-rotate-handle {
-  fill: #000;
-  stroke: #fff;
+  fill: #ffd939;
+  stroke: #ffd939;
 }
 
 .e-diagram-border {
-  stroke: #005a9e;
+  stroke: #ffd939;
 }
 
 .e-diagram-border.e-disabled {
   opacity: 1;
-  stroke: #a6a6a6;
+  stroke: #757575;
 }
 
 .e-diagram-border.e-thick-border {
-  stroke: #005a9e;
+  stroke: #ffd939;
   stroke-width: 2;
 }
 
@@ -294,25 +311,25 @@
 }
 
 .e-diagram-highlighter {
-  stroke: #005a9e;
+  stroke: #ffd939;
   stroke-width: 2;
 }
 
 .e-diagram-selected-region {
-  stroke: #0078d7;
+  stroke: #ffd939;
 }
 
 .e-diagram-pivot-line {
-  stroke: #0078d7;
+  stroke: #ffd939;
 }
 
 .e-symbolpalette .e-symbol-hover:hover {
-  background: #eaeaea;
+  background: #000;
   border-radius: 0px;
 }
 
 .e-symbolpalette .e-symbol-selected {
-  background: #c7e0f4;
+  background: #ffd939;
   border-radius: 0px;
 }
 
@@ -321,22 +338,22 @@
 }
 
 .e-diagram .e-ruler {
-  background-color: #fff;
-  color: #a6a6a6;
+  background-color: #000;
+  color: #ffd939;
   font-size: 10px;
 }
 
 .e-diagram .e-ruler-overlap {
-  background-color: #fff;
+  background-color: #000;
 }
 
 .e-diagram .e-d-ruler-marker {
-  stroke: #0078d7;
+  stroke: #ffd939;
 }
 
 .e-diagram .e-diagram-text-edit {
   background: #fff;
-  border-color: #005a9e;
+  border-color: #ffd939;
   border-style: dashed;
   border-width: 1px;
   box-sizing: content-box;
@@ -345,16 +362,16 @@
 }
 
 .e-diagram-text-edit::selection {
-  background: #0078d7;
-  color: #fff;
+  background: #ffd939;
+  color: #000;
 }
 
 .e-ruler-tick-label {
-  fill: #a6a6a6;
+  fill: #fff;
 }
 
 .e-ruler-tick {
-  stroke: #767676;
+  stroke: #fff;
 }
 
 .e-menu-item e-blankicon {