isobit-ui 0.2.59 → 0.2.60

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.2.58
+ * isobit-ui v0.2.59
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -197,7 +197,7 @@ function _await$4(value, then, direct) {
   return then ? value.then(then) : value;
 }
 
-function _invoke$3(body, then) {
+function _invoke$4(body, then) {
   var result = body();
 
   if (result && result.then) {
@@ -316,7 +316,7 @@ var script$o = {
         return function () {
           if (store != null) {
             var datj;
-            return _invoke$3(function () {
+            return _invoke$4(function () {
               if (window._.db) return _await$4(me.getStoredList(store), function (_me$getStoredList) {
                 datj = _me$getStoredList;
               });
@@ -1650,7 +1650,7 @@ function _await$3(value, then, direct) {
   return then ? value.then(then) : value;
 }
 
-function _invoke$2(body, then) {
+function _invoke$3(body, then) {
   var result = body();
 
   if (result && result.then) {
@@ -1756,7 +1756,7 @@ var script$f = {
         return function () {
           if (store != null) {
             var datj;
-            return _invoke$2(function () {
+            return _invoke$3(function () {
               if (window._.db) return _await$3(me.getStoredList(store), function (_me$getStoredList) {
                 datj = _me$getStoredList;
               });
@@ -2047,7 +2047,7 @@ function _await$2(value, then, direct) {
 
 var template = "\n\t<div v-bind:class={reflow:reflow} :key=\"'v-table-'+keyBody\" \n    :style={width:width}\n    class=\"v-datatable v-resize\">\n    <template v-if=\"active\">\n\t\t<div v-if=\"hasSlot('header')\" class=\"v-datatable-header v-widget-header ui-corner-top\"><slot name=\"header\"></slot>\n\t\t</div>\n\t\t<div v-if=\"pagination\" class=\"v-paginator v-paginator-top v-widget-header v-paginator-pages center\">\n\t\t\n\t\t<v-button value=\"|<\" v-bind:disabled=\"page<=1\" v-on:click.prevent=\"to(1)\"/><v-button value=\"<\" v-on:click.prevent=\"to(page-1)\" v-bind:disabled=\"page<=1\"/><div style=\"padding:3px 8px;display:inline-block\">\n\t\t<input type=\"number\" v-on:change=\"to(page,true)\" style=\"width:60px\" min=\"1\" v-bind:max=\"pages\" v-model=\"page\"/> / {{pages}}</div>\n\t\t<v-button value=\">\" v-on:click.prevent=\"to(page+1)\" v-bind:disabled=\"page==pages\"/><v-button v-on:click.prevent=\"to(pages)\" value=\">|\" v-bind:disabled=\"page==pages\"/>\n\t\t\t</div>\n\t\t<div v-if=\"scrollable0\" class=\"v-widget-header v-datatable-scrollable-header\" style=\"position:relative\">\n\t\t<div class=\"v-datatable-scrollable-header-box\" style=\"\"></div></div>\n\t\t<div v-bind:class=\"{'v-datatable-scrollable-body':scrollable0}\">\n\t\t<table class=\"v-table\" v-bind:style=\"{width:width}\" v-if=\"columns\">\n\t\t\t<thead>\n            <tr>\n                <th v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" >\n                    <span class=\"v-check\" v-on:click=\"rowSelect(null,-10)\" v-bind:data-icon=\"selected.length?'square-check':'square'\">\n                        <i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-square-check':'fa-square'\"></i>\n                    </span>\n                </th>\n                <th v-bind:class=\"k['h-class']\" v-for=\"k in columns\" v-bind:width=\"k.width\" v-on:click=\"sortBy(k)\">\n                    <div v-html=\"k.header\"></div>\n                </th>\n\t\t\t</tr>\n            </thead>\n\t\t\t<tbody class=\"v-datatable-data\" v-bind:key=\"kc\">\n\t\t\t\t<tr v-for=\"(entry,r) in sortedData\" @row=\"rowCreated(entry)\" @click=\"_selectRow($event,entry,r)\" \n                v-bind:class=\"getRowClass(r,entry)\">\n\t\t\t\t\t<td v-if=\"selectable0\" width=\"18\" class=\"center\">\n\t\t\t\t\t\t<span v-bind:data-index=\"r\" class=\"v-check\" v-on:click=\"rowSelect(entry,r)\"\n\t\t\t\t\t\tv-bind:data-icon=\"isSelected(r)?'square-check':'square'\"><i class=\"far fa-lg\" v-bind:class=\"isSelected(r)?'fa-square-check':'fa-square'\" ></i></span>\n\t\t\t\t\t</td>\n\t\t\t\t\t<slot v-bind:row=\"entry\" v-bind:index=\"r+(page-1)*paginatio_\"></slot>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"!sortedData||sortedData.length==0\">\n\t\t\t\t\t<td v-bind:colspan=\"columns.length+(selectable0?1:0)\">{{emptyMessage}}</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t</div>\n\t\t<div v-if=\"summary||hasSlot('summary')\" class=\"v-table-summary\" v-bind:class=\"{'v-datatable-scrollable-body':scrollable}\">\n\t\t\t<table class=\"v-table v-table-summary\"><tr>\n\t\t\t<td v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" ></td>\n\t\t\t<slot name=\"summary\" v-bind:data=\"sortedData\"></slot>\n\t\t\t</tr></table>\n\t\t</div>\n\t\t<div class=\"hide filters\"><slot name=\"filters\"></slot><slot name=\"columns\"></slot></div></template></div>\n";
 
-function _invoke$1(body, then) {
+function _invoke$2(body, then) {
   var result = body();
 
   if (result && result.then) {
@@ -2631,10 +2631,10 @@ var script$d = {
         var me, store;
         me = this;
         store = me.store;
-        return _invoke$1(function () {
+        return _invoke$2(function () {
           if (store != null) {
             var datj;
-            return _invoke$1(function () {
+            return _invoke$2(function () {
               if (window._.db) return _await$2(me.getStoredList(store), function (_me$getStoredList) {
                 datj = _me$getStoredList;
               });
@@ -3714,17 +3714,17 @@ function _await$1(value, then, direct) {
   return then ? value.then(then) : value;
 }
 
-function _empty() {}
+function _empty$1() {}
 
-function _awaitIgnored(value, direct) {
+function _awaitIgnored$1(value, direct) {
   if (!direct) {
-    return value && value.then ? value.then(_empty) : Promise.resolve();
+    return value && value.then ? value.then(_empty$1) : Promise.resolve();
   }
 }
 
-function _settle(pact, state, value) {
+function _settle$1(pact, state, value) {
   if (!pact.s) {
-    if (value instanceof _Pact) {
+    if (value instanceof _Pact$1) {
       if (value.s) {
         if (state & 1) {
           state = value.s;
@@ -3732,13 +3732,13 @@ function _settle(pact, state, value) {
 
         value = value.v;
       } else {
-        value.o = _settle.bind(null, pact, state);
+        value.o = _settle$1.bind(null, pact, state);
         return;
       }
     }
 
     if (value && value.then) {
-      value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
+      value.then(_settle$1.bind(null, pact, state), _settle$1.bind(null, pact, 2));
       return;
     }
 
@@ -3752,7 +3752,7 @@ function _settle(pact, state, value) {
   }
 }
 
-var _Pact = /*#__PURE__*/function () {
+var _Pact$1 = /*#__PURE__*/function () {
   function _Pact() {}
 
   _Pact.prototype.then = function (onFulfilled, onRejected) {
@@ -3764,9 +3764,9 @@ var _Pact = /*#__PURE__*/function () {
 
       if (callback) {
         try {
-          _settle(result, 1, callback(this.v));
+          _settle$1(result, 1, callback(this.v));
         } catch (e) {
-          _settle(result, 2, e);
+          _settle$1(result, 2, e);
         }
 
         return result;
@@ -3780,14 +3780,14 @@ var _Pact = /*#__PURE__*/function () {
         var value = _this.v;
 
         if (_this.s & 1) {
-          _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
+          _settle$1(result, 1, onFulfilled ? onFulfilled(value) : value);
         } else if (onRejected) {
-          _settle(result, 1, onRejected(value));
+          _settle$1(result, 1, onRejected(value));
         } else {
-          _settle(result, 2, value);
+          _settle$1(result, 2, value);
         }
       } catch (e) {
-        _settle(result, 2, e);
+        _settle$1(result, 2, e);
       }
     };
 
@@ -3797,8 +3797,8 @@ var _Pact = /*#__PURE__*/function () {
   return _Pact;
 }();
 
-function _isSettledPact(thenable) {
-  return thenable instanceof _Pact && thenable.s & 1;
+function _isSettledPact$1(thenable) {
+  return thenable instanceof _Pact$1 && thenable.s & 1;
 }
 
 function _for(test, update, body) {
@@ -3807,7 +3807,7 @@ function _for(test, update, body) {
   for (;;) {
     var shouldContinue = test();
 
-    if (_isSettledPact(shouldContinue)) {
+    if (_isSettledPact$1(shouldContinue)) {
       shouldContinue = shouldContinue.v;
     }
 
@@ -3823,7 +3823,7 @@ function _for(test, update, body) {
     var result = body();
 
     if (result && result.then) {
-      if (_isSettledPact(result)) {
+      if (_isSettledPact$1(result)) {
         result = result.s;
       } else {
         stage = 1;
@@ -3834,16 +3834,16 @@ function _for(test, update, body) {
     if (update) {
       var updateValue = update();
 
-      if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
+      if (updateValue && updateValue.then && !_isSettledPact$1(updateValue)) {
         stage = 2;
         break;
       }
     }
   }
 
-  var pact = new _Pact();
+  var pact = new _Pact$1();
 
-  var reject = _settle.bind(null, pact, 2);
+  var reject = _settle$1.bind(null, pact, 2);
 
   (stage === 0 ? shouldContinue.then(_resumeAfterTest) : stage === 1 ? result.then(_resumeAfterBody) : updateValue.then(_resumeAfterUpdate)).then(void 0, reject);
   return pact;
@@ -3855,7 +3855,7 @@ function _for(test, update, body) {
       if (update) {
         updateValue = update();
 
-        if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
+        if (updateValue && updateValue.then && !_isSettledPact$1(updateValue)) {
           updateValue.then(_resumeAfterUpdate).then(void 0, reject);
           return;
         }
@@ -3863,8 +3863,8 @@ function _for(test, update, body) {
 
       shouldContinue = test();
 
-      if (!shouldContinue || _isSettledPact(shouldContinue) && !shouldContinue.v) {
-        _settle(pact, 1, result);
+      if (!shouldContinue || _isSettledPact$1(shouldContinue) && !shouldContinue.v) {
+        _settle$1(pact, 1, result);
 
         return;
       }
@@ -3876,7 +3876,7 @@ function _for(test, update, body) {
 
       result = body();
 
-      if (_isSettledPact(result)) {
+      if (_isSettledPact$1(result)) {
         result = result.v;
       }
     } while (!result || !result.then);
@@ -3894,7 +3894,7 @@ function _for(test, update, body) {
         _resumeAfterBody(result);
       }
     } else {
-      _settle(pact, 1, result);
+      _settle$1(pact, 1, result);
     }
   }
 
@@ -3906,18 +3906,18 @@ function _for(test, update, body) {
         _resumeAfterTest(shouldContinue);
       }
     } else {
-      _settle(pact, 1, result);
+      _settle$1(pact, 1, result);
     }
   }
 }
 
 function _continueIgnored(value) {
   if (value && value.then) {
-    return value.then(_empty);
+    return value.then(_empty$1);
   }
 }
 
-function _invoke(body, then) {
+function _invoke$1(body, then) {
   var result = body();
 
   if (result && result.then) {
@@ -4046,10 +4046,10 @@ var script$7 = {
         var pa = me.$el.parentElement;
         me.data2 = me.data;
         if (!me.data2) me.data2 = [];
-        return _invoke(function () {
+        return _invoke$1(function () {
           if (me.store) {
             //console.log(JSON.stringify(me.data2));
-            return _await$1(window._.getStoredList(me.store), function (storedList) {
+            return _await$1(_.getStoredList(me.store, p), function (storedList) {
               // if(this.getParentE().name){
               // console.log(this.$el.parentElement.parentElement);
               // console.log(storedList);
@@ -4090,12 +4090,12 @@ var script$7 = {
           }
         }, function () {
           //console.log(pa.name+'.antes de preguntar disabled options.load '+JSON.stringify(p));
-          return _invoke(function () {
+          return _invoke$1(function () {
             if ((me.url || me.src) && !pa.disabled) {
               if (!me.data2) me.data2 = [];
               if (me.filters) p = window.Vue.mergeDeep(p ? p : {}, me.filters); //console.log(pa.name+'.options.load '+JSON.stringify(p));
 
-              return _awaitIgnored(window.axios.get(me.url ? me.url : me.src, {
+              return _awaitIgnored$1(window.axios.get(me.url ? me.url : me.src, {
                 params: p
               }).then(function (r) {
                 var data = r.data.data ? r.data.data : r.data;
@@ -4126,7 +4126,7 @@ var script$7 = {
               return !!me.queue.length;
             }, void 0, function () {
               var d = me.queue.shift();
-              return _awaitIgnored(me.load(d[0], d[1], 1));
+              return _awaitIgnored$1(me.load(d[0], d[1], 1));
             }));
           });
         });
@@ -5688,6 +5688,158 @@ var __vue_component__ = /*#__PURE__*/__vue_normalize__({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
+function _empty() {}
+
+function _awaitIgnored(value, direct) {
+  if (!direct) {
+    return value && value.then ? value.then(_empty) : Promise.resolve();
+  }
+}
+
+function _catch(body, recover) {
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+
+  return result;
+}
+
+function _settle(pact, state, value) {
+  if (!pact.s) {
+    if (value instanceof _Pact) {
+      if (value.s) {
+        if (state & 1) {
+          state = value.s;
+        }
+
+        value = value.v;
+      } else {
+        value.o = _settle.bind(null, pact, state);
+        return;
+      }
+    }
+
+    if (value && value.then) {
+      value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
+      return;
+    }
+
+    pact.s = state;
+    pact.v = value;
+    var observer = pact.o;
+
+    if (observer) {
+      observer(pact);
+    }
+  }
+}
+
+var _Pact = /*#__PURE__*/function () {
+  function _Pact() {}
+
+  _Pact.prototype.then = function (onFulfilled, onRejected) {
+    var result = new _Pact();
+    var state = this.s;
+
+    if (state) {
+      var callback = state & 1 ? onFulfilled : onRejected;
+
+      if (callback) {
+        try {
+          _settle(result, 1, callback(this.v));
+        } catch (e) {
+          _settle(result, 2, e);
+        }
+
+        return result;
+      } else {
+        return this;
+      }
+    }
+
+    this.o = function (_this) {
+      try {
+        var value = _this.v;
+
+        if (_this.s & 1) {
+          _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
+        } else if (onRejected) {
+          _settle(result, 1, onRejected(value));
+        } else {
+          _settle(result, 2, value);
+        }
+      } catch (e) {
+        _settle(result, 2, e);
+      }
+    };
+
+    return result;
+  };
+
+  return _Pact;
+}();
+
+function _isSettledPact(thenable) {
+  return thenable instanceof _Pact && thenable.s & 1;
+}
+
+function _forTo(array, body, check) {
+  var i = -1,
+      pact,
+      reject;
+
+  function _cycle(result) {
+    try {
+      while (++i < array.length && (!check || !check())) {
+        result = body(i);
+
+        if (result && result.then) {
+          if (_isSettledPact(result)) {
+            result = result.v;
+          } else {
+            result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+            return;
+          }
+        }
+      }
+
+      if (pact) {
+        _settle(pact, 1, result);
+      } else {
+        pact = result;
+      }
+    } catch (e) {
+      _settle(pact || (pact = new _Pact()), 2, e);
+    }
+  }
+
+  _cycle();
+
+  return pact;
+}
+
+function _forIn(target, body, check) {
+  var keys = [];
+
+  for (var key in target) {
+    keys.push(key);
+  }
+
+  return _forTo(keys, function (i) {
+    return body(keys[i]);
+  }, check);
+}
+
+function _continue(value, then) {
+  return value && value.then ? value.then(then) : then(value);
+}
+
 function _await(value, then, direct) {
   if (direct) {
     return then ? then(value) : value;
@@ -5700,6 +5852,16 @@ function _await(value, then, direct) {
   return then ? value.then(then) : value;
 }
 
+function _invoke(body, then) {
+  var result = body();
+
+  if (result && result.then) {
+    return result.then(then);
+  }
+
+  return then(result);
+}
+
 window.isMobile = 1;
 if (typeof window._ == 'undefined') window._ = {};
 var _$1 = window._;
@@ -6042,21 +6204,63 @@ 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) {
+  getStoredList: function getStoredList(store, params) {
     try {
-      var p = new Promise(function (resolve) {
-        var t = _$1.db.transaction(store),
-            objectStore = t.objectStore(store); //,d=[];
+      var _exit3 = false;
+      var loadedStores;
 
+      try {
+        loadedStores = JSON.parse(sessionStorage.getItem('loadedStores'));
+      } catch (e) {
+        loadedStores = {};
+      }
 
-        var r = objectStore.getAll();
+      return _invoke(function () {
+        if (!loadedStores[store] && _$1.networkStatus.connected) {
+          //await 
+          //load info to store
+          var e = _$1.stores.filter(function (e) {
+            return e[0] == store;
+          });
+
+          console.log(params);
+          return _await(axios$2.get(e[2]), function (data) {
+            var objectStore = db.transaction([e[1]], "readwrite").objectStore(e[1]);
+            data = data.data;
+            return _await(objectStore.clear(), function () {
+              var _exit2 = false;
+              return _continue(_forIn(data, function (i) {
+                return _catch(function () {
+                  return _awaitIgnored(objectStore.add(data[i]));
+                }, function (exception) {
+                  throw exception;
+                });
+              }, function () {
+                return _exit2;
+              }), function (_result3) {
+                if (_exit2) ;
+                loadedStores[store] = 1;
+                sessionStorage.setItem('loadedStores', JSON.stringify(loadedStores));
+              });
+            });
+          });
+        }
+      }, function (_result) {
+        if (_exit3) return _result;
+        var p = new Promise(function (resolve) {
+          var t = _$1.db.transaction(store),
+              objectStore = t.objectStore(store); //,d=[];
 
-        r.onsuccess = function () {
-          resolve(r.result);
-        }; //t.onerror = event => reject(event.target.error);
 
+          var r = objectStore.getAll();
+
+          r.onsuccess = function () {
+            resolve(r.result);
+          }; //t.onerror = event => reject(event.target.error);
+
+        });
+        return _await(p); //console.log(result);
       });
-      return _await(p); //console.log(result);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6680,12 +6884,12 @@ window.ui = _$1.ui = function (cfg) {
         this.networkStatus.connected = v;
       },
       cleanedFilters: function cleanedFilters() {
-        var _this = this;
+        var _this2 = this;
 
         if (this.$el) {
           if (this.t) clearTimeout(this.t);
           this.t = setTimeout(function () {
-            _this.refresh();
+            _this2.refresh();
           }, 1200);
         }
       }
@@ -7436,10 +7640,10 @@ window.ui = _$1.ui = function (cfg) {
       },
       toast: function toast(msx, callback) {
         try {
-          var _this3 = this;
+          var _this4 = this;
 
           if (msx.message && !msx.duration) msx.duration = 2000;
-          return _await(_this3.$ionic.toastController.create(msx.message ? msx : {
+          return _await(_this4.$ionic.toastController.create(msx.message ? msx : {
             message: msx,
             duration: 2000
           }), function (toast) {
@@ -7485,9 +7689,9 @@ window.ui = _$1.ui = function (cfg) {
       },
       sync: function sync(e) {
         try {
-          var _this5 = this;
+          var _this6 = this;
 
-          var me = _this5;
+          var me = _this6;
           var p = me.$el;
           var f = p.querySelector("form");
           var action = f.getAttribute('action'); //console.log('Action='+action);
@@ -7581,15 +7785,15 @@ window.ui = _$1.ui = function (cfg) {
       },
       save: function save() {
         try {
-          var _this7 = this;
+          var _this8 = this;
 
-          var me = _this7;
+          var me = _this8;
           me.$forceUpdate();
           var p = me.$el; //Se debe buscar si abajo esta el form
 
           var f = p.querySelector("form");
 
-          var va = _this7.validate(f);
+          var va = _this8.validate(f);
 
           return function () {
             if (va) {
@@ -7606,7 +7810,7 @@ window.ui = _$1.ui = function (cfg) {
                 }
               }
 
-              var o0 = _this7._data.data ? _this7._data.data : _this7._data.o;
+              var o0 = _this8._data.data ? _this8._data.data : _this8._data.o;
               var o = JSON.parse(JSON.stringify(o0));
               if (me.process) o = me.process(o); //console.log('o2='+o);
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "isobit-ui",
-	"version": "0.2.59",
+	"version": "0.2.60",
 	"type": "module",
 	"description": "Vue component to play videos",
 	"keywords": [