isobit-ui 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.2.0
+ * isobit-ui v0.2.1
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -2021,7 +2021,7 @@ function _await$2(value, then, direct) {
   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>\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?'check-square':'square'\">\n                        <i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square':'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)?'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";
+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>\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?'check-square':'square'\">\n                        <i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square-o':'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)?'check-square':'square'\"><i class=\"far fa-lg\" v-bind:class=\"isSelected(r)?'fa-check-square-o':'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();
@@ -5637,85 +5637,88 @@ if (typeof Object.assign != 'function') {
 
 var buildPopupMenu = function buildPopupMenu(parent) {
   var pid = parent.getAttribute("v--popup");
-  if (!pid) parent.setAttribute("v--popup", pid = _$1.id());
-  var popup = _$1.storeFunction[pid];
-  var bu = parent.querySelectorAll('.v-datatable-header .v-button');
 
-  if (bu && bu.length && !popup && window.innerWidth <= 700) {
-    setTimeout(function () {
-      popup = document.createElement('ul');
-      popup.className = 'v-popup-2';
-      popup.style.backgroundColor = 'white';
-      popup.style.position = 'absolute';
-      popup.style.bottom = '0px';
-      popup.style.fontSize = '26px';
-      popup.style.right = '0px';
-      popup.style.display = 'none';
-      popup.style.width = '200px';
-      popup.style.zIndex = '12000';
-      parent.appendChild(popup);
-      var mask = null;
-
-      var itemClick = function itemClick() {
-        //console.log(this);
+  if (!pid) {
+    parent.setAttribute("v--popup", pid = _$1.id());
+    var popup = _$1.storeFunction[pid];
+    var bu = parent.querySelectorAll('.v-datatable-header .v-button');
+
+    if (bu && bu.length && !popup && window.innerWidth <= 700) {
+      setTimeout(function () {
+        popup = document.createElement('ul');
+        popup.className = 'v-popup-2';
+        popup.style.backgroundColor = 'white';
+        popup.style.position = 'absolute';
+        popup.style.bottom = '0px';
+        popup.style.fontSize = '26px';
+        popup.style.right = '0px';
         popup.style.display = 'none';
-        var id = this.getAttribute('commandId');
-        var cmd = document.querySelector('#' + id);
-        if (cmd.tagName == 'BUTTON') cmd.click();else cmd.children[0].click(); //console.log(cmd);
+        popup.style.width = '200px';
+        popup.style.zIndex = '12000';
+        parent.appendChild(popup);
+        var mask = null;
 
-        _$1.unmask(mask);
-      };
+        var itemClick = function itemClick() {
+          //console.log(this);
+          popup.style.display = 'none';
+          var id = this.getAttribute('commandId');
+          var cmd = document.querySelector('#' + id);
+          if (cmd.tagName == 'BUTTON') cmd.click();else cmd.children[0].click(); //console.log(cmd);
 
-      parent.style.position = 'relative';
-      var pbutton = document.createElement('div');
-      pbutton.className = 'v-mobil v-table-buttons';
-      var i = document.createElement('i');
-      i.className = 'fa fa-bars fa-w-14';
-      pbutton.appendChild(i);
+          _$1.unmask(mask);
+        };
 
-      pbutton.onclick = function () {
-        bu = parent.querySelectorAll('.v-datatable-header .v-button');
+        parent.style.position = 'relative';
+        var pbutton = document.createElement('div');
+        pbutton.className = 'v-mobil v-table-buttons';
+        var i = document.createElement('i');
+        i.className = 'fa fa-bars fa-w-14';
+        pbutton.appendChild(i);
 
-        while (popup.firstChild) {
-          popup.removeChild(popup.firstChild);
-        }
+        pbutton.onclick = function () {
+          bu = parent.querySelectorAll('.v-datatable-header .v-button');
 
-        for (i = 0; i < bu.length; i++) {
-          //Debe tenerlo directamente no por herencia
-          if (bu[i].style.display != 'none') {
-            var ite = document.createElement('li');
-            if (!bu[i].id) bu[i].id = 'c-' + _$1.id();
-            ite.setAttribute('commandId', bu[i].id);
-
-            if (bu[i].tagName == 'BUTTON') {
-              if (bu[i].disabled) continue;
-              ite.appendChild(bu[i].children[0].cloneNode(true));
-              ite.appendChild(document.createTextNode(bu[i].value ? bu[i].value : bu[i].title));
-            } else if (bu[i].children[0].children[1]) {
-              ite.appendChild(bu[i].children[0].children[1]); //.cloneNode()
-
-              ite.appendChild(document.createTextNode(bu[i].textContent));
-            }
+          while (popup.firstChild) {
+            popup.removeChild(popup.firstChild);
+          }
 
-            ite.onclick = itemClick;
-            popup.appendChild(ite);
+          for (i = 0; i < bu.length; i++) {
+            //Debe tenerlo directamente no por herencia
+            if (bu[i].style.display != 'none') {
+              var ite = document.createElement('li');
+              if (!bu[i].id) bu[i].id = 'c-' + _$1.id();
+              ite.setAttribute('commandId', bu[i].id);
+
+              if (bu[i].tagName == 'BUTTON') {
+                if (bu[i].disabled) continue;
+                ite.appendChild(bu[i].children[0].cloneNode(true));
+                ite.appendChild(document.createTextNode(bu[i].value ? bu[i].value : bu[i].title));
+              } else if (bu[i].children[0].children[1]) {
+                ite.appendChild(bu[i].children[0].children[1]); //.cloneNode()
+
+                ite.appendChild(document.createTextNode(bu[i].textContent));
+              }
+
+              ite.onclick = itemClick;
+              popup.appendChild(ite);
+            }
           }
-        }
 
-        mask = _$1.mask(popup); //popup.style.top=(parseInt(pbutton.style.top)+pbutton.offsetHeight)+'px';
+          mask = _$1.mask(popup); //popup.style.top=(parseInt(pbutton.style.top)+pbutton.offsetHeight)+'px';
 
-        popup.style.display = 'block';
+          popup.style.display = 'block';
 
-        mask.onclick = function () {
-          popup.style.display = 'none';
+          mask.onclick = function () {
+            popup.style.display = 'none';
 
-          _$1.unmask(mask);
+            _$1.unmask(mask);
+          };
         };
-      };
 
-      parent.appendChild(pbutton);
-      _$1.storeFunction[pid] = popup;
-    }, 1000);
+        parent.appendChild(pbutton);
+        _$1.storeFunction[pid] = popup;
+      }, 1000);
+    }
   }
 };
 

package/package.json

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