handsontable 14.0.0-next-c080457-20231107 → 14.0.0-next-bfad250-20231108

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -50,7 +50,7 @@ _pluginHooks.default.getSingleton().add('modifyAutoColumnSizeSeed', function (bu
  * Checkbox renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -58,13 +58,13 @@ _pluginHooks.default.getSingleton().add('modifyAutoColumnSizeSeed', function (bu
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
+function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   const {
     rootDocument
-  } = instance;
-  const ariaEnabled = instance.getSettings().ariaTags;
-  _baseRenderer.baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  registerEvents(instance);
+  } = hotInstance;
+  const ariaEnabled = hotInstance.getSettings().ariaTags;
+  _baseRenderer.baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  registerEvents(hotInstance);
   let input = createInput(rootDocument);
   const labelOptions = cellProperties.label;
   let badValue = false;
@@ -90,14 +90,14 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
   }
   (0, _element.setAttribute)(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
   if (ariaEnabled) {
-    (0, _element.setAttribute)(input, [(0, _a11y.A11Y_LABEL)(input.checked ? instance.getTranslatedPhrase(_constants.CHECKBOX_CHECKED) : instance.getTranslatedPhrase(_constants.CHECKBOX_UNCHECKED)), (0, _a11y.A11Y_CHECKED)(input.checked), (0, _a11y.A11Y_CHECKBOX)()]);
+    (0, _element.setAttribute)(input, [(0, _a11y.A11Y_LABEL)(input.checked ? hotInstance.getTranslatedPhrase(_constants.CHECKBOX_CHECKED) : hotInstance.getTranslatedPhrase(_constants.CHECKBOX_UNCHECKED)), (0, _a11y.A11Y_CHECKED)(input.checked), (0, _a11y.A11Y_CHECKBOX)()]);
   }
   if (!badValue && labelOptions) {
     let labelText = '';
     if (labelOptions.value) {
       labelText = typeof labelOptions.value === 'function' ? labelOptions.value.call(this, row, col, prop, value) : labelOptions.value;
     } else if (labelOptions.property) {
-      const labelValue = instance.getDataAtRowProp(row, labelOptions.property);
+      const labelValue = hotInstance.getDataAtRowProp(row, labelOptions.property);
       labelText = labelValue !== null ? labelValue : '';
     }
     const label = createLabel(rootDocument, labelText, labelOptions.separated !== true);
@@ -125,8 +125,8 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
   if (badValue) {
     TD.appendChild(rootDocument.createTextNode('#bad-value#'));
   }
-  if (!isListeningKeyDownEvent.has(instance)) {
-    isListeningKeyDownEvent.set(instance, true);
+  if (!isListeningKeyDownEvent.has(hotInstance)) {
+    isListeningKeyDownEvent.set(hotInstance, true);
     registerShortcuts();
   }
 
@@ -136,7 +136,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
    * @private
    */
   function registerShortcuts() {
-    const shortcutManager = instance.getShortcutManager();
+    const shortcutManager = hotInstance.getShortcutManager();
     const gridContext = shortcutManager.getContext('grid');
     const config = {
       group: SHORTCUTS_GROUP
@@ -154,7 +154,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         return !areSelectedCheckboxCells(); // False blocks next action associated with the keyboard shortcut.
       },
 
-      runOnlyIf: () => instance.getSettings().enterBeginsEditing
+      runOnlyIf: () => hotInstance.getSettings().enterBeginsEditing
     }, {
       keys: [['delete'], ['backspace']],
       callback: () => {
@@ -175,7 +175,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
    */
   function changeSelectedCheckboxesState() {
     let uncheckCheckbox = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const selRange = instance.getSelectedRange();
+    const selRange = hotInstance.getSelectedRange();
     if (!selRange) {
       return;
     }
@@ -191,7 +191,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
       const changes = [];
       for (let visualRow = startRow; visualRow <= endRow; visualRow += 1) {
         for (let visualColumn = startColumn; visualColumn <= endColumn; visualColumn += 1) {
-          const cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
+          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
           if (cachedCellProperties.type !== 'checkbox') {
             return;
           }
@@ -206,12 +206,12 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
           if (typeof cachedCellProperties.uncheckedTemplate === 'undefined') {
             cachedCellProperties.uncheckedTemplate = false;
           }
-          const dataAtCell = instance.getDataAtCell(visualRow, visualColumn);
+          const dataAtCell = hotInstance.getDataAtCell(visualRow, visualColumn);
           if (uncheckCheckbox === false) {
             if ([cachedCellProperties.checkedTemplate, cachedCellProperties.checkedTemplate.toString()].includes(dataAtCell)) {
               // eslint-disable-line max-len
               changes.push([visualRow, visualColumn, cachedCellProperties.uncheckedTemplate]);
-            } else if ([cachedCellProperties.uncheckedTemplate, cachedCellProperties.uncheckedTemplate.toString(), null, void 0].includes(dataAtCell)) {
+            } else if ([cachedCellProperties.uncheckedTemplate, cachedCellProperties.uncheckedTemplate.toString(), null, undefined].includes(dataAtCell)) {
               // eslint-disable-line max-len
               changes.push([visualRow, visualColumn, cachedCellProperties.checkedTemplate]);
             }
@@ -221,7 +221,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         }
       }
       if (changes.length > 0) {
-        instance.setDataAtCell(changes);
+        hotInstance.setDataAtCell(changes);
       }
     }
   }
@@ -233,7 +233,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
    * @private
    */
   function areSelectedCheckboxCells() {
-    const selRange = instance.getSelectedRange();
+    const selRange = hotInstance.getSelectedRange();
     if (!selRange) {
       return;
     }
@@ -242,12 +242,12 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
       const bottomRight = selRange[key].getBottomEndCorner();
       for (let visualRow = topLeft.row; visualRow <= bottomRight.row; visualRow++) {
         for (let visualColumn = topLeft.col; visualColumn <= bottomRight.col; visualColumn++) {
-          const cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
+          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
           if (cachedCellProperties.type !== 'checkbox') {
             return false;
           }
-          const cell = instance.getCell(visualRow, visualColumn);
-          if (cell === null || cell === void 0) {
+          const cell = hotInstance.getCell(visualRow, visualColumn);
+          if (cell === null || cell === undefined) {
             return true;
           } else {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
@@ -381,9 +381,9 @@ function onChange(event, instance) {
   if (!cellProperties.readOnly) {
     let newCheckboxValue = null;
     if (event.target.checked) {
-      newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? true : cellProperties.checkedTemplate;
+      newCheckboxValue = cellProperties.uncheckedTemplate === undefined ? true : cellProperties.checkedTemplate;
     } else {
-      newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? false : cellProperties.uncheckedTemplate;
+      newCheckboxValue = cellProperties.uncheckedTemplate === undefined ? false : cellProperties.uncheckedTemplate;
     }
     instance.setDataAtCell(row, col, newCheckboxValue);
   }

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -45,7 +45,7 @@ Hooks.getSingleton().add('modifyAutoColumnSizeSeed', function (bundleSeed, cellM
  * Checkbox renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -53,13 +53,13 @@ Hooks.getSingleton().add('modifyAutoColumnSizeSeed', function (bundleSeed, cellM
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
+export function checkboxRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   const {
     rootDocument
-  } = instance;
-  const ariaEnabled = instance.getSettings().ariaTags;
-  baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  registerEvents(instance);
+  } = hotInstance;
+  const ariaEnabled = hotInstance.getSettings().ariaTags;
+  baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  registerEvents(hotInstance);
   let input = createInput(rootDocument);
   const labelOptions = cellProperties.label;
   let badValue = false;
@@ -85,14 +85,14 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
   }
   setAttribute(input, [[ATTR_ROW, row], [ATTR_COLUMN, col]]);
   if (ariaEnabled) {
-    setAttribute(input, [A11Y_LABEL(input.checked ? instance.getTranslatedPhrase(CHECKBOX_CHECKED) : instance.getTranslatedPhrase(CHECKBOX_UNCHECKED)), A11Y_CHECKED(input.checked), A11Y_CHECKBOX()]);
+    setAttribute(input, [A11Y_LABEL(input.checked ? hotInstance.getTranslatedPhrase(CHECKBOX_CHECKED) : hotInstance.getTranslatedPhrase(CHECKBOX_UNCHECKED)), A11Y_CHECKED(input.checked), A11Y_CHECKBOX()]);
   }
   if (!badValue && labelOptions) {
     let labelText = '';
     if (labelOptions.value) {
       labelText = typeof labelOptions.value === 'function' ? labelOptions.value.call(this, row, col, prop, value) : labelOptions.value;
     } else if (labelOptions.property) {
-      const labelValue = instance.getDataAtRowProp(row, labelOptions.property);
+      const labelValue = hotInstance.getDataAtRowProp(row, labelOptions.property);
       labelText = labelValue !== null ? labelValue : '';
     }
     const label = createLabel(rootDocument, labelText, labelOptions.separated !== true);
@@ -120,8 +120,8 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
   if (badValue) {
     TD.appendChild(rootDocument.createTextNode('#bad-value#'));
   }
-  if (!isListeningKeyDownEvent.has(instance)) {
-    isListeningKeyDownEvent.set(instance, true);
+  if (!isListeningKeyDownEvent.has(hotInstance)) {
+    isListeningKeyDownEvent.set(hotInstance, true);
     registerShortcuts();
   }
 
@@ -131,7 +131,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
    * @private
    */
   function registerShortcuts() {
-    const shortcutManager = instance.getShortcutManager();
+    const shortcutManager = hotInstance.getShortcutManager();
     const gridContext = shortcutManager.getContext('grid');
     const config = {
       group: SHORTCUTS_GROUP
@@ -149,7 +149,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
         return !areSelectedCheckboxCells(); // False blocks next action associated with the keyboard shortcut.
       },
 
-      runOnlyIf: () => instance.getSettings().enterBeginsEditing
+      runOnlyIf: () => hotInstance.getSettings().enterBeginsEditing
     }, {
       keys: [['delete'], ['backspace']],
       callback: () => {
@@ -170,7 +170,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
    */
   function changeSelectedCheckboxesState() {
     let uncheckCheckbox = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const selRange = instance.getSelectedRange();
+    const selRange = hotInstance.getSelectedRange();
     if (!selRange) {
       return;
     }
@@ -186,7 +186,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
       const changes = [];
       for (let visualRow = startRow; visualRow <= endRow; visualRow += 1) {
         for (let visualColumn = startColumn; visualColumn <= endColumn; visualColumn += 1) {
-          const cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
+          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
           if (cachedCellProperties.type !== 'checkbox') {
             return;
           }
@@ -201,12 +201,12 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
           if (typeof cachedCellProperties.uncheckedTemplate === 'undefined') {
             cachedCellProperties.uncheckedTemplate = false;
           }
-          const dataAtCell = instance.getDataAtCell(visualRow, visualColumn);
+          const dataAtCell = hotInstance.getDataAtCell(visualRow, visualColumn);
           if (uncheckCheckbox === false) {
             if ([cachedCellProperties.checkedTemplate, cachedCellProperties.checkedTemplate.toString()].includes(dataAtCell)) {
               // eslint-disable-line max-len
               changes.push([visualRow, visualColumn, cachedCellProperties.uncheckedTemplate]);
-            } else if ([cachedCellProperties.uncheckedTemplate, cachedCellProperties.uncheckedTemplate.toString(), null, void 0].includes(dataAtCell)) {
+            } else if ([cachedCellProperties.uncheckedTemplate, cachedCellProperties.uncheckedTemplate.toString(), null, undefined].includes(dataAtCell)) {
               // eslint-disable-line max-len
               changes.push([visualRow, visualColumn, cachedCellProperties.checkedTemplate]);
             }
@@ -216,7 +216,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
         }
       }
       if (changes.length > 0) {
-        instance.setDataAtCell(changes);
+        hotInstance.setDataAtCell(changes);
       }
     }
   }
@@ -228,7 +228,7 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
    * @private
    */
   function areSelectedCheckboxCells() {
-    const selRange = instance.getSelectedRange();
+    const selRange = hotInstance.getSelectedRange();
     if (!selRange) {
       return;
     }
@@ -237,12 +237,12 @@ export function checkboxRenderer(instance, TD, row, col, prop, value, cellProper
       const bottomRight = selRange[key].getBottomEndCorner();
       for (let visualRow = topLeft.row; visualRow <= bottomRight.row; visualRow++) {
         for (let visualColumn = topLeft.col; visualColumn <= bottomRight.col; visualColumn++) {
-          const cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
+          const cachedCellProperties = hotInstance.getCellMeta(visualRow, visualColumn);
           if (cachedCellProperties.type !== 'checkbox') {
             return false;
           }
-          const cell = instance.getCell(visualRow, visualColumn);
-          if (cell === null || cell === void 0) {
+          const cell = hotInstance.getCell(visualRow, visualColumn);
+          if (cell === null || cell === undefined) {
             return true;
           } else {
             const checkboxes = cell.querySelectorAll('input[type=checkbox]');
@@ -376,9 +376,9 @@ function onChange(event, instance) {
   if (!cellProperties.readOnly) {
     let newCheckboxValue = null;
     if (event.target.checked) {
-      newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? true : cellProperties.checkedTemplate;
+      newCheckboxValue = cellProperties.uncheckedTemplate === undefined ? true : cellProperties.checkedTemplate;
     } else {
-      newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? false : cellProperties.uncheckedTemplate;
+      newCheckboxValue = cellProperties.uncheckedTemplate === undefined ? false : cellProperties.uncheckedTemplate;
     }
     instance.setDataAtCell(row, col, newCheckboxValue);
   }

package/renderers/dateRenderer/dateRenderer.js

@@ -11,7 +11,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'date';
  * Handsontable renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -19,9 +19,9 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'date';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+function dateRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('dialog'), (0, _a11y.A11Y_EXPANDED)('false')]);
   }
 }

package/renderers/dateRenderer/dateRenderer.mjs

@@ -7,7 +7,7 @@ export const RENDERER_TYPE = 'date';
  * Handsontable renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -15,9 +15,9 @@ export const RENDERER_TYPE = 'date';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function dateRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+export function dateRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     setAttribute(TD, [A11Y_HASPOPUP('dialog'), A11Y_EXPANDED('false')]);
   }
 }

package/renderers/handsontableRenderer/handsontableRenderer.js

@@ -11,7 +11,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'handsontable';
  * Handsontable renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -19,9 +19,9 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'handsontable';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _autocompleteRenderer.autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+function handsontableRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _autocompleteRenderer.autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     (0, _element.setAttribute)(TD, [(0, _a11y.A11Y_HASPOPUP)('true'), (0, _a11y.A11Y_EXPANDED)('false')]);
   }
 }

package/renderers/handsontableRenderer/handsontableRenderer.mjs

@@ -7,7 +7,7 @@ export const RENDERER_TYPE = 'handsontable';
  * Handsontable renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -15,9 +15,9 @@ export const RENDERER_TYPE = 'handsontable';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function handsontableRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  autocompleteRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+export function handsontableRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  autocompleteRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     setAttribute(TD, [A11Y_HASPOPUP('true'), A11Y_EXPANDED('false')]);
   }
 }

package/renderers/htmlRenderer/htmlRenderer.js

@@ -8,7 +8,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'html';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -16,8 +16,8 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'html';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function htmlRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _baseRenderer.baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  (0, _element.fastInnerHTML)(TD, value === null || value === void 0 ? '' : value, false);
+function htmlRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _baseRenderer.baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  (0, _element.fastInnerHTML)(TD, value === null || value === undefined ? '' : value, false);
 }
 htmlRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/htmlRenderer/htmlRenderer.mjs

@@ -4,7 +4,7 @@ export const RENDERER_TYPE = 'html';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -12,8 +12,8 @@ export const RENDERER_TYPE = 'html';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function htmlRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  fastInnerHTML(TD, value === null || value === void 0 ? '' : value, false);
+export function htmlRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  fastInnerHTML(TD, value === null || value === undefined ? '' : value, false);
 }
 htmlRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/numericRenderer/numericRenderer.js

@@ -13,7 +13,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'numeric';
  * Numeric cell renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -21,7 +21,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'numeric';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function numericRenderer(instance, TD, row, col, prop, value, cellProperties) {
+function numericRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   let newValue = value;
   if ((0, _number.isNumeric)(newValue)) {
     const numericFormat = cellProperties.numericFormat;
@@ -47,6 +47,6 @@ function numericRenderer(instance, TD, row, col, prop, value, cellProperties) {
     cellProperties.className = classArr.join(' ');
     TD.dir = 'ltr';
   }
-  (0, _textRenderer.textRenderer)(instance, TD, row, col, prop, newValue, cellProperties);
+  (0, _textRenderer.textRenderer)(hotInstance, TD, row, col, prop, newValue, cellProperties);
 }
 numericRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/numericRenderer/numericRenderer.mjs

@@ -8,7 +8,7 @@ export const RENDERER_TYPE = 'numeric';
  * Numeric cell renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -16,7 +16,7 @@ export const RENDERER_TYPE = 'numeric';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function numericRenderer(instance, TD, row, col, prop, value, cellProperties) {
+export function numericRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
   let newValue = value;
   if (isNumeric(newValue)) {
     const numericFormat = cellProperties.numericFormat;
@@ -42,6 +42,6 @@ export function numericRenderer(instance, TD, row, col, prop, value, cellPropert
     cellProperties.className = classArr.join(' ');
     TD.dir = 'ltr';
   }
-  textRenderer(instance, TD, row, col, prop, newValue, cellProperties);
+  textRenderer(hotInstance, TD, row, col, prop, newValue, cellProperties);
 }
 numericRenderer.RENDERER_TYPE = RENDERER_TYPE;

package/renderers/passwordRenderer/passwordRenderer.js

@@ -9,7 +9,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'password';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -17,8 +17,8 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'password';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function passwordRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _textRenderer.textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+function passwordRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _textRenderer.textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
   const hashLength = cellProperties.hashLength || TD.innerHTML.length;
   const hashSymbol = cellProperties.hashSymbol || '*';
   let hash = '';

package/renderers/passwordRenderer/passwordRenderer.mjs

@@ -5,7 +5,7 @@ export const RENDERER_TYPE = 'password';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -13,8 +13,8 @@ export const RENDERER_TYPE = 'password';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function passwordRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+export function passwordRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
   const hashLength = cellProperties.hashLength || TD.innerHTML.length;
   const hashSymbol = cellProperties.hashSymbol || '*';
   let hash = '';

package/renderers/selectRenderer/selectRenderer.js

@@ -9,7 +9,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'select';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -17,9 +17,9 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'select';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function selectRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _textRenderer.textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+function selectRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _textRenderer.textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     (0, _element.setAttribute)(TD, ...(0, _a11y.A11Y_HASPOPUP)('listbox'));
   }
 }

package/renderers/selectRenderer/selectRenderer.mjs

@@ -5,7 +5,7 @@ export const RENDERER_TYPE = 'select';
 
 /**
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -13,9 +13,9 @@ export const RENDERER_TYPE = 'select';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function selectRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  textRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-  if (instance.getSettings().ariaTags) {
+export function selectRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  textRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
+  if (hotInstance.getSettings().ariaTags) {
     setAttribute(TD, ...A11Y_HASPOPUP('listbox'));
   }
 }

package/renderers/textRenderer/textRenderer.js

@@ -11,7 +11,7 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'text';
  * Default text renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -19,8 +19,8 @@ const RENDERER_TYPE = exports.RENDERER_TYPE = 'text';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-function textRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  _baseRenderer.baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+function textRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  _baseRenderer.baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
   let escaped = value;
   if (!escaped && cellProperties.placeholder) {
     escaped = cellProperties.placeholder;
@@ -31,11 +31,11 @@ function textRenderer(instance, TD, row, col, prop, value, cellProperties) {
   }
   if (cellProperties.rendererTemplate) {
     (0, _element.empty)(TD);
-    const TEMPLATE = instance.rootDocument.createElement('TEMPLATE');
+    const TEMPLATE = hotInstance.rootDocument.createElement('TEMPLATE');
     TEMPLATE.setAttribute('bind', '{{}}');
     TEMPLATE.innerHTML = cellProperties.rendererTemplate;
     HTMLTemplateElement.decorate(TEMPLATE);
-    TEMPLATE.model = instance.getSourceDataAtRow(row);
+    TEMPLATE.model = hotInstance.getSourceDataAtRow(row);
     TD.appendChild(TEMPLATE);
   } else {
     // this is faster than innerHTML. See: https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips

package/renderers/textRenderer/textRenderer.mjs

@@ -7,7 +7,7 @@ export const RENDERER_TYPE = 'text';
  * Default text renderer.
  *
  * @private
- * @param {Core} instance The Handsontable instance.
+ * @param {Core} hotInstance The Handsontable instance.
  * @param {HTMLTableCellElement} TD The rendered cell element.
  * @param {number} row The visual row index.
  * @param {number} col The visual column index.
@@ -15,8 +15,8 @@ export const RENDERER_TYPE = 'text';
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-export function textRenderer(instance, TD, row, col, prop, value, cellProperties) {
-  baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
+export function textRenderer(hotInstance, TD, row, col, prop, value, cellProperties) {
+  baseRenderer.apply(this, [hotInstance, TD, row, col, prop, value, cellProperties]);
   let escaped = value;
   if (!escaped && cellProperties.placeholder) {
     escaped = cellProperties.placeholder;
@@ -27,11 +27,11 @@ export function textRenderer(instance, TD, row, col, prop, value, cellProperties
   }
   if (cellProperties.rendererTemplate) {
     empty(TD);
-    const TEMPLATE = instance.rootDocument.createElement('TEMPLATE');
+    const TEMPLATE = hotInstance.rootDocument.createElement('TEMPLATE');
     TEMPLATE.setAttribute('bind', '{{}}');
     TEMPLATE.innerHTML = cellProperties.rendererTemplate;
     HTMLTemplateElement.decorate(TEMPLATE);
-    TEMPLATE.model = instance.getSourceDataAtRow(row);
+    TEMPLATE.model = hotInstance.getSourceDataAtRow(row);
     TD.appendChild(TEMPLATE);
   } else {
     // this is faster than innerHTML. See: https://github.com/handsontable/handsontable/wiki/JavaScript-&-DOM-performance-tips