isobit-ui 0.0.199 → 0.0.202

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.199
+ * isobit-ui v0.0.202
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -263,7 +263,7 @@ var script$k = {
 var __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$k = function __vue_render__() {
+var __vue_render__$j = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -407,7 +407,7 @@ var __vue_render__$k = function __vue_render__() {
   }, [_vm._v("No existen resultados.")]) : _vm._e()])])], 1);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
 var __vue_inject_styles__$k = undefined;
@@ -427,8 +427,8 @@ var __vue_is_functional_template__$k = false;
 /* style inject shadow dom */
 
 var __vue_component__$k = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
+  render: __vue_render__$j,
+  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);
 
 //
@@ -484,7 +484,7 @@ var script$j = {
 var __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$j = function __vue_render__() {
+var __vue_render__$i = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -499,7 +499,7 @@ var __vue_render__$j = function __vue_render__() {
   });
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
 var __vue_inject_styles__$j = undefined;
@@ -519,8 +519,8 @@ var __vue_is_functional_template__$j = false;
 /* style inject shadow dom */
 
 var __vue_component__$j = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
 }, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
 //
@@ -633,7 +633,7 @@ var script$i = {
 var __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$i = function __vue_render__() {
+var __vue_render__$h = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -656,7 +656,7 @@ var __vue_render__$i = function __vue_render__() {
   })]);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
 var __vue_inject_styles__$i = undefined;
@@ -676,8 +676,8 @@ var __vue_is_functional_template__$i = false;
 /* style inject shadow dom */
 
 var __vue_component__$i = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
 }, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
 //
@@ -750,7 +750,7 @@ var script$h = {
 var __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$h = function __vue_render__() {
+var __vue_render__$g = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -783,7 +783,7 @@ var __vue_render__$h = function __vue_render__() {
   })]);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
 var __vue_inject_styles__$h = undefined;
@@ -803,8 +803,8 @@ var __vue_is_functional_template__$h = false;
 /* style inject shadow dom */
 
 var __vue_component__$h = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
+  render: __vue_render__$g,
+  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);
 
 //
@@ -831,7 +831,7 @@ var script$g = {
 var __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$g = function __vue_render__() {
+var __vue_render__$f = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -856,7 +856,7 @@ var __vue_render__$g = function __vue_render__() {
   }), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
 var __vue_inject_styles__$g = undefined;
@@ -876,8 +876,8 @@ var __vue_is_functional_template__$g = false;
 /* style inject shadow dom */
 
 var __vue_component__$g = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
+  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);
 
 //
