@syncfusion/ej2-vue-spreadsheet 19.4.54 → 20.1.47

package/CHANGELOG.md

@@ -6,6 +6,43 @@
 
 #### Bug Fixes
 
+- `#I370011` - Creating new workbook not removing the filter issue resolved.
+- `#I366824` - Formula dependent cells are not updated on clear action issue resolved.
+- `#I357792` - Collaborative editing feature issues has been fixed.
+- `#I370463` - Getting maximum call stack exceed error during scrolling with large dataset issue resolved.
+- `#I366370` - Script error occurs on sheets property change issue resolved.
+- `#FB33176` - Chart not rendered if specified data range is not from active sheet issue resolved.
+- `#I349643` - Script error occurs on chart creation while importing excel file with custom date format issue resolved.
+- `#I371783` - Performance delay occurs while clearing the filter through context menu issue resolved.
+- `#I354089` - Hide / show rows not working with freeze pane if headers are hidden issue resolved.
+- `#I369939` - Closing circular reference dialog is not working issue has been fixed.
+
+## 19.4.56 (2022-03-15)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `SF-369240` - Previous formula displayed while switching the editing from formula cell to blank cell issue resolved.
+- `SF-367017` - `Ctrl selection` not working with freeze pane issue resolved.
+- `SF-367519` - Border not applied while copy / paste from MS word issue resolved.
+- `SF-367525` - Strike through not applied on external copy / paste issue resolved.
+
+## 19.4.55 (2022-03-08)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `SF-366825` - Text align icon not updated properly while applying text format for number cell value issue resolved.
+- `SF-369477` - Rows not rendered properly while filtering and cell selection not proper with filtered rows in freeze pane issues resolved.
+
+## 19.4.54 (2022-03-01)
+
+### Spreadsheet
+
+#### Bug Fixes
+
 - `SF-367012` - Sort action not working on first row issue resolved.
 - `SF-367021` - Filter by selected cell value action on date field is not working issue resolved.
 - `SF-367013` - Sort not working after filtered the data in freeze pane issue resolved.
@@ -107,6 +144,7 @@
 #### Bug Fixes
 
 - `SF-360112` - Script error occurs on continuous undo and redo operation for filtering action issue resolved.
+- `SF-360962` - Disable toolbar item for protect sheet and edit Alert dialog content customize support provided.
 - `SF-361036`, `SF-361123` - Copy paste is not working properly on filtered rows issue has been fixed.
 - `SF-360222` - Sorting is not working properly after undo issue has been fixed.
 - `SF-352381` - Data not rendered properly on horizontal scrolling in finite mode issue resolved.

