@syncfusion/ej2-vue-spreadsheet 19.4.53 → 19.4.56

package/dist/es6/ej2-vue-spreadsheet.es5.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 __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -23,6 +23,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;
 };
+import { Options } from 'vue-class-component';
 var isExecute = gh ? false : true;
 var vueImport;
 if (!isExecute || parseInt(allVue.version) < 3) {
@@ -34,16 +35,36 @@ else {
 var ImagesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends(ImagesDirective, _super);
     function ImagesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ImagesDirective.prototype.render = function () {
+    ImagesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ImagesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ImagesDirective.prototype.getTag = function () {
         return 'e-images';
     };
     ImagesDirective = __decorate([
         EJComponentDecorator({}, isExecute)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ImagesDirective);
     return ImagesDirective;
 }(vueImport));
@@ -95,6 +116,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}}
 var isExecute$1 = gh ? false : true;
 var vueImport$1;
 if (!isExecute$1 || parseInt(allVue.version) < 3) {
@@ -106,16 +128,36 @@ else {
 var ChartsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$1(ChartsDirective, _super);
     function ChartsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ChartsDirective.prototype.render = function () {
+    ChartsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ChartsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ChartsDirective.prototype.getTag = function () {
         return 'e-charts';
     };
     ChartsDirective = __decorate$1([
         EJComponentDecorator({}, isExecute$1)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ChartsDirective);
     return ChartsDirective;
 }(vueImport$1));
@@ -167,6 +209,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}}
 var isExecute$2 = gh ? false : true;
 var vueImport$2;
 if (!isExecute$2 || parseInt(allVue.version) < 3) {
@@ -178,16 +221,36 @@ else {
 var CellsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$2(CellsDirective, _super);
     function CellsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    CellsDirective.prototype.render = function () {
+    CellsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    CellsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     CellsDirective.prototype.getTag = function () {
         return 'e-cells';
     };
     CellsDirective = __decorate$2([
         EJComponentDecorator({}, isExecute$2)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], CellsDirective);
     return CellsDirective;
 }(vueImport$2));
@@ -258,6 +321,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}}
 var isExecute$3 = gh ? false : true;
 var vueImport$3;
 if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -269,16 +333,36 @@ else {
 var RowsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$3(RowsDirective, _super);
     function RowsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    RowsDirective.prototype.render = function () {
+    RowsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    RowsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     RowsDirective.prototype.getTag = function () {
         return 'e-rows';
     };
     RowsDirective = __decorate$3([
         EJComponentDecorator({}, isExecute$3)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RowsDirective);
     return RowsDirective;
 }(vueImport$3));
@@ -345,6 +429,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}}
 var isExecute$4 = gh ? false : true;
 var vueImport$4;
 if (!isExecute$4 || parseInt(allVue.version) < 3) {
@@ -356,16 +441,36 @@ else {
 var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$4(ColumnsDirective, _super);
     function ColumnsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ColumnsDirective.prototype.render = function () {
+    ColumnsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ColumnsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ColumnsDirective.prototype.getTag = function () {
         return 'e-columns';
     };
     ColumnsDirective = __decorate$4([
         EJComponentDecorator({}, isExecute$4)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ColumnsDirective);
     return ColumnsDirective;
 }(vueImport$4));
@@ -432,6 +537,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}}
 var isExecute$5 = gh ? false : true;
 var vueImport$5;
 if (!isExecute$5 || parseInt(allVue.version) < 3) {
@@ -443,16 +549,36 @@ else {
 var RangesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$5(RangesDirective, _super);
     function RangesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    RangesDirective.prototype.render = function () {
+    RangesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    RangesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     RangesDirective.prototype.getTag = function () {
         return 'e-ranges';
     };
     RangesDirective = __decorate$5([
         EJComponentDecorator({}, isExecute$5)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], RangesDirective);
     return RangesDirective;
 }(vueImport$5));
@@ -519,6 +645,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}}
 var isExecute$6 = gh ? false : true;
 var vueImport$6;
 if (!isExecute$6 || parseInt(allVue.version) < 3) {
@@ -530,16 +657,36 @@ else {
 var ConditionalFormatsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$6(ConditionalFormatsDirective, _super);
     function ConditionalFormatsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    ConditionalFormatsDirective.prototype.render = function () {
+    ConditionalFormatsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    ConditionalFormatsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     ConditionalFormatsDirective.prototype.getTag = function () {
         return 'e-conditionalformats';
     };
     ConditionalFormatsDirective = __decorate$6([
         EJComponentDecorator({}, isExecute$6)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], ConditionalFormatsDirective);
     return ConditionalFormatsDirective;
 }(vueImport$6));
@@ -606,6 +753,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}}
 var isExecute$7 = gh ? false : true;
 var vueImport$7;
 if (!isExecute$7 || parseInt(allVue.version) < 3) {
@@ -617,16 +765,36 @@ else {
 var SheetsDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$7(SheetsDirective, _super);
     function SheetsDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    SheetsDirective.prototype.render = function () {
+    SheetsDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    SheetsDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     SheetsDirective.prototype.getTag = function () {
         return 'e-sheets';
     };
     SheetsDirective = __decorate$7([
         EJComponentDecorator({}, isExecute$7)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], SheetsDirective);
     return SheetsDirective;
 }(vueImport$7));
@@ -690,6 +858,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}}
 var isExecute$8 = gh ? false : true;
 var vueImport$8;
 if (!isExecute$8 || parseInt(allVue.version) < 3) {
@@ -701,16 +870,36 @@ else {
 var DefinedNamesDirective = /** @__PURE__ @class */ (function (_super) {
     __extends$8(DefinedNamesDirective, _super);
     function DefinedNamesDirective() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        return _super.call(this, arguments) || this;
     }
-    DefinedNamesDirective.prototype.render = function () {
+    DefinedNamesDirective.prototype.render = function (createElement) {
+        if (gh) {
+            var h = gh || createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = gh ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
         return;
     };
+    DefinedNamesDirective.prototype.updated = function () {
+        if (gh && this.custom) {
+            this.custom();
+        }
+    };
     DefinedNamesDirective.prototype.getTag = function () {
         return 'e-definednames';
     };
     DefinedNamesDirective = __decorate$8([
         EJComponentDecorator({}, isExecute$8)
+        ,Options({
+            inject: {
+                custom: {
+                    default: null
+                }
+            }
+        })
     ], DefinedNamesDirective);
     return DefinedNamesDirective;
 }(vueImport$8));
@@ -774,7 +963,7 @@ var __decorate$9 = (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;
 };
-import { Options } from 'vue-class-component';
+// {{VueImport}}
 var properties = ['isLazyUpdate', 'activeSheetIndex', 'allowAutoFill', 'allowCellFormatting', 'allowChart', 'allowConditionalFormat', 'allowDataValidation', 'allowDelete', 'allowEditing', 'allowFiltering', 'allowFindAndReplace', 'allowFreezePane', 'allowHyperlink', 'allowImage', 'allowInsert', 'allowMerge', 'allowNumberFormatting', 'allowOpen', 'allowResizing', 'allowSave', 'allowScrolling', 'allowSorting', 'allowUndoRedo', 'allowWrap', 'autoFillSettings', 'cellStyle', 'cssClass', 'definedNames', 'enableClipboard', 'enableContextMenu', 'enableKeyboardNavigation', 'enableKeyboardShortcut', 'enablePersistence', 'enableRtl', 'height', 'isProtected', 'locale', 'openUrl', 'password', 'saveUrl', 'scrollSettings', 'selectionSettings', 'sheets', 'showAggregate', 'showFormulaBar', 'showRibbon', 'showSheetTabs', 'width', 'actionBegin', 'actionComplete', 'afterHyperlinkClick', 'afterHyperlinkCreate', 'beforeCellFormat', 'beforeCellRender', 'beforeCellSave', 'beforeCellUpdate', 'beforeConditionalFormat', 'beforeDataBound', 'beforeHyperlinkClick', 'beforeHyperlinkCreate', 'beforeOpen', 'beforeSave', 'beforeSelect', 'beforeSort', 'cellEdit', 'cellEditing', 'cellSave', 'contextMenuBeforeClose', 'contextMenuBeforeOpen', 'contextMenuItemSelect', 'created', 'dataBound', 'dataSourceChanged', 'dialogBeforeOpen', 'fileMenuBeforeClose', 'fileMenuBeforeOpen', 'fileMenuItemSelect', 'openComplete', 'openFailure', 'queryCellInfo', 'saveComplete', 'select', 'sortComplete'];
 var modelProps = [];
 var testProp = getProps({ props: properties });
@@ -809,6 +998,7 @@ var SpreadsheetComponent = /** @__PURE__ @class */ (function (_super) {
         _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
         _this.ej2Instances.setProperties = _this.setProperties;
         _this.ej2Instances.clearTemplate = _this.clearTemplate;
+        _this.updated = _this.updated;
         return _this;
     }
     SpreadsheetComponent.prototype.clearTemplate = function (templateNames) {
@@ -867,6 +1057,9 @@ var SpreadsheetComponent = /** @__PURE__ @class */ (function (_super) {
         }
         return h('div', slots);
     };
+    SpreadsheetComponent.prototype.custom = function () {
+        this.updated();
+    };
     SpreadsheetComponent.prototype.Unfreeze = function (sheet) {
         return this.ej2Instances.Unfreeze(sheet);
     };
@@ -1129,7 +1322,12 @@ var SpreadsheetComponent = /** @__PURE__ @class */ (function (_super) {
         ,Options({
             props: props,
             watch: watch,
-            emits: emitProbs
+            emits: emitProbs,
+            provide: function provide() {
+                return {
+                    custom: this.custom
+                };
+            }
         })
     ], SpreadsheetComponent);
     return SpreadsheetComponent;