@@ -1028,7 +1028,7 @@ var script$f = {
 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;
@@ -1060,7 +1060,7 @@ 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__$f = function __vue_inject_styles__(inject) {
@@ -1086,8 +1086,8 @@ var __vue_is_functional_template__$f = false;
 /* style inject shadow dom */
 
 var __vue_component__$f = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
+  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____default['default'], undefined, undefined);
 
 //
@@ -1132,7 +1132,7 @@ var script$e = {
 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;
@@ -1174,7 +1174,7 @@ var __vue_render__$e = function __vue_render__() {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
 var __vue_inject_styles__$e = undefined;
@@ -1194,10 +1194,22 @@ var __vue_is_functional_template__$e = false;
 /* style inject shadow dom */
 
 var __vue_component__$e = /*#__PURE__*/__vue_normalize____default['default']({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
+  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$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;
+}
+
 //
 //
 //
@@ -1241,17 +1253,7 @@ var __vue_component__$e = /*#__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 template = "\n\t<div v-bind:class={reflow:reflow} v-bind:key=\"'v-table-'+keyBody\" class=\"v-datatable v-resize\" style=\"background-color:#dbdbdb\"><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><tr>\n\t\t\t<th v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" >\n\t\t\t<span class=\"v-check\" v-on:click=\"rowSelect(null,-10)\" v-bind:data-icon=\"selected.length?'check-square':'square'\"><i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square':'fa-square'\"></i></span></th>\n\t\t\t<th v-bind:class=\"k['h-class']\" v-for=\"k in columns\" v-bind:width=\"k.width\" v-on:click=\"sortBy(k)\">\n\t\t\t<div v-html=\"k.header\"></div>\n\t\t\t</th>\n\t\t\t</tr></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)\" v-bind:class=\"getRowClass(r,entry)\">\n\t\t\t\t\t<td v-if=\"selectable0\" width=\"18\" >\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)?'check-square':'square'\"><i class=\"far fa-lg\" v-bind:class=\"isSelected(r)?'fa-check-square':'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) {
   var result = body();
@@ -1263,6 +1265,8 @@ function _invoke$1(body, then) {
   return then(result);
 }
 
+var compiledTemplate = Vue.compile(template);
+
 function _empty() {}
 
 function _invokeIgnored(body) {
@@ -1324,6 +1328,27 @@ var script$d = {
       rowStyleClassFunc: null
     };
   },
+  render: function render(createElement) {
+    console.log('RENDER TABLE');
+    console.log(this.$slots);
+    /*return createElement(
+    'h' + this.level,   // nombre de etiqueta
+    this.$slots.default // arreglo de hijos
+    )*/
+
+    var el = new DOMParser().parseFromString(template, "text/xml");
+    /*
+    
+    document.getElementById("demo").innerHTML =
+    xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue; */
+
+    /*var el = document.createElement( 'html' );
+    el.innerHTML = template;*/
+
+    console.log(el); //el.parentNode.removeChild(el);
+
+    return compiledTemplate.render.call(this, createElement);
+  },
   computed: {
     getCheckColumnWidth: function getCheckColumnWidth() {
       return 36; //18;
@@ -1720,7 +1745,7 @@ var script$d = {
           } else {
             var cc = me.$slots.columns;
             c = [];
-            if (!cc) alert('No columns in table!');
+            if (!cc) console.log('No columns in table!');
 
             for (var k = 0; k < cc.length; k++) {
               c.push(cc[k].data.attrs);
@@ -1910,213 +1935,6 @@ var script$d = {
 var __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$d = function __vue_render__() {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    key: 'v-table-' + _vm.keyBody,
-    staticClass: "v-datatable v-resize",
-    "class": {
-      reflow: _vm.reflow
-    },
-    staticStyle: {
-      "background-color": "#dbdbdb"
-    }
-  }, [_vm.active ? [_vm.hasSlot('header') ? _c('div', {
-    staticClass: "v-datatable-header v-widget-header ui-corner-top"
-  }, [_vm._t("header")], 2) : _vm._e(), _vm._v(" "), _vm.pagination ? _c('div', {
-    staticClass: "v-paginator v-paginator-top v-widget-header v-paginator-pages center"
-  }, [_c('v-button', {
-    attrs: {
-      "value": "|<",
-      "disabled": _vm.page <= 1
-    },
-    on: {
-      "click": function click($event) {
-        $event.preventDefault();
-        return _vm.to(1);
-      }
-    }
-  }), _c('v-button', {
-    attrs: {
-      "value": "<",
-      "disabled": _vm.page <= 1
-    },
-    on: {
-      "click": function click($event) {
-        $event.preventDefault();
-        return _vm.to(_vm.page - 1);
-      }
-    }
-  }), _c('div', {
-    staticStyle: {
-      "padding": "3px 8px",
-      "display": "inline-block"
-    }
-  }, [_c('input', {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.page,
-      expression: "page"
-    }],
-    staticStyle: {
-      "width": "60px"
-    },
-    attrs: {
-      "type": "number",
-      "min": "1",
-      "max": _vm.pages
-    },
-    domProps: {
-      "value": _vm.page
-    },
-    on: {
-      "change": function change($event) {
-        return _vm.to(_vm.page, true);
-      },
-      "input": function input($event) {
-        if ($event.target.composing) {
-          return;
-        }
-
-        _vm.page = $event.target.value;
-      }
-    }
-  }), _vm._v(" / " + _vm._s(_vm.pages))]), _vm._v(" "), _c('v-button', {
-    attrs: {
-      "value": ">",
-      "disabled": _vm.page == _vm.pages
-    },
-    on: {
-      "click": function click($event) {
-        $event.preventDefault();
-        return _vm.to(_vm.page + 1);
-      }
-    }
-  }), _c('v-button', {
-    attrs: {
-      "value": ">|",
-      "disabled": _vm.page == _vm.pages
-    },
-    on: {
-      "click": function click($event) {
-        $event.preventDefault();
-        return _vm.to(_vm.pages);
-      }
-    }
-  })], 1) : _vm._e(), _vm._v(" "), _vm.scrollable0 ? _c('div', {
-    staticClass: "v-widget-header v-datatable-scrollable-header",
-    staticStyle: {
-      "position": "relative"
-    }
-  }, [_c('div', {
-    staticClass: "v-datatable-scrollable-header-box"
-  })]) : _vm._e(), _vm._v(" "), _c('div', {
-    "class": {
-      'v-datatable-scrollable-body': _vm.scrollable0
-    }
-  }, [_vm.columns ? _c('table', {
-    staticClass: "v-table",
-    style: {
-      width: _vm.width
-    }
-  }, [_c('thead', [_c('tr', [_vm.selectable0 ? _c('th', {
-    attrs: {
-      "width": _vm.getCheckColumnWidth
-    }
-  }, [_c('span', {
-    staticClass: "v-check",
-    attrs: {
-      "data-icon": _vm.selected.length ? 'check-square' : 'square'
-    },
-    on: {
-      "click": function click($event) {
-        return _vm.rowSelect(null, -10);
-      }
-    }
-  }, [_c('i', {
-    staticClass: "fa fa-lg",
-    "class": _vm.selected.length ? 'fa-check-square' : 'fa-square'
-  })])]) : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (k) {
-    return _c('th', {
-      "class": k['h-class'],
-      attrs: {
-        "width": k.width
-      },
-      on: {
-        "click": function click($event) {
-          return _vm.sortBy(k);
-        }
-      }
-    }, [_c('div', {
-      domProps: {
-        "innerHTML": _vm._s(k.header)
-      }
-    })]);
-  })], 2)]), _vm._v(" "), _c('tbody', {
-    key: _vm.kc,
-    staticClass: "v-datatable-data"
-  }, [_vm._l(_vm.sortedData, function (entry, r) {
-    return _c('tr', {
-      "class": _vm.getRowClass(r, entry),
-      on: {
-        "row": function row($event) {
-          return _vm.rowCreated(entry);
-        },
-        "click": function click($event) {
-          return _vm._selectRow($event, entry, r);
-        }
-      }
-    }, [_vm.selectable0 ? _c('td', {
-      attrs: {
-        "width": "18"
-      }
-    }, [_c('span', {
-      staticClass: "v-check",
-      attrs: {
-        "data-index": r,
-        "data-icon": _vm.isSelected(r) ? 'check-square' : 'square'
-      },
-      on: {
-        "click": function click($event) {
-          return _vm.rowSelect(entry, r);
-        }
-      }
-    }, [_c('i', {
-      staticClass: "far fa-lg",
-      "class": _vm.isSelected(r) ? 'fa-check-square' : 'fa-square'
-    })])]) : _vm._e(), _vm._v(" "), _vm._t("default", null, {
-      "row": entry,
-      "index": r + (_vm.page - 1) * _vm.paginatio_
-    })], 2);
-  }), _vm._v(" "), !_vm.sortedData || _vm.sortedData.length == 0 ? _c('tr', [_c('td', {
-    attrs: {
-      "colspan": _vm.columns.length + (_vm.selectable0 ? 1 : 0)
-    }
-  }, [_vm._v(_vm._s(_vm.emptyMessage))])]) : _vm._e()], 2)]) : _vm._e()]), _vm._v(" "), _vm.summary || _vm.hasSlot('summary') ? _c('div', {
-    staticClass: "v-table-summary",
-    "class": {
-      'v-datatable-scrollable-body': _vm.scrollable
-    }
-  }, [_c('table', {
-    staticClass: "v-table v-table-summary"
-  }, [_c('tr', [_vm.selectable0 ? _c('td', {
-    attrs: {
-      "width": _vm.getCheckColumnWidth
-    }
-  }) : _vm._e(), _vm._v(" "), _vm._t("summary", null, {
-    "data": _vm.sortedData
-  })], 2)])]) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "hide filters"
-  }, [_vm._t("filters"), _vm._t("columns")], 2)] : _vm._e()], 2);
-};
-
-var __vue_staticRenderFns__$d = [];
 /* style */
 
 var __vue_inject_styles__$d = undefined;
@@ -2128,17 +1946,14 @@ var __vue_scope_id__$d = undefined;
 var __vue_module_identifier__$d = undefined;
 /* functional template */
 
-var __vue_is_functional_template__$d = false;
+var __vue_is_functional_template__$d = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$d = /*#__PURE__*/__vue_normalize____default['default']({
-  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__$d = /*#__PURE__*/__vue_normalize____default['default']({}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
 //
 //
@@ -5192,10 +5007,9 @@ Vue.mergeDeep = function () {
     for (var key in source) {
       //for (const key in source) {
       if (isObject(source[key])) {
-        console.log(key);
-        console.log(source[key]);
-        console.log(_typeof(source[key]));
-
+        /*console.log(key);
+        console.log(source[key]);
+        console.log(typeof source[key]);*/
         if (!target[key]) {
           nv = {};
           nv[key] = {};

package/package.json

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