isobit-ui 0.1.57 → 0.1.60

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.1.57
+ * isobit-ui v0.1.59
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -641,7 +641,12 @@ var script$n = {
       me.$el.appendChild(span);
     }
 
-    if (me.$attrs.value) me.$el.appendChild(document.createTextNode(me.$attrs.value)); //span.innerHTML = me.$attrs.value?me.$attrs.value:'ui-button';
+    if (me.$attrs.value) {
+      span = document.createElement("span");
+      span.appendChild(document.createTextNode(me.$attrs.value));
+      me.$el.appendChild(span);
+    } //span.innerHTML = me.$attrs.value?me.$attrs.value:'ui-button';
+
 
     me.updateIcon();
   },
@@ -1110,24 +1115,204 @@ var __vue_component__$k = /*#__PURE__*/__vue_normalize__({
   staticRenderFns: __vue_staticRenderFns__$j
 }, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
+//
+//
+//
+//
+//
+//
 //
 //
 //
 //
 var script$j = {
-  props: {
-    value: String,
-    label: String
+  props: ['header', 'store', 'action'],
+  watch: {
+    header: function header(v) {
+      this.setTitle(v);
+    }
+  },
+  methods: {
+    setTitle: function setTitle(v) {
+      var me = this;
+
+      if (me.$parent.app) {
+        //console.log(window.app);
+        setTimeout(function () {
+          //console.log(v);
+          window.app.title = v;
+        }, 100);
+      }
+    },
+    resize: function resize(e) {
+      var me = this,
+          el = me.$el,
+          h = e.height;
+      el.style.height = h + 'px'; //si tiene header
+
+      if (el.children[1]) {
+        //se obtiene el alto del headr
+        h = h - el.children[0].offsetHeight;
+        el.children[1].style.height = h + 'px';
+        el.children[1].style.overflowY = 'auto'; //obtien el form
+
+        el = el.children[1].children[0];
+        el.style.height = h + 'px';
+        var el2; //,style2;
+
+        if (el.children.forEach) {
+          el.children.forEach(function (ee) {
+            if (!el2) {
+              //style2 = window.getComputedStyle(ee);
+              if (!ee.classList.contains('v-scrollable') && !ee.classList.contains('v-resize')) {
+                h -= ee.offsetHeight + 2;
+              } else {
+                el2 = ee;
+              }
+            }
+          });
+        } else {
+          el2 = el.children[0];
+        }
+
+        el = el2; //          console.log(el);
+        //Se espera el sea una tabla
+      } else {
+        el = el.children[0];
+        el.style.height = h + 'px';
+      }
+
+      h = h - 20;
+      el.style.overflowY = 'auto';
+      el.style.height = h + 'px';
+      var event = new Event("parentResize", {
+        bubbles: true
+      });
+      event.height = h; //console.log(el.children[0]);
+
+      el.children[0].dispatchEvent(event);
+    }
   },
   mounted: function mounted() {
+    var me = this,
+        f = me.$el.querySelector('form');
+    f.addEventListener('submit', function (e) {
+      e.preventDefault();
+      var p = me.$parent;
+      if (p.refresh) p.refresh();
+      return false;
+    });
+    me.$el.addEventListener("parentResize", function (e) {
+      if (e.target == me.$el) me.resize(e);
+    });
+    me.setTitle(me.header);
+  },
+  updated: function updated() {
+    var _this = this;
+
     var me = this;
-    var r = me.$el.querySelector('input');
-    if (me.$parent && me.$parent.nam) r.name = me.$parent.nam;
-    if (me.$parent.required) r.required = me.$parent.required;
+    var t = me.$el.querySelectorAll('[type=number]:not(._)');
+    var i = 0;
 
-    r.onclick = function () {
-      me.$parent.onChange(me.value); //this.$parent.$emit('input', value);
+    for (; i < t.length; i++) {
+      var fn = function fn() {
+        var m = _this;
+        var v = m.value;
+
+        if (v) {
+          v = n(v);
+
+          if (m.max && v > n(m.max)) {
+            v = n(m.max);
+          }
+
+          if (m.min && v < n(m.min)) {
+            v = n(m.min);
+          }
+
+          var de = _this.getAttribute('decimal');
+
+          if (de !== null) {
+            v = v.toFixed(1 * de);
+          }
+
+          m.value = v;
+        }
+      };
+
+      t[i].oninput = fn;
+      t[i].onblur = fn;
+      if (t[i].classList) t[i].classList.add("_");else t[i].className = "_";
+    }
+
+    var t = me.$el.querySelectorAll('.numeric:not(._)');
+
+    for (i = 0; i < t.length; i++) {
+      t[i].addEventListener("keyup", function (e) {
+        //e => {
+        if (e.keyCode == 86) {
+          if (isNaN(_this.value)) {
+            _this.value = '';
+          }
+        }
+      });
+      t[i].addEventListener("keydown", function (e) {
+        //e => {
+        // Allow: backspace, delete, tab, escape, enter and .
+        console.log('eeeeeee' + e.keyCode); //86 es pegar y 88 cortar se debe asegurar q al pegar sea un numero
+
+        if ([46, 8, 9, 27, 13, 110, 88, 86].indexOf(e.keyCode) !== -1 || // Allow: Ctrl+A, Command+A
+        e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true) || // Allow: home, end, left, right, down, up
+        e.keyCode >= 35 && e.keyCode <= 40) {
+          return;
+        } // Ensure that it is a number and stop the keypress
+
+
+        if ((e.shiftKey || e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
+          e.preventDefault();
+        }
+      });
+      if (t[i].classList) t[i].classList.add("_");else t[i].className = "_";
+    }
+
+    var f = function f(ev) {
+      var e = this;
+      var previousElementSibling = e.previousElementSibling;
+
+      if (previousElementSibling && previousElementSibling.classList && previousElementSibling.classList.contains('v-error')) {
+        previousElementSibling.parentNode.removeChild(previousElementSibling);
+      }
+
+      if (!(e.disabled || e.getAttribute('disabled')) && (e.required || e.tagName === 'DIV')) {
+        if (e.tagName != 'DIV' && !e.value
+        /*||e.value == 0*/
+        || e.tagName === 'DIV' && !e.attributes.value) {
+          previousElementSibling = e.previousElementSibling;
+
+          while (previousElementSibling && previousElementSibling.nodeType != 1) {
+            previousElementSibling = previousElementSibling.previousElementSibling;
+          }
+
+          if (!previousElementSibling) {
+            previousElementSibling = e.parentElement.previousElementSibling;
+
+            while (previousElementSibling && previousElementSibling.nodeType != 1) {
+              previousElementSibling = previousElementSibling.previousElementSibling;
+            }
+          }
+
+          var error = document.createElement("div");
+          error.innerHTML = "Este campo es requerido!";
+          error.classList.add("v-error");
+          e.parentNode.insertBefore(error, e);
+        }
+      }
     };
+
+    me.$el.querySelectorAll("select,input[type=date]:not(.__),input[type=text]:not(.__),textarea:not(.__)").forEach(function (e) {
+      e.addEventListener('focusout', f);
+      if (e.classList) e.classList.add("__");else e.className = "__";
+    }); //resize();
   }
 };
 
@@ -1142,22 +1327,19 @@ var __vue_render__$i = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c('label', {
-    staticClass: "v-radio",
-    staticStyle: {
-      "font-weight": "normal !important",
-      "display": "block"
-    }
-  }, [_vm._v(" " + _vm._s(_vm.label ? _vm.label : _vm.value) + "\r\n    "), _c('input', {
+  return _c('div', {
+    staticClass: "ui-panel"
+  }, [_vm.header ? _c('div', {
+    staticClass: "v-widget-header v-panel-titlebar"
+  }, [_c('span', {
+    staticClass: "v-panel-title"
+  }, [_vm._v(_vm._s(_vm.header))])]) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "v-dialog-content v-widget-content"
+  }, [_c('form', {
     attrs: {
-      "type": "radio"
-    },
-    domProps: {
-      "value": _vm.value
+      "action": _vm.action
     }
-  }), _c('span', {
-    staticClass: "checkmark"
-  }), _vm._t("default")], 2);
+  }, [_vm._t("default")], 2)])]);
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -1187,52 +1369,21 @@ var __vue_component__$j = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
+//
 var script$i = {
   props: {
-    required: String,
-    name: String
-  },
-  data: function data() {
-    return {
-      value: null,
-      nam: null
-    };
-  },
-  updated: function updated() {
-    this.update2();
+    value: String,
+    label: String
   },
   mounted: function mounted() {
-    this.update2();
-  },
-  created: function created() {
-    if (!this.nam) {
-      this.nam = this.$props.name ? this.$props.name : 'input_' + window._.id();
-    }
-  },
-  methods: {
-    getInputs: function getInputs(el, l) {
-      var me = this;
-      if (el.children) Array.from(el.children).forEach(function (e) {
-        if (e.tagName == 'INPUT') l.push(e);else if (!e.classList.contains('v-group')) me.getInputs(e, l);
-      });
-      return l;
-    },
-    update2: function update2() {
-      var rl = this.getInputs(this.$el, []);
-
-      for (var i = 0; i < rl.length; i++) {
-        if (rl[i].value == this.$attrs.value) {
-          rl[i].checked = true;
-        } else {
-          rl[i].checked = false;
-        }
-      }
-    },
-    onChange: function onChange(v) {
-      this.value = v;
-      if (v === '') v = null;
-      this.$emit('input', v);
-    }
+    var me = this;
+    var r = me.$el.querySelector('input');
+    if (me.$parent && me.$parent.nam) r.name = me.$parent.nam;
+    if (me.$parent.required) r.required = me.$parent.required;
+
+    r.onclick = function () {
+      me.$parent.onChange(me.value); //this.$parent.$emit('input', value);
+    };
   }
 };
 
@@ -1247,9 +1398,22 @@ var __vue_render__$h = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', {
-    staticClass: "v-group"
-  }, [_vm._t("default")], 2);
+  return _c('label', {
+    staticClass: "v-radio",
+    staticStyle: {
+      "font-weight": "normal !important",
+      "display": "block"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.label ? _vm.label : _vm.value) + "\r\n    "), _c('input', {
+    attrs: {
+      "type": "radio"
+    },
+    domProps: {
+      "value": _vm.value
+    }
+  }), _c('span', {
+    staticClass: "checkmark"
+  }), _vm._t("default")], 2);
 };
 
 var __vue_staticRenderFns__$h = [];
