isobit-ui 0.0.342 → 0.0.346

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.342
+ * isobit-ui v0.0.346
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -1377,7 +1377,7 @@ var __vue_component__$e = /*#__PURE__*/__vue_normalize____default['default']({
   staticRenderFns: __vue_staticRenderFns__$d
 }, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
-function _await$1(value, then, direct) {
+function _await$2(value, then, direct) {
   if (direct) {
     return then ? then(value) : value;
   }
@@ -1922,7 +1922,7 @@ var script$d = {
           }; //t.onerror = event => reject(event.target.error);
 
         });
-        return _await$1(p); //console.log(result);
+        return _await$2(p); //console.log(result);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -1937,7 +1937,7 @@ var script$d = {
             var datj;
             return _invoke$1(function () {
               if (window._.db) {
-                return _await$1(me.getStoredList(storage), function (_me$getStoredList) {
+                return _await$2(me.getStoredList(storage), function (_me$getStoredList) {
                   datj = _me$getStoredList;
                 });
               } else {
@@ -2534,6 +2534,7 @@ var __vue_render__$b = function __vue_render__() {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
+    staticClass: "v-select",
     staticStyle: {
       "position": "relative"
     }
@@ -2859,12 +2860,24 @@ var __vue_component__$9 = /*#__PURE__*/__vue_normalize____default['default']({
 //
 //
 //
+function _await$1(value, then, direct) {
+  if (direct) {
+    return then ? then(value) : value;
+  }
+
+  if (!value || !value.then) {
+    value = Promise.resolve(value);
+  }
+
+  return then ? value.then(then) : value;
+}
+
 var script$8 = {
   props: {
     url: String,
     displayField: String,
     data: Array,
-    storage: null,
+    store: null,
     valueField: String,
     filters: null,
     filter: null
@@ -2951,38 +2964,48 @@ var script$8 = {
       return me.filterList[p.selectedIndex - 1];
     },
     load: function load(p, nou) {
-      var me = this;
-      var pa = me.$el.parentElement; //console.log(pa.name+'.antes de preguntar disabled options.load '+JSON.stringify(p));
+      try {
+        var _this2 = this;
 
-      if (!pa.disabled) {
-        if (!me.data2) me.data2 = [];
-        if (me.filters) p = Vue.mergeDeep(p ? p : {}, me.filters); //console.log(pa.name+'.options.load '+JSON.stringify(p));
+        var me = _this2;
+        var pa = me.$el.parentElement;
+        console.log(p);
+        me.data2 = getStoredList(me.store); //console.log(pa.name+'.antes de preguntar disabled options.load '+JSON.stringify(p));
 
-        axios.get(me.url, {
-          params: p
-        }).then(function (r) {
-          var data = r.data.data ? r.data.data : r.data;
-          me.$emit('loaded', {
-            target: me,
-            data: data
+        if (!pa.disabled) {
+          if (!me.data2) me.data2 = [];
+          if (me.filters) p = Vue.mergeDeep(p ? p : {}, me.filters); //console.log(pa.name+'.options.load '+JSON.stringify(p));
+
+          axios.get(me.url, {
+            params: p
+          }).then(function (r) {
+            var data = r.data.data ? r.data.data : r.data;
+            me.$emit('loaded', {
+              target: me,
+              data: data
+            });
+            me.data2 = data;
+            if (me.store) localstore.setItem(me.store, JSON.stringify(data));
+            me.$parent.$forceUpdate();
+            if (nou) nou();
+          })["catch"](function () {//r = r.response;
+            //var e = me.$parent.$el;
+            //var error = document.createElement("div");
+
+            /*error.innerHTML = r.config.method + ' ' + r.config.url + ' ' + r.status + ' (' + r.statusText + ')';
+            error.classList.add("v-error");
+            e.parentNode.insertBefore(error, e);*/
           });
-          me.data2 = data;
-          if (me.storage) localStorage.setItem(me.storage, JSON.stringify(data));
-          me.$parent.$forceUpdate();
-          if (nou) nou();
-        })["catch"](function () {//r = r.response;
-          //var e = me.$parent.$el;
-          //var error = document.createElement("div");
-
-          /*error.innerHTML = r.config.method + ' ' + r.config.url + ' ' + r.status + ' (' + r.statusText + ')';
-          error.classList.add("v-error");
-          e.parentNode.insertBefore(error, e);*/
-        });
-      }
-      /*else{
-         console.log('no se cargara aun '+pa.name);
-      }*/
+        }
+        /*else{
+           console.log('no se cargara aun '+pa.name);
+        }*/
 
+
+        return _await$1();
+      } catch (e) {
+        return Promise.reject(e);
+      }
     }
   }
 };
@@ -5014,6 +5037,25 @@ var f = {
 if (![].contains) Object.defineProperty(Array.prototype, 'contains', f);
 if (!"".contains) Object.defineProperty(String.prototype, 'contains', f);
 _$1 = Object.assign(_$1, {
+  getStoredList: function getStoredList(store) {
+    try {
+      var p = new Promise(function (resolve) {
+        var t = _$1.db.transaction(store),
+            objectStore = t.objectStore(store); //,d=[];
+
+
+        var r = objectStore.getAll();
+
+        r.onsuccess = function () {
+          resolve(r.result);
+        }; //t.onerror = event => reject(event.target.error);
+
+      });
+      return _await(p); //console.log(result);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  },
   remoteServer: '',
   _id: 0,
   networkStatus: {
@@ -5676,28 +5718,6 @@ window.ui = _$1.ui = function (cfg) {
           }
         }
       },
-      o: function o(e) {
-        var t = e.target;
-        var me = this;
-
-        if (typeof e == 'string') {
-          t = e;
-        } else if (t.tagName == "ION-ITEM" && t.href) {
-          e.preventDefault();
-          t = t.href;
-        } else {
-          e.preventDefault();
-          if (!t.pathname) t = t.parentNode;
-          if (!t.pathname) t = t.parentNode;
-          if (!t.pathname) t = t.parentNode;
-          t = t.pathname;
-        }
-
-        if (me.$route.path !== t) {
-          console.log('path=' + t);
-          me.$router.push(t);
-        }
-      },
       MsgBox: _$1.MsgBox,
       changeRoute: function changeRoute() {
         /*console.log(v)*/
@@ -5762,8 +5782,8 @@ window.ui = _$1.ui = function (cfg) {
         if (!action) action = window.location.pathname;
         action = _$1.processURL(action);
 
-        if (window.o) {
-          window.o(action + '/create');
+        if (window.app) {
+          me.open(action + '/create');
         } else {
           instance.get(_$1.currentPath = (action + '/create').replace(/([^:]\/)\/+/g, "$1") + '?modal').then(_$1.open)["catch"](me.error);
         }
@@ -5778,8 +5798,8 @@ window.ui = _$1.ui = function (cfg) {
         if (t.data[t.selected[0]].tmpId) id = -t.data[t.selected[0]].tmpId;
         if (me.getSelectedId) id = me.getSelectedId(t.data[t.selected[0]]);
 
-        if (window.o) {
-          window.o(action + '/' + id + '/edit');
+        if (window.app) {
+          me.open(action + '/' + id + '/edit');
         } else {
           axios__default['default'].get((_$1.currentPath = (action + '/' + id + '/edit').replace(/([^:]\/)\/+/g, "$1")) + '?modal').then(me.open)["catch"](me.error);
         }
@@ -5859,319 +5879,42 @@ window.ui = _$1.ui = function (cfg) {
         return str.replace(_$1.contextPath, _$1.contextPath + '/api');
       },
       open: function open(response, path, o) {
-        var me = this,
-            el;
-
-        if (response.$el) {
-          response = response.$el;
-          path = {};
-        } else if (response instanceof HTMLElement) {
-          path = {};
-        } else if (response.target) {
-          el = response.target;
-          return me.open(el.pathname ? el.pathname : el.href);
-        } else if (response === 'GET') {
-          if (typeof path == 'string') {
-            var cfg = {
-              path: _$1.currentPath = path + (typeof o == 'string' ? '/' + o : '')
-            };
-
-            if (typeof o == 'function') {
-              cfg.result = o;
-            } else if (_typeof(o) == 'object') {
-              cfg = Vue__default['default'].mergeDeep(cfg, o);
-            }
-
-            return me.open(response, cfg);
-          } else if (!path.data) {
-            //Tiene q buscarse el elemt si existe
-            //console.log('path='+path.path);
-            el = document.querySelector('[path=\'' + path.path + '\']'); //console.log(el);
-
-            if (el) {
-              var dd = document.querySelector('#layoutUnit-center > .ui-layout-unit-content,#page-content'); //console.log(dd);
-
-              for (var i = 0; i < dd.children.length; i++) {
-                //Se ocultan todas las demas paginas
-                if (dd.children[i].style) {
-                  if (dd.children[i].className == 'ui-panel' && dd.children[i].style.display != 'none') {
-                    backPanel = dd.children[i];
-                  }
-
-                  dd.children[i].style.display = 'none';
-                }
-              }
-
-              el.style.removeProperty('display');
-              return el;
-            } else {
-              return axios__default['default'].get((path.path + '/?modal').replace(/([^:]\/)\/+/g, "$1")).then(function (r) {
-                r["class"] = path["class"] ? path["class"] : '';
-                r.path = path.path;
-                r.result = path.callback;
-                r = Object.assign(r, path);
-                me.open(response, r);
-              })["catch"](me.error);
-            }
-          }
-        } else if (!response.data) {
-          return me.open('GET', response, path);
-        } else if (response.data) {
-          path = response;
-        }
-
-        var dialog,
-            nid = Vue__default['default'].id(),
-            scriptDom = [],
-            for_,
-            ifor = 0;
-
-        if (response instanceof HTMLElement) {
-          dialog = response;
-          dialog.classList.add("v-dialog");
-        } else {
-          dialog = document.createElement("div");
-          dialog.classList.add("v-dialog");
-          dialog.innerHTML = path.data;
-          var s = dialog.getElementsByTagName('script'); //console.log('patttt=' + _.currentPath);
-
-          dialog.setAttribute("path", _$1.currentPath);
-          var ld = dialog.children; //console.log(s);
-
-          for (var k = 0; k < s.length; k++) {
-            scriptDom.push(s[k]);
-          }
-
-          for (k = 0; k < ld.length; k++) {
-            //console.log(ld[k].tagName);
-            if (ld[k].tagName == 'V-FORM' || ld[k].tagName == 'V-PANEL') {
-              for_ = ld[k];
-              ifor = k;
-            }
-          }
-        }
-
-        var backPanel;
-
-        var close = function close() {
-          dialog.style.display = "none";
-          overlay = dialog.parentNode;
-
-          if (overlay.classList.contains('v-overlay')) {
-            //para los dialog
-            overlay.style.display = "none";
-            dialog.parentNode.removeChild(dialog);
-            overlay.parentNode.removeChild(overlay);
-          }
-
-          if (backPanel) {
-            dialog.parentNode.removeChild(dialog);
-            backPanel.style.display = 'block';
-          }
-
-          Vue__default['default'].resize();
-        };
+        {
+          var e = response;
+          var t = e.target;
+          var me = this;
 
-        if (for_ && for_.classList.contains('panel')) {
-          //Si elemto tiene declarado el id se debe considerar que es 
-          if (for_.id) {
-            window.currentEl = '#' + for_.id;
+          if (typeof e == 'string') {
+            t = e;
+          } else if (t.tagName == "ION-ITEM" && t.href) {
+            e.preventDefault();
+            t = t.href;
           } else {
-            var clsId = 'cls-id-' + Vue__default['default'].id();
-            for_.classList.add(clsId);
-            window.currentEl = '.' + clsId;
-          }
-
-          dd = document.querySelector('#layoutUnit-center > .ui-layout-unit-content,#page-content');
-
-          for (i = 0; i < dd.children.length; i++) {
-            //Se ocultan todas las demas paginas
-            if (dd.children[i].style) {
-              if (dd.children[i].className == 'ui-panel' && dd.children[i].style.display != 'none') {
-                backPanel = dd.children[i];
-              }
-
-              dd.children[i].style.display = 'none';
-            }
-          } //se agrega el dialog recuperado y se genera
-
-
-          dd.appendChild(dialog); //console.log(scriptDom);
-
-          for (var l2 = 0; scriptDom.length > l2; l2++) {
-            //console.log(s[l2]);
-            try {
-              eval(scriptDom[l2].innerHTML);
-            } catch (e) {
-              console.error(e);
-            }
-          }
-
-          dialog.style.display = 'none';
-          var td;
-          var aux = dialog.children[ifor]; //todo los elementos del dialog son agregados al panel
-
-          while (dialog.children.length > 0) {
-            if (!td) td = dialog.children[0];
-            dd.appendChild(dialog.children[0]);
+            e.preventDefault();
+            if (!t.pathname) t = t.parentNode;
+            if (!t.pathname) t = t.parentNode;
+            if (!t.pathname) t = t.parentNode;
+            t = t.pathname;
           }
 
-          dialog.parentNode.removeChild(dialog);
-          dialog = aux; //console.log(path);
-
-          dialog.setAttribute("path", path.path);
-        } else {
-          var overlay = document.createElement("div"); //console.log('create overlay');
-
-          overlay.classList.add("v-overlay");
-          overlay.style.padding = "40px";
-          document.body.appendChild(overlay);
-          overlay.appendChild(dialog);
-
-          if (!(response instanceof HTMLElement)) {
-            for (l2 = 0; s.length > l2; l2++) {
-              //console.log(s[l2]);
-              try {
-                eval(s[l2].innerHTML);
-              } catch (e) {
-                console.error(e);
-              }
-            }
+          if (me.$route.path !== t) {
+            console.log('path=' + t);
+            me.$router.push(t);
           }
 
-          overlay.style.visibility = "unset";
-          overlay.style.opacity = "unset";
-          overlay.style.overflow = "auto";
-          dialog.style.margin = "0 auto";
-          dialog.style.position = "unset"; //console.log(dialog);
-
-          var resize = function resize(e) {
-            dialog.style.left = (window.innerWidth - dialog.offsetWidth) / 2 + 'px';
-
-            if (window.innerWidth < 600) {
-              //console.log(333333);
-              var dc = dialog.querySelector('.v-dialog-content'); //console.log(dc);
+          return;
+        }
+        var me = this;
 
-              var h = dialog.querySelector('.v-panel-titlebar'); //console.log(h.clientHeight);
+        var dialog;
 
-              var ih = window.innerHeight - 94 - h.clientHeight;
-              dc.style.height = ih + "px";
-            }
-          };
-
-          window.addEventListener('resize', resize);
+        {
 
           if (path["class"] === 'v-search') {
             var d = dialog;
-            d.className = d.className + ' ' + path["class"];
-            d.style.width = "100%";
-            d.style.height = "calc(100% - 2px)";
-            var children = d.querySelector('div');
-            var f = d.querySelector('form');
             var t = d.querySelector('.v-datatable');
-            var tb = d.querySelector('.v-datatable-scrollable-body');
-            children.style.height = 'calc(100% - 2px)';
-            children.style.overflowY = 'auto';
-            children.children[1].style.padding = '0px';
-            children.children[1].style.height = 'calc(100% - 33px)';
-            f.style.height = '100%';
-            f.style.overflowY = 'auto';
-            t.style.height = 'calc(100% - 52px)';
-            tb.style.height = 'calc(100% - 72px)';
-            tb.style.overflowY = 'auto';
-            var pag = d.querySelector('.v-paginator');
-            pag.style.display = 'inline-block';
-            f.appendChild(pag);
-            tb = document.createElement("button");
-            tb.innerHTML = 'Recuperar';
-            tb.style.padding = '4px 16px';
-            tb.className = "_ ui-widget v-state-default ui-corner-all v-button ui-button-text-only";
-
-            var vue = _$1.varMap[children.getAttribute("vueid")];
-
-            tb.onclick = function (e) {
-              e.preventDefault();
-              vue.refresh();
-            };
-
-            f.appendChild(tb);
-            tb = document.createElement("button");
-            tb.innerHTML = 'Seleccionar';
-            tb.style.padding = '4px 16px';
-            tb.className = "_ ui-widget v-state-default ui-corner-all v-button ui-button-text-only";
-            vue = _$1.varMap[children.getAttribute("vueid")];
-
-            tb.onclick = function (e) {
-              e.preventDefault();
-              var d = [];
-              var t = vue.$children[0].$children[0];
-
-              for (i = 0; i < t.selected.length; i++) {
-                d.push(t.filteredData[t.selected[i]]);
-              }
-
-              path.result(d);
-              delete path.result;
-              vue.close(e);
-            };
-
-            f.appendChild(tb);
           }
-
-          resize();
         }
-
-        _$1.storeFunction['PROPS=' + nid] = path;
-
-        _$1.storeFunction[nid] = function (o) {
-          if (path.result) {
-            path.result(o);
-          }
-
-          if (o === true) me.refresh();
-        };
-
-        var _vue_ = dialog.querySelector('[vueid]');
-
-        if (_vue_) {
-          path.__vue__ = _vue_.__vue__;
-
-          _vue_.__vue__.$emit('opened', path);
-        }
-
-        dialog.setAttribute("callback", nid);
-        var h = dialog.querySelector('.v-panel-titlebar');
-
-        if (h) {
-          var acl = h.querySelector('.ui-js-close');
-
-          window.onkeyup = function (event) {
-            if (event.keyCode == 27) {
-              close();
-            }
-          };
-
-          if (!acl) {
-            var span = document.createElement("i");
-            span.style.top = "6px";
-            span.style.right = "6px";
-            h.style.position = "relative";
-            span.style.position = "absolute";
-            span.style.color = "white";
-            span.className = "fa fa-window-close v-dialog-close";
-            acl = document.createElement("a");
-            acl.className = "ui-js-close v-dialog-titlebar-icon v-dialog-titlebar-close ui-corner-all";
-            acl.appendChild(span);
-            h.appendChild(acl);
-            acl.addEventListener("click", close);
-          }
-        }
-
-        dialog.style.display = 'block';
-        Vue__default['default'].resize();
-        document.documentElement.style.overflow = 'hidden'; // firefox, chrome
-
-        document.body.scroll = "no"; // ie only
       },
       close: function close(ok) {
         if (ok.$el) ok = ok.$el;

package/package.json

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