feature(EJ2-52126): Js file changes

index.html

@@ -14,7 +14,6 @@
     <!-- End Google Tag Manager -->
     <meta charset="UTF-8" />
     <title>Create flowchart, mind map, org chart with syncfusion diagram builder</title>
-    <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="description" content="The diagram builder application has been built using angular platform to create diagrams like flowcharts, mind map, and organizational chart.">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

package.json

@@ -6,24 +6,25 @@
     "license": "SEE LICENSE IN license",
     "dependencies": {
         "@syncfusion/ej2": "*",
-        "browser-sync": "^2.26.3",
         "cheerio": "^1.0.0-rc.1",
         "crossroads": "^0.12.2",
-        "gulp": "^3.9.1",
-        "hasher": "^1.2.0",
-        "webpack": "^2.5.1",
-        "webpack-stream": "^4.0.0"
+        "hasher": "^1.2.0"
     },
     "devDependencies": {
+        "@syncfusion/ej2-build": "*",
         "elasticlunr": "0.9.5",
-        "fuse.js": "^3.2.0",
         "gulp-jshint": "^2.0.1",
-        "jshint": "^2.9.2",
-        "run-sequence": "^2.2.1"
+        "fuse.js": "^3.2.0",
+        "jshint": "^2.9.2"
     },
     "scripts": {
-        "test": "gulp js-hint ",
-        "serve": "gulp serve",
-        "build": "gulp build"
+        "test": "gulp js-hint && gulp build",
+        "ci-publish": "gulp publish-samples"
+    },
+    "config": {
+        "ghooks": {
+            "pre-commit": "npm run test",
+            "commit-msg": "gulp commit-message"
+        }
     }
 }

scripts/events.js

@@ -269,6 +269,11 @@ var DiagramPropertyBinding = (function () {
             selectedItem.pageSettings.pageBreaks = args.checked;
             selectedItem.selectedDiagram.pageSettings.showPageBreaks = args.checked;
         }
+    }; 
+    DiagramPropertyBinding.prototype.multiplePage = function (args) {
+        if (args.event) {
+            selectedItem.printSettings.multiplePage = args.checked; 
+        }
     };
     DiagramPropertyBinding.prototype.paperListChange = function (args) {
         if (args.element) {

src/assets/dbstyle/diagrambuilder.css

@@ -1193,6 +1193,21 @@ input[type="color"]::-moz-color-swatch {
     border-radius: 3px;
 }
 
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
+
 .e-numeric.e-input-group .e-input-group-icon {
     margin: 0px;
     height: calc(50% - 6px);

src/common/index.js

@@ -17,6 +17,6 @@
     function routeDefault() {
         crossroads.addRoute('', function () {
             window.location.href = '#/home';
-            hasher.setHash("home");
+            crossroads.hasher("home");
         });
     }

src/home/home.js

@@ -19,7 +19,6 @@ var diagramThemes = new DiagramTheme(selectedItem);
 
 
 window.onload = function () {
-    setTimeout(function () {
     diagram = document.getElementById("diagram").ej2_instances[0];
     symbolpalette = document.getElementById("symbolpalette").ej2_instances[0];
     openTemplateDialog = document.getElementById("openTemplateDialog").ej2_instances[0];
@@ -54,7 +53,7 @@ window.onload = function () {
     document.getElementById('btnHideToolbar').onclick = hideMenuBar.bind(this);
     document.getElementById('diagramContainerDiv').onmouseleave = diagramThemes.setNodeOldStyles.bind(diagramThemes);
     document.onmouseover = menumouseover.bind(this);
-    }, 100);
+
 
     setTimeout(function () { loadPage(); }, 2000);
     setInterval(function() { savePage(); }, 2000);
@@ -1099,7 +1098,9 @@ window.home = function () {
     printLandscape.appendTo('#printLandscape');
 
     // checkbox template for printDialog control
-    var printMultiplePage = new ej.buttons.CheckBox({ label: 'Scale to fit 1 page', checked: selectedItem.printSettings.multiplePage });
+    var printMultiplePage = new ej.buttons.CheckBox({ label: 'Scale to fit 1 page', checked: selectedItem.printSettings.multiplePage,
+    change: function (args) { DiagramPropertyBinding.prototype.multiplePage(args); }
+    });
     printMultiplePage.appendTo('#printMultiplePage');
 
     //doubt dialog

webpack.config.js

@@ -9,15 +9,6 @@ module.exports = {
         libraryTarget: 'this'
     },
     plugins: [
-        new webpack.optimize.UglifyJsPlugin({
-            beautify: false,
-            output: {
-                comments: false
-            },
-            compress: {
-                warnings: false,
-                unused: true
-            }
-        })
+
     ]
 }