@syncfusion/ej2-angular-diagrams 20.2.49 → 20.3.47

package/schematics/utils/lib-details.d.ts

@@ -0,0 +1,4 @@
+export declare const pkgName = "@syncfusion/ej2-angular-diagrams";
+export declare const pkgVer = "^19.12.3";
+export declare const moduleName = "DiagramModule, SymbolPaletteModule, OverviewModule";
+export declare const themeVer = "~19.12.3";

package/schematics/utils/lib-details.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pkgName = '@syncfusion/ej2-angular-diagrams';
+exports.pkgVer = '^20.3.47';
+exports.moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
+exports.themeVer = '~20.3.47';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-diagrams';
-export const pkgVer = '^20.2.45';
+export const pkgVer = '^20.3.47';
 export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-export const themeVer = '~20.2.45';
+export const themeVer = '~20.3.47';

package/src/diagram/diagram.component.d.ts

@@ -61,6 +61,7 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
     sourcePointChange: any;
     targetPointChange: any;
     textEdit: any;
+    elementDraw: any;
     childLayers: QueryList<LayersDirective>;
     childCustomCursor: QueryList<CustomCursorsDirective>;
     childConnectors: QueryList<ConnectorsDirective>;
@@ -89,5 +90,5 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "addInfo": "addInfo"; "annotationTemplate": "annotationTemplate"; "backgroundColor": "backgroundColor"; "bridgeDirection": "bridgeDirection"; "commandManager": "commandManager"; "connectorDefaults": "connectorDefaults"; "connectors": "connectors"; "constraints": "constraints"; "contextMenuSettings": "contextMenuSettings"; "customCursor": "customCursor"; "dataSourceSettings": "dataSourceSettings"; "diagramSettings": "diagramSettings"; "drawingObject": "drawingObject"; "enableConnectorSplit": "enableConnectorSplit"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "getConnectorDefaults": "getConnectorDefaults"; "getCustomCursor": "getCustomCursor"; "getCustomProperty": "getCustomProperty"; "getCustomTool": "getCustomTool"; "getDescription": "getDescription"; "getNodeDefaults": "getNodeDefaults"; "height": "height"; "historyManager": "historyManager"; "layers": "layers"; "layout": "layout"; "locale": "locale"; "mode": "mode"; "nodeDefaults": "nodeDefaults"; "nodeTemplate": "nodeTemplate"; "nodes": "nodes"; "pageSettings": "pageSettings"; "rulerSettings": "rulerSettings"; "scrollSettings": "scrollSettings"; "segmentThumbShape": "segmentThumbShape"; "selectedItems": "selectedItems"; "serializationSettings": "serializationSettings"; "setNodeTemplate": "setNodeTemplate"; "snapSettings": "snapSettings"; "tool": "tool"; "tooltip": "tooltip"; "updateSelection": "updateSelection"; "userHandleTemplate": "userHandleTemplate"; "width": "width"; }, { "animationComplete": "animationComplete"; "click": "click"; "collectionChange": "collectionChange"; "commandExecute": "commandExecute"; "connectionChange": "connectionChange"; "contextMenuBeforeItemRender": "contextMenuBeforeItemRender"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataLoaded": "dataLoaded"; "doubleClick": "doubleClick"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragOver": "dragOver"; "drop": "drop"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ejs-diagram", never, { "addInfo": "addInfo"; "annotationTemplate": "annotationTemplate"; "backgroundColor": "backgroundColor"; "bridgeDirection": "bridgeDirection"; "commandManager": "commandManager"; "connectorDefaults": "connectorDefaults"; "connectors": "connectors"; "constraints": "constraints"; "contextMenuSettings": "contextMenuSettings"; "customCursor": "customCursor"; "dataSourceSettings": "dataSourceSettings"; "diagramSettings": "diagramSettings"; "drawingObject": "drawingObject"; "enableConnectorSplit": "enableConnectorSplit"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "getConnectorDefaults": "getConnectorDefaults"; "getCustomCursor": "getCustomCursor"; "getCustomProperty": "getCustomProperty"; "getCustomTool": "getCustomTool"; "getDescription": "getDescription"; "getNodeDefaults": "getNodeDefaults"; "height": "height"; "historyManager": "historyManager"; "layers": "layers"; "layout": "layout"; "locale": "locale"; "mode": "mode"; "nodeDefaults": "nodeDefaults"; "nodeTemplate": "nodeTemplate"; "nodes": "nodes"; "pageSettings": "pageSettings"; "rulerSettings": "rulerSettings"; "scrollSettings": "scrollSettings"; "segmentThumbShape": "segmentThumbShape"; "selectedItems": "selectedItems"; "serializationSettings": "serializationSettings"; "setNodeTemplate": "setNodeTemplate"; "snapSettings": "snapSettings"; "tool": "tool"; "tooltip": "tooltip"; "updateSelection": "updateSelection"; "userHandleTemplate": "userHandleTemplate"; "width": "width"; }, { "animationComplete": "animationComplete"; "click": "click"; "collectionChange": "collectionChange"; "commandExecute": "commandExecute"; "connectionChange": "connectionChange"; "contextMenuBeforeItemRender": "contextMenuBeforeItemRender"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataLoaded": "dataLoaded"; "doubleClick": "doubleClick"; "dragEnter": "dragEnter"; "dragLeave": "dragLeave"; "dragOver": "dragOver"; "drop": "drop"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; "elementDraw": "elementDraw"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
 }

