@syncfusion/ej2-inplace-editor 19.4.52 → 20.2.36

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.52
+*  version : 20.2.36
 *  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/helpers/e2e/index.js

@@ -1,6 +1,8 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./inplace-editor"));
+define(["require", "exports", "./inplace-editor"], function (require, exports, inplace_editor_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(inplace_editor_1);
+});

package/helpers/e2e/inplace-editor.js

@@ -1,59 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class InPlaceEditorHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var InPlaceEditorHelper = (function (_super) {
+        __extends(InPlaceEditorHelper, _super);
+        function InPlaceEditorHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getValueElement() {
-        return this.selector('#' + this.id + ' .e-editable-value');
-    }
-    getEditIconElement() {
-        return this.selector('#' + this.id + ' .e-editable-overlay-icon');
-    }
-    getPopupElement() {
-        return this.selector('.e-inplaceeditor-tip');
-    }
-    getLoadingElement(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-loading') : this.selector('#' + this.id + ' .e-editable-loading'));
-    }
-    getErrorElement(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-error') : this.selector('#' + this.id + ' .e-editable-error'));
-    }
-    getFormElement(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-form') : this.selector('#' + this.id + ' .e-editable-form'));
-    }
-    getButtonsWrapper(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-action-buttons') : this.selector('#' + this.id + ' .e-editable-action-buttons'));
-    }
-    getSaveButton(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-btn-save') : this.selector('#' + this.id + ' .e-btn-save'));
-    }
-    getCancelButton(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-btn-cancel') : this.selector('#' + this.id + ' .e-btn-cancel'));
-    }
-    getComponentWrapper(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-component') : this.selector('#' + this.id + ' .e-editable-component'));
-    }
-    getComponentElement(mode) {
-        return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip #' + this.id + '_editor') : this.selector('#' + this.id + '  #' + this.id + '_editor'));
-    }
-    getModel(property) {
-        this.getModel(property);
-    }
-    setModel(property, value) {
-        this.setModel(property, value);
-    }
-    invoke(fName, args) {
-        this.invoke(fName, args);
-    }
-}
-exports.InPlaceEditorHelper = InPlaceEditorHelper;
+        InPlaceEditorHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        InPlaceEditorHelper.prototype.getValueElement = function () {
+            return this.selector('#' + this.id + ' .e-editable-value');
+        };
+        InPlaceEditorHelper.prototype.getEditIconElement = function () {
+            return this.selector('#' + this.id + ' .e-editable-overlay-icon');
+        };
+        InPlaceEditorHelper.prototype.getPopupElement = function () {
+            return this.selector('.e-inplaceeditor-tip');
+        };
+        InPlaceEditorHelper.prototype.getLoadingElement = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-loading') : this.selector('#' + this.id + ' .e-editable-loading'));
+        };
+        InPlaceEditorHelper.prototype.getErrorElement = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-error') : this.selector('#' + this.id + ' .e-editable-error'));
+        };
+        InPlaceEditorHelper.prototype.getFormElement = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-form') : this.selector('#' + this.id + ' .e-editable-form'));
+        };
+        InPlaceEditorHelper.prototype.getButtonsWrapper = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-action-buttons') : this.selector('#' + this.id + ' .e-editable-action-buttons'));
+        };
+        InPlaceEditorHelper.prototype.getSaveButton = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-btn-save') : this.selector('#' + this.id + ' .e-btn-save'));
+        };
+        InPlaceEditorHelper.prototype.getCancelButton = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-btn-cancel') : this.selector('#' + this.id + ' .e-btn-cancel'));
+        };
+        InPlaceEditorHelper.prototype.getComponentWrapper = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip .e-editable-component') : this.selector('#' + this.id + ' .e-editable-component'));
+        };
+        InPlaceEditorHelper.prototype.getComponentElement = function (mode) {
+            return (mode === 'Popup' ? this.selector('.e-inplaceeditor-tip #' + this.id + '_editor') : this.selector('#' + this.id + '  #' + this.id + '_editor'));
+        };
+        InPlaceEditorHelper.prototype.getModel = function (property) {
+            this.getModel(property);
+        };
+        InPlaceEditorHelper.prototype.setModel = function (property, value) {
+            this.setModel(property, value);
+        };
+        InPlaceEditorHelper.prototype.invoke = function (fName, args) {
+            this.invoke(fName, args);
+        };
+        return InPlaceEditorHelper;
+    }(e2e_1.TestHelper));
+    exports.InPlaceEditorHelper = InPlaceEditorHelper;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@19.3.56",
+  "_id": "@syncfusion/ej2-inplace-editor@19.8.1",
   "_inBundle": false,
-  "_integrity": "sha512-dfGFzohh7efdqL/eTMbICJIkPatIKhkVKDaIglvYnzNXgbYjMBu5c+FWi9gwO7pKX324q17919txfeTUoJ5GkQ==",
+  "_integrity": "sha512-U84/S1Jvm2/hYe6bmV+kQvG37l59jemGktwnjh5sitETSyv+hUxD/6Q6bmeM6r6MOylznsPlNDtA/x+xNE1byA==",
   "_location": "/@syncfusion/ej2-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-vue-inplace-editor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-19.3.56.tgz",
