@syncfusion/ej2-inplace-editor 19.4.52 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
  3. package/CHANGELOG.md +1 -11
  4. package/README.md +1 -1
  5. package/dist/ej2-inplace-editor.umd.min.js +2 -2
  6. package/dist/ej2-inplace-editor.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-inplace-editor.es2015.js +5 -5
  8. package/dist/es6/ej2-inplace-editor.es2015.js.map +1 -1
  9. package/dist/es6/ej2-inplace-editor.es5.js +22 -23
  10. package/dist/es6/ej2-inplace-editor.es5.js.map +1 -1
  11. package/dist/global/ej2-inplace-editor.min.js +2 -2
  12. package/dist/global/ej2-inplace-editor.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/helpers/e2e/index.js +8 -6
  15. package/helpers/e2e/inplace-editor.js +74 -58
  16. package/package.json +16 -16
  17. package/src/inplace-editor/base/inplace-editor.d.ts +1 -0
  18. package/src/inplace-editor/base/inplace-editor.js +22 -23
  19. package/styles/bootstrap-dark.css +15 -138
  20. package/styles/bootstrap.css +16 -144
  21. package/styles/bootstrap4.css +26 -194
  22. package/styles/bootstrap5-dark.css +32 -146
  23. package/styles/bootstrap5.css +32 -146
  24. package/styles/fabric-dark.css +15 -136
  25. package/styles/fabric.css +15 -136
  26. package/styles/fluent-dark.css +749 -0
  27. package/styles/fluent-dark.scss +1 -0
  28. package/styles/fluent.css +749 -0
  29. package/styles/fluent.scss +1 -0
  30. package/styles/highcontrast-light.css +16 -171
  31. package/styles/highcontrast.css +16 -171
  32. package/styles/inplace-editor/_bootstrap-dark-definition.scss +1 -0
  33. package/styles/inplace-editor/_bootstrap-definition.scss +1 -0
  34. package/styles/inplace-editor/_bootstrap4-definition.scss +1 -0
  35. package/styles/inplace-editor/_bootstrap5-definition.scss +1 -0
  36. package/styles/inplace-editor/_fabric-dark-definition.scss +1 -0
  37. package/styles/inplace-editor/_fabric-definition.scss +1 -0
  38. package/styles/inplace-editor/_fluent-dark-definition.scss +1 -0
  39. package/styles/inplace-editor/_fluent-definition.scss +69 -0
  40. package/styles/inplace-editor/_fusionnew-definition.scss +68 -0
  41. package/styles/inplace-editor/_highcontrast-definition.scss +1 -0
  42. package/styles/inplace-editor/_highcontrast-light-definition.scss +1 -0
  43. package/styles/inplace-editor/_layout.scss +3 -4
  44. package/styles/inplace-editor/_material-dark-definition.scss +1 -0
  45. package/styles/inplace-editor/_material-definition.scss +1 -0
  46. package/styles/inplace-editor/_material3-definition.scss +68 -0
  47. package/styles/inplace-editor/_tailwind-definition.scss +1 -0
  48. package/styles/inplace-editor/_theme.scss +12 -1
  49. package/styles/inplace-editor/bootstrap-dark.css +15 -138
  50. package/styles/inplace-editor/bootstrap.css +16 -144
  51. package/styles/inplace-editor/bootstrap4.css +26 -194
  52. package/styles/inplace-editor/bootstrap5-dark.css +32 -146
  53. package/styles/inplace-editor/bootstrap5.css +32 -146
  54. package/styles/inplace-editor/fabric-dark.css +15 -136
  55. package/styles/inplace-editor/fabric.css +15 -136
  56. package/styles/inplace-editor/fluent-dark.css +749 -0
  57. package/styles/inplace-editor/fluent-dark.scss +26 -0
  58. package/styles/inplace-editor/fluent.css +749 -0
  59. package/styles/inplace-editor/fluent.scss +26 -0
  60. package/styles/inplace-editor/highcontrast-light.css +16 -171
  61. package/styles/inplace-editor/highcontrast.css +16 -171
  62. package/styles/inplace-editor/icons/_fluent-dark.scss +1 -0
  63. package/styles/inplace-editor/icons/_fluent.scss +19 -0
  64. package/styles/inplace-editor/icons/_fusionnew.scss +19 -0
  65. package/styles/inplace-editor/icons/_material3.scss +19 -0
  66. package/styles/inplace-editor/icons/_tailwind.scss +4 -4
  67. package/styles/inplace-editor/material-dark.css +11 -125
  68. package/styles/inplace-editor/material.css +11 -129
  69. package/styles/inplace-editor/tailwind-dark.css +17 -191
  70. package/styles/inplace-editor/tailwind.css +17 -191
  71. package/styles/material-dark.css +11 -125
  72. package/styles/material.css +11 -129
  73. package/styles/tailwind-dark.css +17 -191
  74. package/styles/tailwind.css +17 -191