package/styles/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/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/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/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/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/_bootstrap-dark-definition.scss

@@ -25,6 +25,7 @@ $diagram-ruler-marker-stroke: $brand-primary;
 $diagram-ruler-marker-background-color: $grey;
 $diagram-ruler-label-fill: lighten($grey-cc, 10%);
 $diagram-ruler-tick-stroke: $grey-f8;
+
 //end normal
 
 //primary
@@ -58,6 +59,7 @@ $diagram-border-strokes: $brand-primary-darken-10;
 $diagram-lane-border-strokes: $brand-primary;
 
 $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
 //end primary
 
 .e-icons {
@@ -71,32 +73,32 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 
 @include export-module('diagram-bootstrap-icons') {
   .e-diagram-menu {
-    .e-bringforward::before { content: '\e5a1'; }
-    .e-bringfront::before { content: '\e5a2'; }
-    .e-sendback::before { content: '\e5a3'; }
-    .e-sendbackward::before { content: '\e5a4'; }
-    .e-delete::before { content: '\e94a'; }
-    .e-ungroup::before { content: '\e5a6'; }
-    .e-group::before { content: '\e5a7'; }
-    .e-undo::before { content: '\e341'; }
-    .e-redo::before { content: '\e354'; }
-    .e-copy::before { content: '\e33d'; }
-    .e-cut::before { content: '\e33b'; }
-    .e-save::before { content: '\ebc2'; }
-    .e-paste::before { content: '\e355'; }
-    .e-zoomin::before { content: '\e349'; }
-    .e-italic::before { content: '\e35a'; }
-    .e-close::before { content: '\ea7b'; }
-    .e-pan::before { content: '\ebcb'; }
-    .e-bold::before { content: '\e339'; }
-    .e-underline::before { content: '\e343'; }
-    .e-zoomout::before { content: '\e351'; }
-    .e-export::before { content: '\e702'; }
-    .e-print::before { content: '\e34b'; }
-    .e-order::before { content: '\e4a4'; }
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\ebc2'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\ea7b'; }
+    .e-pan::before{ content: '\ebcb'; }
+    .e-bold::before{ content: '\e339'; }
+    .e-underline::before{ content: '\e343'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e702'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
   }
 
   .e-symbolpalette {
-    .e-clear-searchtext::before { content: '\e60e'; }
+    .e-clear-searchtext::before{ content: '\e60e'; }
   }
 }

package/styles/diagram/_bootstrap-definition.scss

@@ -27,6 +27,7 @@ $diagram-ruler-marker-stroke: $brand-primary;
 $diagram-ruler-marker-background-color: $grey-f8;
 $diagram-ruler-label-fill: $grey-44;
 $diagram-ruler-tick-stroke: $grey-dd;
+
 //end normal
 
 //primary
@@ -58,6 +59,7 @@ $diagram-border-strokes: $brand-primary-darken-10;
 $diagram-lane-border-strokes: $brand-primary;
 
 $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
 //end primary
 
 .e-icons {
@@ -71,32 +73,32 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 
 @include export-module('diagram-bootstrap-icons') {
   .e-diagram-menu {
-    .e-bringforward::before { content: '\e5a1'; }
-    .e-bringfront::before { content: '\e5a2'; }
-    .e-sendback::before { content: '\e5a3'; }
-    .e-sendbackward::before { content: '\e5a4'; }
-    .e-delete::before { content: '\e94a'; }
-    .e-ungroup::before { content: '\e5a6'; }
-    .e-group::before { content: '\e5a7'; }
-    .e-undo::before { content: '\e341'; }
-    .e-redo::before { content: '\e354'; }
-    .e-copy::before { content: '\e33d'; }
-    .e-cut::before { content: '\e33b'; }
-    .e-save::before { content: '\ebc2'; }
-    .e-paste::before { content: '\e355'; }
-    .e-zoomin::before { content: '\e349'; }
-    .e-italic::before { content: '\e35a'; }
-    .e-close::before { content: '\ea7b'; }
-    .e-pan::before { content: '\ebcb'; }
-    .e-bold::before { content: '\e339'; }
-    .e-underline::before { content: '\e343'; }
-    .e-zoomout::before { content: '\e351'; }
-    .e-export::before { content: '\e702'; }
-    .e-print::before { content: '\e34b'; }
-    .e-order::before { content: '\e4a4'; }
-}
+    .e-bringforward::before{ content: '\e5a1'; }
+    .e-bringfront::before{ content: '\e5a2'; }
+    .e-sendback::before{ content: '\e5a3'; }
+    .e-sendbackward::before{ content: '\e5a4'; }
+    .e-delete::before{ content: '\e94a'; }
+    .e-ungroup::before{ content: '\e5a6'; }
+    .e-group::before{ content: '\e5a7'; }
+    .e-undo::before{ content: '\e341'; }
+    .e-redo::before{ content: '\e354'; }
+    .e-copy::before{ content: '\e33d'; }
+    .e-cut::before{ content: '\e33b'; }
+    .e-save::before{ content: '\ebc2'; }
+    .e-paste::before{ content: '\e355'; }
+    .e-zoomin::before{ content: '\e349'; }
+    .e-italic::before{ content: '\e35a'; }
+    .e-close::before{ content: '\ea7b'; }
+    .e-pan::before{ content: '\ebcb'; }
+    .e-bold::before{ content: '\e339'; }
+    .e-underline::before{ content: '\e343'; }
+    .e-zoomout::before{ content: '\e351'; }
+    .e-export::before{ content: '\e702'; }
+    .e-print::before{ content: '\e34b'; }
+    .e-order::before{ content: '\e4a4'; }
+  }
 
   .e-symbolpalette {
-    .e-clear-searchtext::before { content: '\e60e'; }
+    .e-clear-searchtext::before{ content: '\e60e'; }
   }
 }

package/styles/diagram/_bootstrap4-definition.scss

@@ -16,7 +16,7 @@ $diagram-border-stroke-disabled: $gray-400;
 
 $diagram-rotate-handle-color: $blue;
 
-$diagram-helper-stroke:  $blue ;
+$diagram-helper-stroke:  $blue;
 
 $diagram-highlighter-stroke: $blue;
 $diagram-selected-region-stroke: $blue;
@@ -67,32 +67,32 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 
 @include export-module('diagram-bootstrap-icons') {
   .e-diagram-menu {
-    .e-bringforward::before { content: '\e801'; }
-    .e-bringfront::before { content: '\e803'; }
-    .e-sendback::before { content: '\e7fe'; }
-    .e-sendbackward::before { content: '\e7fd'; }
-    .e-delete::before { content: '\e7fd'; }
-    .e-ungroup::before { content: '\e800'; }
-    .e-group::before { content: '\e802'; }
-    .e-undo::before { content: '\e752'; }
-    .e-cut::before { content: '\e73f'; }
-    .e-save::before { content: '\e74d'; }
-    .e-paste::before { content: '\e739'; }
-    .e-copy::before { content: '\e77b'; }
-    .e-redo::before { content: '\e778'; }
-    .e-zoomin::before { content: '\e70a'; }
-    .e-italic::before { content: '\e78e'; }
-    .e-close::before { content: '\e745'; }
-    .e-pan::before { content: '\e711'; }
-    .e-bold::before { content: '\e78b'; }
-    .e-underline::before { content: '\e792'; }
-    .e-zoomout::before { content: '\e74a'; }
-    .e-export::before { content: '\e780'; }
-    .e-print::before { content: '\e743'; }
-    .e-order::before { content: '\e7ff'; }
+    .e-bringforward::before{ content: '\e801'; }
+    .e-bringfront::before{ content: '\e803'; }
+    .e-sendback::before{ content: '\e7fe'; }
+    .e-sendbackward::before{ content: '\e7fd'; }
+    .e-delete::before{ content: '\e7fd'; }
+    .e-ungroup::before{ content: '\e800'; }
+    .e-group::before{ content: '\e802'; }
+    .e-undo::before{ content: '\e752'; }
+    .e-cut::before{ content: '\e73f'; }
+    .e-save::before{ content: '\e74d'; }
+    .e-paste::before{ content: '\e739'; }
+    .e-copy::before{ content: '\e77b'; }
+    .e-redo::before{ content: '\e778'; }
+    .e-zoomin::before{ content: '\e70a'; }
+    .e-italic::before{ content: '\e78e'; }
+    .e-close::before{ content: '\e745'; }
+    .e-pan::before{ content: '\e711'; }
+    .e-bold::before{ content: '\e78b'; }
+    .e-underline::before{ content: '\e792'; }
+    .e-zoomout::before{ content: '\e74a'; }
+    .e-export::before{ content: '\e780'; }
+    .e-print::before{ content: '\e743'; }
+    .e-order::before{ content: '\e7ff'; }
   }
 
   .e-symbolpalette {
-    .e-clear-searchtext::before { content: '\e724'; }
-   }
+    .e-clear-searchtext::before{ content: '\e724'; }
+  }
 }

