@progress/kendo-spreadsheet-common 1.1.0 → 1.1.1-develop.1

package/dist/index-esm.js

@@ -1621,8 +1621,9 @@ HtmlNode.prototype = {
        }
     }
 };
-let HTML_CONTAINER = document.createElement("div");
+
 function insertHtml(node, html) {
+    const HTML_CONTAINER = document.createElement("div");
     HTML_CONTAINER.innerHTML = html;
     while (HTML_CONTAINER.firstChild) {
         node.appendChild(HTML_CONTAINER.firstChild);
@@ -10438,7 +10439,7 @@ let KEY_NAMES$1 = {
     113: ':edit'
 };
 
-let Mac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+const Mac = () => navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 
 let isAlphaNum = function(keyCode) {
     if ((keyCode > 47 && keyCode < 58) || // number keys
@@ -10561,7 +10562,7 @@ class EventListener {
     handleEvent(e, name) {
         let eventKey = "";
 
-        e.mod = Mac ? e.metaKey : (e.ctrlKey && !e.altKey);
+        e.mod = Mac() ? e.metaKey : (e.ctrlKey && !e.altKey);
 
         if (e.altKey) {
             eventKey += "alt+";
@@ -10746,9 +10747,13 @@ class Controller {
         this.editor.bind("deactivate", this.onEditorDeactivate.bind(this));
         this.editor.bind("update", this.onEditorUpdate.bind(this));
 
-        view.scroller.addEventListener("scroll", this.onScroll.bind(this));
         this.listener = new EventListener(this.container, this, CONTAINER_EVENTS);
-        (view.scroller).addEventListener("mousedown", this.onMouseDown.bind(this));
+
+        this.scrollHandler = this.onScroll.bind(this);
+        this.mouseDownHandler = this.onMouseDown.bind(this);
+
+        view.scroller.addEventListener("scroll", this.scrollHandler);
+        view.scroller.addEventListener("mousedown", this.mouseDownHandler);
 
         this._enableEditorEvents();
 
@@ -10891,6 +10896,9 @@ class Controller {
     }
 
     destroy() {
+        this.view.scroller.removeEventListener("scroll", this.scrollHandler);
+        this.view.scroller.removeEventListener("mousedown", this.mouseDownHandler);
+
         this.listener.destroy();
         this._enableEditorEvents(false);
         this.keyListener.destroy();
@@ -14056,14 +14064,15 @@ function looksLikeANumber(str) {
     return !(/^=/.test(str)) && (/number|percent/).test(calc.parse(null, 0, 0, str).type);
 }
 
-const measureBox = document.createElement('div');
-measureBox.setAttribute('style',
-    'position: absolute !important; top: -4000px !important; height: auto !important;' +
-    'padding: 1px 3px !important; box-sizing: border-box; margin: 0 !important; border: 1px solid black !important;' +
-    'line-height: normal !important; visibility: hidden !important;' +
-    'white-space: pre-wrap;');
-
 function getTextHeight(text, width, fontFamily, fontSize, wrap) {
+    const measureBox = document.createElement("div");
+    measureBox.setAttribute(
+        "style",
+        "position: absolute !important; top: -4000px !important; height: auto !important;" +
+            "padding: 1px 3px !important; box-sizing: border-box; margin: 0 !important; border: 1px solid black !important;" +
+            "line-height: normal !important; visibility: hidden !important;" +
+            "white-space: pre-wrap;"
+    );
     let styles = {
         "baselineMarkerSize" : 0,
         "width" : (wrap === true) ? width + "px" : "auto",
@@ -27773,10 +27782,11 @@ class SpreadsheetWidget extends Widget {
         this.refresh();
         this._view.enableClipboard(true);
 
-        this._resizeHandler = function() { this.resize(); }.bind(this);
+        this._resizeHandler = this.resize.bind(this);
         window.addEventListener('resize', this._resizeHandler);
 
-        this.element.addEventListener("keydown", this._keyDown.bind(this));
+        this._keyDownHandler = this._keyDown.bind(this);
+        this.element.addEventListener("keydown", this._keyDownHandler);
     }
 
     get view() {
@@ -28187,15 +28197,14 @@ class SpreadsheetWidget extends Widget {
     }
 
     destroy() {
+        window.removeEventListener('resize', this._resizeHandler);
+        this.element.removeEventListener("keydown", this._keyDownHandler);
+
         this.unbind();
 
         this._workbook.destroy();
         this._controller.destroy();
         this._view.destroy();
-
-        if (this._resizeHandler) {
-            window.removeEventListener('resize', this._resizeHandler);
-        }
     }
 
     defineName(name, value, hidden) {

package/dist/index.js

@@ -1622,8 +1622,9 @@
            }
         }
     };
-    let HTML_CONTAINER = document.createElement("div");
+
     function insertHtml(node, html) {
+        const HTML_CONTAINER = document.createElement("div");
         HTML_CONTAINER.innerHTML = html;
         while (HTML_CONTAINER.firstChild) {
             node.appendChild(HTML_CONTAINER.firstChild);
@@ -10439,7 +10440,7 @@
         113: ':edit'
     };
 
-    let Mac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+    const Mac = () => navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 
     let isAlphaNum = function(keyCode) {
         if ((keyCode > 47 && keyCode < 58) || // number keys
@@ -10562,7 +10563,7 @@
         handleEvent(e, name) {
             let eventKey = "";
 
-            e.mod = Mac ? e.metaKey : (e.ctrlKey && !e.altKey);
+            e.mod = Mac() ? e.metaKey : (e.ctrlKey && !e.altKey);
 
             if (e.altKey) {
                 eventKey += "alt+";
@@ -10747,9 +10748,13 @@
             this.editor.bind("deactivate", this.onEditorDeactivate.bind(this));
             this.editor.bind("update", this.onEditorUpdate.bind(this));
 
-            view.scroller.addEventListener("scroll", this.onScroll.bind(this));
             this.listener = new EventListener(this.container, this, CONTAINER_EVENTS);
-            (view.scroller).addEventListener("mousedown", this.onMouseDown.bind(this));
+
+            this.scrollHandler = this.onScroll.bind(this);
+            this.mouseDownHandler = this.onMouseDown.bind(this);
+
+            view.scroller.addEventListener("scroll", this.scrollHandler);
+            view.scroller.addEventListener("mousedown", this.mouseDownHandler);
 
             this._enableEditorEvents();
 
@@ -10892,6 +10897,9 @@
         }
 
         destroy() {
+            this.view.scroller.removeEventListener("scroll", this.scrollHandler);
+            this.view.scroller.removeEventListener("mousedown", this.mouseDownHandler);
+
             this.listener.destroy();
             this._enableEditorEvents(false);
             this.keyListener.destroy();
@@ -14057,14 +14065,15 @@
         return !(/^=/.test(str)) && (/number|percent/).test(calc.parse(null, 0, 0, str).type);
     }
 
-    const measureBox = document.createElement('div');
-    measureBox.setAttribute('style',
-        'position: absolute !important; top: -4000px !important; height: auto !important;' +
-        'padding: 1px 3px !important; box-sizing: border-box; margin: 0 !important; border: 1px solid black !important;' +
-        'line-height: normal !important; visibility: hidden !important;' +
-        'white-space: pre-wrap;');
-
     function getTextHeight(text, width, fontFamily, fontSize, wrap) {
+        const measureBox = document.createElement("div");
+        measureBox.setAttribute(
+            "style",
+            "position: absolute !important; top: -4000px !important; height: auto !important;" +
+                "padding: 1px 3px !important; box-sizing: border-box; margin: 0 !important; border: 1px solid black !important;" +
+                "line-height: normal !important; visibility: hidden !important;" +
+                "white-space: pre-wrap;"
+        );
         let styles = {
             "baselineMarkerSize" : 0,
             "width" : (wrap === true) ? width + "px" : "auto",
@@ -27774,10 +27783,11 @@
             this.refresh();
             this._view.enableClipboard(true);
 
-            this._resizeHandler = function() { this.resize(); }.bind(this);
+            this._resizeHandler = this.resize.bind(this);
             window.addEventListener('resize', this._resizeHandler);
 
-            this.element.addEventListener("keydown", this._keyDown.bind(this));
+            this._keyDownHandler = this._keyDown.bind(this);
+            this.element.addEventListener("keydown", this._keyDownHandler);
         }
 
         get view() {
@@ -28188,15 +28198,14 @@
         }
 
         destroy() {
+            window.removeEventListener('resize', this._resizeHandler);
+            this.element.removeEventListener("keydown", this._keyDownHandler);
+
             this.unbind();
 
             this._workbook.destroy();
             this._controller.destroy();
             this._view.destroy();
-
-            if (this._resizeHandler) {
-                window.removeEventListener('resize', this._resizeHandler);
-            }
         }
 
         defineName(name, value, hidden) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-spreadsheet-common",
   "description": "Kendo UI platform-independent Spreadsheet library",
-  "version": "1.1.0",
+  "version": "1.1.1-develop.1",
   "keywords": [
     "Kendo UI"
   ],