@syncfusion/ej2-angular-diagrams 20.4.54 → 21.1.35

package/styles/material.css

@@ -206,6 +206,12 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #bdbdbd;
+  opacity: 1;
+  stroke: #fff;
+}
+
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -215,23 +221,28 @@
   opacity: 1 !important;
 }
 
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #e3165b;
 }
 
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #e3165b;
 }
 
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #e3165b;
 }
 
 .e-diagram-resize-handle {
   fill: #e3165b;
-  stroke: #e3165b;
+  stroke: #fff;
   stroke: #fff;
 }
 
@@ -250,21 +261,21 @@
   stroke: #e3165b;
 }
 
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #e3165b;
 }
 
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #bdbdbd;
 }
 
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #3f51b5;
   stroke-width: 2;
 }
 
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #3f51b5;
   stroke-width: 2;
 }
@@ -337,7 +348,7 @@
   padding-left: 28px;
 }
 
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #e3165b;
 }
 

package/styles/tailwind-dark.css

@@ -87,7 +87,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -207,6 +207,12 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #9ca3af;
+  opacity: 1;
+  stroke: #fff;
+}
+
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -216,23 +222,28 @@
   opacity: 1 !important;
 }
 
-.e-symbolpalette .e-acrdn-content {
-  background-color: #d1d5db !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #22d3ee;
 }
 
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #22d3ee;
 }
 
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #d1d5db !important;
+}
+
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #22d3ee;
 }
 
 .e-diagram-resize-handle {
   fill: #22d3ee;
-  stroke: #22d3ee;
+  stroke: #fff;
   stroke: #fff;
 }
 
@@ -251,21 +262,21 @@
   stroke: #22d3ee;
 }
 
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #22d3ee;
 }
 
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #9ca3af;
 }
 
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #22d3ee;
   stroke-width: 2;
 }
 
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #22d3ee;
   stroke-width: 2;
 }
@@ -338,7 +349,7 @@
   padding-left: 28px;
 }
 
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #22d3ee;
 }
 

package/styles/tailwind.css

@@ -87,7 +87,7 @@
   font-family: "e-icons";
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   line-height: 1;
   text-transform: none;
 }
@@ -207,6 +207,12 @@
   stroke: #fff;
 }
 
+.e-diagram-bezier-control-handle.e-disabled {
+  fill: #9ca3af;
+  opacity: 1;
+  stroke: #fff;
+}
+
 /* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
@@ -216,23 +222,28 @@
   opacity: 1 !important;
 }
 
-.e-symbolpalette .e-acrdn-content {
-  background-color: #fff !important;
+.e-diagram-bezier-control-handle {
+  fill: #fff;
+  stroke: #4f46e5;
 }
 
-/* stylelint-enable */
-.e-diagram-bezier-handle {
+.e-diagram-bezier-segment-handle {
   fill: #fff;
   stroke: #4f46e5;
 }
 
-.e-diagram-bezier-line {
+.e-symbolpalette .e-acrdn-content {
+  background-color: #fff !important;
+}
+
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
   stroke: #4f46e5;
 }
 
 .e-diagram-resize-handle {
   fill: #4f46e5;
-  stroke: #4f46e5;
+  stroke: #fff;
   stroke: #fff;
 }
 
@@ -251,21 +262,21 @@
   stroke: #4f46e5;
 }
 