@@ -1339,7 +1503,9 @@ var __vue_render__$g = function __vue_render__() {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', [_vm._t("default")], 2);
+  return _c('div', {
+    staticClass: "v-group"
+  }, [_vm._t("default")], 2);
 };
 
 var __vue_staticRenderFns__$g = [];
@@ -1366,6 +1532,96 @@ var __vue_component__$h = /*#__PURE__*/__vue_normalize__({
   staticRenderFns: __vue_staticRenderFns__$g
 }, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
+//
+//
+//
+var script$g = {
+  props: {
+    required: String,
+    name: String
+  },
+  data: function data() {
+    return {
+      value: null,
+      nam: null
+    };
+  },
+  updated: function updated() {
+    this.update2();
+  },
+  mounted: function mounted() {
+    this.update2();
+  },
+  created: function created() {
+    if (!this.nam) {
+      this.nam = this.$props.name ? this.$props.name : 'input_' + window._.id();
+    }
+  },
+  methods: {
+    getInputs: function getInputs(el, l) {
+      var me = this;
+      if (el.children) Array.from(el.children).forEach(function (e) {
+        if (e.tagName == 'INPUT') l.push(e);else if (!e.classList.contains('v-group')) me.getInputs(e, l);
+      });
+      return l;
+    },
+    update2: function update2() {
+      var rl = this.getInputs(this.$el, []);
+
+      for (var i = 0; i < rl.length; i++) {
+        if (rl[i].value == this.$attrs.value) {
+          rl[i].checked = true;
+        } else {
+          rl[i].checked = false;
+        }
+      }
+    },
+    onChange: function onChange(v) {
+      this.value = v;
+      if (v === '') v = null;
+      this.$emit('input', v);
+    }
+  }
+};
+
+/* script */
+var __vue_script__$g = script$g;
+/* template */
+
+var __vue_render__$f = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', [_vm._t("default")], 2);
+};
+
+var __vue_staticRenderFns__$f = [];
+/* style */
+
+var __vue_inject_styles__$g = undefined;
+/* scoped */
+
+var __vue_scope_id__$g = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$g = undefined;
+/* functional template */
+
+var __vue_is_functional_template__$g = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+
 //
 //
 //