@@ -289,29 +289,27 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
289
289
  * @param {string} element - Specifies the element for which In-place editor applies.
290
290
  */
291
291
  function InPlaceEditor(options, element) {
292
- var _this = _super.call(this, options, element) || this;
293
- _this.initRender = true;
294
- _this.isTemplate = false;
295
- _this.isVue = false;
296
- _this.isExtModule = false;
297
- _this.submitBtn = undefined;
298
- _this.cancelBtn = undefined;
299
- _this.isClearTarget = false;
300
- _this.btnElements = undefined;
301
- _this.dataManager = undefined;
302
- _this.oldValue = undefined;
303
- _this.divComponents = ['RTE', 'Slider'];
304
- _this.clearComponents = ['AutoComplete', 'Mask', 'Text'];
305
- _this.dateType = ['Date', 'DateTime', 'Time'];
306
- _this.inputDataEle = ['Date', 'DateTime', 'DateRange', 'Time', 'Numeric'];
307
- _this.dropDownEle = ['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'];
308
- _this.moduleList = ['AutoComplete', 'Color', 'ComboBox', 'DateRange', 'MultiSelect', 'RTE', 'Slider', 'Time'];
309
- /**
310
- * @hidden
311
- */
312
- _this.needsID = true;
313
- return _this;
292
+ return _super.call(this, options, element) || this;
314
293
  }
294
+ InPlaceEditor.prototype.initializeValue = function () {
295
+ this.needsID = true;
296
+ this.initRender = true;
297
+ this.isTemplate = false;
298
+ this.isVue = false;
299
+ this.isExtModule = false;
300
+ this.submitBtn = undefined;
301
+ this.cancelBtn = undefined;
302
+ this.isClearTarget = false;
303
+ this.btnElements = undefined;
304
+ this.dataManager = undefined;
305
+ this.oldValue = undefined;
306
+ this.divComponents = ['RTE', 'Slider'];
307
+ this.clearComponents = ['AutoComplete', 'Mask', 'Text'];
308
+ this.dateType = ['Date', 'DateTime', 'Time'];
309
+ this.inputDataEle = ['Date', 'DateTime', 'DateRange', 'Time', 'Numeric'];
310
+ this.dropDownEle = ['AutoComplete', 'ComboBox', 'DropDownList', 'MultiSelect'];
311
+ this.moduleList = ['AutoComplete', 'Color', 'ComboBox', 'DateRange', 'MultiSelect', 'RTE', 'Slider', 'Time'];
312
+ };
315
313
  /**
316
314
  * Initialize the event handler
317
315
  *
@@ -319,6 +317,7 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
319
317
  * @private
320
318
  */
321
319
  InPlaceEditor.prototype.preRender = function () {
320
+ this.initializeValue();
322
321
  this.onScrollResizeHandler = this.scrollResizeHandler.bind(this);
323
322
  if (isNullOrUndefined(this.model)) {
324
323
  this.setProperties({ model: {} }, true);
@@ -630,7 +629,7 @@ var InPlaceEditor = /** @__PURE__ @class */ (function (_super) {
630
629
  if (Object.keys(args.model).length > 0) {
631
630
  var btnEle = this.createElement('button', {
632
631
  className: args.className,
633
- attrs: { 'type': args.type, 'title': this.getLocale(args.title, args.constant) }
632
+ attrs: { 'type': args.type, 'title': (args.constant == "save") ? (isNullOrUndefined(this.saveButton.content) ? this.getLocale(args.title, args.constant) : this.saveButton.content) : (isNullOrUndefined(this.cancelButton.content) ? this.getLocale(args.title, args.constant) : this.cancelButton.content) }
634
633
  });
635
634
  args.container.appendChild(btnEle);
636
635
  btnObj = new Button(args.model, btnEle);