@syncfusion/ej2-angular-diagrams 25.2.5 → 26.1.35

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-diagrams@*",
-  "_id": "@syncfusion/ej2-angular-diagrams@25.2.4",
+  "_id": "@syncfusion/ej2-angular-diagrams@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-GvWQq3ox5sBdG/QB/ncfH4tN907vM7rhnTyon3xabJdV0AjRc8kbXZzU6tK2H5oV5FlvY5drxXuUuI0F9fZHYA==",
+  "_integrity": "sha512-8dgmNdIBDV3RiXkJOOx8xxQ/mtTYezntHFQUwiOaW5xsCHV3L9yCAxow48bAon0dmwAs6psC9K/XCUi1+2rtEQ==",
   "_location": "/@syncfusion/ej2-angular-diagrams",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-25.2.4.tgz",
-  "_shasum": "7fc7c8312789d448409e68bc3aa685d0f3cd49c1",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-diagrams/-/ej2-angular-diagrams-26.1.35.tgz",
+  "_shasum": "1d052c2b6649b78e76ae6de3125060cd014701bd",
   "_spec": "@syncfusion/ej2-angular-diagrams@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/ivypackages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~25.2.4",
-    "@syncfusion/ej2-base": "~25.2.5",
-    "@syncfusion/ej2-diagrams": "25.2.5",
+    "@syncfusion/ej2-angular-base": "~26.1.35",
+    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-diagrams": "26.1.35",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-diagrams.d.ts",
-  "version": "25.2.5"
+  "version": "26.1.35"
 }

package/schematics/utils/lib-details.js

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

package/schematics/utils/lib-details.ts

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

package/src/diagram/connector-annotation.directive.d.ts

@@ -114,6 +114,11 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
      * @default 0
      */
     rotateAngle: any;
+    /**
+     * Gets or sets the reference mode for annotation rotation.
+     * @default 'Parent'
+     */
+    rotationReference: any;
     /**
      * Enable/Disable the angle based on the connector segment
      * @default false
@@ -152,7 +157,7 @@ export declare class ConnectorAnnotationDirective extends ComplexBase<ConnectorA
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorAnnotationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationDirective, "e-connector>e-connector-annotations>e-connector-annotation", never, { "addInfo": "addInfo"; "alignment": "alignment"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "displacement": "displacement"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "segmentAngle": "segmentAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorAnnotationDirective, "e-connector>e-connector-annotations>e-connector-annotation", never, { "addInfo": "addInfo"; "alignment": "alignment"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "displacement": "displacement"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "segmentAngle": "segmentAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * ConnectorAnnotation Array Directive

package/src/diagram/connector-fixeduserhandle.directive.d.ts

@@ -86,6 +86,11 @@ export declare class ConnectorFixedUserHandleDirective extends ComplexBase<Conne
      * @default ''
      */
     pathData: any;
