@websy/websy-designs 1.4.8 → 1.4.10

package/dist/websy-designs.debug.js

@@ -614,7 +614,6 @@ class WebsyDatePicker {
     }
   }
   close (confirm, isRange = false) {
-    console.trace()
     const maskEl = document.getElementById(`${this.elementId}_mask`)
     const contentEl = document.getElementById(`${this.elementId}_content`)
     const el = document.getElementById(this.elementId)
@@ -753,12 +752,14 @@ class WebsyDatePicker {
   }
   highlightRange () {
     const el = document.getElementById(`${this.elementId}_dateList`)
-    const dateEls = el.querySelectorAll('.websy-dp-date')
-    for (let i = 0; i < dateEls.length; i++) {      
-      dateEls[i].classList.remove('selected')
-      dateEls[i].classList.remove('first')
-      dateEls[i].classList.remove('last')
-    }
+    if (el) {
+      const dateEls = el.querySelectorAll('.websy-dp-date')
+      for (let i = 0; i < dateEls.length; i++) {      
+        dateEls[i].classList.remove('selected')
+        dateEls[i].classList.remove('first')
+        dateEls[i].classList.remove('last')
+      }
+    }    
     if (this.selectedRange === 0) {
       return
     }
@@ -1368,13 +1369,15 @@ class WebsyDatePicker {
     }    
     const el = document.getElementById(this.elementId)
     const labelEl = document.getElementById(`${this.elementId}_selectedRange`)
-    const rangeEls = el.querySelectorAll(`.websy-date-picker-range`)
-    for (let i = 0; i < rangeEls.length; i++) {
-      rangeEls[i].classList.remove('active')
-      if (i === this.selectedRange) {
-        rangeEls[i].classList.add('active')
+    if (el) {
+      const rangeEls = el.querySelectorAll(`.websy-date-picker-range`)
+      for (let i = 0; i < rangeEls.length; i++) {
+        rangeEls[i].classList.remove('active')
+        if (i === this.selectedRange) {
+          rangeEls[i].classList.add('active')
+        }
       }
-    }
+    }    
     if (labelEl) {
       labelEl.innerHTML = range.label      
     }
@@ -6020,7 +6023,9 @@ class WebsyTable3 {
       minHandleSize: 20,
       maxColWidth: '50%',
       allowPivoting: false,
-      searchIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><title>ionicons-v5-f</title><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>`
+      searchIcon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><title>ionicons-v5-f</title><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>`,
+      plusIcon: WebsyDesigns.Icons.PlusFilled,
+      minusIcon: WebsyDesigns.Icons.MinusFilled
     }
     this.options = Object.assign({}, DEFAULTS, options)
     this.sizes = {}
@@ -6180,14 +6185,14 @@ class WebsyTable3 {
             data-row-index='${rowIndex}'
             data-col-index='${cell.level || cellIndex}'
             class='websy-table-cell-expand'
-          >${WebsyDesigns.Icons.PlusFilled}</i>`
+          >${this.options.plusIcon}</i>`
         }
         if (cell.collapsable === true) {
           bodyHtml += `<i 
             data-row-index='${rowIndex}'
             data-col-index='${cell.level || cellIndex}'
             class='websy-table-cell-collapse'
-          >${WebsyDesigns.Icons.MinusFilled}</i>`
+          >${this.options.minusIcon}</i>`
         }
         if (sizingColumns[sizeIndex].showAsLink === true && cell.value.trim() !== '') {
           cell.value = `