@@ -1397,7 +1653,7 @@ function _invoke$2(body, then) {
   return then(result);
 }
 
-var script$g = {
+var script$f = {
   props: {
     value: Array,
     filterKey: String,
@@ -1580,10 +1836,10 @@ var script$g = {
 };
 
 /* script */
-var __vue_script__$g = script$g;
+var __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$f = function __vue_render__() {
+var __vue_render__$e = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1615,10 +1871,10 @@ var __vue_render__$f = function __vue_render__() {
   }, [_vm._v("Ver mas resultados")]) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-e7c66bd2_0", {
     source: ".v-dataview>.v-no-results{padding:15px;color:rgb(255 193 7);background:#ffffff45;padding-bottom:7px;padding-top:7px;border-radius:10px;border-style:solid;border-width:1px}.v-dataview>.v-more-results{cursor:pointer;padding:15px;color:#106e8a;background:#ffffff45;padding-bottom:7px;padding-top:7px;border-radius:10px;border-style:solid;border-width:1px}",
@@ -1629,21 +1885,21 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$g = undefined;
+var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$g = undefined;
+var __vue_module_identifier__$f = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$g = false;
+var __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, __vue_create_injector__, undefined, undefined);
+var __vue_component__$f = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, __vue_create_injector__, undefined, undefined);
 
 //
 //
@@ -1652,7 +1908,7 @@ var __vue_component__$g = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$f = {
+var script$e = {
   props: {
     legend: String,
     closable: null
@@ -1684,10 +1940,10 @@ var script$f = {
 };
 
 /* script */
-var __vue_script__$f = script$f;
+var __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$e = function __vue_render__() {
+var __vue_render__$d = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1729,29 +1985,29 @@ var __vue_render__$e = function __vue_render__() {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-var __vue_inject_styles__$f = undefined;
+var __vue_inject_styles__$e = undefined;
 /* scoped */
 
-var __vue_scope_id__$f = undefined;
+var __vue_scope_id__$e = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = undefined;
+var __vue_module_identifier__$e = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$f = false;
+var __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$f = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+var __vue_component__$e = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$d,
+  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$2(value, then, direct) {
   if (direct) {
@@ -1778,7 +2034,7 @@ function _invoke$1(body, then) {
 }
 
 var compiledTemplate = Vue$1.compile(template);
-var script$e = {
+var script$d = {
   props: {
     value: Array,
     filterKey: String,
@@ -2446,28 +2702,28 @@ var script$e = {
 };
 
 /* script */
-var __vue_script__$e = script$e;
+var __vue_script__$d = script$d;
 /* template */
 
 /* style */
 
-var __vue_inject_styles__$e = undefined;
+var __vue_inject_styles__$d = undefined;
 /* scoped */
 
-var __vue_scope_id__$e = undefined;
+var __vue_scope_id__$d = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$e = undefined;
+var __vue_module_identifier__$d = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$e = undefined;
+var __vue_is_functional_template__$d = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$e = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+var __vue_component__$d = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
 //
 //
@@ -2479,7 +2735,7 @@ var __vue_component__$e = /*#__PURE__*/__vue_normalize__({}, __vue_inject_styles
 //
 //
 //
-var script$d = {
+var script$c = {
   data: function data() {
     return {
       tabs: [],
@@ -2586,10 +2842,10 @@ var script$d = {
 };
 
 /* script */
-var __vue_script__$d = script$d;
+var __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$d = function __vue_render__() {
+var __vue_render__$c = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2617,34 +2873,34 @@ var __vue_render__$d = function __vue_render__() {
   }), 0), _vm._v(" "), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-var __vue_inject_styles__$d = undefined;
+var __vue_inject_styles__$c = undefined;
 /* scoped */
 
-var __vue_scope_id__$d = undefined;
+var __vue_scope_id__$c = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$d = undefined;
+var __vue_module_identifier__$c = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$d = false;
+var __vue_is_functional_template__$c = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$d = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+var __vue_component__$c = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
 
 //
 //
 //
-var script$c = {
+var script$b = {
   props: {
     value: {
       type: String
@@ -2707,10 +2963,10 @@ var script$c = {
 };
 
 /* script */
-var __vue_script__$c = script$c;
+var __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$c = function __vue_render__() {
+var __vue_render__$b = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2720,10 +2976,10 @@ var __vue_render__$c = function __vue_render__() {
   return _c('textarea', [_vm._v(_vm._s(_vm.value))]);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$b = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-d80fde5c_0", {
     source: "textarea{box-sizing:border-box;resize:none}",
@@ -2734,21 +2990,21 @@ var __vue_inject_styles__$c = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$c = undefined;
+var __vue_scope_id__$b = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$c = undefined;
+var __vue_module_identifier__$b = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$c = false;
+var __vue_is_functional_template__$b = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$c = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, __vue_create_injector__, undefined, undefined);
+var __vue_component__$b = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, __vue_create_injector__, undefined, undefined);
 
 //
 //
@@ -2768,7 +3024,7 @@ var __vue_component__$c = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$b = {
+var script$a = {
   props: {
     required: null,
     readonly: null,
@@ -3004,10 +3260,10 @@ var script$b = {
 };
 
 /* script */
-var __vue_script__$b = script$b;
+var __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$b = function __vue_render__() {
+var __vue_render__$a = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3100,29 +3356,29 @@ var __vue_render__$b = function __vue_render__() {
   }) : _vm._e()], 2)], 1)] : _vm._e(), _vm._v(" "), _vm.readonly ? [_vm._v(_vm._s(_vm.label ? _vm.label : '---'))] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-var __vue_inject_styles__$b = undefined;
+var __vue_inject_styles__$a = undefined;
 /* scoped */
 
-var __vue_scope_id__$b = undefined;
+var __vue_scope_id__$a = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$b = undefined;
+var __vue_module_identifier__$a = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$b = false;
+var __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$b = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+var __vue_component__$a = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
 //
 //
@@ -3130,7 +3386,7 @@ var __vue_component__$b = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$a = {
+var script$9 = {
   props: {
     value: {
       value: Object
@@ -3164,10 +3420,10 @@ var script$a = {
 };
 
 /* script */
-var __vue_script__$a = script$a;
+var __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$a = function __vue_render__() {
+var __vue_render__$9 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3194,34 +3450,34 @@ var __vue_render__$a = function __vue_render__() {
   }), 0);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-var __vue_inject_styles__$a = undefined;
+var __vue_inject_styles__$9 = undefined;
 /* scoped */
 
-var __vue_scope_id__$a = undefined;
+var __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$a = undefined;
+var __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$a = false;
+var __vue_is_functional_template__$9 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$a = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
+var __vue_component__$9 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
 
 //
 //
 //
-var script$9 = {
+var script$8 = {
   props: {
     delay: null
   },
@@ -3281,10 +3537,10 @@ var script$9 = {
 };
 
 /* script */
-var __vue_script__$9 = script$9;
+var __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$9 = function __vue_render__() {
+var __vue_render__$8 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3310,29 +3566,29 @@ var __vue_render__$9 = function __vue_render__() {
   });
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-var __vue_inject_styles__$9 = undefined;
+var __vue_inject_styles__$8 = undefined;
 /* scoped */
 
-var __vue_scope_id__$9 = undefined;
+var __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$9 = undefined;
+var __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$9 = false;
+var __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$9 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
+var __vue_component__$8 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
 //
 //
@@ -3566,7 +3822,7 @@ function _invoke(body, then) {
   return then(result);
 }
 
-var script$8 = {
+var script$7 = {
   props: {
     url: String,
     src: String,
@@ -3745,10 +4001,10 @@ var script$8 = {
 };
 
 /* script */
-var __vue_script__$8 = script$8;
+var __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$8 = function __vue_render__() {
+var __vue_render__$7 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3770,29 +4026,29 @@ var __vue_render__$8 = function __vue_render__() {
   }), 0);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$7 = [];
 /* style */
 
-var __vue_inject_styles__$8 = undefined;
+var __vue_inject_styles__$7 = undefined;
 /* scoped */
 
-var __vue_scope_id__$8 = undefined;
+var __vue_scope_id__$7 = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$8 = undefined;
+var __vue_module_identifier__$7 = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$8 = false;
+var __vue_is_functional_template__$7 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$8 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+var __vue_component__$7 = /*#__PURE__*/__vue_normalize__({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
 //
 //
@@ -3804,7 +4060,7 @@ var __vue_component__$8 = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
-var script$7 = {
+var script$6 = {
   props: {
     value: String,
     onlyicon: Boolean,
@@ -3865,10 +4121,10 @@ var script$7 = {
 };
 
 /* script */
-var __vue_script__$7 = script$7;
+var __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$7 = function __vue_render__() {
+var __vue_render__$6 = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3919,257 +4175,6 @@ var __vue_render__$7 = function __vue_render__() {
   }) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$7 = [];
-/* style */
-
-var __vue_inject_styles__$7 = undefined;
-/* scoped */
-
-var __vue_scope_id__$7 = undefined;
-/* module identifier */
-
-var __vue_module_identifier__$7 = undefined;
-/* functional template */
-
-var __vue_is_functional_template__$7 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-var __vue_component__$7 = /*#__PURE__*/__vue_normalize__({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-var script$6 = {
-  props: ['header', 'store', 'action'],
-  watch: {
-    header: function header(v) {
-      this.setTitle(v);
-    }
-  },
-  methods: {
-    setTitle: function setTitle(v) {
-      var me = this;
-
-      if (me.$parent.app) {
-        //console.log(window.app);
-        setTimeout(function () {
-          //console.log(v);
-          window.app.title = v;
-        }, 100);
-      }
-    },
-    resize: function resize(e) {
-      var me = this,
-          el = me.$el,
-          h = e.height;
-      el.style.height = h + 'px'; //si tiene header
-
-      if (el.children[1]) {
-        //se obtiene el alto del headr
-        h = h - el.children[0].offsetHeight;
-        el.children[1].style.height = h + 'px';
-        el.children[1].style.overflowY = 'auto'; //obtien el form
-
-        el = el.children[1].children[0];
-        el.style.height = h + 'px';
-        var el2; //,style2;
-
-        if (el.children.forEach) {
-          el.children.forEach(function (ee) {
-            if (!el2) {
-              //style2 = window.getComputedStyle(ee);
-              if (!ee.classList.contains('v-scrollable') && !ee.classList.contains('v-resize')) {
-                h -= ee.offsetHeight + 2;
-              } else {
-                el2 = ee;
-              }
-            }
-          });
-        } else {
-          el2 = el.children[0];
-        }
-
-        el = el2; //          console.log(el);
-        //Se espera el sea una tabla
-      } else {
-        el = el.children[0];
-        el.style.height = h + 'px';
-      }
-
-      h = h - 20;
-      el.style.overflowY = 'auto';
-      el.style.height = h + 'px';
-      var event = new Event("parentResize", {
-        bubbles: true
-      });
-      event.height = h; //console.log(el.children[0]);
-
-      el.children[0].dispatchEvent(event);
-    }
-  },
-  mounted: function mounted() {
-    var me = this,
-        f = me.$el.querySelector('form');
-    f.addEventListener('submit', function (e) {
-      e.preventDefault();
-      var p = me.$parent;
-      if (p.refresh) p.refresh();
-      return false;
-    });
-    me.$el.addEventListener("parentResize", function (e) {
-      if (e.target == me.$el) me.resize(e);
-    });
-    me.setTitle(me.header);
-  },
-  updated: function updated() {
-    var _this = this;
-
-    var me = this;
-    var t = me.$el.querySelectorAll('[type=number]:not(._)');
-    var i = 0;
-
-    for (; i < t.length; i++) {
-      var fn = function fn() {
-        var m = _this;
-        var v = m.value;
-
-        if (v) {
-          v = n(v);
-
-          if (m.max && v > n(m.max)) {
-            v = n(m.max);
-          }
-
-          if (m.min && v < n(m.min)) {
-            v = n(m.min);
-          }
-
-          var de = _this.getAttribute('decimal');
-
-          if (de !== null) {
-            v = v.toFixed(1 * de);
-          }
-
-          m.value = v;
-        }
-      };
-
-      t[i].oninput = fn;
-      t[i].onblur = fn;
-      if (t[i].classList) t[i].classList.add("_");else t[i].className = "_";
-    }
-
-    var t = me.$el.querySelectorAll('.numeric:not(._)');
-
-    for (i = 0; i < t.length; i++) {
-      t[i].addEventListener("keyup", function (e) {
-        //e => {
-        if (e.keyCode == 86) {
-          if (isNaN(_this.value)) {
-            _this.value = '';
-          }
-        }
-      });
-      t[i].addEventListener("keydown", function (e) {
-        //e => {
-        // Allow: backspace, delete, tab, escape, enter and .
-        console.log('eeeeeee' + e.keyCode); //86 es pegar y 88 cortar se debe asegurar q al pegar sea un numero
-
-        if ([46, 8, 9, 27, 13, 110, 88, 86].indexOf(e.keyCode) !== -1 || // Allow: Ctrl+A, Command+A
-        e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true) || // Allow: home, end, left, right, down, up
-        e.keyCode >= 35 && e.keyCode <= 40) {
-          return;
-        } // Ensure that it is a number and stop the keypress
-
-
-        if ((e.shiftKey || e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
-          e.preventDefault();
-        }
-      });
-      if (t[i].classList) t[i].classList.add("_");else t[i].className = "_";
-    }
-
-    var f = function f(ev) {
-      var e = this;
-      var previousElementSibling = e.previousElementSibling;
-
-      if (previousElementSibling && previousElementSibling.classList && previousElementSibling.classList.contains('v-error')) {
-        previousElementSibling.parentNode.removeChild(previousElementSibling);
-      }
-
-      if (!(e.disabled || e.getAttribute('disabled')) && (e.required || e.tagName === 'DIV')) {
-        if (e.tagName != 'DIV' && !e.value
-        /*||e.value == 0*/
-        || e.tagName === 'DIV' && !e.attributes.value) {
-          previousElementSibling = e.previousElementSibling;
-
-          while (previousElementSibling && previousElementSibling.nodeType != 1) {
-            previousElementSibling = previousElementSibling.previousElementSibling;
-          }
-
-          if (!previousElementSibling) {
-            previousElementSibling = e.parentElement.previousElementSibling;
-
-            while (previousElementSibling && previousElementSibling.nodeType != 1) {
-              previousElementSibling = previousElementSibling.previousElementSibling;
-            }
-          }
-
-          var error = document.createElement("div");
-          error.innerHTML = "Este campo es requerido!";
-          error.classList.add("v-error");
-          e.parentNode.insertBefore(error, e);
-        }
-      }
-    };
-
-    me.$el.querySelectorAll("select,input[type=date]:not(.__),input[type=text]:not(.__),textarea:not(.__)").forEach(function (e) {
-      e.addEventListener('focusout', f);
-      if (e.classList) e.classList.add("__");else e.className = "__";
-    }); //resize();
-  }
-};
-
-/* script */
-var __vue_script__$6 = script$6;
-/* template */
-
-var __vue_render__$6 = function __vue_render__() {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    staticClass: "ui-panel"
-  }, [_vm.header ? _c('div', {
-    staticClass: "v-widget-header v-panel-titlebar"
-  }, [_c('span', {
-    staticClass: "v-panel-title"
-  }, [_vm._v(_vm._s(_vm.header))])]) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "v-dialog-content v-widget-content"
-  }, [_c('form', {
-    attrs: {
-      "action": _vm.action
-    }
-  }, [_vm._t("default")], 2)])]);
-};
-
 var __vue_staticRenderFns__$6 = [];
 /* style */
 
@@ -6229,7 +6234,7 @@ Vue$1.pad = function (num, size) {
   }
 };
 
-Vue$1.filter('upper', function (s) {
+Vue$1.filter('upper', _$1.upper = function (s) {
   return s ? s.toUpperCase() : s;
 });
 Vue$1.filter('capitalize', _$1.capitalize = function (o) {
@@ -7807,34 +7812,36 @@ Vue$1.configureAxios = configureAxios;
 configureAxios(axios$2);
 var index = {
   install: function install(Vue, options) {
+    console.log(_$1.Vue);
     Vue.filter("date", _$1.toDate.bind(options));
     Vue.filter("capitalize", _$1.capitalize.bind(options));
+    Vue.filter("upper", _$1.upper.bind(options));
     console.log('filter date addedd!');
     Vue.component("v-autocomplete", __vue_component__$o);
     Vue.component("v-button", __vue_component__$n);
     Vue.component("v-calendar", __vue_component__$m);
     Vue.component("v-checkbox", __vue_component__$l);
     Vue.component("v-checkbox-group", __vue_component__$k);
-    Vue.component("v-radio", __vue_component__$j);
-    Vue.component("v-radio-group", __vue_component__$h);
-    Vue.component("v-group", __vue_component__$i);
-    Vue.component("v-dataview", __vue_component__$g);
-    Vue.component("v-fieldset", __vue_component__$f);
-    Vue.component("v-form", __vue_component__$6);
-    Vue.component("v-table", __vue_component__$e);
-    Vue.component("v-tabview", __vue_component__$d);
-    Vue.component("v-switch", __vue_component__$a);
-    Vue.component("v-select", __vue_component__$b);
+    Vue.component("v-radio", __vue_component__$i);
+    Vue.component("v-radio-group", __vue_component__$g);
+    Vue.component("v-group", __vue_component__$h);
+    Vue.component("v-dataview", __vue_component__$f);
+    Vue.component("v-fieldset", __vue_component__$e);
+    Vue.component("v-form", __vue_component__$j);
+    Vue.component("v-table", __vue_component__$d);
+    Vue.component("v-tabview", __vue_component__$c);
+    Vue.component("v-switch", __vue_component__$9);
+    Vue.component("v-select", __vue_component__$a);
     Vue.component("v-layer-control", __vue_component__$4);
     Vue.component("v-map", __vue_component__$3);
     Vue.component("v-map-control", __vue_component__$2);
-    Vue.component("v-number", __vue_component__$9);
-    Vue.component("v-options", __vue_component__$8);
+    Vue.component("v-number", __vue_component__$8);
+    Vue.component("v-options", __vue_component__$7);
     Vue.component("v-overlay", __vue_component__$1);
-    Vue.component("v-uploader", __vue_component__$7);
+    Vue.component("v-uploader", __vue_component__$6);
     Vue.component("v-panel", __vue_component__$5);
     Vue.component("v-popup", __vue_component__);
-    Vue.component("v-textarea", __vue_component__$c);
+    Vue.component("v-textarea", __vue_component__$b);
     Vue.component('v-filter-calendar', {
       template: '<div><v-button icon="fa-calendar" v-on:click.prevent="open"/>' + '<v-panel style="text-align:left;position:absolute;display:none" v-bind:header="\'Configurar Filtro []\'"><div style="padding:20px"><div class="v-form"><label>Desde:</label><v-calendar v-model="from"/><label>Hasta:</label><v-calendar v-model="to"/></div>' + '<center style="padding-top:20px"><v-button icon="fa-check" value="Aceptar"/><v-button icon="fa-ban" v-on:click.prevent="close" value="Cerrar"/></center></div>' + '</v-panel></div>',
       data: function data() {

package/package.json

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