@websy/websy-designs 1.9.0 → 1.9.2

package/dist/websy-designs-es6.debug.js

@@ -1501,6 +1501,7 @@ class WebsyDropdown {
       showCompleteSelectedList: false,
       closeAfterSelection: true,
       customActions: [],
+      customButtons: [],
       searchIcon: `<svg width="20" height="20" viewBox="0 0 512 512"><path d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><line x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>`,
       clearIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><title>ionicons-v5-l</title><line x1="368" y1="368" x2="144" y2="144" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="368" y1="144" x2="144" y2="368" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>`,
       arrowIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z"/></svg>`,
@@ -6930,6 +6931,13 @@ class WebsyTable3 {
     //   bodyEl.style.height = `calc(100% - ${this.sizes.header.height}px - ${this.sizes.total.height}px)`
     // }    
     bodyEl.style.height = `${this.sizes.bodyHeight}px`
+    if (this.isTouchDevice === true) {
+      let touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+      if (touchScrollEl) {
+        touchScrollEl.style.top = `${this.sizes.header.height}px`
+        touchScrollEl.style.height = `calc(100% - ${this.sizes.header.height + 30}px)`
+      }
+    }
     if (this.options.virtualScroll === true) {
       // set the scroll element positions
       let vScrollEl = document.getElementById(`${this.elementId}_vScrollContainer`)
@@ -6937,6 +6945,9 @@ class WebsyTable3 {
       if (this.vScrollRequired === true) {        
         vScrollEl.style.top = `${this.sizes.header.height + this.sizes.total.height}px`
         vScrollEl.style.height = `${this.sizes.bodyHeight}px` 
+        if (this.isTouchDevice === true) {
+          vScrollEl.style.visibility = `unset` 
+        }
         vHandleEl.style.height = Math.max(this.options.minHandleSize, this.sizes.bodyHeight * (this.sizes.rowsToRenderPrecise / this.totalRowCount)) + 'px'        
         const scrollableSpace = vScrollEl.getBoundingClientRect().height - vHandleEl.getBoundingClientRect().height
         vHandleEl.style.top = Math.round(this.startRow / (this.totalRowCount - this.sizes.rowsToRender) * (scrollableSpace)) + 'px'        
@@ -6950,6 +6961,9 @@ class WebsyTable3 {
         hScrollEl.style.left = `${this.sizes.table.width - this.sizes.scrollableWidth}px`
         hScrollEl.style.width = `${this.sizes.scrollableWidth - (this.isTouchDevice ? 30 : 20)}px` 
         hHandleEl.style.width = Math.max(this.options.minHandleSize, this.sizes.scrollableWidth * (this.sizes.scrollableWidth / this.sizes.totalNonPinnedWidth)) + 'px'
+        if (this.isTouchDevice === true) {
+          hScrollEl.style.visibility = `unset` 
+        }
       }  
       else {
         hHandleEl.style.width = '0px'

package/dist/websy-designs-es6.js

@@ -1507,6 +1507,7 @@ var WebsyDropdown = /*#__PURE__*/function () {
       showCompleteSelectedList: false,
       closeAfterSelection: true,
       customActions: [],
+      customButtons: [],
       searchIcon: "<svg width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px\"/><line x1=\"338.29\" y1=\"338.29\" x2=\"448\" y2=\"448\" style=\"fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px\"/></svg>",
       clearIcon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 512 512\"><title>ionicons-v5-l</title><line x1=\"368\" y1=\"368\" x2=\"144\" y2=\"144\" style=\"fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px\"/><line x1=\"368\" y1=\"144\" x2=\"144\" y2=\"368\" style=\"fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px\"/></svg>",
       arrowIcon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M23.677 18.52c.914 1.523-.183 3.472-1.967 3.472h-19.414c-1.784 0-2.881-1.949-1.967-3.472l9.709-16.18c.891-1.483 3.041-1.48 3.93 0l9.709 16.18z\"/></svg>",
@@ -6634,6 +6635,13 @@ var WebsyTable3 = /*#__PURE__*/function () {
       //   bodyEl.style.height = `calc(100% - ${this.sizes.header.height}px - ${this.sizes.total.height}px)`
       // }    
       bodyEl.style.height = "".concat(this.sizes.bodyHeight, "px");
+      if (this.isTouchDevice === true) {
+        var touchScrollEl = document.getElementById("".concat(this.elementId, "_touchScroller"));
+        if (touchScrollEl) {
+          touchScrollEl.style.top = "".concat(this.sizes.header.height, "px");
+          touchScrollEl.style.height = "calc(100% - ".concat(this.sizes.header.height + 30, "px)");
+        }
+      }
       if (this.options.virtualScroll === true) {
         // set the scroll element positions
         var vScrollEl = document.getElementById("".concat(this.elementId, "_vScrollContainer"));
@@ -6641,6 +6649,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
         if (this.vScrollRequired === true) {
           vScrollEl.style.top = "".concat(this.sizes.header.height + this.sizes.total.height, "px");
           vScrollEl.style.height = "".concat(this.sizes.bodyHeight, "px");
+          if (this.isTouchDevice === true) {
+            vScrollEl.style.visibility = "unset";
+          }
           vHandleEl.style.height = Math.max(this.options.minHandleSize, this.sizes.bodyHeight * (this.sizes.rowsToRenderPrecise / this.totalRowCount)) + 'px';
           var scrollableSpace = vScrollEl.getBoundingClientRect().height - vHandleEl.getBoundingClientRect().height;
           vHandleEl.style.top = Math.round(this.startRow / (this.totalRowCount - this.sizes.rowsToRender) * scrollableSpace) + 'px';
@@ -6653,6 +6664,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
           hScrollEl.style.left = "".concat(this.sizes.table.width - this.sizes.scrollableWidth, "px");
           hScrollEl.style.width = "".concat(this.sizes.scrollableWidth - (this.isTouchDevice ? 30 : 20), "px");
           hHandleEl.style.width = Math.max(this.options.minHandleSize, this.sizes.scrollableWidth * (this.sizes.scrollableWidth / this.sizes.totalNonPinnedWidth)) + 'px';
+          if (this.isTouchDevice === true) {
+            hScrollEl.style.visibility = "unset";
+          }
         } else {
           hHandleEl.style.width = '0px';
         }