package/styles/diagram/_bootstrap5-definition.scss

@@ -1,12 +1,14 @@
 @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;
+$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;
@@ -30,6 +32,7 @@ $palette-background-color: $diagram-palette-background;
 
 $diagram-background-color: $white;
 $diagram-editbox-fontcolor: $black;
+
 //end normal
 //primary
 $diagram-endpoint-handle-connected-color: $primary;
@@ -55,6 +58,7 @@ $diagram-lane-border-strokes: $primary;
 $diagram-text-edit-selection-color: $primary-text-color;
 
 $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
+
 //end primary
 
 .e-icons {
@@ -68,32 +72,32 @@ $diagram-multiselect-stroke: $diagram-resize-handle-stroke;
 
 @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-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'; }
-}
+    .e-clear-searchtext::before{ content: '\e754'; }
+  }
 }

package/styles/diagram/_definition.scss

@@ -46,32 +46,32 @@
 
 @include export-module('diagram-definition-icons') {
   .e-diagram-menu {
-    .e-bringforward::before { content: '\e574'; }
-    .e-bringfront::before { content: '\e575'; }
-    .e-sendback::before { content: '\e576'; }
-    .e-sendbackward::before { content: '\e577'; }
-    .e-delete::before { content: '\e578'; }
-    .e-ungroup::before { content: '\e579'; }
-    .e-group::before { content: '\e57a'; }
-    .e-undo::before { content: '\e57c'; }
-    .e-cut::before { content: '\e57d'; }
-    .e-save::before { content: '\e57e'; }
-    .e-paste::before { content: '\e57f'; }
-    .e-copy::before { content: '\e580'; }
-    .e-redo::before { content: '\e581'; }
-    .e-zoomin::before { content: '\e582'; }
-    .e-italic::before { content: '\e583'; }
-    .e-close::before { content: '\e584'; }
-    .e-pan::before { content: '\e585'; }
-    .e-bold::before { content: '\e586'; }
-    .e-underline::before { content: '\e587'; }
-    .e-zoomout::before { content: '\e588'; }
-    .e-export::before { content: '\e589'; }
-    .e-print::before { content: '\e58a'; }
-    .e-order::before { content: '\e58b'; }
+    .e-bringforward::before{ content: '\e574'; }
+    .e-bringfront::before{ content: '\e575'; }
+    .e-sendback::before{ content: '\e576'; }
+    .e-sendbackward::before{ content: '\e577'; }
+    .e-delete::before{ content: '\e578'; }
+    .e-ungroup::before{ content: '\e579'; }
+    .e-group::before{ content: '\e57a'; }
+    .e-undo::before{ content: '\e57c'; }
+    .e-cut::before{ content: '\e57d'; }
+    .e-save::before{ content: '\e57e'; }
+    .e-paste::before{ content: '\e57f'; }
+    .e-copy::before{ content: '\e580'; }
+    .e-redo::before{ content: '\e581'; }
+    .e-zoomin::before{ content: '\e582'; }
+    .e-italic::before{ content: '\e583'; }
+    .e-close::before{ content: '\e584'; }
+    .e-pan::before{ content: '\e585'; }
+    .e-bold::before{ content: '\e586'; }
+    .e-underline::before{ content: '\e587'; }
+    .e-zoomout::before{ content: '\e588'; }
+    .e-export::before{ content: '\e589'; }
+    .e-print::before{ content: '\e58a'; }
+    .e-order::before{ content: '\e58b'; }
   }
 
   .e-symbolpalette {
-    .e-clear-searchtext::before { content: '\e58c'; }
+    .e-clear-searchtext::before{ content: '\e58c'; }
   }
 }