@websy/websy-designs 1.4.11 → 1.4.13

package/dist/websy-designs.debug.js

@@ -692,11 +692,13 @@ class WebsyDatePicker {
       this.close()
     }
     else if (event.target.classList.contains('clear-selection')) {
+      this.currentselection = []
+      this.selectedRangeDates = []
       this.selectRange(0, false)
       if (this.options.onClear) {
         this.options.onClear()
       }
-      this.updateRange(0)
+      // this.updateRange(0)
     }
   }
   handleKeyDown (event) {    
@@ -1215,18 +1217,21 @@ class WebsyDatePicker {
   selectRange (index, confirm = true) {
     if (this.options.ranges[this.options.mode][index]) {
       this.selectedRangeDates = [...this.options.ranges[this.options.mode][index].range]
-      this.currentselection = this.options.ranges[this.options.mode][index].range.map(d => {
-        if (this.options.mode === 'date' || this.options.mode === 'monthyear') {
-          return d.getTime()
-        }
-        else {
-          return d
-        }
-      })
+      this.currentselection = []
+      // this.currentselection = this.options.ranges[this.options.mode][index].range.map(d => {
+      //   if (this.options.mode === 'date' || this.options.mode === 'monthyear') {
+      //     return d.getTime()
+      //   }
+      //   else {
+      //     return d
+      //   }
+      // })
       this.selectedRange = +index
       this.highlightRange()
-      this.updateRange()      
-      this.close(confirm, true)
+      this.updateRange()
+      if (confirm === true) {
+        this.close(confirm, true)
+      }            
     }
   }
   selectCustomRange (rangeInput) {
@@ -1563,10 +1568,14 @@ class WebsyDropdown {
     }
     if (scrollEl) {
       scrollEl.scrollTo(0, 0)
+    }   
+    if (maskEl) {
+      maskEl.classList.remove('active')
+    }     
+    if (contentEl) {
+      contentEl.classList.remove('active')
+      contentEl.classList.remove('on-top')    
     }    
-    maskEl.classList.remove('active')
-    contentEl.classList.remove('active')
-    contentEl.classList.remove('on-top')    
     const searchEl = document.getElementById(`${this.elementId}_search`)
     if (searchEl) {
       if (searchEl.value.length > 0 && this.options.onCancelSearch) {            
@@ -2590,8 +2599,10 @@ class WebsyLoadingDialog {
   }
   hide () {
     const el = document.getElementById(this.elementId)
-    el.classList.remove('loading')
-    el.innerHTML = ''
+    if (el) {
+      el.classList.remove('loading')
+      el.innerHTML = '' 
+    }    
   }
   render () {
     if (!this.elementId) {
@@ -6164,7 +6175,7 @@ class WebsyTable3 {
         }
         // console.log('rowspan', cell.rowspan)
         bodyHtml += `<td 
-          class='websy-table-cell ${(cell.classes || []).join(' ')}'
+          class='websy-table-cell ${sizeIndex < this.pinnedColumns ? 'pinned' : 'unpinned'} ${(cell.classes || []).join(' ')}'
           style='${style}'
           data-info='${cell.value}'
           colspan='${cell.colspan || 1}'
@@ -7707,7 +7718,7 @@ function getBarY (d, i) {
 bars
   .exit()
   .transition(this.transition)
-  .style('stroke-opacity', 1e-6)
+  .style('fill-opacity', 1e-6)
   .remove()
 
 bars
@@ -7731,6 +7742,14 @@ bars
     return `bar bar_${series.key}`
   })
 
+  }
+  removebar (key) {
+    /* global key d3 */
+let bars = this.barLayer.selectAll(`.bar_${key}`)
+  .transition(this.transition)
+  .style('fill-opacity', 1e-6)
+  .remove()
+
   }
   renderLabels (series, index) {
     /* global series index d3 WebsyDesigns */