+    /**
+     * Used to show tooltip for fixed user handle on mouse over.
+     * @default {}
+     */
+    tooltip: any;
     /**
      * Specifies the visibility of the fixed user handle
      * @default true
@@ -98,7 +103,7 @@ export declare class ConnectorFixedUserHandleDirective extends ComplexBase<Conne
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConnectorFixedUserHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorFixedUserHandleDirective, "e-connector>e-connector-fixeduserhandles>e-connector-fixeduserhandle", never, { "alignment": "alignment"; "cornerRadius": "cornerRadius"; "displacement": "displacement"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "visibility": "visibility"; "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectorFixedUserHandleDirective, "e-connector>e-connector-fixeduserhandles>e-connector-fixeduserhandle", never, { "alignment": "alignment"; "cornerRadius": "cornerRadius"; "displacement": "displacement"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "tooltip": "tooltip"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * ConnectorFixedUserHandle Array Directive

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

@@ -37,6 +37,7 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
     dragLeave: any;
     dragOver: any;
     drop: any;
+    elementDraw: any;
     expandStateChange: any;
     fixedUserHandleClick: any;
     historyChange: any;
@@ -48,6 +49,10 @@ export declare class DiagramComponent extends Diagram implements IComponentBase
     mouseLeave: any;
     mouseOver: any;
     mouseWheel: any;
+    onFixedUserHandleMouseDown: any;
+    onFixedUserHandleMouseEnter: any;
+    onFixedUserHandleMouseLeave: any;
+    onFixedUserHandleMouseUp: any;
     onImageLoad: any;
     onUserHandleMouseDown: any;
     onUserHandleMouseEnter: any;
@@ -64,7 +69,6 @@ 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>;
@@ -96,5 +100,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"; "load": "load"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentChange": "segmentChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; "elementDraw": "elementDraw"; }, ["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"; "elementDraw": "elementDraw"; "expandStateChange": "expandStateChange"; "fixedUserHandleClick": "fixedUserHandleClick"; "historyChange": "historyChange"; "historyStateChange": "historyStateChange"; "keyDown": "keyDown"; "keyUp": "keyUp"; "load": "load"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "mouseOver": "mouseOver"; "mouseWheel": "mouseWheel"; "onFixedUserHandleMouseDown": "onFixedUserHandleMouseDown"; "onFixedUserHandleMouseEnter": "onFixedUserHandleMouseEnter"; "onFixedUserHandleMouseLeave": "onFixedUserHandleMouseLeave"; "onFixedUserHandleMouseUp": "onFixedUserHandleMouseUp"; "onImageLoad": "onImageLoad"; "onUserHandleMouseDown": "onUserHandleMouseDown"; "onUserHandleMouseEnter": "onUserHandleMouseEnter"; "onUserHandleMouseLeave": "onUserHandleMouseLeave"; "onUserHandleMouseUp": "onUserHandleMouseUp"; "positionChange": "positionChange"; "propertyChange": "propertyChange"; "rotateChange": "rotateChange"; "scrollChange": "scrollChange"; "segmentChange": "segmentChange"; "segmentCollectionChange": "segmentCollectionChange"; "selectionChange": "selectionChange"; "sizeChange": "sizeChange"; "sourcePointChange": "sourcePointChange"; "targetPointChange": "targetPointChange"; "textEdit": "textEdit"; }, ["annotationTemplate", "nodeTemplate", "userHandleTemplate", "childLayers", "childCustomCursor", "childConnectors", "childNodes"], never>;
 }

package/src/diagram/node-annotation.directive.d.ts

@@ -100,6 +100,11 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
      * @default 0
      */
     rotateAngle: any;
+    /**
+     * Gets or sets the reference mode for annotation rotation.
+     * @default 'Parent'
+     */
+    rotationReference: any;
     /**
      * Defines the appearance of the text
      * @default new TextStyle()
@@ -133,7 +138,7 @@ export declare class NodeAnnotationDirective extends ComplexBase<NodeAnnotationD
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeAnnotationDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationDirective, "e-node>e-node-annotations>e-node-annotation", never, { "addInfo": "addInfo"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeAnnotationDirective, "e-node>e-node-annotations>e-node-annotation", never, { "addInfo": "addInfo"; "annotationType": "annotationType"; "constraints": "constraints"; "content": "content"; "dragLimit": "dragLimit"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "hyperlink": "hyperlink"; "id": "id"; "margin": "margin"; "offset": "offset"; "rotateAngle": "rotateAngle"; "rotationReference": "rotationReference"; "style": "style"; "template": "template"; "type": "type"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * NodeAnnotation Array Directive

package/src/diagram/node-fixeduserhandle.directive.d.ts

@@ -77,6 +77,11 @@ export declare class NodeFixedUserHandleDirective extends ComplexBase<NodeFixedU
      * @default ''
      */
     pathData: any;
+    /**
+     * Used to show tooltip for fixed user handle on mouse over.
+     * @default {}
+     */
+    tooltip: any;
     /**
      * Specifies the visibility of the fixed user handle
      * @default true
@@ -89,7 +94,7 @@ export declare class NodeFixedUserHandleDirective extends ComplexBase<NodeFixedU
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeFixedUserHandleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeFixedUserHandleDirective, "e-node>e-node-fixeduserhandles>e-node-fixeduserhandle", never, { "cornerRadius": "cornerRadius"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "margin": "margin"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "visibility": "visibility"; "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeFixedUserHandleDirective, "e-node>e-node-fixeduserhandles>e-node-fixeduserhandle", never, { "cornerRadius": "cornerRadius"; "fill": "fill"; "handleStrokeColor": "handleStrokeColor"; "handleStrokeWidth": "handleStrokeWidth"; "height": "height"; "iconStrokeColor": "iconStrokeColor"; "iconStrokeWidth": "iconStrokeWidth"; "id": "id"; "margin": "margin"; "offset": "offset"; "padding": "padding"; "pathData": "pathData"; "tooltip": "tooltip"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * NodeFixedUserHandle Array Directive

package/src/diagram/ports.directive.d.ts

@@ -23,6 +23,16 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
      * @default undefined
      */
     addInfo: any;
