isobit-ui 0.0.287 → 0.0.288

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.287
+ * isobit-ui v0.0.288
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -4831,6 +4831,19 @@ function HTML2Canvas(props) {
   };
 }
 
+var f = {
+  value: function value(v) {
+    var a = this;
+
+    for (var i = 0; i < a.length; i++) {
+      if (a[i] == v) return true;
+    }
+
+    return false;
+  }
+};
+if (![].contains) Object.defineProperty(Array.prototype, 'contains', f);
+if (!"".contains) Object.defineProperty(String.prototype, 'contains', f);
 _ = Object.assign(_, {
   remoteServer: '',
   _id: 0,
@@ -4851,6 +4864,18 @@ _ = Object.assign(_, {
 
     return parent;
   },
+  contains: function contains(a, b) {
+    return a && a.includes(b);
+  },
+  uiParent: function uiParent(e) {
+    return e.ui || !e ? e : _.uiParent(e.$parent);
+  },
+  closest: function closest(el, sel) {
+    while ((el = el.parentElement) && !(el.matches || el.matchesSelector).call(el, sel)) {
+    }
+
+    return el;
+  },
   fadeOut: function fadeOut(id, val) {
     if (isNaN(val)) {
       val = 9;
@@ -4892,16 +4917,193 @@ _ = Object.assign(_, {
     }
 
     return i;
-  }
-});
+  },
+  mask: function mask(ms, cfg) {
+    if (!document.body) return;
+    var center = document.createElement("div");
+    center.style = 'top:50%;transform:translate(-50%,-50%);position:absolute;width:100%;z-index:2';
+    var s = center.style;
+    s.left = '50%';
+    s.textAlign = 'center';
+
+    if (ms !== false) {
+      if (ms instanceof Element) {
+        center = ms; //.append(ms);
+      } else {
+        if (ms) {
+          var d = document.createElement('div');
+          d.innerHTML = ms;
+          center.append(d);
+          center.style = "padding:4px;margin-bottom:5px;color:white;font-size:24px;text-align:center";
+        }
 
-_.sum = function (c) {
-  return this.reduce(function (a, b) {
-    b = c ? b[c] : b;
-    return a + (b ? Number(b) : 0);
-  }, 0);
-};
+        var img = document.createElement('div');
+        s = img.style;
+        s.width = '100%';
+        s.height = '180px';
+        img.className = 'loading';
+      }
+    }
+
+    var p = document.createElement('div');
+    s = p.style;
+    s.height = '100%';
+    s.top = '0px';
+    s.position = 'absolute';
+    s.left = '0';
+    s.zIndex = 10000;
+    s.width = '100%';
+    var bg = document.createElement('div');
+    s = bg.style;
+    s.height = '100%';
+    s.width = '100%';
+    s.top = '0';
+    s.position = 'absolute';
+    s.left = '0';
+    s.backgroundColor = 'rgba(0,0,0,0.5)';
+    if (cfg && cfg.opacity) s.opacity = cfg.opacity;
+    if (cfg && cfg.backgroundColor) s.backgroundColor = cfg.backgroundColor;
+    p.appendChild(bg);
+    p.appendChild(center);
+    if (img) center.appendChild(img);
+    document.body.appendChild(p);
+    return p;
+  },
+  unmask: function unmask(m) {
+    if (m) {
+      m.style.display = "none";
+      if (m.parentNode) m.parentNode.removeChild(m);
+    }
+  },
+  clean: function clean(obj) {
+    for (var propName in obj) {
+      if (obj[propName] === '' || obj[propName] === null || obj[propName] === undefined) {
+        delete obj[propName];
+      }
+    }
+
+    return obj;
+  },
+  processURL: function processURL(s) {
+    //console.log(s);
+    return s;
+  },
+  loadCSS: function loadCSS(url) {
+    var head = document.getElementsByTagName('head')[0];
+    var link = document.createElement('link'); //link.id   = cssId;
+
+    link.rel = 'stylesheet';
+    link.type = 'text/css';
+    link.href = url;
+    link.media = 'all';
+    head.appendChild(link);
+  },
+  go: function go(u) {
+    window.location = u;
+  },
+  getCurrentPosition: function getCurrentPosition() {
+    return new Promise(function (res, rej) {
+      if (_.location) {
+        var id = 'result' + _.id();
+
+        _[id] = function (r) {
+          delete _[id];
+
+          if (r.coords) {
+            res(r);
+          } else rej(r);
+        };
+
+        _.location(id);
+      } else if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(res, rej);
+      }
+    });
+  },
+  URL: function URL(path) {
+    var me = this;
+    me.location = window.location;
+    me.path = path ? path : window.location.pathname;
+    var h = me.path.split('?');
+
+    if (h.length > 1) {
+      me.path = h[0];
+      h = h[1].split('#');
+      me.query = h[0];
+    } else {
+      h = h[0].split('#');
+      me.path = h[0];
+    }
+
+    me.get = function (key, def) {
+      if (me.query) {
+        var kvp = me.query.split('&');
+        var i = kvp.length;
+        var x;
+
+        while (i--) {
+          x = kvp[i].split('=');
+
+          if (x[0] == key) {
+            return x[1];
+          }
+        }
+      }
+
+      return def;
+    };
+
+    me.put = function (key, value) {
+      key = encodeURI(key);
+      value = encodeURI(value);
+      var kvp = me.path.split('?');
+      if (kvp.length > 1) kvp = kvp[1].split('&');
+      var i = kvp.length;
+      var x;
 
+      while (i--) {
+        x = kvp[i].split('=');
+
+        if (x[0] == key) {
+          x[1] = value;
+          kvp[i] = x.join('=');
+          break;
+        }
+      }
+
+      if (i < 0) {
+        kvp[kvp.length] = [key, value].join('=');
+      } //this will reload the page, it's likely better to store this until finished
+      //document.location.search = kvp.join('&'); 
+      //console.log('pathname='+me.location.pathname);
+      //console.log('query='+kvp.join('&'));
+      //console.log('hash='+me.location.hash);
+
+
+      return me.location.pathname + '?' + kvp.join('&') + me.location.hash;
+    };
+  },
+  loadScript: function loadScript(url, callback) {
+    // adding the script tag to the head as suggested before
+    var head = document.getElementsByTagName('head')[0];
+    var script = document.createElement('script');
+    script.type = 'text/javascript';
+    script.src = url; // then bind the event to the callback function 
+    // there are several events for cross browser compatibility
+
+    script.onreadystatechange = callback;
+    script.onload = callback; // fire the loading
+
+    head.appendChild(script);
+  },
+  sum: function sum(c) {
+    return this.reduce(function (a, b) {
+      b = c ? b[c] : b;
+      return a + (b ? Number(b) : 0);
+    }, 0);
+  }
+});
+_.getLocation = _.getCurrentPosition;
 Vue.id = _.id;
 
 Vue.pad = function (num, size) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "isobit-ui",
-	"version": "0.0.287",
+	"version": "0.0.288",
 	"description": "Vue component to play videos",
 	"keywords": [
 		"ui",