@websy/websy-designs 1.10.0 → 1.10.1

package/dist/websy-designs.debug.js

@@ -3776,7 +3776,9 @@ class WebsyPDFButton {
       classes: [],
       wait: 0,
       buttonText: 'Download',
-      directDownload: false
+      directDownload: false,
+      preProcess: (callbackFn) => (callbackFn(true)),
+      onError: () => {}
     }
     this.elementId = elementId
     this.options = Object.assign({}, DEFAULTS, options)
@@ -3834,87 +3836,95 @@ class WebsyPDFButton {
   handleClick (event) {
     if (event.target.classList.contains('websy-pdf-button')) {
       this.loader.show()
-      setTimeout(() => {        
-        if (this.options.targetId) {
-          const el = document.getElementById(this.options.targetId)
-          if (el) {
-            const pdfData = { options: {} }
-            if (this.options.pdfOptions) {
-              pdfData.options = Object.assign({}, this.options.pdfOptions)
-            }
-            if (this.options.header) {
-              if (this.options.header.elementId) {
-                const headerEl = document.getElementById(this.options.header.elementId)
-                if (headerEl) {
-                  pdfData.header = headerEl.outerHTML  
-                  if (this.options.header.css) {
-                    pdfData.options.headerCSS = this.options.header.css
-                  }
+      this.options.preProcess((proceed) => {
+        if (proceed === true) {          
+          setTimeout(() => {        
+            if (this.options.targetId) {
+              const el = document.getElementById(this.options.targetId)
+              if (el) {
+                const pdfData = { options: {} }
+                if (this.options.pdfOptions) {
+                  pdfData.options = Object.assign({}, this.options.pdfOptions)
                 }
-              }
-              else if (this.options.header.html) {
-                pdfData.header = this.options.header.html
-                if (this.options.header.css) {
-                  pdfData.options.headerCSS = this.options.header.css
-                }
-              }
-              else {
-                pdfData.header = this.options.header
-              }
-            }
-            if (this.options.footer) {
-              if (this.options.footer.elementId) {
-                const footerEl = document.getElementById(this.options.footer.elementId)
-                if (footerEl) {
-                  pdfData.footer = footerEl.outerHTML  
-                  if (this.options.footer.css) {
-                    pdfData.options.footerCSS = this.options.footer.css
+                if (this.options.header) {
+                  if (this.options.header.elementId) {
+                    const headerEl = document.getElementById(this.options.header.elementId)
+                    if (headerEl) {
+                      pdfData.header = headerEl.outerHTML  
+                      if (this.options.header.css) {
+                        pdfData.options.headerCSS = this.options.header.css
+                      }
+                    }
+                  }
+                  else if (this.options.header.html) {
+                    pdfData.header = this.options.header.html
+                    if (this.options.header.css) {
+                      pdfData.options.headerCSS = this.options.header.css
+                    }
+                  }
+                  else {
+                    pdfData.header = this.options.header
                   }
                 }
-              }
-              else {
-                pdfData.footer = this.options.footer
-              }
-            }
-            pdfData.html = el.outerHTML
-            // document.getElementById(`${this.elementId}_pdfHeader`).value = pdfData.header
-            // document.getElementById(`${this.elementId}_pdfHTML`).value = pdfData.html
-            // document.getElementById(`${this.elementId}_pdfFooter`).value = pdfData.footer
-            // document.getElementById(`${this.elementId}_form`).submit()
-            this.service.add('', pdfData, {responseType: 'blob'}).then(response => {
-              this.loader.hide()
-              const blob = new Blob([response], {type: 'application/pdf'})
-              let msg = `
-                <div class='text-center websy-pdf-download'>
-                  <div>Your file is ready to download</div>
-                  <a href='${URL.createObjectURL(blob)}' target='_blank'
-              `
-              if (this.options.directDownload === true) {
-                let fileName
-                if (typeof this.options.fileName === 'function') {
-                  fileName = this.options.fileName() || 'Export'
+                if (this.options.footer) {
+                  if (this.options.footer.elementId) {
+                    const footerEl = document.getElementById(this.options.footer.elementId)
+                    if (footerEl) {
+                      pdfData.footer = footerEl.outerHTML  
+                      if (this.options.footer.css) {
+                        pdfData.options.footerCSS = this.options.footer.css
+                      }
+                    }
+                  }
+                  else {
+                    pdfData.footer = this.options.footer
+                  }
                 }
-                else {
-                  fileName = this.options.fileName || 'Export'
-                }                
-                msg += `download='${fileName}.pdf'`
+                pdfData.html = el.outerHTML
+                // document.getElementById(`${this.elementId}_pdfHeader`).value = pdfData.header
+                // document.getElementById(`${this.elementId}_pdfHTML`).value = pdfData.html
+                // document.getElementById(`${this.elementId}_pdfFooter`).value = pdfData.footer
+                // document.getElementById(`${this.elementId}_form`).submit()
+                this.service.add('', pdfData, {responseType: 'blob'}).then(response => {
+                  this.loader.hide()
+                  const blob = new Blob([response], {type: 'application/pdf'})
+                  let msg = `
+                    <div class='text-center websy-pdf-download'>
+                      <div>Your file is ready to download</div>
+                      <a href='${URL.createObjectURL(blob)}' target='_blank'
+                  `
+                  if (this.options.directDownload === true) {
+                    let fileName
+                    if (typeof this.options.fileName === 'function') {
+                      fileName = this.options.fileName() || 'Export'
+                    }
+                    else {
+                      fileName = this.options.fileName || 'Export'
+                    }                
+                    msg += `download='${fileName}.pdf'`
+                  }
+                  msg += `
+                      >
+                        <button class='websy-btn download-pdf'>${this.options.buttonText}</button>
+                      </a>
+                    </div>
+                  `
+                  this.popup.show({
+                    message: msg,
+                    mask: true
+                  })
+                }, err => {
+                  console.error(err)
+                })
               }
-              msg += `
-                  >
-                    <button class='websy-btn download-pdf'>${this.options.buttonText}</button>
-                  </a>
-                </div>
-              `
-              this.popup.show({
-                message: msg,
-                mask: true
-              })
-            }, err => {
-              console.error(err)
-            })
-          }
-        } 
-      }, this.options.wait)           
+            } 
+          }, this.options.wait)           
+        }
+        else {
+          this.loader.hide()
+          this.options.onError()
+        }
+      })
     }
     else if (event.target.classList.contains('download-pdf')) {
       this.popup.hide()
@@ -6868,6 +6878,7 @@ class WebsyTable3 {
       autoFitColumns: true
     }
     this.options = Object.assign({}, DEFAULTS, options)
+    this._isRendered = false
     this.isTouchDevice = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)
     if (this.options.disableTouch === true) {
       this.isTouchDevice = false
@@ -6962,6 +6973,9 @@ class WebsyTable3 {
       console.error(`No element found with ID ${this.elementId}`)
     }
   }
+  get isRendered () {
+    return this._isRendered
+  }
   set columns (columns) {
     this.options.columns = columns
     this.renderColumnHeaders()
@@ -6971,6 +6985,7 @@ class WebsyTable3 {
     this.renderTotals()
   }
   appendRows (data) {
+    this._isRendered = false
     this.hideError()    
     let bodyEl = document.getElementById(`${this.elementId}_tableBody`)    
     if (bodyEl) {
@@ -6984,6 +6999,7 @@ class WebsyTable3 {
         }        
         else {
           bodyEl.innerHTML += this.buildBodyHtml(data, true)
+          this._isRendered = true
         }
         this.currentData = this.currentData.concat(data)
       }
@@ -7985,10 +8001,12 @@ class WebsyChart {
       maxBandWidth: 100,
       allowUnevenBands: true,
       allowBrushing: true,
-      balancedMinMax: false
+      balancedMinMax: false,
+      onRendered: () => {}
     }
     this.elementId = elementId
     this.options = Object.assign({}, DEFAULTS, options)
+    this._isRendered = false
     this.leftAxis = null
     this.rightAxis = null
     this.topAxis = null
@@ -8027,21 +8045,6 @@ class WebsyChart {
           }
         }
       }
-      // }
-      // else {        
-      //   let domain = [...this[xAxis].domain()]
-      //   if (this.options.orientation === 'horizontal') {
-      //     domain = domain.reverse()
-      //   }      
-      //   for (let j = 0; j < domain.length; j++) {                
-      //     let breakA = this[xAxis](domain[j]) - (width / 2)
-      //     let breakB = breakA + width
-      //     if (input > breakA && input <= breakB) {       
-      //       output = j
-      //       break
-      //     }
-      //   } 
-      // }
       return output
     }  
     let that = this 
@@ -8128,6 +8131,9 @@ class WebsyChart {
     this.options.data = d
     this.render()
   }
+  get isRendered () {
+    return this._isRendered
+  }
   close () {
     this.leftAxisLayer && this.leftAxisLayer.selectAll('*').remove()
     this.rightAxisLayer && this.rightAxisLayer.selectAll('*').remove()
@@ -8438,6 +8444,7 @@ this.render()
   }
   render (options) {
     /* global d3 options WebsyUtils */ 
+this._isRendered = false
 if (typeof options !== 'undefined') {
   this.options = Object.assign({}, this.options, options)
   if (this.options.legendOptions) {
@@ -9304,6 +9311,7 @@ this.refLineLayer.selectAll('.reference-line-label').remove()
 if (this.options.refLines && this.options.refLines.length > 0) {
   this.options.refLines.forEach(l => this.renderRefLine(l))
 }
+this._isRendered = true
 
   }
   renderarea (series, index) {
@@ -10735,9 +10743,14 @@ class WebsyKPI {
     }
     this.elementId = elementId
     this.options = Object.assign({}, DEFAULTS, options)
+    this._isRendered = false
     this.render()
   }
+  get isRendered () {
+    return this._isRendered
+  }
   render (options) {
+    this._isRendered = false
     this.options = Object.assign({}, this.options, options)
     if (!this.options.label.classes) {
       this.options.label.classes = []
@@ -10790,6 +10803,7 @@ class WebsyKPI {
         </div>
       `
       el.innerHTML = html
+      this._isRendered = true
     }
   }  
 }
@@ -10811,6 +10825,7 @@ class WebsyMap {
     }
     this.elementId = elementId
     this.options = Object.assign({}, DEFAULTS, options)
+    this._isRendered = false
     if (!elementId) {
       console.log('No element Id provided for Websy Map')		
       return
@@ -10842,6 +10857,9 @@ class WebsyMap {
       this.render()
     }
   }
+  get isRendered () {
+    return this._isRendered
+  }
   handleClick (event) {
 
   }
@@ -10849,6 +10867,7 @@ class WebsyMap {
 
   }
   render () {
+    this._isRendered = false
     const mapEl = document.getElementById(`${this.elementId}_map`)
     const legendEl = document.getElementById(`${this.elementId}_map`)
     if (this.options.showLegend === true && this.options.data.polygons) {            
@@ -10980,6 +10999,7 @@ class WebsyMap {
     else if (this.options.center) {
       this.map.setView(this.options.center, this.options.zoom || null)
     }
+    this._isRendered = true
   }
 }
 

package/dist/websy-designs.js

@@ -3585,7 +3585,11 @@ var WebsyPDFButton = /*#__PURE__*/function () {
       classes: [],
       wait: 0,
       buttonText: 'Download',
-      directDownload: false
+      directDownload: false,
+      preProcess: function preProcess(callbackFn) {
+        return callbackFn(true);
+      },
+      onError: function onError() {}
     };
     this.elementId = elementId;
     this.options = _extends({}, DEFAULTS, options);
@@ -3616,80 +3620,87 @@ var WebsyPDFButton = /*#__PURE__*/function () {
       var _this27 = this;
       if (event.target.classList.contains('websy-pdf-button')) {
         this.loader.show();
-        setTimeout(function () {
-          if (_this27.options.targetId) {
-            var el = document.getElementById(_this27.options.targetId);
-            if (el) {
-              var pdfData = {
-                options: {}
-              };
-              if (_this27.options.pdfOptions) {
-                pdfData.options = _extends({}, _this27.options.pdfOptions);
-              }
-              if (_this27.options.header) {
-                if (_this27.options.header.elementId) {
-                  var headerEl = document.getElementById(_this27.options.header.elementId);
-                  if (headerEl) {
-                    pdfData.header = headerEl.outerHTML;
-                    if (_this27.options.header.css) {
-                      pdfData.options.headerCSS = _this27.options.header.css;
-                    }
+        this.options.preProcess(function (proceed) {
+          if (proceed === true) {
+            setTimeout(function () {
+              if (_this27.options.targetId) {
+                var el = document.getElementById(_this27.options.targetId);
+                if (el) {
+                  var pdfData = {
+                    options: {}
+                  };
+                  if (_this27.options.pdfOptions) {
+                    pdfData.options = _extends({}, _this27.options.pdfOptions);
                   }
-                } else if (_this27.options.header.html) {
-                  pdfData.header = _this27.options.header.html;
-                  if (_this27.options.header.css) {
-                    pdfData.options.headerCSS = _this27.options.header.css;
+                  if (_this27.options.header) {
+                    if (_this27.options.header.elementId) {
+                      var headerEl = document.getElementById(_this27.options.header.elementId);
+                      if (headerEl) {
+                        pdfData.header = headerEl.outerHTML;
+                        if (_this27.options.header.css) {
+                          pdfData.options.headerCSS = _this27.options.header.css;
+                        }
+                      }
+                    } else if (_this27.options.header.html) {
+                      pdfData.header = _this27.options.header.html;
+                      if (_this27.options.header.css) {
+                        pdfData.options.headerCSS = _this27.options.header.css;
+                      }
+                    } else {
+                      pdfData.header = _this27.options.header;
+                    }
                   }
-                } else {
-                  pdfData.header = _this27.options.header;
-                }
-              }
-              if (_this27.options.footer) {
-                if (_this27.options.footer.elementId) {
-                  var footerEl = document.getElementById(_this27.options.footer.elementId);
-                  if (footerEl) {
-                    pdfData.footer = footerEl.outerHTML;
-                    if (_this27.options.footer.css) {
-                      pdfData.options.footerCSS = _this27.options.footer.css;
+                  if (_this27.options.footer) {
+                    if (_this27.options.footer.elementId) {
+                      var footerEl = document.getElementById(_this27.options.footer.elementId);
+                      if (footerEl) {
+                        pdfData.footer = footerEl.outerHTML;
+                        if (_this27.options.footer.css) {
+                          pdfData.options.footerCSS = _this27.options.footer.css;
+                        }
+                      }
+                    } else {
+                      pdfData.footer = _this27.options.footer;
                     }
                   }
-                } else {
-                  pdfData.footer = _this27.options.footer;
+                  pdfData.html = el.outerHTML;
+                  // document.getElementById(`${this.elementId}_pdfHeader`).value = pdfData.header
+                  // document.getElementById(`${this.elementId}_pdfHTML`).value = pdfData.html
+                  // document.getElementById(`${this.elementId}_pdfFooter`).value = pdfData.footer
+                  // document.getElementById(`${this.elementId}_form`).submit()
+                  _this27.service.add('', pdfData, {
+                    responseType: 'blob'
+                  }).then(function (response) {
+                    _this27.loader.hide();
+                    var blob = new Blob([response], {
+                      type: 'application/pdf'
+                    });
+                    var msg = "\n                    <div class='text-center websy-pdf-download'>\n                      <div>Your file is ready to download</div>\n                      <a href='".concat(URL.createObjectURL(blob), "' target='_blank'\n                  ");
+                    if (_this27.options.directDownload === true) {
+                      var fileName;
+                      if (typeof _this27.options.fileName === 'function') {
+                        fileName = _this27.options.fileName() || 'Export';
+                      } else {
+                        fileName = _this27.options.fileName || 'Export';
+                      }
+                      msg += "download='".concat(fileName, ".pdf'");
+                    }
+                    msg += "\n                      >\n                        <button class='websy-btn download-pdf'>".concat(_this27.options.buttonText, "</button>\n                      </a>\n                    </div>\n                  ");
+                    _this27.popup.show({
+                      message: msg,
+                      mask: true
+                    });
+                  }, function (err) {
+                    console.error(err);
+                  });
                 }
               }
-              pdfData.html = el.outerHTML;
-              // document.getElementById(`${this.elementId}_pdfHeader`).value = pdfData.header
-              // document.getElementById(`${this.elementId}_pdfHTML`).value = pdfData.html
-              // document.getElementById(`${this.elementId}_pdfFooter`).value = pdfData.footer
-              // document.getElementById(`${this.elementId}_form`).submit()
-              _this27.service.add('', pdfData, {
-                responseType: 'blob'
-              }).then(function (response) {
-                _this27.loader.hide();
-                var blob = new Blob([response], {
-                  type: 'application/pdf'
-                });
-                var msg = "\n                <div class='text-center websy-pdf-download'>\n                  <div>Your file is ready to download</div>\n                  <a href='".concat(URL.createObjectURL(blob), "' target='_blank'\n              ");
-                if (_this27.options.directDownload === true) {
-                  var fileName;
-                  if (typeof _this27.options.fileName === 'function') {
-                    fileName = _this27.options.fileName() || 'Export';
-                  } else {
-                    fileName = _this27.options.fileName || 'Export';
-                  }
-                  msg += "download='".concat(fileName, ".pdf'");
-                }
-                msg += "\n                  >\n                    <button class='websy-btn download-pdf'>".concat(_this27.options.buttonText, "</button>\n                  </a>\n                </div>\n              ");
-                _this27.popup.show({
-                  message: msg,
-                  mask: true
-                });
-              }, function (err) {
-                console.error(err);
-              });
-            }
+            }, _this27.options.wait);
+          } else {
+            _this27.loader.hide();
+            _this27.options.onError();
           }
-        }, this.options.wait);
+        });
       } else if (event.target.classList.contains('download-pdf')) {
         this.popup.hide();
         if (this.options.onClose) {
@@ -6584,6 +6595,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
       autoFitColumns: true
     };
     this.options = _extends({}, DEFAULTS, options);
+    this._isRendered = false;
     this.isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     if (this.options.disableTouch === true) {
       this.isTouchDevice = false;
@@ -6644,6 +6656,11 @@ var WebsyTable3 = /*#__PURE__*/function () {
     }
   }
   _createClass(WebsyTable3, [{
+    key: "isRendered",
+    get: function get() {
+      return this._isRendered;
+    }
+  }, {
     key: "columns",
     set: function set(columns) {
       this.options.columns = columns;
@@ -6658,6 +6675,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
   }, {
     key: "appendRows",
     value: function appendRows(data) {
+      this._isRendered = false;
       this.hideError();
       var bodyEl = document.getElementById("".concat(this.elementId, "_tableBody"));
       if (bodyEl) {
@@ -6669,6 +6687,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
             bodyEl.querySelector('tbody').innerHTML += this.buildBodyHtml(data, true, true);
           } else {
             bodyEl.innerHTML += this.buildBodyHtml(data, true);
+            this._isRendered = true;
           }
           this.currentData = this.currentData.concat(data);
         }
@@ -7674,10 +7693,12 @@ var WebsyChart = /*#__PURE__*/function () {
       maxBandWidth: 100,
       allowUnevenBands: true,
       allowBrushing: true,
-      balancedMinMax: false
+      balancedMinMax: false,
+      onRendered: function onRendered() {}
     };
     this.elementId = elementId;
     this.options = _extends({}, DEFAULTS, options);
+    this._isRendered = false;
     this.leftAxis = null;
     this.rightAxis = null;
     this.topAxis = null;
@@ -7716,21 +7737,6 @@ var WebsyChart = /*#__PURE__*/function () {
           }
         }
       }
-      // }
-      // else {        
-      //   let domain = [...this[xAxis].domain()]
-      //   if (this.options.orientation === 'horizontal') {
-      //     domain = domain.reverse()
-      //   }      
-      //   for (let j = 0; j < domain.length; j++) {                
-      //     let breakA = this[xAxis](domain[j]) - (width / 2)
-      //     let breakB = breakA + width
-      //     if (input > breakA && input <= breakB) {       
-      //       output = j
-      //       break
-      //     }
-      //   } 
-      // }
       return output;
     };
     var that = this;
@@ -7805,6 +7811,11 @@ var WebsyChart = /*#__PURE__*/function () {
       this.options.data = d;
       this.render();
     }
+  }, {
+    key: "isRendered",
+    get: function get() {
+      return this._isRendered;
+    }
   }, {
     key: "close",
     value: function close() {
@@ -8110,6 +8121,7 @@ var WebsyChart = /*#__PURE__*/function () {
     value: function render(options) {
       var _this53 = this;
       /* global d3 options WebsyUtils */
+      this._isRendered = false;
       if (typeof options !== 'undefined') {
         this.options = _extends({}, this.options, options);
         if (this.options.legendOptions) {
@@ -8850,6 +8862,7 @@ var WebsyChart = /*#__PURE__*/function () {
           return _this54.renderRefLine(l);
         });
       }
+      this._isRendered = true;
     }
   }, {
     key: "renderarea",
@@ -10193,11 +10206,18 @@ var WebsyKPI = /*#__PURE__*/function () {
     };
     this.elementId = elementId;
     this.options = _extends({}, DEFAULTS, options);
+    this._isRendered = false;
     this.render();
   }
   _createClass(WebsyKPI, [{
+    key: "isRendered",
+    get: function get() {
+      return this._isRendered;
+    }
+  }, {
     key: "render",
     value: function render(options) {
+      this._isRendered = false;
       this.options = _extends({}, this.options, options);
       if (!this.options.label.classes) {
         this.options.label.classes = [];
@@ -10232,6 +10252,7 @@ var WebsyKPI = /*#__PURE__*/function () {
         }
         html += "                                \n          </div>\n        </div>\n      ";
         el.innerHTML = html;
+        this._isRendered = true;
       }
     }
   }]);
@@ -10255,6 +10276,7 @@ var WebsyMap = /*#__PURE__*/function () {
     };
     this.elementId = elementId;
     this.options = _extends({}, DEFAULTS, options);
+    this._isRendered = false;
     if (!elementId) {
       console.log('No element Id provided for Websy Map');
       return;
@@ -10284,6 +10306,11 @@ var WebsyMap = /*#__PURE__*/function () {
     }
   }
   _createClass(WebsyMap, [{
+    key: "isRendered",
+    get: function get() {
+      return this._isRendered;
+    }
+  }, {
     key: "handleClick",
     value: function handleClick(event) {}
   }, {
@@ -10293,6 +10320,7 @@ var WebsyMap = /*#__PURE__*/function () {
     key: "render",
     value: function render() {
       var _this61 = this;
+      this._isRendered = false;
       var mapEl = document.getElementById("".concat(this.elementId, "_map"));
       var legendEl = document.getElementById("".concat(this.elementId, "_map"));
       if (this.options.showLegend === true && this.options.data.polygons) {
@@ -10434,6 +10462,7 @@ var WebsyMap = /*#__PURE__*/function () {
       } else if (this.options.center) {
         this.map.setView(this.options.center, this.options.zoom || null);
       }
+      this._isRendered = true;
     }
   }]);
   return WebsyMap;