jsuites 4.14.4 → 4.15.1

package/TODO.md

@@ -1,4 +1,7 @@
 # TODO list
 
 ## setDictinary
-## Contextmenu mobile
+## Contextmenu mobile
+
+
+https://codesandbox.io/s/javascript-image-cropper-forked-ipjiom?file=/src/App.js:356-359

package/dist/jsuites.basic.js

@@ -17,7 +17,7 @@
 
 var jSuites = {};
 
-var Version = '4.14.4';
+var Version = '4.15.1';
 
 var Events = function() {
 
@@ -455,7 +455,7 @@ jSuites.setDictionary = function(d) {
 
 // Translate
 jSuites.translate = function(t) {
-    if (document.dictionary) {
+    if (typeof(document) !== "undefined" && document.dictionary) {
         return document.dictionary[t] || t;
      } else {
         return t;
@@ -2051,17 +2051,20 @@ jSuites.calendar.getDateString = function(value, options) {
     }
 
     // Convert to number of hours
-    if (typeof(value) == 'number' && format.indexOf('[h]') >= 0) {
-        var result = parseFloat(24 * Number(value));
-        if (format.indexOf('mm') >= 0) {
-            var h = (''+result).split('.');
-            if (h[1]) {
-                var d = 60 * parseFloat('0.' + h[1])
-                d = parseFloat(d.toFixed(2));
-            } else {
-                var d = 0;
+    if (format.indexOf('[h]') >= 0) {
+        var result = 0;
+        if (value && jSuites.isNumeric(value)) {
+            result = parseFloat(24 * Number(value));
+            if (format.indexOf('mm') >= 0) {
+                var h = (''+result).split('.');
+                if (h[1]) {
+                    var d = 60 * parseFloat('0.' + h[1])
+                    d = parseFloat(d.toFixed(2));
+                } else {
+                    var d = 0;
+                }
+                result = parseInt(h[0]) + ':' + jSuites.two(d);
             }
-            result = parseInt(h[0]) + ':' + jSuites.two(d);
         }
         return result;
     }
@@ -3539,7 +3542,7 @@ jSuites.dropdown = (function(el, options) {
 
         // Header
         obj.header = document.createElement('input');
-        obj.header.className = 'jdropdown-header';
+        obj.header.className = 'jdropdown-header jss_object';
         obj.header.type = 'text';
         obj.header.setAttribute('autocomplete', 'off');
         obj.header.onfocus = function() {
@@ -7111,6 +7114,31 @@ jSuites.mask = (function() {
         return v;
     }
 
+    var extractDate = function() {
+         var v = '';
+         if (! (this.date[0] && this.date[1] && this.date[2]) && (this.date[3] || this.date[4])) {
+             if (this.mask.toLowerCase().indexOf('[h]') !== -1) {
+                 v = parseInt(this.date[3]);
+             } else {
+                 v = parseInt(this.date[3]) % 24;
+             }
+             if (this.date[4]) {
+                 v += parseFloat(this.date[4] / 60);
+             }
+             v /= 24;
+         } else if (this.date[0] || this.date[1] || this.date[2] || this.date[3] || this.date[4] || this.date[5]) {
+             if (this.date[0] && this.date[1] && ! this.date[2]) {
+                 this.date[2] = 1;
+             }
+             var t = jSuites.calendar.now(this.date);
+             v = jSuites.calendar.dateToNum(t);
+             if (this.date[4]) {
+                 v += parseFloat(this.date[4] / 60);
+             }
+         }
+         return v;
+     }
+
     var isBlank = function(v) {
         return v === null || v === '' || v === undefined ? true : false;
     }
@@ -8279,7 +8307,9 @@ jSuites.mask = (function() {
                 var t = options.mask.split(';');
                 options.mask = t[0];
             }
+            options.mask = options.mask.replace(new RegExp(/\[h]/),'|h|');
             options.mask = options.mask.replace(new RegExp(/\[.*?\]/),'');
+            options.mask = options.mask.replace(new RegExp(/\|h\|/),'[h]');
         }
 
         // Get decimal
@@ -8306,9 +8336,7 @@ jSuites.mask = (function() {
             if (jSuites.isNumeric(v)) {
                 value = v;
             } else {
-                var value = getDate.call(o);
-                var t = jSuites.calendar.now(o.date);
-                value = jSuites.calendar.dateToNum(t);
+                var value = extractDate.call(o);
             }
         } else {
             var value = Extract.call(options, v);
@@ -8383,7 +8411,6 @@ jSuites.mask = (function() {
             if (t) {
                 value = t;
             }
-
             if (options.mask && fullMask) {
                 fillWithBlanks = true;
             }

package/dist/jsuites.css

@@ -1705,23 +1705,31 @@ div[data-before]:before {
     background-color:#fff;
     transform: translate(-50%, -50%);
     box-sizing: border-box;
-    padding-top: 50px !important;
     z-index:9002;
     border-radius: 4px;
 }
 
-.jmodal:before {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    content:attr(title);
+.jmodal_title {
     padding: 25px;
-    padding-bottom: 20px;
+    padding-bottom: 0px;
     box-sizing: border-box;
     font-size: 1.4em;
     background-color: #fff;
     border-radius: 8px 8px 0px 0px;
+    pointer-events: none;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.jmodal_title[data-icon]:before {
+    content: attr(data-icon);
+    font-family: 'Material Icons' !important;
+    width: 48px;
+    height: 48px;
+    font-size: 48px;
+    padding-right: 10px;
 }
 
 .jmodal_content {
@@ -1729,12 +1737,19 @@ div[data-before]:before {
     overflow-y: auto;
     max-height: 100%;
     box-sizing: border-box;
-    height: -webkit-fill-available;
-
+    height: calc(100% - 55px);
     scrollbar-width: thin;
     scrollbar-color: #333 transparent;
 }
 
+.jmodal_title:empty {
+    display: none;
+}
+
+.jmodal_title:empty + .jmodal_content {
+    height: -webkit-fill-available;
+}
+
 .jmodal_content::-webkit-scrollbar {
     height: 12px;
 }
@@ -1753,15 +1768,6 @@ div[data-before]:before {
     background: #888;
 }
 
-
-.jmodal.no-title {
-    padding-top: initial !important;
-}
-
-.jmodal.no-title:before {
-    display:none;
-}
-
 .jmodal:after {
     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");

package/dist/jsuites.js

@@ -17,7 +17,7 @@
 
 var jSuites = {};
 
-var Version = '4.13.2';
+var Version = '4.15.1';
 
 var Events = function() {
 
@@ -455,7 +455,7 @@ jSuites.setDictionary = function(d) {
 
 // Translate
 jSuites.translate = function(t) {
-    if (document.dictionary) {
+    if (typeof(document) !== "undefined" && document.dictionary) {
         return document.dictionary[t] || t;
      } else {
         return t;
@@ -2062,17 +2062,20 @@ jSuites.calendar.getDateString = function(value, options) {
     }
 
     // Convert to number of hours
-    if (typeof(value) == 'number' && format.indexOf('[h]') >= 0) {
-        var result = parseFloat(24 * Number(value));
-        if (format.indexOf('mm') >= 0) {
-            var h = (''+result).split('.');
-            if (h[1]) {
-                var d = 60 * parseFloat('0.' + h[1])
-                d = parseFloat(d.toFixed(2));
-            } else {
-                var d = 0;
+    if (format.indexOf('[h]') >= 0) {
+        var result = 0;
+        if (value && jSuites.isNumeric(value)) {
+            result = parseFloat(24 * Number(value));
+            if (format.indexOf('mm') >= 0) {
+                var h = (''+result).split('.');
+                if (h[1]) {
+                    var d = 60 * parseFloat('0.' + h[1])
+                    d = parseFloat(d.toFixed(2));
+                } else {
+                    var d = 0;
+                }
+                result = parseInt(h[0]) + ':' + jSuites.two(d);
             }
-            result = parseInt(h[0]) + ':' + jSuites.two(d);
         }
         return result;
     }
@@ -3550,7 +3553,7 @@ jSuites.dropdown = (function(el, options) {
 
         // Header
         obj.header = document.createElement('input');
-        obj.header.className = 'jdropdown-header';
+        obj.header.className = 'jdropdown-header jss_object';
         obj.header.type = 'text';
         obj.header.setAttribute('autocomplete', 'off');
         obj.header.onfocus = function() {
@@ -7536,6 +7539,31 @@ jSuites.mask = (function() {
         return v;
     }
 
+    var extractDate = function() {
+         var v = '';
+         if (! (this.date[0] && this.date[1] && this.date[2]) && (this.date[3] || this.date[4])) {
+             if (this.mask.toLowerCase().indexOf('[h]') !== -1) {
+                 v = parseInt(this.date[3]);
+             } else {
+                 v = parseInt(this.date[3]) % 24;
+             }
+             if (this.date[4]) {
+                 v += parseFloat(this.date[4] / 60);
+             }
+             v /= 24;
+         } else if (this.date[0] || this.date[1] || this.date[2] || this.date[3] || this.date[4] || this.date[5]) {
+             if (this.date[0] && this.date[1] && ! this.date[2]) {
+                 this.date[2] = 1;
+             }
+             var t = jSuites.calendar.now(this.date);
+             v = jSuites.calendar.dateToNum(t);
+             if (this.date[4]) {
+                 v += parseFloat(this.date[4] / 60);
+             }
+         }
+         return v;
+     }
+
     var isBlank = function(v) {
         return v === null || v === '' || v === undefined ? true : false;
     }
@@ -8704,7 +8732,9 @@ jSuites.mask = (function() {
                 var t = options.mask.split(';');
                 options.mask = t[0];
             }
+            options.mask = options.mask.replace(new RegExp(/\[h]/),'|h|');
             options.mask = options.mask.replace(new RegExp(/\[.*?\]/),'');
+            options.mask = options.mask.replace(new RegExp(/\|h\|/),'[h]');
         }
 
         // Get decimal
@@ -8731,9 +8761,7 @@ jSuites.mask = (function() {
             if (jSuites.isNumeric(v)) {
                 value = v;
             } else {
-                var value = getDate.call(o);
-                var t = jSuites.calendar.now(o.date);
-                value = jSuites.calendar.dateToNum(t);
+                var value = extractDate.call(o);
             }
         } else {
             var value = Extract.call(options, v);
@@ -8808,7 +8836,6 @@ jSuites.mask = (function() {
             if (t) {
                 value = t;
             }
-
             if (options.mask && fullMask) {
                 fillWithBlanks = true;
             }
@@ -8939,6 +8966,7 @@ jSuites.modal = (function(el, options) {
         title: null,
         padding: null,
         backdrop: true,
+        icon: null,
     };
 
     // Loop through our object
@@ -8960,6 +8988,12 @@ jSuites.modal = (function(el, options) {
         temp.appendChild(el.children[0]);
     }
 
+    obj.title = document.createElement('div');
+    obj.title.className = 'jmodal_title';
+    if (obj.options.icon) {
+        obj.title.setAttribute('data-icon', obj.options.icon);
+    }
+
     obj.content = document.createElement('div');
     obj.content.className = 'jmodal_content';
     obj.content.innerHTML = el.innerHTML;
@@ -8970,6 +9004,7 @@ jSuites.modal = (function(el, options) {
 
     obj.container = document.createElement('div');
     obj.container.className = 'jmodal';
+    obj.container.appendChild(obj.title);
     obj.container.appendChild(obj.content);
 
     if (obj.options.padding) {
@@ -8982,10 +9017,9 @@ jSuites.modal = (function(el, options) {
         obj.container.style.height = obj.options.height;
     }
     if (obj.options.title) {
-        obj.container.setAttribute('title', obj.options.title);
-    } else {
-        obj.container.classList.add('no-title');
+        obj.title.innerText = obj.options.title;
     }
+
     el.innerHTML = '';
     el.style.display = 'none';
     el.appendChild(obj.container);
@@ -9100,7 +9134,7 @@ jSuites.modal = (function(el, options) {
                 if (rect.width - (x - rect.left) < 50 && (y - rect.top) < 50) {
                     // Do nothing
                 } else {
-                    if (e.target.getAttribute('title') && (y - rect.top) < 50) {
+                    if (y - rect.top < 50) {
                         if (document.selection) {
                             document.selection.empty();
                         } else if ( window.getSelection ) {

package/dist/jsuites.layout.js

@@ -3040,6 +3040,7 @@ jSuites.template = (function(el, options) {
     var searchContainer = document.createElement('div');
     searchContainer.className = 'jtemplate-results';
     obj.searchInput = document.createElement('input');
+    obj.searchInput .className = 'jss_object';
     obj.searchInput.onkeyup = function(e) {
         // Clear current trigger
         if (searchTimer) {

package/package.json

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