package/dist/ej2-vue-spreadsheet.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-spreadsheet.umd.min.js
-*  version : 19.4.54
+*  version : 20.1.47
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
@@ -9,7 +9,7 @@
 */
 /*!
 *  filename: ej2-vue-spreadsheet.umd.min.js
-*  version : 19.2.55
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/es6/ej2-vue-spreadsheet.es2015.js

@@ -1,8 +1,8 @@
 import { Spreadsheet } from '@syncfusion/ej2-spreadsheet';
 import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
 import { Vue } from 'vue-class-component';
-import Vue$1 from 'vue';
 import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
+import Vue$1 from 'vue';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -10,6 +10,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute = gh ? false : true;
 let vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -18,16 +19,47 @@ if (!isExecute || parseInt(allVue.version) < 3) {
 else {
     vueImport = Vue$1;
 }
-let ImagesDirective = class ImagesDirective extends vueImport {
-    render() {
+let ImagesDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ImagesDirective extends vueImport {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-images';
     }
 };
 ImagesDirective = __decorate([
     EJComponentDecorator({}, isExecute)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ImagesDirective);
 const ImagesPlugin = {
     name: 'e-images',
@@ -59,6 +91,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$1 = gh ? false : true;
 let vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -67,16 +100,47 @@ if (!isExecute$1 || parseInt(allVue.version) < 3) {
 else {
     vueImport$1 = Vue$1;
 }
-let ChartsDirective = class ChartsDirective extends vueImport$1 {
-    render() {
+let ChartsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ChartsDirective extends vueImport$1 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-charts';
     }
 };
 ChartsDirective = __decorate$1([
     EJComponentDecorator({}, isExecute$1)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ChartsDirective);
 const ChartsPlugin = {
     name: 'e-charts',
@@ -108,6 +172,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$2 = gh ? false : true;
 let vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -116,16 +181,47 @@ if (!isExecute$2 || parseInt(allVue.version) < 3) {
 else {
     vueImport$2 = Vue$1;
 }
-let CellsDirective = class CellsDirective extends vueImport$2 {
-    render() {
+let CellsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class CellsDirective extends vueImport$2 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-cells';
     }
 };
 CellsDirective = __decorate$2([
     EJComponentDecorator({}, isExecute$2)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], CellsDirective);
 const CellsPlugin = {
     name: 'e-cells',
@@ -176,6 +272,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$3 = gh ? false : true;
 let vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -184,16 +281,47 @@ if (!isExecute$3 || parseInt(allVue.version) < 3) {
 else {
     vueImport$3 = Vue$1;
 }
-let RowsDirective = class RowsDirective extends vueImport$3 {
-    render() {
+let RowsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class RowsDirective extends vueImport$3 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-rows';
     }
 };
 RowsDirective = __decorate$3([
     EJComponentDecorator({}, isExecute$3)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], RowsDirective);
 const RowsPlugin = {
     name: 'e-rows',
@@ -240,6 +368,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$4 = gh ? false : true;
 let vueImport$4;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -248,16 +377,47 @@ if (!isExecute$4 || parseInt(allVue.version) < 3) {
 else {
     vueImport$4 = Vue$1;
 }
-let ColumnsDirective = class ColumnsDirective extends vueImport$4 {
-    render() {
+let ColumnsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ColumnsDirective extends vueImport$4 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-columns';
     }
 };
 ColumnsDirective = __decorate$4([
     EJComponentDecorator({}, isExecute$4)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ColumnsDirective);
 const ColumnsPlugin = {
     name: 'e-columns',
@@ -304,6 +464,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$5 = gh ? false : true;
 let vueImport$5;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -312,16 +473,47 @@ if (!isExecute$5 || parseInt(allVue.version) < 3) {
 else {
     vueImport$5 = Vue$1;
 }
-let RangesDirective = class RangesDirective extends vueImport$5 {
-    render() {
+let RangesDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class RangesDirective extends vueImport$5 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-ranges';
     }
 };
 RangesDirective = __decorate$5([
     EJComponentDecorator({}, isExecute$5)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], RangesDirective);
 const RangesPlugin = {
     name: 'e-ranges',
@@ -368,6 +560,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$6 = gh ? false : true;
 let vueImport$6;
 if (!isExecute$6 || parseInt(allVue.version) < 3) {
@@ -376,16 +569,47 @@ if (!isExecute$6 || parseInt(allVue.version) < 3) {
 else {
     vueImport$6 = Vue$1;
 }
-let ConditionalFormatsDirective = class ConditionalFormatsDirective extends vueImport$6 {
-    render() {
+let ConditionalFormatsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class ConditionalFormatsDirective extends vueImport$6 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-conditionalformats';
     }
 };
 ConditionalFormatsDirective = __decorate$6([
     EJComponentDecorator({}, isExecute$6)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], ConditionalFormatsDirective);
 const ConditionalFormatsPlugin = {
     name: 'e-conditionalformats',
@@ -432,6 +656,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$7 = gh ? false : true;
 let vueImport$7;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -440,16 +665,47 @@ if (!isExecute$7 || parseInt(allVue.version) < 3) {
 else {
     vueImport$7 = Vue$1;
 }
-let SheetsDirective = class SheetsDirective extends vueImport$7 {
-    render() {
+let SheetsDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class SheetsDirective extends vueImport$7 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-sheets';
     }
 };
 SheetsDirective = __decorate$7([
     EJComponentDecorator({}, isExecute$7)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], SheetsDirective);
 const SheetsPlugin = {
     name: 'e-sheets',
@@ -493,6 +749,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// {{VueImport}}
 const isExecute$8 = gh ? false : true;
 let vueImport$8;
 if (!isExecute$8 || parseInt(allVue.version) < 3) {
@@ -501,16 +758,47 @@ if (!isExecute$8 || parseInt(allVue.version) < 3) {
 else {
     vueImport$8 = Vue$1;
 }
-let DefinedNamesDirective = class DefinedNamesDirective extends vueImport$8 {
-    render() {
+let DefinedNamesDirective = 
+/* Start Options({
+    inject: {
+        custom: {
+            default: null
+        }
+    }
+}) End */
+class DefinedNamesDirective extends vueImport$8 {
+    constructor() {
+        super(arguments);
+    }
+    render(createElement) {
+        if (gh) {
+            let h = gh || createElement;
+            let slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     }
+    updated() {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    }
     getTag() {
         return 'e-definednames';
     }
 };
 DefinedNamesDirective = __decorate$8([
     EJComponentDecorator({}, isExecute$8)
+    /* Start Options({
+        inject: {
+            custom: {
+                default: null
+            }
+        }
+    }) End */
 ], DefinedNamesDirective);
 const DefinedNamesPlugin = {
     name: 'e-definednames',
@@ -576,7 +864,12 @@ let SpreadsheetComponent =
 /* Start Options({
     props: props,
     watch: watch,
-    emits: emitProbs
+    emits: emitProbs,
+    provide: function provide() {
+        return {
+            custom: this.custom
+        };
+    }
 }) End */
 class SpreadsheetComponent extends ComponentBase {
     constructor() {
@@ -593,6 +886,7 @@ class SpreadsheetComponent extends ComponentBase {
         this.ej2Instances._setProperties = this.ej2Instances.setProperties;
         this.ej2Instances.setProperties = this.setProperties;
         this.ej2Instances.clearTemplate = this.clearTemplate;
+        this.updated = this.updated;
     }
     clearTemplate(templateNames) {
         if (!templateNames) {
@@ -647,6 +941,9 @@ class SpreadsheetComponent extends ComponentBase {
         }
         return h('div', slots);
     }
+    custom() {
+        this.updated();
+    }
     Unfreeze(sheet) {
         return this.ej2Instances.Unfreeze(sheet);
     }
@@ -665,8 +962,8 @@ class SpreadsheetComponent extends ComponentBase {
     addFileMenuItems(items, text, insertAfter, isUniqueId) {
         return this.ej2Instances.addFileMenuItems(items, text, insertAfter, isUniqueId);
     }
-    addHyperlink(hyperlink, address) {
-        return this.ej2Instances.addHyperlink(hyperlink, address);
+    addHyperlink(hyperlink, address, displayText) {
+        return this.ej2Instances.addHyperlink(hyperlink, address, displayText);
     }
     addInvalidHighlight(range) {
         return this.ej2Instances.addInvalidHighlight(range);
@@ -910,7 +1207,12 @@ SpreadsheetComponent = __decorate$9([
     /* Start Options({
         props: props,
         watch: watch,
-        emits: emitProbs
+        emits: emitProbs,
+        provide: function provide() {
+            return {
+                custom: this.custom
+            };
+        }
     }) End */
 ], SpreadsheetComponent);
 const SpreadsheetPlugin = {