+    /**
+     * Defines the allowed direction for connections to the port
+     * * Auto - Maintains the default behavior of automatic direction calculation.
+     * * Left - Restricts connections to only connect to the left side of the port.
+     * * Top - Restricts connections to only connect to the top side of the port.
+     * * Right - Restricts connections to only connect to the right side of the port.
+     * * Bottom - Restricts connections to only connect to the bottom side of the port.
+     * @default 'Auto'
+     */
+    connectionDirection: any;
     /**
      * Defines the constraints of port
      * @default 'Default'
@@ -124,7 +134,7 @@ export declare class PortDirective extends ComplexBase<PortDirective> {
     width: any;
     constructor(viewContainerRef: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<PortDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PortDirective, "e-node>e-node-ports>e-node-port", never, { "addInfo": "addInfo"; "constraints": "constraints"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "inEdges": "inEdges"; "margin": "margin"; "offset": "offset"; "outEdges": "outEdges"; "pathData": "pathData"; "shape": "shape"; "style": "style"; "tooltip": "tooltip"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PortDirective, "e-node>e-node-ports>e-node-port", never, { "addInfo": "addInfo"; "connectionDirection": "connectionDirection"; "constraints": "constraints"; "height": "height"; "horizontalAlignment": "horizontalAlignment"; "id": "id"; "inEdges": "inEdges"; "margin": "margin"; "offset": "offset"; "outEdges": "outEdges"; "pathData": "pathData"; "shape": "shape"; "style": "style"; "tooltip": "tooltip"; "verticalAlignment": "verticalAlignment"; "visibility": "visibility"; "width": "width"; }, {}, never>;
 }
 /**
  * Port Array Directive

package/styles/bootstrap-dark.css

@@ -1 +1,368 @@
-@import '@syncfusion/ej2-diagrams/styles/bootstrap-dark.css';
+.e-icons {
+  font-family: "e-icons";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+.e-diagram-menu .e-bringforward::before {
+  content: "\e574";
+}
+.e-diagram-menu .e-bringfront::before {
+  content: "\e575";
+}
+.e-diagram-menu .e-sendback::before {
+  content: "\e576";
+}
+.e-diagram-menu .e-sendbackward::before {
+  content: "\e577";
+}
+.e-diagram-menu .e-delete::before {
+  content: "\e578";
+}
+.e-diagram-menu .e-ungroup::before {
+  content: "\e579";
+}
+.e-diagram-menu .e-group::before {
+  content: "\e57a";
+}
+.e-diagram-menu .e-undo::before {
+  content: "\e57c";
+}
+.e-diagram-menu .e-cut::before {
+  content: "\e57d";
+}
+.e-diagram-menu .e-save::before {
+  content: "\e57e";
+}
+.e-diagram-menu .e-paste::before {
+  content: "\e57f";
+}
+.e-diagram-menu .e-copy::before {
+  content: "\e580";
+}
+.e-diagram-menu .e-redo::before {
+  content: "\e581";
+}
+.e-diagram-menu .e-zoomin::before {
+  content: "\e582";
+}
+.e-diagram-menu .e-italic::before {
+  content: "\e583";
+}
+.e-diagram-menu .e-close::before {
+  content: "\e584";
+}
+.e-diagram-menu .e-pan::before {
+  content: "\e585";
+}
+.e-diagram-menu .e-bold::before {
+  content: "\e586";
+}
+.e-diagram-menu .e-underline::before {
+  content: "\e587";
+}
+.e-diagram-menu .e-zoomout::before {
+  content: "\e588";
+}
+.e-diagram-menu .e-export::before {
+  content: "\e589";
+}
+.e-diagram-menu .e-print::before {
+  content: "\e58a";
+}
+.e-diagram-menu .e-order::before {
+  content: "\e58b";
+}
+
+.e-symbolpalette .e-clear-searchtext::before {
+  content: "\e58c";
+}
+
+.e-icons {
+  font-family: "e-icons";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  text-transform: none;
+}
+
+.e-diagram-menu .e-bringforward::before {
+  content: "\e5a1";
+}
+.e-diagram-menu .e-bringfront::before {
+  content: "\e5a2";
+}
+.e-diagram-menu .e-sendback::before {
+  content: "\e5a3";
+}
+.e-diagram-menu .e-sendbackward::before {
+  content: "\e5a4";
+}
+.e-diagram-menu .e-delete::before {
+  content: "\e94a";
+}
+.e-diagram-menu .e-ungroup::before {
+  content: "\e5a6";
+}
+.e-diagram-menu .e-group::before {
+  content: "\e5a7";
+}
+.e-diagram-menu .e-undo::before {
+  content: "\e341";
+}
+.e-diagram-menu .e-redo::before {
+  content: "\e354";
+}
+.e-diagram-menu .e-copy::before {
+  content: "\e33d";
+}
+.e-diagram-menu .e-cut::before {
+  content: "\e33b";
+}
+.e-diagram-menu .e-save::before {
+  content: "\ebc2";
+}
+.e-diagram-menu .e-paste::before {
+  content: "\e355";
+}
+.e-diagram-menu .e-zoomin::before {
+  content: "\e349";
+}
+.e-diagram-menu .e-italic::before {
+  content: "\e35a";
+}
+.e-diagram-menu .e-close::before {
+  content: "\ea7b";
+}
+.e-diagram-menu .e-pan::before {
+  content: "\ebcb";
+}
+.e-diagram-menu .e-bold::before {
+  content: "\e339";
+}
+.e-diagram-menu .e-underline::before {
+  content: "\e343";
+}
+.e-diagram-menu .e-zoomout::before {
+  content: "\e351";
+}
+.e-diagram-menu .e-export::before {
+  content: "\e702";
+}
+.e-diagram-menu .e-print::before {
+  content: "\e34b";
+}
+.e-diagram-menu .e-order::before {
+  content: "\e4a4";
+}
+
+.e-symbolpalette .e-clear-searchtext::before {
+  content: "\e60e";
+}
+
+.e-diagram {
+  background-color: #fff;
+  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: #fff;
+  stroke: #0070f0;
+}
+
+.e-diagram-endpoint-handle.e-connected {
+  fill: #0070f0;
+  stroke: #fff;
+}
+
+.e-diagram-endpoint-handle.e-disabled,
+.e-diagram-bezier-control-handle.e-disabled,
+.e-diagram-resize-handle.e-disabled {
+  fill: #acacac;
+  opacity: 1;
+  stroke: #fff;
+}
+
+/* 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-diagram-bezier-control-handle,
+.e-diagram-bezier-segment-handle {
+  fill: #fff;
+  stroke: #0070f0;
+}
+
+.e-symbolpalette .e-acrdn-content {
+  background-color: #dfdfdf !important;
+}
+
+/* stylelint-enable */
+.e-diagram-bezier-control-line {
+  stroke: #0070f0;
+}
+
+.e-diagram-resize-handle {
+  fill: #0070f0;
+  stroke: #fff;
+  stroke: #fff;
+}
+
+.e-diagram-helper {
+  stroke: #0070f0;
+}
+
+.e-diagram-rotate-handle {
+  fill: #0070f0;
+  stroke: #0070f0;
+}
+
+.e-diagram-selector {
+  stroke: #0058bd;
+}
+
+.e-diagram-selector.e-disabled {
+  opacity: 1;
+  stroke: #acacac;
+}
+
+.e-diagram-selector.e-thick-border {
+  stroke: #0058bd;
+  stroke-width: 2;
+}
+
+.e-diagram-selector.e-thick-border.e-diagram-lane {
+  stroke: #0070f0;
+  stroke-width: 2;
+}
+
+.e-diagram-highlighter {
+  stroke: #0070f0;
+  stroke-width: 2;
+}
+
+.e-diagram-selected-region {
+  stroke: #0070f0;
+}
+
+.e-diagram-pivot-line {
+  stroke: #0070f0;
+}
+
+.e-symbolpalette .e-symbol-hover:hover {
+  background: #b9b9b9;
+  border-radius: 4px;
+}
+
+.e-symbolpalette .e-symbol-selected {
+  background: #acacac;
+  border-radius: 4px;
+}
+
+.e-diagram-tooltip {
+  pointer-events: none;
+}
+
+.e-diagram .e-ruler {
+  background: #313131;
+  color: #f0f0f0;
+  font-size: 10px;
+}
+
+.e-diagram .e-ruler-overlap {
+  background: #313131;
+}
+
+.e-diagram .e-d-ruler-marker {
+  stroke: #0070f0;
+}
+
+.e-diagram .e-diagram-text-edit {
+  background: #fff;
+  border-color: #0070f0;
+  border-style: dashed;
+  border-width: 1px;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  color: #1a1a1a;
+  min-width: 50px;
+}
+
+.e-diagram-text-edit::-moz-selection {
+  background: #0070f0;
+  color: #fff;
+}
+
+.e-diagram-text-edit::selection {
+  background: #0070f0;
+  color: #fff;
+}
+
+.e-ruler-tick-label {
+  fill: #c6c6c6;
+}
+
+.e-ruler-tick {
+  stroke: #858585;
+}
+
+.e-menu-item e-blankicon {
+  padding-left: 28px;
+}
+
+.e-diagram-selection-indicator {
+  stroke: #0070f0;
+}
+
+.e-diagram-selection-line {
+  stroke: #0070f0;
+}
+
+/* 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 */