@progress/kendo-spreadsheet-common 1.1.3-develop.3 → 1.2.0-develop.2

package/dist/index.js

@@ -1065,13 +1065,18 @@
         PAGEDOWN: 34,
         F2: 113,
         F10: 121,
+        F11: 122,
         F12: 123,
         NUMPAD_PLUS: 107,
         NUMPAD_MINUS: 109,
         NUMPAD_DOT: 110,
         B: 66,
         I: 73,
-        U: 85
+        U: 85,
+        N: 78,
+        H: 72,
+        A: 65,
+        R: 82
     };
 
     /* eslint-disable no-nested-ternary */
@@ -1214,7 +1219,6 @@
         let property,
             propValue,
             propType,
-            propInit,
             destProp;
 
         for (property in source) {
@@ -1225,29 +1229,18 @@
             propValue = source[property];
             propType = typeof propValue;
 
-            if (propType === 'object' && propValue !== null) {
-                propInit = propValue.constructor;
-            } else {
-                propInit = null;
-            }
-
-            if (propInit &&
-                propInit !== Array && propInit !== RegExp &&
-                (!isFunction(window.ArrayBuffer) || propInit !== ArrayBuffer) && !(propValue instanceof HTMLElement)) {
-
-                if (propValue instanceof Date) {
-                    destination[property] = new Date(propValue.getTime());
-                } else if (isFunction(propValue.clone)) {
-                    destination[property] = propValue.clone();
-                } else {
-                    destProp = destination[property];
-                    if (typeof (destProp) === 'object') {
-                        destination[property] = destProp || {};
-                    } else {
-                        destination[property] = {};
-                    }
-                    deepExtendOne(destination[property], propValue);
+            if (propValue instanceof Date) {
+                destination[property] = new Date(propValue.getTime());
+            } else if (isFunction(propValue?.clone)) {
+                destination[property] = propValue.clone();
+            } else if (propType === 'object' && propValue !== null && isPlainObject(propValue)) {
+                // Check if the property is a plain object before attempting to merge deeply
+                destProp = destination[property];
+                if (typeof destProp !== 'object' || destProp === null) {
+                    destination[property] = {};
                 }
+
+                deepExtendOne(destination[property], propValue);
             } else if (propType !== 'undefined') {
                 destination[property] = propValue;
             }
@@ -1299,13 +1292,6 @@
         return result;
     };
 
-    const createFragment = function(content) {
-        const template = document.createElement('template');
-        template.innerHTML = content;
-
-        return template.content;
-    };
-
     function toCamelCase(str) {
         return str.replace(/\-(\w)/g, function(strMatch, g1) {
             return g1.toUpperCase();
@@ -1369,6 +1355,14 @@
     const isString = (value) => typeof value === "string";
     const isNumeric = (value) => !isNaN(value - parseFloat(value));
     const isFunction = (fn) => typeof fn === "function";
+    const isPlainObject = function(obj) {
+        if (!obj || toString.call(obj) !== "[object Object]") {
+            return false;
+        }
+
+        const proto = Object.getPrototypeOf(obj);
+        return proto === null || proto.constructor === Object;
+    };
 
     class CalcError {
 
@@ -1407,6 +1401,9 @@
     }
 
     /* eslint-disable max-params */
+    /* eslint-disable complexity */
+    /* eslint-disable no-unused-vars */
+
 
     let calc = {
         runtime: {
@@ -2942,7 +2939,7 @@
     }
     Element.prototype = new Node();
     Element.prototype.appendTo = function(parent) {
-        let node = document.createElement(this.nodeName);
+        let node = typeof(this.nodeName) === "string" ? document.createElement(this.nodeName) : this.nodeName;
         let children = this.children;
         for (let index = 0; index < children.length; index++) {
             children[index].render(node, NULL_NODE);
@@ -3163,6 +3160,7 @@
 
     //--------------------------------------------------- custom number format.
 
+
     let RX_COLORS = /^\[(black|green|white|blue|magenta|yellow|cyan|red)\]/i;
     let RX_CONDITION = /^\[(<=|>=|<>|<|>|=)(-?[0-9.]+)\]/;
 
@@ -4128,6 +4126,28 @@
     };
 
     /* eslint-disable no-nested-ternary */
+    /* eslint-disable space-infix-ops */
+    /* eslint-disable indent */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable max-params */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable key-spacing */
+    /* eslint-disable default-case */
+    /* eslint-disable camelcase */
+    /* eslint-disable brace-style */
+    /* eslint-disable no-else-return */
+    /* eslint-disable no-constant-condition */
+    /* eslint-disable no-param-reassign */
+    /* eslint-disable space-before-blocks */
+    /* eslint-disable no-unused-labels */
+
 
     const kendo = createKendoObj(calc, CalcError, Ref, CellRef, RangeRef);
     calc.kendo = kendo; // XXX
@@ -5933,6 +5953,12 @@
     }
 
     /* eslint-disable default-case */
+    /* eslint-disable no-else-return */
+    /* eslint-disable key-spacing */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable brace-style */
+    /* eslint-disable consistent-return */
+
 
     let alphaNumRegExp = /:alphanum$/;
 
@@ -6558,6 +6584,7 @@
             this._workbook.trigger("contextmenu", {
                 objectRef: object.ref,
                 targetType: object.type,
+                isComposite,
                 showUnhide,
                 showUnmerge,
                 originalEvent: event
@@ -7072,7 +7099,7 @@
                 this.clipboardElement.focus();
                 this.navigator.navigateInSelection(ENTRY_ACTIONS[action]);
             }
-            
+
             if (action === 'tab') {
                 e.preventDefault();
             }
@@ -7775,6 +7802,9 @@
     }
 
     /* eslint-disable default-case */
+    /* eslint-disable camelcase */
+    /* eslint-disable no-param-reassign */
+
 
     class Property {
         constructor(list) {
@@ -8098,6 +8128,10 @@
     }, [ "borderTop", "borderRight", "borderBottom", "borderLeft" ]);
 
     /* eslint-disable no-param-reassign */
+    /* eslint-disable no-useless-call */
+    /* eslint-disable camelcase */
+    /* eslint-disable default-case */
+
 
     let TRANSPOSE_FORMAT = "_matrix({0})";
     let DATE_FORMAT = 'DATEVALUE("{0}")';
@@ -8429,6 +8463,28 @@
     validationExport.Validation = Validation;
 
     /* eslint-disable no-nested-ternary */
+    /* eslint-disable curly */
+    /* eslint-disable space-infix-ops */
+    /* eslint-disable indent */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable max-params */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable key-spacing */
+    /* eslint-disable default-case */
+    /* eslint-disable camelcase */
+    /* eslint-disable brace-style */
+    /* eslint-disable no-else-return */
+    /* eslint-disable no-constant-condition */
+    /* eslint-disable no-param-reassign */
+    /* eslint-disable space-before-blocks */
+
     const { measureText } = kendoDrawing.drawing.util;
 
     let PROPERTIES = [
@@ -10488,6 +10544,7 @@
     }
 
     /* eslint-disable no-param-reassign */
+    /* eslint-disable camelcase */
 
     class Rectangle {
         constructor(left, top, width, height) {
@@ -10875,6 +10932,9 @@
     };
 
     /* eslint-disable no-constant-condition */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-param-reassign */
+
 
     class AxisManager {
         constructor(sheet) {
@@ -11185,6 +11245,21 @@
     }
 
     /* eslint-disable max-params */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable brace-style */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-else-return */
+    /* eslint-disable default-case */
+    /* eslint-disable no-param-reassign */
+
 
     class EdgeNavigator {
         constructor(field, axis, rangeGetter, union) {
@@ -11859,16 +11934,41 @@
     }
 
     /* eslint-disable max-params */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable brace-style */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-else-return */
+    /* eslint-disable default-case */
+    /* eslint-disable no-param-reassign */
+
 
     function numberToDate(val) {
         return val == null ? null : calc.runtime.serialToDate(val);
     }
 
-    var identity = function(o) { return o; };
+    function dateToNumber(val) {
+        return val == null ? null : calc.runtime.dateToSerial(val);
+    }
+
+    var identity = function (o) { return o; };
 
     class SheetDataSourceBinder {
         constructor(options) {
-            this.options = Object.assign({ columns: [] }, this.options, options);
+            this.options = Object.assign({ columns: [] }, this.options,
+                // skip undefined properties in options
+                Object.keys(options).reduce((acc, key) => {
+                    if (options[key] !== undefined) acc[key] = options[key];
+                    return acc;
+                }, {})
+            );
 
             this.columns = this._normalizeColumns(this.options.columns);
 
@@ -11912,9 +12012,9 @@
         }
 
         _header() {
-            this.sheet.batch(function() {
-                this.columns.forEach(function(column, index) {
-                    this.sheet.range(0,index).value(column.title);
+            this.sheet.batch(function () {
+                this.columns.forEach(function (column, index) {
+                    this.sheet.range(0, index).value(column.title);
                 }.bind(this));
             }.bind(this));
         }
@@ -11932,7 +12032,7 @@
                 var values = [];
                 var sheet = this.sheet;
                 var fields, getters, normalizedRef, i, rangeRef, normalizedRefs;
-                var setValues = function(ref) {
+                var setValues = function (ref) {
                     ref = ref.toRangeRef();
                     var record;
                     var valueIndex = 0;
@@ -11961,7 +12061,7 @@
                     columns = Object.keys(data[0].toJSON());
                 }
 
-                getters = columns.map(function(column) {
+                getters = columns.map(function (column) {
                     var field = column.field;
                     if (field && fields && fields[field] && fields[field].type === "date") {
                         return numberToDate;
@@ -11978,7 +12078,7 @@
 
                 normalizedRefs = normalizedRef.refs;
 
-                normalizedRefs.forEach(function(ref) {
+                normalizedRefs.forEach(function (ref) {
                     values.push(sheet.range(ref).values());
                 });
 
@@ -11994,7 +12094,7 @@
         }
 
         _normalizeColumns(columns) {
-            return columns.map(function(column) {
+            return columns.map(function (column) {
                 var field = column.field || column;
                 return {
                     field: field,
@@ -12006,23 +12106,23 @@
         _dataSource() {
             var options = this.options;
             var dataSource = options.dataSource;
-            this.dataSource = { data: dataSource };
-            // dataSource = Array.isArray(dataSource) ? { data: dataSource } : dataSource;
-
-            // if (this.dataSource && this._changeHandler) {
-            //     this.dataSource.unbind("change", this._changeHandler)
-            //         .unbind("progress", this._progressHandler)
-            //         .unbind("error", this._errorHandler);
-            // } else {
-            //     this._changeHandler = this._change.bind(this);
-            //     this._progressHandler = this._requestStart.bind(this);
-            //     this._errorHandler = this._error.bind(this);
-            // }
 
-            // this.dataSource = kendo.data.DataSource.create(dataSource)
-            //     .bind("change", this._changeHandler)
-            //     .bind("progress", this._progressHandler)
-            //     .bind("error", this._errorHandler);
+            dataSource = Array.isArray(dataSource) ? { data: dataSource } : dataSource;
+
+            if (this.dataSource && this._changeHandler) {
+                this.dataSource.unbind("change", this._changeHandler)
+                    .unbind("progress", this._progressHandler)
+                    .unbind("error", this._errorHandler);
+            } else {
+                this._changeHandler = this._change.bind(this);
+                this._progressHandler = this._requestStart.bind(this);
+                this._errorHandler = this._error.bind(this);
+            }
+
+            this.dataSource = this.options.sheet.createSheetDataSource?.(dataSource)
+                .bind("change", this._changeHandler)
+                .bind("progress", this._progressHandler)
+                .bind("error", this._errorHandler);
         }
 
         _error() {
@@ -12056,11 +12156,11 @@
                 this._header();
             }
 
-            var getters = columns.map(function(column) {
+            var getters = columns.map(function (column) {
                 return getter(column.field);
             });
 
-            this.sheet.batch(function() {
+            this.sheet.batch(function () {
                 var length = Math.max(data.length, this._boundRowsCount, this.sheet._grid.rowCount - 1);
 
                 for (var idx = 0; idx < length; idx++) {
@@ -12110,6 +12210,10 @@
     })();
 
     /* eslint-disable no-var */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable no-param-reassign */
+    /* eslint-disable no-loop-func */
+
 
     const logic = {
         or: {
@@ -12239,6 +12343,21 @@
     };
 
     /* eslint-disable max-params */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable brace-style */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-else-return */
+    /* eslint-disable default-case */
+    /* eslint-disable no-param-reassign */
+
 
     let filtersObj = {};
     const dateToSerial$1 = calc.runtime.dateToSerial;
@@ -12689,6 +12808,21 @@
     }
 
     /* eslint-disable max-params */
+    /* eslint-disable no-empty */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable consistent-return */
+    /* eslint-disable block-scoped-var */
+    /* eslint-disable no-redeclare */
+    /* eslint-disable no-var */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable complexity */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable brace-style */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-else-return */
+    /* eslint-disable default-case */
+    /* eslint-disable no-param-reassign */
+
 
     // This is a “dynamic variable” (see Greenspun's 10th rule).  It's
     // bound to an array via sheet._saveModifiedFormulas (which see)
@@ -12830,6 +12964,12 @@
         }
     }
 
+    let EDITORS = {};
+
+    function registerEditor(name, editor) {
+        EDITORS[name] = editor;
+    }
+
     class Sheet extends Observable {
         constructor() {
             super();
@@ -12851,10 +12991,35 @@
                 "dataBound",
                 "progress"
             ];
+
+            this.createSheetDataSource = Array.from(arguments).pop();
+
             this._reinit.apply(this, arguments);
         }
 
-        activeCellCustomEditor() {}
+        activeCellCustomEditor() {
+            let cell = this.activeCell().first();
+
+            if (this.range(cell).enable()) {
+                let val = this.validation(cell);
+                let key = this._properties.get("editor", this._grid.cellRefIndex(cell));
+                let editor;
+
+                if (key != null) {
+                    editor = EDITORS[key];
+                }
+                else if (val && val.showButton) {
+                    key = "_validation_" + val.dataType;
+                    editor = EDITORS[key];
+                }
+
+                if (typeof editor == "function") {
+                    editor = EDITORS[key] = editor();
+                }
+
+                return editor;
+            }
+        }
 
         _reinit(rowCount, columnCount, rowHeight, columnWidth, headerHeight, headerWidth, defaultCellStyle) {
             defaultCellStyle = defaultCellStyle || {};
@@ -13056,7 +13221,8 @@
             this.dataSourceBinder = new SheetDataSourceBinder({
                 dataSource: dataSource,
                 sheet: this,
-                columns: columns
+                columns: columns,
+                createSheetDataSource: this.createSheetDataSource
             });
 
             this.dataSource = this.dataSourceBinder.dataSource;
@@ -14861,6 +15027,13 @@
     }
 
     /* eslint-disable no-nested-ternary */
+    /* eslint-disable default-case */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable no-else-return */
+    /* eslint-disable key-spacing */
+    /* eslint-disable eqeqeq */
+    /* eslint-disable no-param-reassign */
+
 
     let GUIDELINE_WIDTH = 0.8;
 
@@ -15502,7 +15675,7 @@
         }
         if (vtrans < 0) { vtrans = 0; }
 
-        let textGroup = kendoDrawing.drawDOM.drawText(CONT);
+        let textGroup = kendoDrawing.drawText(CONT);
         textGroup.transform(kendoDrawing.geometry.Matrix.translate(cell.left, cell.top + vtrans));
         group.append(textGroup);
     }
@@ -15905,7 +16078,7 @@
         horizontalResize: "k-horizontal-resize",
         verticalResize: "k-vertical-resize",
         icon: "k-icon",
-        iconFilterDefault: "k-i-arrow-60-down",
+        iconFilterDefault: "k-i-caret-alt-down",
         sheetsBar: "k-spreadsheet-sheets-bar",
         sheetsBarActive: "k-spreadsheet-sheets-bar-active",
         sheetsBarInactive: "k-spreadsheet-sheets-bar-inactive",
@@ -15956,6 +16129,7 @@
 
     /* eslint-disable complexity */
 
+
     function cellBorder(value) {
         return (value.size || 1) + "px solid " + (value.color || "#000");
     }
@@ -16167,9 +16341,10 @@
     }
 
     class Pane {
-        constructor(sheet, grid) {
+        constructor(sheet, grid, getIconHTMLString) {
             this._sheet = sheet;
             this._grid = grid;
+            this.getIconHTMLString = getIconHTMLString;
         }
 
         refresh(width, height) {
@@ -16525,18 +16700,23 @@
             );
         }
 
+        icon(className) {
+            if (typeof this.getIconHTMLString === "function") {
+                return dom.element(this.getIconHTMLString(className));
+            }
+
+            return dom.element("span", {
+                className: viewClassNames.icon + " " + className
+            });
+        }
+
         renderFilterHeaders() {
+            let pane = this;
             let sheet = this._sheet;
             let children = [];
             let classNames = viewClassNames;
             let filter = sheet.filter();
 
-            function icon(className) {
-                return dom.element("span", {
-                    className: classNames.icon + " " + className
-                });
-            }
-
             function filterButton(classNames, position, index) {
                 let style = {
                     left: position.left + "px",
@@ -16554,7 +16734,7 @@
                 let button = dom.element(
                     "span",
                     { className: classes, style: style },
-                    [ icon(classNames.iconFilterDefault) ]
+                    [ pane.icon(classNames.iconFilterDefault) ]
                 );
 
                 return button;
@@ -16711,11 +16891,11 @@
                             height : cell.height + "px"
                         }
                     });
+
                     if (ed.icon) {
-                        btn.children.push(dom.element("span", {
-                            className: "k-icon " + ed.icon
-                        }));
+                        btn.children.push(self.icon(ed.icon));
                     }
+
                     collection.push(btn);
                 });
             }
@@ -16790,6 +16970,11 @@
     }
 
     /* eslint-disable no-unused-vars */
+    /* eslint-disable no-param-reassign */
+    /* eslint-disable no-else-return */
+    /* eslint-disable no-multi-spaces */
+    /* eslint-disable no-nested-ternary */
+
 
     let styles = [
         "font-family",
@@ -17121,8 +17306,9 @@
                     return true;
                 }
                 if (key === keys.ENTER || key === keys.TAB) {
-                    if (list.data()[list.focus()]) {
-                        this._formulaListChange(list.data()[list.focus()].value);
+                    let focusIndex = typeof list.focusIndex === "function" ? list.focusIndex() : list.focus();
+                    if (list.data()[focusIndex]) {
+                        this._formulaListChange(list.data()[focusIndex].value);
                     }
 
                     popup.close();
@@ -17650,6 +17836,13 @@
     }
 
     /* eslint-disable complexity */
+    /* eslint-disable consistent-return */
+    /* eslint-disable default-case */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable no-nested-ternary */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-param-reassign */
+
 
     function selectElementContents(el) {
         let sel = window.getSelection();
@@ -17753,7 +17946,7 @@
                     break;
                 case "boolean":
                     style.textAlign = "center";
-                break;
+                    break;
             }
         }
 
@@ -17844,7 +18037,7 @@
                 text = dom.text(text);
             }
 
-            let children = [ text ];
+            let children = [text];
 
             if (validation && !validation.value) {
                 children.push(dom.element("span", { className: "k-dirty" }));
@@ -17863,14 +18056,14 @@
         }
 
         toDomTree(x, y, className) {
-            this.trs = this.trs.filter(function(tr) {
+            this.trs = this.trs.filter(function (tr) {
                 return tr.visible;
             });
 
             let offset = 0;
-            this.cols = this.cols.filter(function(col, ci) {
+            this.cols = this.cols.filter(function (col, ci) {
                 if (!col.visible) {
-                    this.trs.forEach(function(tr) {
+                    this.trs.forEach(function (tr) {
                         tr.children.splice(ci - offset, 1);
                     });
                     offset++;
@@ -17883,7 +18076,7 @@
                 style: { left: x + "px", top: y + "px", height: this._height + "px", width: this._width + "px" },
                 className: className,
                 role: "presentation"
-            },[
+            }, [
                 dom.element("colgroup", null, this.cols),
                 dom.element("tbody", null, this.trs)
             ]);
@@ -17911,12 +18104,6 @@
 
             this._dialogs = [];
 
-            // const contents = VIEW_CONTENTS({
-            //     classNames: classNames,
-            //     messages: messages.menus
-            // });
-            // element.appendChild(createFragment(contents));
-
             this._formulaInput();
 
             this.wrapper = element.querySelector(DOT + classNames.view);
@@ -17938,6 +18125,8 @@
             this.editor = new SheetEditor(this);
 
             this._sheetsbar();
+
+            this.options.createContextMenus?.();
         }
 
         enableClipboard(enable) {
@@ -17981,7 +18170,7 @@
             this.formulaBar = new FormulaBar(formulaBar, { input: this.options.formulaBarInputRef });
 
             // if (this.options.toolbar) {
-            //     this._tabstrip();
+            this._tabstrip();
             // }
         }
 
@@ -17997,10 +18186,12 @@
         _sheetsbar() {
             if (this.options.sheetsbar) {
                 this.sheetsbar = new SheetsBar(this.element.querySelector(DOT + View.classNames.sheetsBar), this.options.sheetsbar);
+                this.options.createSheetBar?.(this.options.openDialogCallback);
             }
         }
 
         _tabstrip() {
+            this.tabstrip = this.options.createTabStrip?.();
             // let messages = this.options.messages.tabs;
             // let options = $.extend(true, { home: true, insert: true, data: true }, this.options.toolbar);
             // let tabs = [];
@@ -18059,7 +18250,7 @@
                 x += this.scroller.scrollLeft;
             }
 
-            col = this._sheet._grid._columns.locate(0, col, function(w) {
+            col = this._sheet._grid._columns.locate(0, col, function (w) {
                 return Math.abs(x - w) <= RESIZE_HANDLE_WIDTH / 2;
             });
 
@@ -18075,7 +18266,7 @@
                 y += this.scroller.scrollTop;
             }
 
-            row = this._sheet._grid._rows.locate(0, row, function(h) {
+            row = this._sheet._grid._rows.locate(0, row, function (h) {
                 return Math.abs(y - h) <= RESIZE_HANDLE_WIDTH / 2;
             });
 
@@ -18091,8 +18282,8 @@
             x -= self._sheet._grid._headerWidth - scrollLeft;
             y -= self._sheet._grid._headerHeight - scrollTop;
 
-            return withExit(function(exit) {
-                self._sheet.forEachFilterHeader(ref, function(ref) {
+            return withExit(function (exit) {
+                self._sheet.forEachFilterHeader(ref, function (ref) {
                     let rect = self._rectangle(pane, ref);
                     if (pane.filterIconRect(rect).intersects(x, y)) {
                         exit(true);
@@ -18242,7 +18433,7 @@
         }
 
         containingPane(cell) {
-            return this.panes.filter(function(pane) {
+            return this.panes.filter(function (pane) {
                 if (pane._grid.contains(cell)) {
                     return true;
                 }
@@ -18267,7 +18458,7 @@
             //     this.tabstrip.refreshTools(sheet.range(sheet.activeCell()));
             // }
 
-            this.trigger('update', { reason, range: sheet.range(sheet.activeCell()) });
+            this.trigger('update', { reason, range: sheet.range(sheet.activeCell()), sheet });
 
             // if (reason.sheetSelection && this.sheetsbar) {
             //    this.sheetsbar.renderSheets(this._workbook.sheets(), this._workbook.sheetIndex(this._sheet));
@@ -18284,7 +18475,7 @@
                 let frozenRows = sheet.frozenRows();
 
                 // main or bottom or right pane
-                this.panes = [ this._pane(frozenRows, frozenColumns) ];
+                this.panes = [this._pane(frozenRows, frozenColumns)];
 
                 // left pane
                 if (frozenColumns > 0) {
@@ -18311,19 +18502,18 @@
             }
         }
 
-        createFilterMenu() { // createFilterMenu(column) {
-            // this._destroyFilterMenu();
+        createFilterMenu(column) {
+            this._destroyFilterMenu();
 
-            // let sheet = this._sheet;
-            // let ref = sheet.filter().ref;
-            // let range = new Range(ref, sheet);
-            // let element = $("<div />").appendTo(this.element);
-            // let options = { column: column, range: range };
-            // let filterMenu = new kendo.spreadsheet.FilterMenu(element, options);
+            let sheet = this._sheet;
+            let ref = sheet.filter().ref;
+            let range = new Range$1(ref, sheet);
 
-            // this._filterMenu = filterMenu;
+            let options = { column: column, range: range };
 
-            // return filterMenu;
+            this._filterMenu = this.options.createFilterMenu(options);
+
+            return this._filterMenu;
         }
 
         selectClipboardContents() {
@@ -18376,11 +18566,11 @@
             let editor = self._sheet.activeCellCustomEditor();
             let range = self._sheet.range(cell);
             editor.edit({
-                range      : range,
-                rect       : self.activeCellRectangle(),
-                view       : this,
-                validation : this._sheet.validation(cell),
-                callback   : function(value, parse) {
+                range: range,
+                rect: self.activeCellRectangle(),
+                view: this,
+                validation: this._sheet.validation(cell),
+                callback: function (value, parse) {
                     self._executeCommand({
                         command: "EditCommand",
                         options: {
@@ -18396,10 +18586,12 @@
 
         openDialog(name, options) {
             let sheet = this._sheet;
-            return sheet.withCultureDecimals(function() {
+            return sheet.withCultureDecimals(function () {
                 let ref = sheet.activeCell();
                 let range = new Range$1(ref, sheet);
-                this.trigger('message', { ...options, name, ref, range });
+                let args = { ...options, name, ref, range };
+                this.trigger('message', args);
+                return args.dialog;
             }.bind(this));
         }
 
@@ -18411,7 +18603,7 @@
                 return;
             }
 
-            let onClose = function() {
+            let onClose = function () {
                 currentDialogs.pop();
                 // let dlg = e.sender;
                 this.selectClipboardContents();
@@ -18457,19 +18649,18 @@
             //                         this.colHeaderContextMenu =
             //                         this.drawingContextMenu = null;
 
-            // if (this.tabstrip) {
-            //     this.tabstrip.destroy();
-            //     this.tabstrip = null;
-            // }
+            if (this.tabstrip) {
+                this.tabstrip.destroy();
+                this.tabstrip = null;
+            }
 
-            // this._destroyFilterMenu();
+            this._destroyFilterMenu();
         }
 
         _destroyFilterMenu() {
             if (this._filterMenu) {
                 this._filterMenu.destroy();
                 this._filterMenu = undefined;
-                this._filterMenuColumn = undefined;
             }
         }
 
@@ -18489,8 +18680,8 @@
 
             let resizeDirection =
                 !sheet.resizingInProgress() ? "none" :
-                sheet.resizeHandlePosition().col === -Infinity ? "column" :
-                "row";
+                    sheet.resizeHandlePosition().col === -Infinity ? "column" :
+                        "row";
 
             this.wrapper.classList.toggle(viewClassNames.editContainer, this.editor.isActive());
             this.wrapper.classList.toggle(viewClassNames.horizontalResize, resizeDirection === "row");
@@ -18504,7 +18695,7 @@
                 contentWidth: contentWidth,
                 contentHeight: contentHeight
             };
-            this.panes.forEach(function(pane) {
+            this.panes.forEach(function (pane) {
                 content.push(pane.render(args));
             });
 
@@ -18531,11 +18722,11 @@
             if (this.editor.isActive()) {
                 this.editor.toggleTooltip(this.activeCellRectangle());
             } else if (!(reason.resize ||
-                            reason.comment ||
-                            sheet.selectionInProgress() ||
-                            sheet.resizingInProgress() ||
-                            sheet.draggingInProgress() ||
-                            sheet.isInEditMode())) {
+                reason.comment ||
+                sheet.selectionInProgress() ||
+                sheet.resizingInProgress() ||
+                sheet.draggingInProgress() ||
+                sheet.isInEditMode())) {
                 this.renderClipboardContents();
             }
         }
@@ -18569,7 +18760,7 @@
             return dom.element("div", {
                 className: classNames.resizeHint + (!horizontal ? " " + classNames.resizeHintVertical : ""),
                 style: style
-            },[
+            }, [
                 dom.element("div", { className: classNames.resizeHintHandle }),
                 dom.element("div", { className: classNames.resizeHintMarker })
             ]);
@@ -18607,11 +18798,11 @@
 
             let selectionView = grid.rangeDimensions(selection);
 
-            selectionView.rows.forEach(function(height) {
+            selectionView.rows.forEach(function (height) {
                 table.addRow(height);
             });
 
-            selectionView.columns.forEach(function(width) {
+            selectionView.columns.forEach(function (width) {
                 table.addColumn(width);
             });
 
@@ -18619,7 +18810,7 @@
             let primaryMergedCells = tmp.primary;
             let secondaryMergedCells = tmp.secondary;
 
-            sheet.forEach(selection, function(row, col, cell) {
+            sheet.forEach(selection, function (row, col, cell) {
                 let location = new CellRef(row, col).print();
 
                 if (!secondaryMergedCells[location]) {
@@ -18634,13 +18825,13 @@
                 }
             });
 
-            this.clipboardContents.render([ table.toDomTree(0, 0, "kendo-clipboard-" + this._workbook.clipboard()._uid) ]);
+            this.clipboardContents.render([table.toDomTree(0, 0, "kendo-clipboard-" + this._workbook.clipboard()._uid)]);
 
             this.selectClipboardContents();
         }
 
         _pane(row, column, rowCount, columnCount) {
-            let pane = new Pane(this._sheet, this._sheet._grid.pane({ row: row, column: column, rowCount: rowCount, columnCount: columnCount }));
+            let pane = new Pane(this._sheet, this._sheet._grid.pane({ row: row, column: column, rowCount: rowCount, columnCount: columnCount }), this.options.getIconHTMLString);
             pane.refresh(this.scroller.clientWidth, this.scroller.clientHeight);
             return pane;
         }
@@ -18648,6 +18839,9 @@
 
     View.classNames = viewClassNames;
 
+    const reTable = /<table[^>]+>/gmi;
+    const tables = contentStr => ((contentStr || '').match(reTable) || []);
+
     class Clipboard {
         constructor(workbook) {
             this._content = {};
@@ -18813,13 +19007,10 @@
                 return true;
             }
 
-            let internalHTML = Boolean(createFragment(this._externalContent.html)
-                .querySelector("table.kendo-clipboard-" + this._uid));
+            const uid = "kendo-clipboard-" + this._uid;
+            const includeUid = tablesArr => tablesArr.some(table => table.includes(uid));
 
-            let internalPlain = Boolean(createFragment(this._externalContent.plain)
-                .querySelector("table.kendo-clipboard-" + this._uid));
-
-            return (internalHTML || internalPlain);
+            return includeUid(tables(this._externalContent.html)) || includeUid(tables(this._externalContent.plain));
         }
     }
 
@@ -19038,6 +19229,10 @@
     }
 
     /* eslint-disable no-else-return */
+    /* eslint-disable consistent-return */
+    /* eslint-disable space-before-blocks */
+    /* eslint-disable no-implicit-coercion */
+
 
     let COMMAND_TYPES = {
         AUTO_FILL: "autoFill",
@@ -20853,6 +21048,13 @@
     }
 
     /* eslint-disable complexity */
+    /* eslint-disable camelcase */
+    /* eslint-disable key-spacing */
+    /* eslint-disable no-nested-ternary */
+    /* eslint-disable brace-style */
+    /* eslint-disable no-implicit-coercion */
+    /* eslint-disable no-loop-func */
+    /* eslint-disable no-param-reassign */
 
     // WARNING: removing the following jshint declaration and turning
     // == into === to make JSHint happy will break functionality.
@@ -22222,6 +22424,11 @@
     }
 
     /* eslint-disable no-undef */
+    /* eslint-disable no-nested-ternary */
+    /* eslint-disable key-spacing */
+    /* eslint-disable consistent-return */
+    /* eslint-disable no-param-reassign */
+
 
     const events$1 = [
         "cut",
@@ -22440,7 +22647,13 @@
 
         execute(options) {
             let commandOptions = Object.assign({}, { workbook: this }, options.options);
-            let command = new commands[options.command](commandOptions);
+            let command;
+
+            if (this.options.getWorkbookCommand) {
+                command = this.options.getWorkbookCommand(options.command, commandOptions);
+            }
+
+            command = command || new commands[options.command](commandOptions);
             let sheet = this.activeSheet();
 
             if (commandOptions.origin) {
@@ -22559,7 +22772,8 @@
                 options.columnWidth || this.options.columnWidth,
                 options.headerHeight || this.options.headerHeight,
                 options.headerWidth || this.options.headerWidth,
-                options.defaultCellStyle || this.options.defaultCellStyle
+                options.defaultCellStyle || this.options.defaultCellStyle,
+                options.createSheetDataSource || this.options.createSheetDataSource
             );
 
             sheet._workbook = this;
@@ -23238,7 +23452,10 @@
         "select",
         "changeFormat",
         "dataBinding",
-        "dataBound"
+        "dataBound",
+        "update",
+        "message",
+        "contextmenu",
     ];
 
     class SpreadsheetWidget extends Widget {
@@ -23256,7 +23473,13 @@
                 sheetsbar: this.options.sheetsbar,
                 formulaBarInputRef: this.options.formulaBarInputRef,
                 formulaCellInputRef: this.options.formulaCellInputRef,
-                nameBoxRef: this.options.nameBoxRef
+                nameBoxRef: this.options.nameBoxRef,
+                createTabStrip: this.options.createTabStrip,
+                createFilterMenu: this.options.createFilterMenu,
+                createContextMenus: this.options.createContextMenus,
+                createSheetBar: this.options.createSheetBar,
+                getIconHTMLString: this.options.getIconHTMLString,
+                openDialogCallback: this.openDialog.bind(this),
             });
 
             this._workbook = new Workbook(this.options, this._view);
@@ -23266,6 +23489,7 @@
             this._autoRefresh = true;
 
             this._bindWorkbookEvents();
+            this._bindViewEvents();
 
             this._view.workbook(this._workbook);
 
@@ -23295,35 +23519,29 @@
             this.trigger("keydown", e);
 
             if (key === keys.F11 && e.shiftKey) {
-                this._view.sheetsbar._onAddSelect();
+                this._view.sheetsbar.onAddSelect();
                 e.preventDefault();
                 return;
             } else if (e.altKey && key === keys.PAGEDOWN) {
-                this._view.sheetsbar.trigger("select", {
-                    name: this._view.sheetsbar._sheets[this._view.sheetsbar._selectedIndex + 1].name(),
-                    isAddButton: false
-                });
-            } else if (e.altKey && key === keys.PAGEUP) {
-                this._view.sheetsbar.trigger("select", {
-                    name: this._view.sheetsbar._sheets[this._view.sheetsbar._selectedIndex - 1].name(),
-                    isAddButton: false
-                });
-            } else if (e.altKey && key === keys.DELETE) {
-                let closeCallback = function(e) {
-                    let dlg = e.sender;
+                let activeSheetIndex = this.sheetIndex(this.activeSheet());
+                let nextSheetName = this.sheetByIndex(activeSheetIndex + 1)?.name();
 
-                    if (dlg.isConfirmed()) {
-                        this._view.sheetsbar.trigger("remove", { name: this.activeSheet()._name(), confirmation: true });
-                    }
-                }.bind(this);
+                if (nextSheetName){
+                    this._view.sheetsbar.onSheetSelect(nextSheetName);
+                }
+            } else if (e.altKey && key === keys.PAGEUP) {
+                let activeSheetIndex = this.sheetIndex(this.activeSheet());
+                let prevSheetName = this.sheetByIndex(activeSheetIndex - 1)?.name();
 
-                this._view.sheetsbar._openDialog("confirmation", {
-                    close: closeCallback
-                });
+                if (prevSheetName) {
+                    this._view.sheetsbar.onSheetSelect(prevSheetName);
+                }
+            } else if (e.altKey && key === keys.DELETE) {
+                this._view.sheetsbar.onSheetRemove(this.activeSheet()._name());
                 e.preventDefault();
                 return;
             } else if (e.altKey && key === keys.R) {
-                this._view.sheetsbar._createEditor();
+                this.options.createSheetEditor?.();
                 e.preventDefault();
                 return;
             } else if (controlKey && key === keys.B) {
@@ -23333,17 +23551,20 @@
             } else if (controlKey && key === keys.U) {
                 this._handleTypographicalEmphasis('underline');
             } else if (e.altKey && key === keys.H) {
-                this._view.tabstrip.select(0);
+                this._view.tabstrip?.select(0);
                 e.preventDefault();
                 return;
             } else if (e.altKey && key === keys.N) {
-                this._view.tabstrip.select(1);
+                this._view.tabstrip?.select(1);
                 e.preventDefault();
                 return;
             } else if (e.altKey && key === keys.A) {
-                this._view.tabstrip.select(2);
+                this._view.tabstrip?.select(2);
                 e.preventDefault();
                 return;
+            } else if (key === keys.F10) {
+                e.preventDefault();
+                this._view.tabstrip?.wrapper?.find(".k-tabstrip-content.k-active .k-toolbar [tabindex=0]").trigger("focus");
             }
         }
 
@@ -23654,6 +23875,14 @@
             // kendo.ui.progress(this.element, e.toggle);
         }
 
+        _viewUpdate(e) {
+            this.trigger("update", e);
+        }
+
+        _viewMessage(e) {
+            this.trigger("message", e);
+        }
+
         _onContextMenu(e) {
             this.trigger("contextmenu", e);
         }
@@ -23687,6 +23916,11 @@
             this._workbook.bind("contextmenu", this._onContextMenu.bind(this));
         }
 
+        _bindViewEvents() {
+            this._view.bind("update", this._viewUpdate.bind(this));
+            this._view.bind("message", this._viewMessage.bind(this));
+        }
+
         destroy() {
             window.removeEventListener('resize', this._resizeHandler);
             this.element.removeEventListener("keydown", this._keyDownHandler);
@@ -23737,6 +23971,7 @@
 
     /* -----[ Excel operators ]----- */
 
+
     const {
         FUNCS,
         defineBuiltinFunction,
@@ -43884,29 +44119,119 @@
         defineAlias
     } = calc.runtime;
 
+    exports.ALL_PROPERTIES = ALL_PROPERTIES;
+    exports.ALL_REASONS = ALL_REASONS;
+    exports.AddColumnCommand = AddColumnCommand;
+    exports.AddCommand = AddCommand;
+    exports.AddRowCommand = AddRowCommand;
+    exports.AdjustDecimalsCommand = AdjustDecimalsCommand;
+    exports.AdjustRowHeightCommand = AdjustRowHeightCommand;
+    exports.ApplyFilterCommand = ApplyFilterCommand;
+    exports.AutoFillCalculator = AutoFillCalculator;
+    exports.AutoFillCommand = AutoFillCommand;
+    exports.Axis = Axis;
+    exports.AxisManager = AxisManager;
+    exports.BorderChangeCommand = BorderChangeCommand;
+    exports.BringToFrontCommand = BringToFrontCommand;
     exports.CalcError = CalcError;
     exports.CellRef = CellRef;
+    exports.ClearContentCommand = ClearContentCommand;
+    exports.ClearFilterCommand = ClearFilterCommand;
+    exports.Clipboard = Clipboard;
+    exports.ColumnWidthCommand = ColumnWidthCommand;
+    exports.Command = Command;
     exports.Context = Context;
+    exports.Controller = Controller;
+    exports.CopyCommand = CopyCommand;
+    exports.CustomFilter = CustomFilter;
+    exports.CutCommand = CutCommand;
     exports.Deferred = Deferred;
+    exports.DefineNameCommand = DefineNameCommand;
+    exports.DeleteColumnCommand = DeleteColumnCommand;
+    exports.DeleteCommand = DeleteCommand;
+    exports.DeleteDrawingCommand = DeleteDrawingCommand;
+    exports.DeleteNameCommand = DeleteNameCommand;
+    exports.DeleteRowCommand = DeleteRowCommand;
+    exports.Drawing = Drawing;
+    exports.DrawingCommand = DrawingCommand;
+    exports.DrawingUpdateCommand = DrawingUpdateCommand;
+    exports.DynamicFilter = DynamicFilter;
+    exports.EditCommand = EditCommand;
+    exports.EditValidationCommand = EditValidationCommand;
+    exports.EventListener = EventListener;
+    exports.FIRSTREF = FIRSTREF;
+    exports.Filter = Filter;
+    exports.FilterCommand = FilterCommand;
+    exports.FormulaBar = FormulaBar;
+    exports.FormulaContext = FormulaContext;
+    exports.FormulaInput = FormulaInput;
+    exports.FreezePanesCommand = FreezePanesCommand;
+    exports.Grid = Grid;
+    exports.GridLinesChangeCommand = GridLinesChangeCommand;
+    exports.HideLineCommand = HideLineCommand;
+    exports.HyperlinkCommand = HyperlinkCommand;
+    exports.InsertCommentCommand = InsertCommentCommand;
+    exports.InsertImageCommand = InsertImageCommand;
     exports.Matrix = Matrix;
+    exports.MergeCellCommand = MergeCellCommand;
     exports.NULLREF = NULLREF;
+    exports.NameCommand = NameCommand;
+    exports.NameEditor = NameEditor;
     exports.NameRef = NameRef;
+    exports.OpenCommand = OpenCommand;
+    exports.Pane = Pane;
+    exports.PaneAxis = PaneAxis;
+    exports.PaneGrid = PaneGrid;
+    exports.PasteCommand = PasteCommand;
+    exports.PropertyBag = PropertyBag;
+    exports.PropertyChangeCommand = PropertyChangeCommand;
+    exports.PropertyCleanCommand = PropertyCleanCommand;
     exports.Range = Range$1;
+    exports.RangeList = RangeList;
     exports.RangeRef = RangeRef;
+    exports.RangeTree = RangeTree;
     exports.Ref = Ref;
+    exports.ReorderDrawingsCommand = ReorderDrawingsCommand;
+    exports.RowHeightCommand = RowHeightCommand;
+    exports.SHEETREF = SHEETREF;
+    exports.SaveAsCommand = SaveAsCommand;
+    exports.SendToBackCommand = SendToBackCommand;
     exports.Sheet = Sheet;
+    exports.SheetDataSourceBinder = SheetDataSourceBinder;
+    exports.SheetEditor = SheetEditor;
+    exports.SheetNavigator = SheetNavigator;
+    exports.SortCommand = SortCommand;
+    exports.Sorter = Sorter;
     exports.SpreadsheetWidget = SpreadsheetWidget;
+    exports.TargetValueCommand = TargetValueCommand;
+    exports.TextWrapCommand = TextWrapCommand;
+    exports.ToolbarCopyCommand = ToolbarCopyCommand;
+    exports.ToolbarCutCommand = ToolbarCutCommand;
+    exports.ToolbarPasteCommand = ToolbarPasteCommand;
+    exports.TopFilter = TopFilter;
+    exports.UnHideLineCommand = UnHideLineCommand;
     exports.UnionRef = UnionRef;
+    exports.ValidationFormulaContext = ValidationFormulaContext;
+    exports.ValueFilter = ValueFilter;
     exports.View = View;
     exports.Workbook = Workbook;
     exports.calc = calc;
+    exports.dateToNumber = dateToNumber;
     exports.dateToSerial = dateToSerial;
     exports.defineAlias = defineAlias;
     exports.defineFunction = defineFunction;
+    exports.draw = draw;
+    exports.drawCell = drawCell;
+    exports.formatting = formatting;
+    exports.initDynamicFilter = initDynamicFilter;
+    exports.intl = intl;
+    exports.numberToDate = numberToDate;
     exports.packDate = packDate;
     exports.packTime = packTime;
+    exports.registerEditor = registerEditor;
     exports.serialToDate = serialToDate;
     exports.unpackDate = unpackDate;
     exports.unpackTime = unpackTime;
+    exports.validation = validationExport;
 
 }));