jsuites 4.11.6 → 4.12.1

package/dist/jsuites.basic.js

@@ -17,7 +17,7 @@
 
 var jSuites = function(options) {
     var obj = {}
-    var version = '4.11.6';
+    var version = '4.12.0';
 
     var find = function(DOMElement, component) {
         if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -73,6 +73,7 @@ var jSuites = function(options) {
                     h: rect.height,
                     d: item.style.cursor,
                     resizing: item.style.cursor ? true : false,
+                    actioned: false,
                 }
 
                 // Make sure width and height styling is OK
@@ -130,7 +131,7 @@ var jSuites = function(options) {
 
         var editorMouseUp = function(e) {
             if (editorAction && editorAction.e) {
-                if (typeof(editorAction.e.refresh) == 'function') {
+                if (typeof(editorAction.e.refresh) == 'function' && state.actioned) {
                     editorAction.e.refresh();
                 }
                 editorAction.e.style.cursor = '';
@@ -173,6 +174,7 @@ var jSuites = function(options) {
 
                     // Update element
                     if (typeof(editorAction.e.refresh) == 'function') {
+                        state.actioned = true;
                         editorAction.e.refresh('position', top, left);
                     }
                 } else {
@@ -203,6 +205,7 @@ var jSuites = function(options) {
 
                     // Update element
                     if (typeof(editorAction.e.refresh) == 'function') {
+                        state.actioned = true;
                         editorAction.e.refresh('dimensions', width, height);
                     }
                 }
@@ -2936,8 +2939,13 @@ jSuites.contextmenu = (function(el, options) {
         // Coordinates
         if ((obj.options.items && obj.options.items.length > 0) || el.children.length) {
             if (e.target) {
-                var x = e.clientX;
-                var y = e.clientY;
+                if (e.changedTouches && e.changedTouches[0]) {
+                    x = e.changedTouches[0].clientX;
+                    y = e.changedTouches[0].clientY;
+                } else {
+                    var x = e.clientX;
+                    var y = e.clientY;
+                }
             } else {
                 var x = e.x;
                 var y = e.y;
@@ -2967,6 +2975,10 @@ jSuites.contextmenu = (function(el, options) {
         }
     }
 
+    obj.isOpened = function() {
+        return el.classList.contains('jcontextmenu-focus') ? true : false;
+    }
+
     /**
      * Close menu
      */

package/dist/jsuites.css

@@ -1689,38 +1689,61 @@ div[data-before]:before {
     left:50%;
     width:60%;
     height:60%;
-    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
-    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
+    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2);
     border:1px solid #ccc;
     background-color:#fff;
     transform: translate(-50%, -50%);
     box-sizing: border-box;
-    padding-top:50px !important;
+    padding-top: 50px !important;
     z-index:9002;
-    border-radius: 8px;
+    border-radius: 4px;
 }
 
 .jmodal:before {
-    position:absolute;
-    top:0;
-    left:0;
-    width:100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
     content:attr(title);
-    padding:15px;
+    padding: 25px;
+    padding-bottom: 20px;
     box-sizing: border-box;
-    font-size:1.2em;
-    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
+    font-size: 1.4em;
     background-color: #fff;
     border-radius: 8px 8px 0px 0px;
 }
 
 .jmodal_content {
-    padding:20px;
-    overflow-y:auto;
-    max-height:100%;
+    padding: 22px;
+    overflow-y: auto;
+    max-height: 100%;
     box-sizing: border-box;
     height: -webkit-fill-available;
+
+    scrollbar-width: thin;
+    scrollbar-color: #333 transparent;
+}
+
+.jmodal_content::-webkit-scrollbar {
+    height: 12px;
+}
+
+.jmodal_content::-webkit-scrollbar {
+    width: 12px;
+}
+
+.jmodal_content::-webkit-scrollbar-track {
+    border: 1px solid #fff;
+    background: #eee;
+}
+
+.jmodal_content::-webkit-scrollbar-thumb {
+    border: 1px solid #fff;
+    background: #888;
 }
+
+
 .jmodal.no-title {
     padding-top: initial !important;
 }
@@ -1730,16 +1753,16 @@ div[data-before]:before {
 }
 
 .jmodal:after {
-    content:'';
+    content: '';
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
-    position:absolute;
-    top:0;
-    right:0;
-    margin:14px;
-    font-size:24px;
-    width:24px;
-    height:24px;
-    cursor:pointer;
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 25px;
+    font-size: 24px;
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
     text-shadow: 0px 0px 5px #fff;
 }
 

package/dist/jsuites.js

@@ -17,7 +17,7 @@
 
 var jSuites = function(options) {
     var obj = {}
-    var version = '4.11.6';
+    var version = '4.12.0';
 
     var find = function(DOMElement, component) {
         if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -73,6 +73,7 @@ var jSuites = function(options) {
                     h: rect.height,
                     d: item.style.cursor,
                     resizing: item.style.cursor ? true : false,
+                    actioned: false,
                 }
 
                 // Make sure width and height styling is OK
@@ -130,7 +131,7 @@ var jSuites = function(options) {
 
         var editorMouseUp = function(e) {
             if (editorAction && editorAction.e) {
-                if (typeof(editorAction.e.refresh) == 'function') {
+                if (typeof(editorAction.e.refresh) == 'function' && state.actioned) {
                     editorAction.e.refresh();
                 }
                 editorAction.e.style.cursor = '';
@@ -173,6 +174,7 @@ var jSuites = function(options) {
 
                     // Update element
                     if (typeof(editorAction.e.refresh) == 'function') {
+                        state.actioned = true;
                         editorAction.e.refresh('position', top, left);
                     }
                 } else {
@@ -203,6 +205,7 @@ var jSuites = function(options) {
 
                     // Update element
                     if (typeof(editorAction.e.refresh) == 'function') {
+                        state.actioned = true;
                         editorAction.e.refresh('dimensions', width, height);
                     }
                 }
@@ -2947,8 +2950,13 @@ jSuites.contextmenu = (function(el, options) {
         // Coordinates
         if ((obj.options.items && obj.options.items.length > 0) || el.children.length) {
             if (e.target) {
-                var x = e.clientX;
-                var y = e.clientY;
+                if (e.changedTouches && e.changedTouches[0]) {
+                    x = e.changedTouches[0].clientX;
+                    y = e.changedTouches[0].clientY;
+                } else {
+                    var x = e.clientX;
+                    var y = e.clientY;
+                }
             } else {
                 var x = e.x;
                 var y = e.y;
@@ -2978,6 +2986,10 @@ jSuites.contextmenu = (function(el, options) {
         }
     }
 
+    obj.isOpened = function() {
+        return el.classList.contains('jcontextmenu-focus') ? true : false;
+    }
+
     /**
      * Close menu
      */

package/package.json

@@ -19,7 +19,7 @@
         "javascript plugins"
     ],
     "main": "dist/jsuites.js",
-    "version": "4.11.6",
+    "version": "4.12.1",
     "bugs": "https://github.com/jsuites/jsuites/issues",
     "homepage": "https://github.com/jsuites/jsuites",
     "docs": "https://jsuites.net",