@websy/websy-designs 1.8.0 → 1.8.2

package/dist/websy-designs.debug.js

@@ -238,7 +238,7 @@ class ButtonGroup {
         let activeClass = ''
         if (this.options.activeItem !== -1) {
           activeClass = i === this.options.activeItem ? 'active' : 'inactive'
-        }
+        }        
         return `
           <${this.options.tag} ${(t.attributes || []).join(' ')} data-id="${t.id || t.label}" data-index="${i}" class="websy-button-group-item ${(t.classes || []).join(' ')} ${this.options.style}-style ${activeClass}">${t.label}</${this.options.tag}>
         `
@@ -1511,7 +1511,9 @@ class WebsyDropdown {
       `
       el.innerHTML = html
       const scrollEl = document.getElementById(`${this.elementId}_itemsContainer`)
-      scrollEl.addEventListener('scroll', this.handleScroll.bind(this))
+      if (scrollEl) {
+        scrollEl.addEventListener('scroll', this.handleScroll.bind(this))
+      }      
       this.render()
     }
     else {
@@ -6607,7 +6609,7 @@ class WebsyTable3 {
         bodyHtml += `<td 
           class='websy-table-cell ${sizeIndex < this.pinnedColumns ? 'pinned' : 'unpinned'} ${(cell.classes || []).join(' ')} ${(sizingColumns[sizeIndex].classes || []).join(' ')}'
           style='${style}'
-          data-info='${cell.value}'
+          data-info='${cell.value.replace(/'/g, '`')}'
           colspan='${cell.colspan || 1}'
           rowspan='${cell.rowspan || 1}'
           data-row-index='${rowIndex}'
@@ -6829,6 +6831,9 @@ class WebsyTable3 {
             columnsForSizing[colIndex].actualWidth = 0
           }
           columnsForSizing[colIndex].actualWidth = Math.min(Math.max(columnsForSizing[colIndex].actualWidth, colSize.width), maxWidth)          
+          // if (columnsForSizing[colIndex].width) {
+          //   columnsForSizing[colIndex].actualWidth = columnsForSizing[colIndex].width
+          // }
           columnsForSizing[colIndex].cellHeight = colSize.height   
           if (colIndex >= this.pinnedColumns) {
             firstNonPinnedColumnWidth = columnsForSizing[colIndex].actualWidth
@@ -7307,11 +7312,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` 
-        vHandleEl.style.height = Math.max(this.options.minHandleSize, this.sizes.bodyHeight * (this.sizes.rowsToRenderPrecise / this.totalRowCount)) + 'px'
-        if (this.startRow !== 0) {
-          const scrollableSpace = vScrollEl.getBoundingClientRect().height - vHandleEl.getBoundingClientRect().height
-          vHandleEl.style.top = Math.round(this.startRow / (this.totalRowCount - this.sizes.rowsToRender) * (scrollableSpace)) + 'px'
-        }        
+        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'        
       }
       else {
         vHandleEl.style.height = '0px'