@syncfusion/ej2-angular-diagrams 20.2.39-ngcc → 20.2.39

package/styles/diagram/_theme.scss

@@ -0,0 +1,201 @@
+@include export-module('diagram-theme') {
+
+  .e-diagram {
+    background-color: $diagram-background-color;
+    display: block;
+  }
+
+  .e-symbolpalette {
+    display: block;
+  }
+
+  .e-overview {
+    display: block;
+  }
+
+  .e-content-placeholder.e-diagram.e-placeholder-diagram {
+    background-size: 100% 100%;
+    max-height: 500px;
+    max-width: 500px;
+  }
+
+  .e-content-placeholder.e-symbolpalette.e-placeholder-symbolpalette {
+    background-size: 100% 100%;
+    max-height: 200px;
+    max-width: 200px;
+  }
+
+  .e-diagram-endpoint-handle {
+    fill: $diagram-endpoint-handle-color;
+    stroke: $diagram-resize-handle-stroke;
+  }
+
+  .e-diagram-endpoint-handle.e-connected {
+    fill: $diagram-endpoint-handle-connected-color;
+    stroke: $diagram-endpoint-handle-connected-border;
+  }
+
+  .e-diagram-endpoint-handle.e-disabled {
+    fill: $diagram-resize-handle-disable-color;
+    opacity: 1;
+    stroke: $diagram-resize-handle-disable-stroke;
+  }
+
+   /* stylelint-disable */
+  .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: $palette-background-color !important;
+   }
+  /* stylelint-enable */
+
+  .e-diagram-bezier-handle {
+    fill: $diagram-bezier-handle-color;
+    stroke: $diagram-resize-handle-stroke;
+  }
+
+  .e-diagram-bezier-line {
+    stroke: $diagram-bezier-line-color;
+  }
+
+  .e-diagram-resize-handle {
+    fill: $diagram-resize-handle-color;
+    stroke: $diagram-resize-handle-stroke;
+    @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'bootstrap5' or $skin-name == 'material' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'FluentUI') {
+      stroke: $diagram-endpoint-handle-color;
+    }
+  }
+
+  .e-diagram-helper {
+    stroke: $diagram-helper-stroke;
+  }
+
+  .e-diagram-resize-handle.e-disabled {
+    fill: $diagram-resize-handle-disable-color;
+    opacity: 1;
+    stroke: $diagram-resize-handle-disable-stroke;
+  }
+
+  .e-diagram-rotate-handle {
+    fill: $diagram-rotate-handle-color;
+    stroke: $diagram-resize-handle-stroke;
+  }
+
+  .e-diagram-border {
+    stroke: $diagram-border-stroke;
+  }
+
+  .e-diagram-border.e-disabled {
+    opacity: 1;
+    stroke: $diagram-border-stroke-disabled;
+  }
+
+  .e-diagram-border.e-thick-border {
+    stroke: $diagram-border-strokes;
+    stroke-width: $diagram-border-stroke-width;
+  }
+
+  .e-diagram-border.e-thick-border.e-diagram-lane {
+    stroke: $diagram-lane-border-strokes;
+    stroke-width: $diagram-lane-border-stroke-width;
+  }
+
+  .e-diagram-highlighter {
+    stroke: $diagram-highlighter-stroke;
+    stroke-width: $diagram-highlighter-border-stroke-width;
+  }
+
+  .e-diagram-selected-region {
+    stroke: $diagram-selected-region-stroke;
+  }
+
+  .e-diagram-pivot-line {
+    stroke: $diagram-pivot-line-stroke;
+  }
+
+  .e-symbolpalette .e-symbol-hover:hover {
+    background: $diagram-symbolpalette-hover;
+    border-radius: $diagram-symbolpalette-shape-radius;
+  }
+
+  .e-symbolpalette .e-symbol-selected {
+    background: $diagram-symbolpalette-selected;
+    border-radius: $diagram-symbolpalette-shape-radius;
+  }
+
+  .e-diagram-tooltip {
+    pointer-events: $diagram-tooltip;
+  }
+
+  .e-diagram .e-ruler {
+    background-color: $diagram-ruler-marker-background-color;
+    color: $diagram-ruler-color;
+    font-size: $diagram-ruler-font-size;
+  }
+
+  .e-diagram .e-ruler-overlap {
+    background-color: $diagram-ruler-marker-background-color;
+  }
+
+  .e-diagram .e-d-ruler-marker {
+    stroke: $diagram-ruler-marker-stroke;
+  }
+
+  .e-diagram .e-diagram-text-edit {
+    background: $diagram-editbox-background;
+    border-color: $diagram-bezier-line-color;
+    border-style: dashed;
+    border-width: 1px;
+    box-sizing: content-box;
+    color: $diagram-editbox-fontcolor;
+    min-width: 50px;
+  }
+
+  .e-diagram-text-edit::selection {
+    background: $diagram-text-edit-selection-background;
+    color: $diagram-text-edit-selection-color;
+  }
+
+  .e-ruler-tick-label {
+    fill: $diagram-ruler-label-fill;
+  }
+
+  .e-ruler-tick {
+    stroke: $diagram-ruler-tick-stroke;
+  }
+
+  .e-menu-item e-blankicon {
+    padding-left: 28px;
+  }
+
+  .e-diagram-selection-rect {
+    stroke: $diagram-multiselect-stroke;
+  }
+
+  .e-diagram-selection-line {
+    stroke: $diagram-multiselect-stroke;
+  }
+
+  /* stylelint-disable */
+  .e-diagram-rotate {
+    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
+   }
+
+   .e-symbolpalette-hidden {
+    display: none !important;
+   }
+    .e-symbolpalette-search-hidden {
+    display: none !important;
+   }
+   .e-diagramTooltip-content {
+    width: auto !important;
+    height: auto !important;
+    }
+  /* stylelint-enable */
+}