-  "_shasum": "05f7fd26bd00b9cf26fdb15b256e8488f504fd29",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-19.8.1.tgz",
+  "_shasum": "9ac8c1c58a66ca63d09a4456a7c627eae702ec96",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -36,17 +36,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-buttons": "~19.4.52",
-    "@syncfusion/ej2-calendars": "~19.4.52",
-    "@syncfusion/ej2-data": "~19.4.52",
-    "@syncfusion/ej2-dropdowns": "~19.4.52",
-    "@syncfusion/ej2-inputs": "~19.4.52",
-    "@syncfusion/ej2-lists": "~19.4.52",
-    "@syncfusion/ej2-navigations": "~19.4.52",
-    "@syncfusion/ej2-popups": "~19.4.52",
-    "@syncfusion/ej2-richtexteditor": "~19.4.52",
-    "@syncfusion/ej2-splitbuttons": "~19.4.52"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-buttons": "~20.2.36",
+    "@syncfusion/ej2-calendars": "~20.2.36",
+    "@syncfusion/ej2-data": "~20.2.36",
+    "@syncfusion/ej2-dropdowns": "~20.2.36",
+    "@syncfusion/ej2-inputs": "~20.2.36",
+    "@syncfusion/ej2-lists": "~20.2.36",
+    "@syncfusion/ej2-navigations": "~20.2.36",
+    "@syncfusion/ej2-popups": "~20.2.36",
+    "@syncfusion/ej2-richtexteditor": "~20.2.36",
+    "@syncfusion/ej2-splitbuttons": "~20.2.36"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.4.52",
+  "version": "20.2.36",
   "sideEffects": false
 }

package/src/inplace-editor/base/inplace-editor.d.ts

@@ -468,6 +468,7 @@ export declare class InPlaceEditor extends Component<HTMLElement> implements INo
      * @blazorProperty 'Destroyed'
      */
     destroyed: EmitType<Event>;
+    private initializeValue;
     /**
      * Initialize the event handler
      *

package/src/inplace-editor/base/inplace-editor.js

@@ -55,29 +55,27 @@ var InPlaceEditor = /** @class */ (function (_super) {
      * @param {string} element  - Specifies the element for which In-place editor applies.
      */
     function InPlaceEditor(options, element) {
-        var _this = _super.call(this, options, element) || this;
-        _this.initRender = true;
-        _this.isTemplate = false;
-        _this.isVue = false;
-        _this.isExtModule = false;
-        _this.submitBtn = undefined;
-        _this.cancelBtn = undefined;
-        _this.isClearTarget = false;
-        _this.btnElements = undefined;
-        _this.dataManager = undefined;
-        _this.oldValue = undefined;
-        _this.divComponents = ['RTE', 'Slider'];
-        _this.clearComponents = ['AutoComplete', 'Mask', 'Text'];
-        _this.dateType = ['Date', 'DateTime', 'Time'];
-        _this.inputDataEle = ['Date', 'DateTime', 'DateRange', 'Time', 'Numeric'];
-        _this.dropDownEle = ['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'];
-        _this.moduleList = ['AutoComplete', 'Color', 'ComboBox', 'DateRange', 'MultiSelect', 'RTE', 'Slider', 'Time'];
-        /**
-         * @hidden
-         */
-        _this.needsID = true;
-        return _this;
+        return _super.call(this, options, element) || this;
     }
+    InPlaceEditor.prototype.initializeValue = function () {
+        this.needsID = true;
+        this.initRender = true;
+        this.isTemplate = false;
+        this.isVue = false;
+        this.isExtModule = false;
+        this.submitBtn = undefined;
+        this.cancelBtn = undefined;
+        this.isClearTarget = false;
+        this.btnElements = undefined;
+        this.dataManager = undefined;
+        this.oldValue = undefined;
+        this.divComponents = ['RTE', 'Slider'];
+        this.clearComponents = ['AutoComplete', 'Mask', 'Text'];
+        this.dateType = ['Date', 'DateTime', 'Time'];
+        this.inputDataEle = ['Date', 'DateTime', 'DateRange', 'Time', 'Numeric'];
+        this.dropDownEle = ['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'];
+        this.moduleList = ['AutoComplete', 'Color', 'ComboBox', 'DateRange', 'MultiSelect', 'RTE', 'Slider', 'Time'];
+    };
     /**
      * Initialize the event handler
      *
@@ -85,6 +83,7 @@ var InPlaceEditor = /** @class */ (function (_super) {
      * @private
      */
     InPlaceEditor.prototype.preRender = function () {
+        this.initializeValue();
         this.onScrollResizeHandler = this.scrollResizeHandler.bind(this);
         if (isNOU(this.model)) {
             this.setProperties({ model: {} }, true);
@@ -396,7 +395,7 @@ var InPlaceEditor = /** @class */ (function (_super) {
         if (Object.keys(args.model).length > 0) {
             var btnEle = this.createElement('button', {
                 className: args.className,
-                attrs: { 'type': args.type, 'title': this.getLocale(args.title, args.constant) }
+                attrs: { 'type': args.type, 'title': (args.constant == "save") ? (isNOU(this.saveButton.content) ? this.getLocale(args.title, args.constant) : this.saveButton.content) : (isNOU(this.cancelButton.content) ? this.getLocale(args.title, args.constant) : this.cancelButton.content) }
             });
             args.container.appendChild(btnEle);
             btnObj = new Button(args.model, btnEle);