jsuites 4.9.26 → 4.9.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,8 @@
12
12
  :root {
13
13
  --button-color: #298BA8;
14
14
  --active-color: #007aff;
15
+ --safe-area-top: env(safe-area-inset-top);
16
+ --safe-area-bottom: env(safe-area-inset-bottom);
15
17
  }
16
18
 
17
19
  div[data-before]:before {
@@ -1753,7 +1755,7 @@ div[data-before]:before {
1753
1755
 
1754
1756
  @media (max-width: 800px) {
1755
1757
  .jnotification {
1756
- top: 0px;
1758
+ top: calc(0px + var(--safe-area-top));
1757
1759
  width: 100%;
1758
1760
  }
1759
1761
  .jnotification-container {
@@ -1856,8 +1858,6 @@ div[data-before]:before {
1856
1858
 
1857
1859
  .jpicker-focus > .jpicker-content {
1858
1860
  display: block;
1859
- overflow-y: auto;
1860
- min-width: 100%;
1861
1861
  }
1862
1862
 
1863
1863
  .jpicker-content > div:hover {
@@ -17,7 +17,7 @@
17
17
 
18
18
  var jSuites = function(options) {
19
19
  var obj = {}
20
- var version = '4.9.26';
20
+ var version = '4.9.30';
21
21
 
22
22
  var find = function(DOMElement, component) {
23
23
  if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -2868,11 +2868,11 @@ jSuites.dropdown = (function(el, options) {
2868
2868
  }
2869
2869
 
2870
2870
  obj.setData(data);
2871
+ }
2871
2872
 
2872
- // Onload method
2873
- if (typeof(obj.options.onload) == 'function') {
2874
- obj.options.onload(el, obj, data, val);
2875
- }
2873
+ // Onload method
2874
+ if (typeof(obj.options.onload) == 'function') {
2875
+ obj.options.onload(el, obj, data, val);
2876
2876
  }
2877
2877
 
2878
2878
  // Set value
@@ -2916,9 +2916,9 @@ jSuites.dropdown = (function(el, options) {
2916
2916
  }
2917
2917
  }
2918
2918
 
2919
- if(typeof testA == "string" || typeof testB == "string") {
2920
- if(typeof testA != "string") { testA = ""+testA; }
2921
- if(typeof testB != "string") { testB = ""+testB; }
2919
+ if (typeof testA == "string" || typeof testB == "string") {
2920
+ if (typeof testA != "string") { testA = ""+testA; }
2921
+ if (typeof testB != "string") { testB = ""+testB; }
2922
2922
  return testA.localeCompare(testB);
2923
2923
  } else {
2924
2924
  return testA - testB;
@@ -6720,11 +6720,16 @@ jSuites.mask = (function() {
6720
6720
  return t[1];
6721
6721
  } else {
6722
6722
  // Did not find any decimal last resort the default
6723
- var e = new RegExp('#,##', 'ig');
6724
- if ((v && v.match(e)) || '1.1'.toLocaleString().substring(1,2) == ',') {
6725
- this.options.decimal = ',';
6723
+ var e = new RegExp('#{1}(.{1})#+', 'ig');
6724
+ var t = e.exec(v);
6725
+ if (t && t[1] && t[1].length == 1) {
6726
+ if (t[1] === ',') {
6727
+ this.options.decimal = '.';
6728
+ } else {
6729
+ this.options.decimal = ',';
6730
+ }
6726
6731
  } else {
6727
- this.options.decimal = '.';
6732
+ this.options.decimal = '1.1'.toLocaleString().substring(1,2);
6728
6733
  }
6729
6734
  }
6730
6735
  }
@@ -8096,7 +8101,10 @@ jSuites.notification.isVisible = function() {
8096
8101
  }
8097
8102
 
8098
8103
  // More palettes https://coolors.co/ or https://gka.github.io/palettes/#/10|s|003790,005647,ffffe0|ffffe0,ff005e,93003a|1|1
8099
- jSuites.palette = function(o, v) {
8104
+ jSuites.palette = (function() {
8105
+ /**
8106
+ * Available palettes
8107
+ */
8100
8108
  var palette = {
8101
8109
  material: [
8102
8110
  [ "#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) {
8129
8137
  ],
8130
8138
  }
8131
8139
 
8132
- // Is defined, set new palette value
8133
- if (typeof(v) !== 'undefined') {
8134
- palette[o] = v;
8140
+ /**
8141
+ * Get a pallete
8142
+ */
8143
+ var component = function(o) {
8144
+ // Otherwise get palette value
8145
+ if (palette[o]) {
8146
+ return palette[o];
8147
+ } else {
8148
+ return palette.material;
8149
+ }
8135
8150
  }
8136
8151
 
8137
- // Otherwise get palette value
8138
- if (palette[o]) {
8139
- return palette[o];
8140
- } else {
8141
- return palette.material;
8152
+ component.get = function(o) {
8153
+ // Otherwise get palette value
8154
+ if (palette[o]) {
8155
+ return palette[o];
8156
+ } else {
8157
+ return palette;
8158
+ }
8142
8159
  }
8143
- }
8160
+
8161
+ component.set = function(o, v) {
8162
+ palette[o] = v;
8163
+ }
8164
+
8165
+ return component;
8166
+ })();
8144
8167
 
8145
8168
 
8146
8169
  jSuites.picker = (function(el, options) {
package/dist/jsuites.css CHANGED
@@ -12,6 +12,8 @@
12
12
  :root {
13
13
  --button-color: #298BA8;
14
14
  --active-color: #007aff;
15
+ --safe-area-top: env(safe-area-inset-top);
16
+ --safe-area-bottom: env(safe-area-inset-bottom);
15
17
  }
16
18
 
17
19
  div[data-before]:before {
@@ -1845,7 +1847,7 @@ div[data-before]:before {
1845
1847
 
1846
1848
  @media (max-width: 800px) {
1847
1849
  .jnotification {
1848
- top: 0px;
1850
+ top: calc(0px + var(--safe-area-top));
1849
1851
  width: 100%;
1850
1852
  }
1851
1853
  .jnotification-container {
@@ -1948,8 +1950,6 @@ div[data-before]:before {
1948
1950
 
1949
1951
  .jpicker-focus > .jpicker-content {
1950
1952
  display: block;
1951
- overflow-y: auto;
1952
- min-width: 100%;
1953
1953
  }
1954
1954
 
1955
1955
  .jpicker-content > div:hover {
package/dist/jsuites.js CHANGED
@@ -17,7 +17,7 @@
17
17
 
18
18
  var jSuites = function(options) {
19
19
  var obj = {}
20
- var version = '4.9.26';
20
+ var version = '4.9.30';
21
21
 
22
22
  var find = function(DOMElement, component) {
23
23
  if (DOMElement[component.type] && DOMElement[component.type] == component) {
@@ -2879,11 +2879,11 @@ jSuites.dropdown = (function(el, options) {
2879
2879
  }
2880
2880
 
2881
2881
  obj.setData(data);
2882
+ }
2882
2883
 
2883
- // Onload method
2884
- if (typeof(obj.options.onload) == 'function') {
2885
- obj.options.onload(el, obj, data, val);
2886
- }
2884
+ // Onload method
2885
+ if (typeof(obj.options.onload) == 'function') {
2886
+ obj.options.onload(el, obj, data, val);
2887
2887
  }
2888
2888
 
2889
2889
  // Set value
@@ -2927,9 +2927,9 @@ jSuites.dropdown = (function(el, options) {
2927
2927
  }
2928
2928
  }
2929
2929
 
2930
- if(typeof testA == "string" || typeof testB == "string") {
2931
- if(typeof testA != "string") { testA = ""+testA; }
2932
- if(typeof testB != "string") { testB = ""+testB; }
2930
+ if (typeof testA == "string" || typeof testB == "string") {
2931
+ if (typeof testA != "string") { testA = ""+testA; }
2932
+ if (typeof testB != "string") { testB = ""+testB; }
2933
2933
  return testA.localeCompare(testB);
2934
2934
  } else {
2935
2935
  return testA - testB;
@@ -7145,11 +7145,16 @@ jSuites.mask = (function() {
7145
7145
  return t[1];
7146
7146
  } else {
7147
7147
  // Did not find any decimal last resort the default
7148
- var e = new RegExp('#,##', 'ig');
7149
- if ((v && v.match(e)) || '1.1'.toLocaleString().substring(1,2) == ',') {
7150
- this.options.decimal = ',';
7148
+ var e = new RegExp('#{1}(.{1})#+', 'ig');
7149
+ var t = e.exec(v);
7150
+ if (t && t[1] && t[1].length == 1) {
7151
+ if (t[1] === ',') {
7152
+ this.options.decimal = '.';
7153
+ } else {
7154
+ this.options.decimal = ',';
7155
+ }
7151
7156
  } else {
7152
- this.options.decimal = '.';
7157
+ this.options.decimal = '1.1'.toLocaleString().substring(1,2);
7153
7158
  }
7154
7159
  }
7155
7160
  }
@@ -8748,7 +8753,10 @@ jSuites.notification.isVisible = function() {
8748
8753
  }
8749
8754
 
8750
8755
  // More palettes https://coolors.co/ or https://gka.github.io/palettes/#/10|s|003790,005647,ffffe0|ffffe0,ff005e,93003a|1|1
8751
- jSuites.palette = function(o, v) {
8756
+ jSuites.palette = (function() {
8757
+ /**
8758
+ * Available palettes
8759
+ */
8752
8760
  var palette = {
8753
8761
  material: [
8754
8762
  [ "#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) {
8781
8789
  ],
8782
8790
  }
8783
8791
 
8784
- // Is defined, set new palette value
8785
- if (typeof(v) !== 'undefined') {
8786
- palette[o] = v;
8792
+ /**
8793
+ * Get a pallete
8794
+ */
8795
+ var component = function(o) {
8796
+ // Otherwise get palette value
8797
+ if (palette[o]) {
8798
+ return palette[o];
8799
+ } else {
8800
+ return palette.material;
8801
+ }
8787
8802
  }
8788
8803
 
8789
- // Otherwise get palette value
8790
- if (palette[o]) {
8791
- return palette[o];
8792
- } else {
8793
- return palette.material;
8804
+ component.get = function(o) {
8805
+ // Otherwise get palette value
8806
+ if (palette[o]) {
8807
+ return palette[o];
8808
+ } else {
8809
+ return palette;
8810
+ }
8794
8811
  }
8795
- }
8812
+
8813
+ component.set = function(o, v) {
8814
+ palette[o] = v;
8815
+ }
8816
+
8817
+ return component;
8818
+ })();
8796
8819
 
8797
8820
 
8798
8821
  jSuites.picker = (function(el, options) {
@@ -1698,11 +1698,12 @@ jSuites.menu = (function(el, options) {
1698
1698
  var menu = el.querySelectorAll('nav');
1699
1699
  var selected = null;
1700
1700
  for (var i = 0; i < menu.length; i++) {
1701
- menu[i].classList.remove('selected');
1702
1701
  if (menu[i].getAttribute('data-id')) {
1703
1702
  var state = localStorage.getItem('jmenu-' + menu[i].getAttribute('data-id'));
1704
- if (state == 1) {
1703
+ if (state === '1') {
1705
1704
  menu[i].classList.add('selected');
1705
+ } else if (state === '0') {
1706
+ menu[i].classList.remove('selected');
1706
1707
  }
1707
1708
  }
1708
1709
  }
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "javascript plugins"
20
20
  ],
21
21
  "main": "dist/jsuites.js",
22
- "version": "4.9.26",
22
+ "version": "4.9.30",
23
23
  "bugs": "https://github.com/jsuites/jsuites/issues",
24
24
  "homepage": "https://github.com/jsuites/jsuites",
25
25
  "docs": "https://jsuites.net",