package/styles/diagram/bootstrap-dark.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #dfdfdf !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0070f0;
@@ -342,6 +344,7 @@
   stroke: #0070f0;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/bootstrap-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap-dark.scss';
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/diagram/bootstrap.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #317ab9;
@@ -342,6 +344,7 @@
   stroke: #317ab9;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/bootstrap.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap.scss';
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'all.scss';

package/styles/diagram/bootstrap4.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #007bff;
   stroke: #007bff;
@@ -342,6 +344,7 @@
   stroke: #007bff;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/bootstrap4.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap4.scss';
+@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

package/styles/diagram/bootstrap5-dark.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #dee2e6 !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0d6efd;
@@ -342,6 +345,7 @@
   stroke: #0d6efd;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/bootstrap5-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap5-dark.scss';
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'bootstrap5-dark-definition.scss';
+@import 'all.scss';

package/styles/diagram/bootstrap5.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0d6efd;
@@ -342,6 +345,7 @@
   stroke: #0d6efd;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/bootstrap5.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/bootstrap5.scss';
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'all.scss';

package/styles/diagram/fabric-dark.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #dadada !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0074cc;
@@ -342,6 +344,7 @@
   stroke: #0074cc;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/fabric-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/fabric-dark.scss';
+@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'fabric-dark-definition.scss';
+@import 'all.scss';

package/styles/diagram/fabric.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0078d6;
@@ -342,6 +344,7 @@
   stroke: #0078d6;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +360,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/fabric.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/fabric.scss';
+@import 'ej2-base/styles/fabric-definition.scss';
+@import 'fabric-definition.scss';
+@import 'all.scss';

package/styles/diagram/fluent-dark.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #f3f2f1 !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0078d4;
@@ -342,6 +345,7 @@
   stroke: #0078d4;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/fluent-dark.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/fluent-dark.scss';
+@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'fluent-dark-definition.scss';
+@import 'all.scss';

package/styles/diagram/fluent.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #0078d4;
@@ -342,6 +345,7 @@
   stroke: #0078d4;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/fluent.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'all.scss';

package/styles/diagram/highcontrast-light.css

@@ -205,6 +205,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +218,7 @@
   background-color: #fff !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: rgb(0, 90, 158);
   stroke: #fff;
@@ -341,6 +343,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -356,4 +359,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/highcontrast-light.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/highcontrast-light.scss';
+@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'highcontrast-light-definition.scss';
+@import 'all.scss';

package/styles/diagram/highcontrast.css

@@ -81,6 +81,7 @@
   content: "\e58c";
 }
 
+/* stylelint-disable-line length-zero-no-unit */
 .e-icons {
   font-family: "e-icons";
   font-style: normal;
@@ -205,6 +206,7 @@
   stroke: #757575;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -217,6 +219,7 @@
   background-color: #cccccc !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #ffd939;
@@ -342,6 +345,7 @@
   stroke: #ffd939;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -357,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */

package/styles/diagram/highcontrast.scss

@@ -1 +1,3 @@
-@import 'ej2-diagrams/styles/diagram/highcontrast.scss';
+@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'highcontrast-definition.scss';
+@import 'all.scss';

package/styles/diagram/material-dark.css

@@ -206,6 +206,7 @@
   stroke: #fff;
 }
 
+/* stylelint-disable */
 .e-diagram-bezier-handle.e-source.e-disabled {
   opacity: 1 !important;
 }
@@ -218,6 +219,7 @@
   background-color: #e0e0e0 !important;
 }
 
+/* stylelint-enable */
 .e-diagram-bezier-handle {
   fill: #fff;
   stroke: #00b0ff;
@@ -343,6 +345,7 @@
   stroke: #00b0ff;
 }
 
+/* stylelint-disable */
 .e-diagram-rotate {
   cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAAA60lEQVQ4jZ1SwQ2DMBAzlfLJI2KEjJAVukG7ARsxQkfoKHQDugHdgOoqh14oCaGWIpSTudzZRg2MdYOxrq0il2Csm411o7Eu5GinTN0D6AGMAGZVux9p1LGBrHIF0LD+4l3ql70thDABSFZYaeTJ6UqNWhL3ELhyyhUR98TcwI06Lk1aNonO1NocqGWy/6zOcGCq6OjiSCw22/wUfEzL8ND2P9duFXBmHMDvWVN7CliFkkGe69VM5RmVLDqG7ZMPOroWP5BTle5WjR6dkQayutyLqU6gsiU/ypHMiI41yf+CE01qov+R0egXAN5x6jng51I3yAAAAABJRU5ErkJggg==), auto !important;
 }
@@ -358,4 +361,6 @@
 .e-diagramTooltip-content {
   width: auto !important;
   height: auto !important;
-}
+}
+
+/* stylelint-enable */