-.e-diagram-border {
+.e-diagram-selector {
   stroke: #4f46e5;
 }
 
-.e-diagram-border.e-disabled {
+.e-diagram-selector.e-disabled {
   opacity: 1;
   stroke: #9ca3af;
 }
 
-.e-diagram-border.e-thick-border {
+.e-diagram-selector.e-thick-border {
   stroke: #4f46e5;
   stroke-width: 2;
 }
 
-.e-diagram-border.e-thick-border.e-diagram-lane {
+.e-diagram-selector.e-thick-border.e-diagram-lane {
   stroke: #4f46e5;
   stroke-width: 2;
 }
@@ -338,7 +349,7 @@
   padding-left: 28px;
 }
 
-.e-diagram-selection-rect {
+.e-diagram-selection-indicator {
   stroke: #4f46e5;
 }
 

package/styles/diagram/_material3-definition.scss

@@ -1,103 +0,0 @@
-@import 'definition.scss';
-
-$skin-name: 'bootstrap5';
-
-//layout variables
-$diagram-border-stroke-width: 2;
-$diagram-lane-border-stroke-width: 2;
-$diagram-highlighter-border-stroke-width: 2;
-$diagram-symbolpalette-shape-radius: 00px;/* stylelint-disable-line length-zero-no-unit */
-$diagram-tooltip: none;
-
-//normal
-$diagram-endpoint-handle-color: $white;
-$diagram-endpoint-handle-connected-border: $white;
-
-$diagram-resize-handle-disable-color: $content-bg-color-alt5;
-$diagram-border-stroke-disabled: $content-bg-color-alt5;
-$diagram-resize-handle-disable-stroke: $white;
-$diagram-rotate-handle-color: $primary;
-$diagram-bezier-handle-color: $white;
-
-$diagram-symbolpalette-hover: $diagram-palette-hover-background;
-$diagram-symbolpalette-selected: $diagram-palette-hover-background;
-
-$diagram-ruler-color: $content-text-color-alt2;
-$diagram-ruler-font-size: $text-xxs;
-$diagram-ruler-marker-background-color: $content-bg-color-alt1;
-$diagram-ruler-label-fill: $content-text-color-alt2;
-$diagram-ruler-tick-stroke: $series-3;
-
-$palette-background-color: $diagram-palette-background;
-
-$diagram-background-color: $white;
-$diagram-editbox-fontcolor: $black;
-
-//end normal
-//primary
-$diagram-endpoint-handle-connected-color: $primary;
-
-$diagram-resize-handle-color: $primary;
-$diagram-resize-handle-stroke: $primary;
-
-$diagram-border-stroke: $primary;
-$diagram-bezier-line-color: $primary;
-
-$diagram-highlighter-stroke: $primary;
-$diagram-selected-region-stroke: $primary;
-$diagram-pivot-line-stroke: $primary;
-$diagram-ruler-marker-stroke: $primary;
-
-$diagram-helper-stroke: $primary;
-
-$diagram-text-edit-selection-background: $primary;
-$diagram-editbox-background: $primary-text-color;
-
-$diagram-border-strokes: $primary;
-$diagram-lane-border-strokes: $primary;
-$diagram-text-edit-selection-color: $primary-text-color;
-
-$diagram-multiselect-stroke: $diagram-resize-handle-stroke;
-
-//end primary
-
-.e-icons {
-  font-family: 'e-icons';
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-  text-transform: none;
-}
-
-@include export-module('diagram-bootstrap-icons') {
-  .e-diagram-menu {
-    .e-bringforward::before{ content: '\e72f'; }
-    .e-bringfront::before{ content: '\e840'; }
-    .e-sendback::before{ content: '\e78a'; }
-    .e-sendbackward::before{ content: '\e7ed'; }
-    .e-delete::before{ content: '\e94a'; }
-    .e-ungroup::before{ content: '\e749'; }
-    .e-group::before{ content: '\e7f4'; }
-    .e-undo::before{ content: '\e713'; }
-    .e-redo::before{ content: '\e755'; }
-    .e-copy::before{ content: '\e77c'; }
-    .e-cut::before{ content: '\e7fb'; }
-    .e-save::before{ content: '\e7c8'; }
-    .e-paste::before{ content: '\e70b'; }
-    .e-zoomin::before{ content: '\e795'; }
-    .e-italic::before{ content: '\e75a'; }
-    .e-close::before{ content: '\e7e7'; }
-    .e-pan::before{ content: '\e7b1'; }
-    .e-bold::before{ content: '\e737'; }
-    .e-underline::before{ content: '\e82f'; }
-    .e-zoomout::before{ content: '\e825'; }
-    .e-export::before{ content: '\e72e'; }
-    .e-print::before{ content: '\e75d'; }
-    .e-order::before{ content: '\e809'; }
-  }
-
-  .e-symbolpalette {
-    .e-clear-searchtext::before{ content: '\e754'; }
-  }
-}