From a92a533b9678222cfb106100ca913b8bf5fc4014 Mon Sep 17 00:00:00 2001
From: Mikhail Preyskurantov <mikhail.preyskurantov@devexpress.com>
Date: Wed, 31 Jan 2024 14:35:38 +0200
Subject: [PATCH] dx-diagram.min.css before dx.light.css (#3129)

---
 JSDemos/Demos/Diagram/Adaptability/Angular/index.html         | 2 +-
 JSDemos/Demos/Diagram/Adaptability/React/index.html           | 2 +-
 JSDemos/Demos/Diagram/Adaptability/ReactJs/index.html         | 4 ++--
 JSDemos/Demos/Diagram/Adaptability/Vue/index.html             | 2 +-
 JSDemos/Demos/Diagram/Adaptability/jQuery/index.html          | 4 ++--
 JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html  | 2 +-
 JSDemos/Demos/Diagram/AdvancedDataBinding/React/index.html    | 2 +-
 JSDemos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html  | 4 ++--
 JSDemos/Demos/Diagram/AdvancedDataBinding/Vue/index.html      | 2 +-
 JSDemos/Demos/Diagram/AdvancedDataBinding/jQuery/index.html   | 4 ++--
 JSDemos/Demos/Diagram/Containers/Angular/index.html           | 2 +-
 JSDemos/Demos/Diagram/Containers/React/index.html             | 2 +-
 JSDemos/Demos/Diagram/Containers/ReactJs/index.html           | 4 ++--
 JSDemos/Demos/Diagram/Containers/Vue/index.html               | 2 +-
 JSDemos/Demos/Diagram/Containers/jQuery/index.html            | 4 ++--
 .../Demos/Diagram/CustomShapesWithIcons/Angular/index.html    | 2 +-
 JSDemos/Demos/Diagram/CustomShapesWithIcons/React/index.html  | 2 +-
 .../Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html    | 4 ++--
 JSDemos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html    | 2 +-
 JSDemos/Demos/Diagram/CustomShapesWithIcons/jQuery/index.html | 4 ++--
 .../Diagram/CustomShapesWithTemplates/Angular/index.html      | 2 +-
 .../Demos/Diagram/CustomShapesWithTemplates/React/index.html  | 2 +-
 .../Diagram/CustomShapesWithTemplates/ReactJs/index.html      | 4 ++--
 .../Demos/Diagram/CustomShapesWithTemplates/Vue/index.html    | 2 +-
 .../Demos/Diagram/CustomShapesWithTemplates/jQuery/index.html | 4 ++--
 .../CustomShapesWithTemplatesWithEditing/Angular/index.html   | 2 +-
 .../CustomShapesWithTemplatesWithEditing/React/index.html     | 2 +-
 .../CustomShapesWithTemplatesWithEditing/ReactJs/index.html   | 4 ++--
 .../CustomShapesWithTemplatesWithEditing/Vue/index.html       | 2 +-
 .../CustomShapesWithTemplatesWithEditing/jQuery/index.html    | 4 ++--
 .../Demos/Diagram/CustomShapesWithTexts/Angular/index.html    | 2 +-
 JSDemos/Demos/Diagram/CustomShapesWithTexts/React/index.html  | 2 +-
 .../Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html    | 4 ++--
 JSDemos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html    | 2 +-
 JSDemos/Demos/Diagram/CustomShapesWithTexts/jQuery/index.html | 4 ++--
 JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html       | 2 +-
 JSDemos/Demos/Diagram/ImagesInShapes/React/index.html         | 2 +-
 JSDemos/Demos/Diagram/ImagesInShapes/ReactJs/index.html       | 4 ++--
 JSDemos/Demos/Diagram/ImagesInShapes/Vue/index.html           | 2 +-
 JSDemos/Demos/Diagram/ImagesInShapes/jQuery/index.html        | 4 ++--
 JSDemos/Demos/Diagram/ItemSelection/Angular/index.html        | 2 +-
 JSDemos/Demos/Diagram/ItemSelection/React/index.html          | 2 +-
 JSDemos/Demos/Diagram/ItemSelection/ReactJs/index.html        | 4 ++--
 JSDemos/Demos/Diagram/ItemSelection/Vue/index.html            | 2 +-
 JSDemos/Demos/Diagram/ItemSelection/jQuery/index.html         | 4 ++--
 JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html  | 2 +-
 JSDemos/Demos/Diagram/NodesAndEdgesArrays/React/index.html    | 2 +-
 JSDemos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html  | 4 ++--
 JSDemos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html      | 2 +-
 JSDemos/Demos/Diagram/NodesAndEdgesArrays/jQuery/index.html   | 4 ++--
 .../NodesArrayHierarchicalStructure/Angular/index.html        | 2 +-
 .../Diagram/NodesArrayHierarchicalStructure/React/index.html  | 2 +-
 .../NodesArrayHierarchicalStructure/ReactJs/index.html        | 4 ++--
 .../Diagram/NodesArrayHierarchicalStructure/Vue/index.html    | 2 +-
 .../Diagram/NodesArrayHierarchicalStructure/jQuery/index.html | 4 ++--
 .../Demos/Diagram/NodesArrayPlainStructure/Angular/index.html | 2 +-
 .../Demos/Diagram/NodesArrayPlainStructure/React/index.html   | 2 +-
 .../Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html | 4 ++--
 JSDemos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html | 2 +-
 .../Demos/Diagram/NodesArrayPlainStructure/jQuery/index.html  | 4 ++--
 .../Demos/Diagram/OperationRestrictions/Angular/index.html    | 2 +-
 JSDemos/Demos/Diagram/OperationRestrictions/React/index.html  | 2 +-
 .../Demos/Diagram/OperationRestrictions/ReactJs/index.html    | 4 ++--
 JSDemos/Demos/Diagram/OperationRestrictions/Vue/index.html    | 2 +-
 JSDemos/Demos/Diagram/OperationRestrictions/jQuery/index.html | 4 ++--
 JSDemos/Demos/Diagram/Overview/Angular/index.html             | 2 +-
 JSDemos/Demos/Diagram/Overview/React/index.html               | 2 +-
 JSDemos/Demos/Diagram/Overview/ReactJs/index.html             | 4 ++--
 JSDemos/Demos/Diagram/Overview/Vue/index.html                 | 2 +-
 JSDemos/Demos/Diagram/Overview/jQuery/index.html              | 4 ++--
 JSDemos/Demos/Diagram/ReadOnly/Angular/index.html             | 2 +-
 JSDemos/Demos/Diagram/ReadOnly/React/index.html               | 2 +-
 JSDemos/Demos/Diagram/ReadOnly/ReactJs/index.html             | 4 ++--
 JSDemos/Demos/Diagram/ReadOnly/Vue/index.html                 | 2 +-
 JSDemos/Demos/Diagram/ReadOnly/jQuery/index.html              | 4 ++--
 JSDemos/Demos/Diagram/SimpleView/Angular/index.html           | 2 +-
 JSDemos/Demos/Diagram/SimpleView/React/index.html             | 2 +-
 JSDemos/Demos/Diagram/SimpleView/ReactJs/index.html           | 4 ++--
 JSDemos/Demos/Diagram/SimpleView/Vue/index.html               | 2 +-
 JSDemos/Demos/Diagram/SimpleView/jQuery/index.html            | 4 ++--
 JSDemos/Demos/Diagram/UICustomization/Angular/index.html      | 2 +-
 JSDemos/Demos/Diagram/UICustomization/React/index.html        | 2 +-
 JSDemos/Demos/Diagram/UICustomization/ReactJs/index.html      | 4 ++--
 JSDemos/Demos/Diagram/UICustomization/Vue/index.html          | 2 +-
 JSDemos/Demos/Diagram/UICustomization/jQuery/index.html       | 4 ++--
 JSDemos/Demos/Diagram/WebAPIService/Angular/index.html        | 2 +-
 JSDemos/Demos/Diagram/WebAPIService/React/index.html          | 2 +-
 JSDemos/Demos/Diagram/WebAPIService/ReactJs/index.html        | 4 ++--
 JSDemos/Demos/Diagram/WebAPIService/Vue/index.html            | 2 +-
 JSDemos/Demos/Diagram/WebAPIService/jQuery/index.html         | 4 ++--
 90 files changed, 126 insertions(+), 126 deletions(-)

diff --git a/JSDemos/Demos/Diagram/Adaptability/Angular/index.html b/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/Adaptability/React/index.html b/JSDemos/Demos/Diagram/Adaptability/React/index.html
index 1f6c30439c4..47721320e95 100644
--- a/JSDemos/Demos/Diagram/Adaptability/React/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/Adaptability/ReactJs/index.html b/JSDemos/Demos/Diagram/Adaptability/ReactJs/index.html
index 61c6c618d41..3905c99b52a 100644
--- a/JSDemos/Demos/Diagram/Adaptability/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/Adaptability/Vue/index.html b/JSDemos/Demos/Diagram/Adaptability/Vue/index.html
index 0826ff103f8..457a66d9e1a 100644
--- a/JSDemos/Demos/Diagram/Adaptability/Vue/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/Adaptability/jQuery/index.html b/JSDemos/Demos/Diagram/Adaptability/jQuery/index.html
index eb602aa321b..511fb4d94c7 100644
--- a/JSDemos/Demos/Diagram/Adaptability/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/React/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/React/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/Vue/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/jQuery/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/jQuery/index.html
index 4fab64ca3cc..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/Containers/Angular/index.html b/JSDemos/Demos/Diagram/Containers/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/Containers/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Containers/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/Containers/React/index.html b/JSDemos/Demos/Diagram/Containers/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/Containers/React/index.html
+++ b/JSDemos/Demos/Diagram/Containers/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/Containers/ReactJs/index.html b/JSDemos/Demos/Diagram/Containers/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/Containers/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/Containers/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/Containers/Vue/index.html b/JSDemos/Demos/Diagram/Containers/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/Containers/Vue/index.html
+++ b/JSDemos/Demos/Diagram/Containers/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/Containers/jQuery/index.html b/JSDemos/Demos/Diagram/Containers/jQuery/index.html
index 48e554803e0..4f4603763e3 100644
--- a/JSDemos/Demos/Diagram/Containers/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/Containers/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/React/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/React/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/jQuery/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/jQuery/index.html
index 48e554803e0..4f4603763e3 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/React/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/jQuery/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/jQuery/index.html
index 5a010ae5633..5811cb2c232 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/jQuery/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/jQuery/index.html
index 0d863ba8b8b..a3070bf1d1e 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/React/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/React/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/jQuery/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/jQuery/index.html
index 4fab64ca3cc..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/React/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/React/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/ReactJs/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/Vue/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/Vue/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/jQuery/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/jQuery/index.html
index fec7c9cf621..db2fec3a53f 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html b/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/ItemSelection/React/index.html b/JSDemos/Demos/Diagram/ItemSelection/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/React/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/ItemSelection/ReactJs/index.html b/JSDemos/Demos/Diagram/ItemSelection/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/ItemSelection/Vue/index.html b/JSDemos/Demos/Diagram/ItemSelection/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/Vue/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/ItemSelection/jQuery/index.html b/JSDemos/Demos/Diagram/ItemSelection/jQuery/index.html
index 3f63e0088e8..6a4d3a263c2 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/React/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
index d9607076aa0..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
index 81cecb4fa48..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
index b5815e5e9e9..b5989179079 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/jQuery/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/jQuery/index.html
index e3716351841..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
index d9607076aa0..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
index 81cecb4fa48..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
index b5815e5e9e9..b5989179079 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/jQuery/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/jQuery/index.html
index e3716351841..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/React/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
index d9607076aa0..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
index 81cecb4fa48..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
index b5815e5e9e9..b5989179079 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/jQuery/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/jQuery/index.html
index e3716351841..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/React/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/React/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/ReactJs/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/Vue/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/Vue/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/jQuery/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/jQuery/index.html
index 4fab64ca3cc..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/Overview/Angular/index.html b/JSDemos/Demos/Diagram/Overview/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/Overview/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Overview/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/Overview/React/index.html b/JSDemos/Demos/Diagram/Overview/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/Overview/React/index.html
+++ b/JSDemos/Demos/Diagram/Overview/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/Overview/ReactJs/index.html b/JSDemos/Demos/Diagram/Overview/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/Overview/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/Overview/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/Overview/Vue/index.html b/JSDemos/Demos/Diagram/Overview/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/Overview/Vue/index.html
+++ b/JSDemos/Demos/Diagram/Overview/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/Overview/jQuery/index.html b/JSDemos/Demos/Diagram/Overview/jQuery/index.html
index 48e554803e0..4f4603763e3 100644
--- a/JSDemos/Demos/Diagram/Overview/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/Overview/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html b/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/ReadOnly/React/index.html b/JSDemos/Demos/Diagram/ReadOnly/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/React/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/ReadOnly/ReactJs/index.html b/JSDemos/Demos/Diagram/ReadOnly/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/ReadOnly/Vue/index.html b/JSDemos/Demos/Diagram/ReadOnly/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/Vue/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/ReadOnly/jQuery/index.html b/JSDemos/Demos/Diagram/ReadOnly/jQuery/index.html
index 48e554803e0..4f4603763e3 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/SimpleView/Angular/index.html b/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/SimpleView/React/index.html b/JSDemos/Demos/Diagram/SimpleView/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/SimpleView/React/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/SimpleView/ReactJs/index.html b/JSDemos/Demos/Diagram/SimpleView/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/SimpleView/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/SimpleView/Vue/index.html b/JSDemos/Demos/Diagram/SimpleView/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/SimpleView/Vue/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/SimpleView/jQuery/index.html b/JSDemos/Demos/Diagram/SimpleView/jQuery/index.html
index 4fab64ca3cc..667c191fc84 100644
--- a/JSDemos/Demos/Diagram/SimpleView/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="data.js"></script>
diff --git a/JSDemos/Demos/Diagram/UICustomization/Angular/index.html b/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/UICustomization/React/index.html b/JSDemos/Demos/Diagram/UICustomization/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/UICustomization/React/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/UICustomization/ReactJs/index.html b/JSDemos/Demos/Diagram/UICustomization/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/UICustomization/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/UICustomization/Vue/index.html b/JSDemos/Demos/Diagram/UICustomization/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/UICustomization/Vue/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/UICustomization/jQuery/index.html b/JSDemos/Demos/Diagram/UICustomization/jQuery/index.html
index 48e554803e0..4f4603763e3 100644
--- a/JSDemos/Demos/Diagram/UICustomization/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="index.js"></script>
diff --git a/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html b/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
index e01cf6fbc9a..5ec2662f466 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
     <script src="../../../../../node_modules/zone.js/dist/zone.js"></script>
diff --git a/JSDemos/Demos/Diagram/WebAPIService/React/index.html b/JSDemos/Demos/Diagram/WebAPIService/React/index.html
index dfc3594fb49..e3eff6bdb16 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/React/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/React/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
     <link rel="stylesheet" type="text/css" href="styles.css" />
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/WebAPIService/ReactJs/index.html b/JSDemos/Demos/Diagram/WebAPIService/ReactJs/index.html
index e5651212855..622f8af4296 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/ReactJs/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/ReactJs/index.html
@@ -17,12 +17,12 @@
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
+      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css"
     />
     <link
       rel="stylesheet"
       type="text/css"
-      href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css"
+      href="../../../../../node_modules/devextreme-dist/css/dx.light.css"
     />
     <link
       rel="stylesheet"
diff --git a/JSDemos/Demos/Diagram/WebAPIService/Vue/index.html b/JSDemos/Demos/Diagram/WebAPIService/Vue/index.html
index 6da922b4040..b5989179079 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/Vue/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/Vue/index.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
     <script src="../../../../../node_modules/typescript/lib/typescript.js"></script>
diff --git a/JSDemos/Demos/Diagram/WebAPIService/jQuery/index.html b/JSDemos/Demos/Diagram/WebAPIService/jQuery/index.html
index f8a2d3332fb..826d8ea3be9 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/jQuery/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/jQuery/index.html
@@ -7,8 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
     <script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
     <script src="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
-    <link rel="stylesheet" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
+    <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.min.css" />
+    <link rel="stylesheet" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../../../../../node_modules/devextreme-dist/js/dx.all.js"></script>
     <script src="../../../../../node_modules/devextreme-aspnet-data/js/dx.aspnet.data.js"></script>
     <link rel="stylesheet" type="text/css" href="styles.css" />