jsuites 4.9.27 → 4.9.31

package/dist/jsuites.basic.css

@@ -12,6 +12,8 @@
 :root {
     --button-color: #298BA8; 
     --active-color: #007aff;
+    --safe-area-top: env(safe-area-inset-top);
+    --safe-area-bottom: env(safe-area-inset-bottom);
 }
 
 div[data-before]:before {
@@ -1753,7 +1755,7 @@ div[data-before]:before {
 
 @media (max-width: 800px) {
     .jnotification {
-        top: 0px;
+        top: calc(0px + var(--safe-area-top));
         width: 100%;
     }
     .jnotification-container {

package/dist/jsuites.basic.js

@@ -17,7 +17,7 @@
 
 var jSuites = function(options) {
     var obj = {}
-    var version = '4.9.27';
+    var version = '4.9.22';
 
     var find = function(DOMElement, component) {
         if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -902,9 +902,9 @@ jSuites.calendar = (function(el, options) {
             // Lemonade JS
             if (el.value != val) {
                 el.value = val;
-                if (typeof(el.onchange) == 'function') {
-                    el.onchange({
-                        type: 'change',
+                if (typeof(el.oninput) == 'function') {
+                    el.oninput({
+                        type: 'input',
                         target: el,
                         value: el.value
                     });
@@ -2138,9 +2138,9 @@ jSuites.color = (function(el, options) {
                 // Set input value
                 el.value = obj.options.value;
                 // Element onchange native
-                if (typeof(el.onchange) == 'function') {
-                    el.onchange({
-                        type: 'change',
+                if (typeof(el.oninput) == 'function') {
+                    el.oninput({
+                        type: 'input',
                         target: el,
                         value: el.value
                     });
@@ -2868,11 +2868,11 @@ jSuites.dropdown = (function(el, options) {
             }
 
             obj.setData(data);
+        }
 
-            // Onload method
-            if (typeof(obj.options.onload) == 'function') {
-                obj.options.onload(el, obj, data, val);
-            }
+        // Onload method
+        if (typeof(obj.options.onload) == 'function') {
+            obj.options.onload(el, obj, data, val);
         }
 
         // Set value
@@ -2916,9 +2916,9 @@ jSuites.dropdown = (function(el, options) {
             }
         }
         
-        if(typeof testA == "string" || typeof testB == "string") {
-            if(typeof testA != "string") { testA = ""+testA; }
-            if(typeof testB != "string") { testB = ""+testB; }
+        if (typeof testA == "string" || typeof testB == "string") {
+            if (typeof testA != "string") { testA = ""+testA; }
+            if (typeof testB != "string") { testB = ""+testB; }
             return testA.localeCompare(testB);
         } else {
             return testA - testB;
@@ -3743,9 +3743,9 @@ jSuites.dropdown = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -4738,9 +4738,9 @@ jSuites.editor = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -6720,11 +6720,16 @@ jSuites.mask = (function() {
                         return t[1];
                     } else {
                         // Did not find any decimal last resort the default
-                        var e = new RegExp('#,##', 'ig');
-                        if ((v && v.match(e)) || '1.1'.toLocaleString().substring(1,2) == ',') {
-                            this.options.decimal = ',';
+                        var e = new RegExp('#{1}(.{1})#+', 'ig');
+                        var t = e.exec(v);
+                        if (t && t[1] && t[1].length == 1) {
+                            if (t[1] === ',') {
+                                this.options.decimal = '.';
+                            } else {
+                                this.options.decimal = ',';
+                            }
                         } else {
-                            this.options.decimal = '.';
+                            this.options.decimal = '1.1'.toLocaleString().substring(1,2);
                         }
                     }
                 }
@@ -8096,7 +8101,10 @@ jSuites.notification.isVisible = function() {
 }
 
 // More palettes https://coolors.co/ or https://gka.github.io/palettes/#/10|s|003790,005647,ffffe0|ffffe0,ff005e,93003a|1|1
-jSuites.palette = function(o, v) {
+jSuites.palette = (function() {
+    /**
+     * Available palettes
+     */
     var palette = {
         material: [
             [ "#ffebee", "#fce4ec", "#f3e5f5", "#e8eaf6", "#e3f2fd", "#e0f7fa", "#e0f2f1", "#e8f5e9", "#f1f8e9", "#f9fbe7", "#fffde7", "#fff8e1", "#fff3e0", "#fbe9e7", "#efebe9", "#fafafa", "#eceff1" ],
@@ -8129,18 +8137,33 @@ jSuites.palette = function(o, v) {
         ],
     }
 
-    // Is defined, set new palette value
-    if (typeof(v) !== 'undefined') {
-        palette[o] = v;
+    /**
+     * Get a pallete
+     */
+    var component = function(o) {
+        // Otherwise get palette value
+        if (palette[o]) {
+            return palette[o];
+        } else {
+            return palette.material;
+        }
     }
 
-    // Otherwise get palette value
-    if (palette[o]) {
-        return palette[o];
-    } else {
-        return palette.material;
+    component.get = function(o) {
+        // Otherwise get palette value
+        if (palette[o]) {
+            return palette[o];
+        } else {
+            return palette;
+        }
     }
-}
+
+    component.set = function(o, v) {
+        palette[o] = v;
+    }
+
+    return component;
+})();
 
 
 jSuites.picker = (function(el, options) {
@@ -8272,9 +8295,9 @@ jSuites.picker = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -8486,9 +8509,9 @@ jSuites.rating = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });

package/dist/jsuites.css

@@ -12,6 +12,8 @@
 :root {
     --button-color: #298BA8; 
     --active-color: #007aff;
+    --safe-area-top: env(safe-area-inset-top);
+    --safe-area-bottom: env(safe-area-inset-bottom);
 }
 
 div[data-before]:before {
@@ -1845,7 +1847,7 @@ div[data-before]:before {
 
 @media (max-width: 800px) {
     .jnotification {
-        top: 0px;
+        top: calc(0px + var(--safe-area-top));
         width: 100%;
     }
     .jnotification-container {

package/dist/jsuites.js

@@ -17,7 +17,7 @@
 
 var jSuites = function(options) {
     var obj = {}
-    var version = '4.9.27';
+    var version = '4.9.22';
 
     var find = function(DOMElement, component) {
         if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -913,9 +913,9 @@ jSuites.calendar = (function(el, options) {
             // Lemonade JS
             if (el.value != val) {
                 el.value = val;
-                if (typeof(el.onchange) == 'function') {
-                    el.onchange({
-                        type: 'change',
+                if (typeof(el.oninput) == 'function') {
+                    el.oninput({
+                        type: 'input',
                         target: el,
                         value: el.value
                     });
@@ -2149,9 +2149,9 @@ jSuites.color = (function(el, options) {
                 // Set input value
                 el.value = obj.options.value;
                 // Element onchange native
-                if (typeof(el.onchange) == 'function') {
-                    el.onchange({
-                        type: 'change',
+                if (typeof(el.oninput) == 'function') {
+                    el.oninput({
+                        type: 'input',
                         target: el,
                         value: el.value
                     });
@@ -2879,11 +2879,11 @@ jSuites.dropdown = (function(el, options) {
             }
 
             obj.setData(data);
+        }
 
-            // Onload method
-            if (typeof(obj.options.onload) == 'function') {
-                obj.options.onload(el, obj, data, val);
-            }
+        // Onload method
+        if (typeof(obj.options.onload) == 'function') {
+            obj.options.onload(el, obj, data, val);
         }
 
         // Set value
@@ -2927,9 +2927,9 @@ jSuites.dropdown = (function(el, options) {
             }
         }
         
-        if(typeof testA == "string" || typeof testB == "string") {
-            if(typeof testA != "string") { testA = ""+testA; }
-            if(typeof testB != "string") { testB = ""+testB; }
+        if (typeof testA == "string" || typeof testB == "string") {
+            if (typeof testA != "string") { testA = ""+testA; }
+            if (typeof testB != "string") { testB = ""+testB; }
             return testA.localeCompare(testB);
         } else {
             return testA - testB;
@@ -3754,9 +3754,9 @@ jSuites.dropdown = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -4749,9 +4749,9 @@ jSuites.editor = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -7145,11 +7145,16 @@ jSuites.mask = (function() {
                         return t[1];
                     } else {
                         // Did not find any decimal last resort the default
-                        var e = new RegExp('#,##', 'ig');
-                        if ((v && v.match(e)) || '1.1'.toLocaleString().substring(1,2) == ',') {
-                            this.options.decimal = ',';
+                        var e = new RegExp('#{1}(.{1})#+', 'ig');
+                        var t = e.exec(v);
+                        if (t && t[1] && t[1].length == 1) {
+                            if (t[1] === ',') {
+                                this.options.decimal = '.';
+                            } else {
+                                this.options.decimal = ',';
+                            }
                         } else {
-                            this.options.decimal = '.';
+                            this.options.decimal = '1.1'.toLocaleString().substring(1,2);
                         }
                     }
                 }
@@ -8748,7 +8753,10 @@ jSuites.notification.isVisible = function() {
 }
 
 // More palettes https://coolors.co/ or https://gka.github.io/palettes/#/10|s|003790,005647,ffffe0|ffffe0,ff005e,93003a|1|1
-jSuites.palette = function(o, v) {
+jSuites.palette = (function() {
+    /**
+     * Available palettes
+     */
     var palette = {
         material: [
             [ "#ffebee", "#fce4ec", "#f3e5f5", "#e8eaf6", "#e3f2fd", "#e0f7fa", "#e0f2f1", "#e8f5e9", "#f1f8e9", "#f9fbe7", "#fffde7", "#fff8e1", "#fff3e0", "#fbe9e7", "#efebe9", "#fafafa", "#eceff1" ],
@@ -8781,18 +8789,33 @@ jSuites.palette = function(o, v) {
         ],
     }
 
-    // Is defined, set new palette value
-    if (typeof(v) !== 'undefined') {
-        palette[o] = v;
+    /**
+     * Get a pallete
+     */
+    var component = function(o) {
+        // Otherwise get palette value
+        if (palette[o]) {
+            return palette[o];
+        } else {
+            return palette.material;
+        }
     }
 
-    // Otherwise get palette value
-    if (palette[o]) {
-        return palette[o];
-    } else {
-        return palette.material;
+    component.get = function(o) {
+        // Otherwise get palette value
+        if (palette[o]) {
+            return palette[o];
+        } else {
+            return palette;
+        }
     }
-}
+
+    component.set = function(o, v) {
+        palette[o] = v;
+    }
+
+    return component;
+})();
 
 
 jSuites.picker = (function(el, options) {
@@ -8924,9 +8947,9 @@ jSuites.picker = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -9122,9 +9145,9 @@ jSuites.progressbar = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -9253,9 +9276,9 @@ jSuites.rating = (function(el, options) {
         // Lemonade JS
         if (el.value != obj.options.value) {
             el.value = obj.options.value;
-            if (typeof(el.onchange) == 'function') {
-                el.onchange({
-                    type: 'change',
+            if (typeof(el.oninput) == 'function') {
+                el.oninput({
+                    type: 'input',
                     target: el,
                     value: el.value
                 });
@@ -10826,9 +10849,9 @@ jSuites.tags = (function(el, options) {
             // Lemonade JS
             if (el.value != obj.options.value) {
                 el.value = obj.options.value;
-                if (typeof(el.onchange) == 'function') {
-                    el.onchange({
-                        type: 'change',
+                if (typeof(el.oninput) == 'function') {
+                    el.oninput({
+                        type: 'input',
                         target: el,
                         value: el.value
                     });

package/dist/jsuites.layout.js

@@ -1,3 +1,20 @@
+/**
+ * (c) jSuites Javascript Web Components
+ *
+ * Website: https://jsuites.net
+ * Description: Create amazing web based applications.
+ *
+ * MIT License
+ *
+ */
+;(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    global.jSuites = factory();
+}(this, (function () {
+
+    'use strict';
+
 jSuites.crop = (function(el, options) {
     // Already created, update options
     if (el.crop) {
@@ -1698,11 +1715,12 @@ jSuites.menu = (function(el, options) {
             var menu = el.querySelectorAll('nav');
             var selected = null;
             for (var i = 0; i < menu.length; i++) {
-                menu[i].classList.remove('selected');
                 if (menu[i].getAttribute('data-id')) {
                     var state = localStorage.getItem('jmenu-' + menu[i].getAttribute('data-id'));
-                    if (state == 1) {
+                    if (state === '1') {
                         menu[i].classList.add('selected');
+                    } else if (state === '0') {
+                        menu[i].classList.remove('selected');
                     }
                 }
             }
@@ -3450,3 +3468,9 @@ jSuites.timeline = (function(el, options) {
 
     return obj;
 });
+
+
+
+    return jSuites;
+
+})));

package/package.json

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