@syncfusion/ej2-richtexteditor 25.1.40 → 25.1.41-85815

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 (283) hide show
  1. package/.eslintrc.json +259 -259
  2. package/CHANGELOG.md +2067 -1973
  3. package/README.md +76 -76
  4. package/dist/ej2-richtexteditor.umd.min.js +1 -10
  5. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-richtexteditor.es2015.js +760 -307
  7. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  8. package/dist/es6/ej2-richtexteditor.es5.js +861 -405
  9. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  10. package/ej2-richtexteditor-component.sln +30 -0
  11. package/helpers/e2e/index.js +3 -3
  12. package/helpers/e2e/rte-helper.js +13 -13
  13. package/license +9 -9
  14. package/package.json +74 -74
  15. package/src/common/interface.d.ts +22 -8
  16. package/src/common/util.d.ts +8 -0
  17. package/src/common/util.js +56 -1
  18. package/src/editor-manager/base/classes.d.ts +1 -1
  19. package/src/editor-manager/base/classes.js +1 -1
  20. package/src/editor-manager/base/editor-manager.d.ts +3 -3
  21. package/src/editor-manager/base/editor-manager.js +8 -6
  22. package/src/editor-manager/base/enum.d.ts +2 -2
  23. package/src/editor-manager/base/interface.d.ts +9 -9
  24. package/src/editor-manager/base/types.d.ts +1 -1
  25. package/src/editor-manager/plugin/alignments.d.ts +2 -2
  26. package/src/editor-manager/plugin/alignments.js +5 -2
  27. package/src/editor-manager/plugin/audio.d.ts +3 -3
  28. package/src/editor-manager/plugin/audio.js +3 -3
  29. package/src/editor-manager/plugin/clearformat-exec.d.ts +2 -2
  30. package/src/editor-manager/plugin/clearformat-exec.js +2 -2
  31. package/src/editor-manager/plugin/clearformat.d.ts +1 -1
  32. package/src/editor-manager/plugin/clearformat.js +1 -1
  33. package/src/editor-manager/plugin/dom-node.d.ts +54 -34
  34. package/src/editor-manager/plugin/dom-node.js +139 -36
  35. package/src/editor-manager/plugin/format-painter-actions.d.ts +1 -1
  36. package/src/editor-manager/plugin/format-painter-actions.js +1 -1
  37. package/src/editor-manager/plugin/formats.d.ts +2 -2
  38. package/src/editor-manager/plugin/formats.js +3 -3
  39. package/src/editor-manager/plugin/image.d.ts +3 -3
  40. package/src/editor-manager/plugin/image.js +3 -3
  41. package/src/editor-manager/plugin/indents.d.ts +2 -2
  42. package/src/editor-manager/plugin/indents.js +5 -2
  43. package/src/editor-manager/plugin/insert-methods.d.ts +4 -4
  44. package/src/editor-manager/plugin/insert-methods.js +4 -4
  45. package/src/editor-manager/plugin/insert-text.d.ts +2 -2
  46. package/src/editor-manager/plugin/insert-text.js +2 -2
  47. package/src/editor-manager/plugin/inserthtml-exec.d.ts +2 -2
  48. package/src/editor-manager/plugin/inserthtml-exec.js +2 -2
  49. package/src/editor-manager/plugin/inserthtml.d.ts +2 -2
  50. package/src/editor-manager/plugin/inserthtml.js +13 -4
  51. package/src/editor-manager/plugin/isformatted.d.ts +8 -8
  52. package/src/editor-manager/plugin/isformatted.js +8 -8
  53. package/src/editor-manager/plugin/link.d.ts +2 -2
  54. package/src/editor-manager/plugin/link.js +2 -2
  55. package/src/editor-manager/plugin/lists.d.ts +2 -2
  56. package/src/editor-manager/plugin/lists.js +84 -61
  57. package/src/editor-manager/plugin/ms-word-clean-up.d.ts +1 -1
  58. package/src/editor-manager/plugin/ms-word-clean-up.js +4 -4
  59. package/src/editor-manager/plugin/nodecutter.d.ts +6 -6
  60. package/src/editor-manager/plugin/nodecutter.js +8 -8
  61. package/src/editor-manager/plugin/selection-commands.d.ts +1 -1
  62. package/src/editor-manager/plugin/selection-commands.js +1 -1
  63. package/src/editor-manager/plugin/selection-exec.d.ts +2 -2
  64. package/src/editor-manager/plugin/selection-exec.js +2 -2
  65. package/src/editor-manager/plugin/table.d.ts +2 -2
  66. package/src/editor-manager/plugin/table.js +2 -2
  67. package/src/editor-manager/plugin/toolbar-status.d.ts +2 -2
  68. package/src/editor-manager/plugin/toolbar-status.js +2 -2
  69. package/src/editor-manager/plugin/undo.d.ts +6 -6
  70. package/src/editor-manager/plugin/undo.js +9 -7
  71. package/src/editor-manager/plugin/video.d.ts +3 -3
  72. package/src/editor-manager/plugin/video.js +3 -3
  73. package/src/markdown-parser/base/interface.d.ts +10 -10
  74. package/src/markdown-parser/base/markdown-parser.d.ts +3 -3
  75. package/src/markdown-parser/base/markdown-parser.js +3 -3
  76. package/src/markdown-parser/base/types.d.ts +1 -1
  77. package/src/markdown-parser/plugin/clearformat.d.ts +2 -2
  78. package/src/markdown-parser/plugin/clearformat.js +2 -2
  79. package/src/markdown-parser/plugin/formats.d.ts +2 -2
  80. package/src/markdown-parser/plugin/formats.js +2 -2
  81. package/src/markdown-parser/plugin/insert-text.d.ts +2 -2
  82. package/src/markdown-parser/plugin/insert-text.js +2 -2
  83. package/src/markdown-parser/plugin/link.d.ts +2 -2
  84. package/src/markdown-parser/plugin/link.js +2 -2
  85. package/src/markdown-parser/plugin/markdown-selection.d.ts +14 -14
  86. package/src/markdown-parser/plugin/markdown-selection.js +14 -14
  87. package/src/markdown-parser/plugin/md-selection-formats.d.ts +1 -1
  88. package/src/markdown-parser/plugin/md-selection-formats.js +1 -1
  89. package/src/markdown-parser/plugin/table.d.ts +3 -3
  90. package/src/markdown-parser/plugin/table.js +3 -3
  91. package/src/markdown-parser/plugin/undo.d.ts +6 -6
  92. package/src/markdown-parser/plugin/undo.js +6 -6
  93. package/src/rich-text-editor/actions/base-quick-toolbar.d.ts +9 -9
  94. package/src/rich-text-editor/actions/base-quick-toolbar.js +9 -9
  95. package/src/rich-text-editor/actions/base-toolbar.d.ts +3 -3
  96. package/src/rich-text-editor/actions/base-toolbar.js +3 -3
  97. package/src/rich-text-editor/actions/color-picker.d.ts +2 -2
  98. package/src/rich-text-editor/actions/color-picker.js +2 -2
  99. package/src/rich-text-editor/actions/count.d.ts +3 -3
  100. package/src/rich-text-editor/actions/count.js +3 -3
  101. package/src/rich-text-editor/actions/dropdown-buttons.d.ts +2 -2
  102. package/src/rich-text-editor/actions/dropdown-buttons.js +2 -2
  103. package/src/rich-text-editor/actions/emoji-picker.d.ts +1 -1
  104. package/src/rich-text-editor/actions/emoji-picker.js +2 -2
  105. package/src/rich-text-editor/actions/enter-key.d.ts +5 -0
  106. package/src/rich-text-editor/actions/enter-key.js +107 -13
  107. package/src/rich-text-editor/actions/full-screen.d.ts +3 -3
  108. package/src/rich-text-editor/actions/full-screen.js +3 -9
  109. package/src/rich-text-editor/actions/html-editor.d.ts +5 -3
  110. package/src/rich-text-editor/actions/html-editor.js +106 -26
  111. package/src/rich-text-editor/actions/keyboard-model.d.ts +16 -16
  112. package/src/rich-text-editor/actions/keyboard.d.ts +1 -1
  113. package/src/rich-text-editor/actions/keyboard.js +20 -20
  114. package/src/rich-text-editor/actions/markdown-editor.d.ts +2 -2
  115. package/src/rich-text-editor/actions/markdown-editor.js +2 -2
  116. package/src/rich-text-editor/actions/paste-clean-up.d.ts +2 -1
  117. package/src/rich-text-editor/actions/paste-clean-up.js +57 -16
  118. package/src/rich-text-editor/actions/quick-toolbar.d.ts +9 -9
  119. package/src/rich-text-editor/actions/quick-toolbar.js +9 -9
  120. package/src/rich-text-editor/actions/toolbar.d.ts +13 -13
  121. package/src/rich-text-editor/actions/toolbar.js +13 -13
  122. package/src/rich-text-editor/actions/xhtml-validation.d.ts +1 -1
  123. package/src/rich-text-editor/actions/xhtml-validation.js +1 -1
  124. package/src/rich-text-editor/base/classes.d.ts +121 -121
  125. package/src/rich-text-editor/base/classes.js +121 -121
  126. package/src/rich-text-editor/base/constant.d.ts +158 -158
  127. package/src/rich-text-editor/base/constant.js +158 -158
  128. package/src/rich-text-editor/base/enum.d.ts +5 -5
  129. package/src/rich-text-editor/base/enum.js +10 -10
  130. package/src/rich-text-editor/base/interface.d.ts +53 -53
  131. package/src/rich-text-editor/base/interface.js +1 -1
  132. package/src/rich-text-editor/base/rich-text-editor-model.d.ts +891 -891
  133. package/src/rich-text-editor/base/rich-text-editor.d.ts +63 -61
  134. package/src/rich-text-editor/base/rich-text-editor.js +89 -67
  135. package/src/rich-text-editor/base/util.d.ts +1 -1
  136. package/src/rich-text-editor/base/util.js +1 -1
  137. package/src/rich-text-editor/formatter/formatter.d.ts +8 -8
  138. package/src/rich-text-editor/formatter/formatter.js +8 -8
  139. package/src/rich-text-editor/formatter/html-formatter.d.ts +2 -2
  140. package/src/rich-text-editor/formatter/html-formatter.js +15 -15
  141. package/src/rich-text-editor/formatter/markdown-formatter.d.ts +2 -2
  142. package/src/rich-text-editor/formatter/markdown-formatter.js +15 -15
  143. package/src/rich-text-editor/models/iframe-settings-model.d.ts +26 -26
  144. package/src/rich-text-editor/models/iframe-settings.js +19 -19
  145. package/src/rich-text-editor/models/inline-mode-model.d.ts +11 -11
  146. package/src/rich-text-editor/models/inline-mode.js +19 -19
  147. package/src/rich-text-editor/models/toolbar-settings-model.d.ts +760 -760
  148. package/src/rich-text-editor/models/toolbar-settings.js +19 -19
  149. package/src/rich-text-editor/renderer/audio-module.d.ts +1 -1
  150. package/src/rich-text-editor/renderer/audio-module.js +7 -2
  151. package/src/rich-text-editor/renderer/content-renderer.d.ts +6 -6
  152. package/src/rich-text-editor/renderer/content-renderer.js +6 -6
  153. package/src/rich-text-editor/renderer/dialog-renderer.d.ts +2 -2
  154. package/src/rich-text-editor/renderer/dialog-renderer.js +2 -2
  155. package/src/rich-text-editor/renderer/iframe-content-renderer.d.ts +4 -4
  156. package/src/rich-text-editor/renderer/iframe-content-renderer.js +18 -18
  157. package/src/rich-text-editor/renderer/image-module.d.ts +1 -1
  158. package/src/rich-text-editor/renderer/image-module.js +13 -8
  159. package/src/rich-text-editor/renderer/link-module.d.ts +1 -1
  160. package/src/rich-text-editor/renderer/link-module.js +4 -1
  161. package/src/rich-text-editor/renderer/markdown-renderer.d.ts +6 -6
  162. package/src/rich-text-editor/renderer/markdown-renderer.js +6 -6
  163. package/src/rich-text-editor/renderer/popup-renderer.d.ts +5 -5
  164. package/src/rich-text-editor/renderer/popup-renderer.js +5 -5
  165. package/src/rich-text-editor/renderer/render.d.ts +2 -2
  166. package/src/rich-text-editor/renderer/render.js +2 -2
  167. package/src/rich-text-editor/renderer/table-module.d.ts +1 -1
  168. package/src/rich-text-editor/renderer/table-module.js +6 -2
  169. package/src/rich-text-editor/renderer/toolbar-renderer.d.ts +11 -9
  170. package/src/rich-text-editor/renderer/toolbar-renderer.js +23 -19
  171. package/src/rich-text-editor/renderer/video-module.d.ts +1 -1
  172. package/src/rich-text-editor/renderer/video-module.js +7 -2
  173. package/src/rich-text-editor/renderer/view-source.d.ts +6 -6
  174. package/src/rich-text-editor/renderer/view-source.js +6 -6
  175. package/src/rich-text-editor/services/renderer-factory.d.ts +3 -3
  176. package/src/rich-text-editor/services/renderer-factory.js +3 -3
  177. package/src/rich-text-editor/services/service-locator.d.ts +3 -3
  178. package/src/rich-text-editor/services/service-locator.js +3 -3
  179. package/src/selection/selection.d.ts +22 -22
  180. package/src/selection/selection.js +22 -22
  181. package/styles/_all.scss +1 -1
  182. package/styles/bootstrap-dark.css +739 -801
  183. package/styles/bootstrap-dark.scss +4 -1
  184. package/styles/bootstrap.css +723 -801
  185. package/styles/bootstrap.scss +4 -1
  186. package/styles/bootstrap4.css +726 -803
  187. package/styles/bootstrap4.scss +4 -1
  188. package/styles/bootstrap5-dark.css +750 -840
  189. package/styles/bootstrap5-dark.scss +4 -1
  190. package/styles/bootstrap5.css +749 -839
  191. package/styles/bootstrap5.scss +4 -1
  192. package/styles/fabric-dark.css +724 -797
  193. package/styles/fabric-dark.scss +4 -1
  194. package/styles/fabric.css +720 -797
  195. package/styles/fabric.scss +4 -1
  196. package/styles/fluent-dark.css +727 -820
  197. package/styles/fluent-dark.scss +4 -1
  198. package/styles/fluent.css +726 -819
  199. package/styles/fluent.scss +4 -1
  200. package/styles/fluent2.css +4255 -0
  201. package/styles/fluent2.scss +4 -0
  202. package/styles/highcontrast-light.css +695 -795
  203. package/styles/highcontrast-light.scss +4 -1
  204. package/styles/highcontrast.css +717 -797
  205. package/styles/highcontrast.scss +4 -1
  206. package/styles/material-dark.css +716 -798
  207. package/styles/material-dark.scss +4 -1
  208. package/styles/material.css +713 -800
  209. package/styles/material.scss +4 -1
  210. package/styles/material3-dark.css +751 -857
  211. package/styles/material3-dark.scss +4 -1
  212. package/styles/material3.css +751 -857
  213. package/styles/material3.scss +4 -1
  214. package/styles/rich-text-editor/_all.scss +2 -2
  215. package/styles/rich-text-editor/_bds-definition.scss +290 -285
  216. package/styles/rich-text-editor/_bigger.scss +610 -0
  217. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +291 -287
  218. package/styles/rich-text-editor/_bootstrap-definition.scss +349 -343
  219. package/styles/rich-text-editor/_bootstrap4-definition.scss +476 -470
  220. package/styles/rich-text-editor/_bootstrap5-definition.scss +278 -272
  221. package/styles/rich-text-editor/_bootstrap5.3-definition.scss +278 -0
  222. package/styles/rich-text-editor/_fabric-dark-definition.scss +275 -269
  223. package/styles/rich-text-editor/_fabric-definition.scss +273 -267
  224. package/styles/rich-text-editor/_fluent-definition.scss +279 -273
  225. package/styles/rich-text-editor/_fluent2-definition.scss +287 -0
  226. package/styles/rich-text-editor/_fusionnew-definition.scss +276 -271
  227. package/styles/rich-text-editor/_highcontrast-definition.scss +274 -267
  228. package/styles/rich-text-editor/_highcontrast-light-definition.scss +273 -267
  229. package/styles/rich-text-editor/_layout.scss +2175 -2268
  230. package/styles/rich-text-editor/_material-dark-definition.scss +278 -272
  231. package/styles/rich-text-editor/_material-definition.scss +276 -270
  232. package/styles/rich-text-editor/_material3-definition.scss +278 -272
  233. package/styles/rich-text-editor/_tailwind-definition.scss +273 -267
  234. package/styles/rich-text-editor/_tailwind4-definition.scss +278 -0
  235. package/styles/rich-text-editor/_theme.scss +844 -927
  236. package/styles/rich-text-editor/bootstrap-dark.css +739 -801
  237. package/styles/rich-text-editor/bootstrap.css +723 -801
  238. package/styles/rich-text-editor/bootstrap4.css +726 -803
  239. package/styles/rich-text-editor/bootstrap5-dark.css +750 -840
  240. package/styles/rich-text-editor/bootstrap5.css +749 -839
  241. package/styles/rich-text-editor/fabric-dark.css +724 -797
  242. package/styles/rich-text-editor/fabric.css +720 -797
  243. package/styles/rich-text-editor/fluent-dark.css +727 -820
  244. package/styles/rich-text-editor/fluent.css +726 -819
  245. package/styles/rich-text-editor/fluent2.css +4255 -0
  246. package/styles/rich-text-editor/fluent2.scss +4 -0
  247. package/styles/rich-text-editor/highcontrast-light.css +695 -795
  248. package/styles/rich-text-editor/highcontrast.css +717 -797
  249. package/styles/rich-text-editor/icons/_bds.scss +372 -351
  250. package/styles/rich-text-editor/icons/_bootstrap-dark.scss +373 -352
  251. package/styles/rich-text-editor/icons/_bootstrap.scss +373 -352
  252. package/styles/rich-text-editor/icons/_bootstrap4.scss +373 -352
  253. package/styles/rich-text-editor/icons/_bootstrap5.3.scss +372 -0
  254. package/styles/rich-text-editor/icons/_bootstrap5.scss +372 -351
  255. package/styles/rich-text-editor/icons/_fabric-dark.scss +373 -352
  256. package/styles/rich-text-editor/icons/_fabric.scss +373 -352
  257. package/styles/rich-text-editor/icons/_fluent.scss +372 -351
  258. package/styles/rich-text-editor/icons/_fluent2.scss +369 -0
  259. package/styles/rich-text-editor/icons/_fusionnew.scss +357 -348
  260. package/styles/rich-text-editor/icons/_highcontrast-light.scss +361 -352
  261. package/styles/rich-text-editor/icons/_highcontrast.scss +373 -352
  262. package/styles/rich-text-editor/icons/_material-dark.scss +373 -352
  263. package/styles/rich-text-editor/icons/_material.scss +373 -352
  264. package/styles/rich-text-editor/icons/_material3.scss +372 -351
  265. package/styles/rich-text-editor/icons/_tailwind.scss +372 -351
  266. package/styles/rich-text-editor/icons/_tailwind4.scss +372 -0
  267. package/styles/rich-text-editor/material-dark.css +716 -798
  268. package/styles/rich-text-editor/material.css +713 -800
  269. package/styles/rich-text-editor/material3-dark.css +751 -857
  270. package/styles/rich-text-editor/material3-dark.scss +1 -1
  271. package/styles/rich-text-editor/material3.css +751 -857
  272. package/styles/rich-text-editor/material3.scss +1 -1
  273. package/styles/rich-text-editor/tailwind-dark.css +740 -829
  274. package/styles/rich-text-editor/tailwind.css +740 -829
  275. package/styles/tailwind-dark.css +740 -829
  276. package/styles/tailwind-dark.scss +4 -1
  277. package/styles/tailwind.css +740 -829
  278. package/styles/tailwind.scss +4 -1
  279. package/dist/ej2-richtexteditor.min.js +0 -10
  280. package/dist/global/ej2-richtexteditor.min.js +0 -11
  281. package/dist/global/ej2-richtexteditor.min.js.map +0 -1
  282. package/dist/global/index.d.ts +0 -14
  283. package/tslint.json +0 -111
@@ -1644,15 +1644,15 @@ var DialogType;
1644
1644
  /**
1645
1645
  * Defines types to be used as inserted image.
1646
1646
  */
1647
- var UploadRequest;
1648
- (function (UploadRequest) {
1649
- /** Defines UploadRequest as Uploaded */
1650
- UploadRequest["Uploaded"] = "Uploaded";
1651
- /** Defines UploadRequest as Dropped */
1652
- UploadRequest["Dropped"] = "Dropped";
1653
- /** Defines UploadRequest as Pasted */
1654
- UploadRequest["Pasted"] = "Pasted";
1655
- })(UploadRequest || (UploadRequest = {}));
1647
+ var ImageInputSource;
1648
+ (function (ImageInputSource) {
1649
+ /** Defines ImageInputSource as Uploaded */
1650
+ ImageInputSource["Uploaded"] = "Uploaded";
1651
+ /** Defines ImageInputSource as Dropped */
1652
+ ImageInputSource["Dropped"] = "Dropped";
1653
+ /** Defines ImageInputSource as Pasted */
1654
+ ImageInputSource["Pasted"] = "Pasted";
1655
+ })(ImageInputSource || (ImageInputSource = {}));
1656
1656
 
1657
1657
  /* eslint-disable */
1658
1658
  /**
@@ -3570,7 +3570,7 @@ function updateDropDownFontFormatLocale(self) {
3570
3570
  * @hidden
3571
3571
  * @deprecated
3572
3572
  */
3573
- var IsFormatted = /** @__PURE__ @class */ (function () {
3573
+ var IsFormatted = /** @class */ (function () {
3574
3574
  function IsFormatted() {
3575
3575
  }
3576
3576
  /**
@@ -3916,7 +3916,7 @@ var PASTE_SOURCE = ['word', 'excel', 'onenote'];
3916
3916
  /**
3917
3917
  * `Selection` module is used to handle RTE Selections.
3918
3918
  */
3919
- var NodeSelection = /** @__PURE__ @class */ (function () {
3919
+ var NodeSelection = /** @class */ (function () {
3920
3920
  function NodeSelection() {
3921
3921
  this.startNodeName = [];
3922
3922
  this.endNodeName = [];
@@ -4476,6 +4476,10 @@ function updateTextNode$1(value, enterAction) {
4476
4476
  tableElm[i].classList.remove('e-rte-paste-onenote-table');
4477
4477
  continue;
4478
4478
  }
4479
+ else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
4480
+ tableElm[i].classList.remove('e-rte-paste-html-table');
4481
+ continue;
4482
+ }
4479
4483
  }
4480
4484
  }
4481
4485
  var imageElm = resultElm.querySelectorAll('img');
@@ -4569,17 +4573,68 @@ function nestedListCleanUp(range) {
4569
4573
  item.remove();
4570
4574
  });
4571
4575
  }
4576
+ else {
4577
+ break;
4578
+ }
4572
4579
  }
4573
4580
  var liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
4574
4581
  if (liElem.length > 0) {
4575
4582
  liElem.forEach(function (item) {
4576
- if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
4583
+ if (!isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL")) {
4577
4584
  item.style.listStyleType = "none";
4578
4585
  }
4579
4586
  });
4580
4587
  }
4581
4588
  }
4582
4589
  }
4590
+ /**
4591
+ * Method to scroll the content to the cursor position
4592
+ *
4593
+ * @param {Document} document - specifies the document.
4594
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
4595
+ * @returns {void}
4596
+ */
4597
+ function scrollToCursor(document, inputElement) {
4598
+ var rootElement = inputElement.nodeName === 'BODY' ?
4599
+ inputElement.ownerDocument.defaultView.frameElement.closest('.e-richtexteditor') :
4600
+ inputElement.closest('.e-richtexteditor');
4601
+ var height = rootElement.style.height;
4602
+ if (document.getSelection().rangeCount === 0) {
4603
+ return;
4604
+ }
4605
+ var range = document.getSelection().getRangeAt(0);
4606
+ var finalFocusElement = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
4607
+ range.startContainer;
4608
+ var rect = finalFocusElement.getBoundingClientRect();
4609
+ var cursorTop = rect.top;
4610
+ var cursorBottom = rect.bottom;
4611
+ var rootRect = rootElement.getBoundingClientRect();
4612
+ var hasMargin = rootElement.querySelectorAll('.e-count-enabled, .e-resize-enabled').length > 0;
4613
+ if (inputElement.nodeName === 'BODY') {
4614
+ if (height === 'auto') {
4615
+ if (window.innerHeight < cursorTop) {
4616
+ finalFocusElement.scrollIntoView(false);
4617
+ }
4618
+ }
4619
+ else {
4620
+ if (cursorTop > inputElement.getBoundingClientRect().height) {
4621
+ finalFocusElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
4622
+ }
4623
+ }
4624
+ }
4625
+ else {
4626
+ if (height === 'auto') {
4627
+ if (window.innerHeight < cursorTop) {
4628
+ finalFocusElement.scrollIntoView({ block: 'end', inline: 'nearest' });
4629
+ }
4630
+ }
4631
+ else {
4632
+ if (cursorBottom > rootRect.bottom) {
4633
+ rootElement.querySelector('.e-rte-content').scrollTop += (cursorBottom - rootRect.bottom) + (hasMargin ? 20 : 0);
4634
+ }
4635
+ }
4636
+ }
4637
+ }
4583
4638
 
4584
4639
  /**
4585
4640
  * Update Toolbar Status
@@ -4588,7 +4643,7 @@ function nestedListCleanUp(range) {
4588
4643
  * @deprecated
4589
4644
  */
4590
4645
  var statusCollection = getDefaultHtmlTbStatus();
4591
- var ToolbarStatus = /** @__PURE__ @class */ (function () {
4646
+ var ToolbarStatus = /** @class */ (function () {
4592
4647
  function ToolbarStatus() {
4593
4648
  }
4594
4649
  /**
@@ -4957,7 +5012,7 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
4957
5012
  * @hidden
4958
5013
  * @deprecated
4959
5014
  */
4960
- var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5015
+ var ToolbarRenderer = /** @class */ (function () {
4961
5016
  /**
4962
5017
  * Constructor for toolbar renderer module
4963
5018
  *
@@ -5095,6 +5150,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5095
5150
  openDelay: 400,
5096
5151
  opensOn: 'Hover',
5097
5152
  beforeRender: this.tooltipBeforeRender.bind(this),
5153
+ beforeOpen: this.tooltipBeforeOpen.bind(this),
5098
5154
  cssClass: this.parent.getCssClass(),
5099
5155
  windowCollision: true,
5100
5156
  position: 'BottomCenter'
@@ -5217,7 +5273,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5217
5273
  if ((divNode.textContent.trim() !== ''
5218
5274
  && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) ||
5219
5275
  ((args.items[0].command === 'Formats' && !isNullOrUndefined(toolbarStatus.formats) && _this.parent.format.types[index].value.toLowerCase() === toolbarStatus.formats.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.format.types[index].cssClass))
5220
- || (args.items[0].command === 'Font' && !isNullOrUndefined(toolbarStatus.fontname) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
5276
+ || (args.items[0].subCommand === 'FontName' && args.items[0].command === 'Font' && !isNullOrUndefined(toolbarStatus.fontname) && !isNullOrUndefined(_this.parent.fontFamily.items[index]) && _this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(_this.parent.fontFamily.items[index].cssClass)))) {
5221
5277
  if (!args.element.childNodes[index].classList.contains('e-active')) {
5222
5278
  addClass([args.element.childNodes[index]], 'e-active');
5223
5279
  }
@@ -5403,8 +5459,6 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5403
5459
  target: colorPicker.element.parentElement, cssClass: css,
5404
5460
  enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
5405
5461
  beforeOpen: function (dropDownArgs) {
5406
- colorPicker.inline = true;
5407
- colorPicker.dataBind();
5408
5462
  if (proxy.parent.readonly || !proxy.parent.enabled) {
5409
5463
  dropDownArgs.cancel = true;
5410
5464
  return;
@@ -5543,14 +5597,18 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5543
5597
  var colorPicker = new ColorPicker({
5544
5598
  enablePersistence: this.parent.enablePersistence,
5545
5599
  enableRtl: this.parent.enableRtl,
5546
- inline: false,
5547
- value: '#fff',
5600
+ inline: true,
5601
+ value: null,
5602
+ cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
5548
5603
  created: function () {
5549
5604
  var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
5550
- colorPicker.setProperties({ value: value });
5605
+ colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
5606
+ colorPicker.value = value;
5551
5607
  },
5552
5608
  mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
5553
5609
  modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
5610
+ presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
5611
+ columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
5554
5612
  beforeTileRender: function (args) {
5555
5613
  args.element.classList.add(CLS_COLOR_PALETTE);
5556
5614
  args.element.classList.add(CLS_CUSTOM_TILE);
@@ -5595,14 +5653,15 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5595
5653
  }
5596
5654
  });
5597
5655
  colorPicker.isStringTemplate = true;
5598
- colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
5599
- colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
5600
- this.parent.fontColor.colorCode;
5601
- colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
5602
5656
  colorPicker.createElement = this.parent.createElement;
5603
5657
  colorPicker.appendTo(document.getElementById(args.target));
5604
5658
  return colorPicker;
5605
5659
  };
5660
+ ToolbarRenderer.prototype.tooltipBeforeOpen = function (args) {
5661
+ if (args.element) {
5662
+ args.element.setAttribute('data-rte-id', this.parent.getID());
5663
+ }
5664
+ };
5606
5665
  /**
5607
5666
  * The function is used to render Rich Text Editor toolbar
5608
5667
  *
@@ -5640,7 +5699,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
5640
5699
  /**
5641
5700
  * `Toolbar` module is used to handle Toolbar actions.
5642
5701
  */
5643
- var BaseToolbar = /** @__PURE__ @class */ (function () {
5702
+ var BaseToolbar = /** @class */ (function () {
5644
5703
  function BaseToolbar(parent, serviceLocator) {
5645
5704
  this.tools = {};
5646
5705
  this.parent = parent;
@@ -5848,7 +5907,7 @@ var BaseToolbar = /** @__PURE__ @class */ (function () {
5848
5907
  /**
5849
5908
  * `Toolbar` module is used to handle Toolbar actions.
5850
5909
  */
5851
- var DropDownButtons = /** @__PURE__ @class */ (function () {
5910
+ var DropDownButtons = /** @class */ (function () {
5852
5911
  function DropDownButtons(parent, serviceLocator) {
5853
5912
  this.parent = parent;
5854
5913
  this.locator = serviceLocator;
@@ -6379,7 +6438,7 @@ var DropDownButtons = /** @__PURE__ @class */ (function () {
6379
6438
  * @hidden
6380
6439
  * @deprecated
6381
6440
  */
6382
- var ServiceLocator = /** @__PURE__ @class */ (function () {
6441
+ var ServiceLocator = /** @class */ (function () {
6383
6442
  function ServiceLocator() {
6384
6443
  this.services = {};
6385
6444
  }
@@ -6423,7 +6482,7 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
6423
6482
  * @hidden
6424
6483
  * @deprecated
6425
6484
  */
6426
- var RendererFactory = /** @__PURE__ @class */ (function () {
6485
+ var RendererFactory = /** @class */ (function () {
6427
6486
  function RendererFactory() {
6428
6487
  this.rendererMap = {};
6429
6488
  }
@@ -6466,7 +6525,7 @@ var RendererFactory = /** @__PURE__ @class */ (function () {
6466
6525
  /**
6467
6526
  * `ToolbarAction` module is used to toolbar click action
6468
6527
  */
6469
- var ToolbarAction = /** @__PURE__ @class */ (function () {
6528
+ var ToolbarAction = /** @class */ (function () {
6470
6529
  function ToolbarAction(parent) {
6471
6530
  this.parent = parent;
6472
6531
  this.addEventListener();
@@ -6540,7 +6599,7 @@ var ToolbarAction = /** @__PURE__ @class */ (function () {
6540
6599
  /**
6541
6600
  * `Toolbar` module is used to handle Toolbar actions.
6542
6601
  */
6543
- var Toolbar$2 = /** @__PURE__ @class */ (function () {
6602
+ var Toolbar$2 = /** @class */ (function () {
6544
6603
  function Toolbar$$1(parent, serviceLocator) {
6545
6604
  this.tools = {};
6546
6605
  this.parent = parent;
@@ -7179,25 +7238,25 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
7179
7238
  return Toolbar$$1;
7180
7239
  }());
7181
7240
 
7182
- var __extends = (undefined && undefined.__extends) || (function () {
7183
- var extendStatics = function (d, b) {
7184
- extendStatics = Object.setPrototypeOf ||
7185
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
7186
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7187
- return extendStatics(d, b);
7188
- };
7189
- return function (d, b) {
7190
- extendStatics(d, b);
7191
- function __() { this.constructor = d; }
7192
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
7193
- };
7194
- })();
7195
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7196
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
7197
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7198
- 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;
7199
- return c > 3 && r && Object.defineProperty(target, key, r), r;
7200
- };
7241
+ var __extends = (undefined && undefined.__extends) || (function () {
7242
+ var extendStatics = function (d, b) {
7243
+ extendStatics = Object.setPrototypeOf ||
7244
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
7245
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7246
+ return extendStatics(d, b);
7247
+ };
7248
+ return function (d, b) {
7249
+ extendStatics(d, b);
7250
+ function __() { this.constructor = d; }
7251
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
7252
+ };
7253
+ })();
7254
+ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
7255
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
7256
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7257
+ 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;
7258
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
7259
+ };
7201
7260
  var keyCode = {
7202
7261
  'backspace': 8,
7203
7262
  'tab': 9,
@@ -7267,7 +7326,7 @@ var keyCode = {
7267
7326
  * @hidden
7268
7327
  * @deprecated
7269
7328
  */
7270
- var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
7329
+ var KeyboardEvents$1 = /** @class */ (function (_super) {
7271
7330
  __extends(KeyboardEvents$$1, _super);
7272
7331
  /**
7273
7332
  * Initializes the KeyboardEvents
@@ -7410,7 +7469,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
7410
7469
  /**
7411
7470
  * `Color Picker` module is used to handle ColorPicker actions.
7412
7471
  */
7413
- var ColorPickerInput = /** @__PURE__ @class */ (function () {
7472
+ var ColorPickerInput = /** @class */ (function () {
7414
7473
  function ColorPickerInput(parent, serviceLocator) {
7415
7474
  this.tools = {};
7416
7475
  this.parent = parent;
@@ -7663,7 +7722,7 @@ var ColorPickerInput = /** @__PURE__ @class */ (function () {
7663
7722
  /**
7664
7723
  * `Quick toolbar` module is used to handle Quick toolbar actions.
7665
7724
  */
7666
- var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
7725
+ var BaseQuickToolbar = /** @class */ (function () {
7667
7726
  function BaseQuickToolbar(parent, locator) {
7668
7727
  this.parent = parent;
7669
7728
  this.locator = locator;
@@ -8145,7 +8204,7 @@ var BaseQuickToolbar = /** @__PURE__ @class */ (function () {
8145
8204
  * @hidden
8146
8205
  * @deprecated
8147
8206
  */
8148
- var PopupRenderer = /** @__PURE__ @class */ (function () {
8207
+ var PopupRenderer = /** @class */ (function () {
8149
8208
  /**
8150
8209
  * Constructor for popup renderer module
8151
8210
  *
@@ -8214,7 +8273,7 @@ var PopupRenderer = /** @__PURE__ @class */ (function () {
8214
8273
  /**
8215
8274
  * `Quick toolbar` module is used to handle Quick toolbar actions.
8216
8275
  */
8217
- var QuickToolbar = /** @__PURE__ @class */ (function () {
8276
+ var QuickToolbar = /** @class */ (function () {
8218
8277
  function QuickToolbar(parent, locator) {
8219
8278
  this.debounceTimeout = 1000;
8220
8279
  this.parent = parent;
@@ -8831,7 +8890,7 @@ var QuickToolbar = /** @__PURE__ @class */ (function () {
8831
8890
  /**
8832
8891
  * `Count` module is used to handle Count actions.
8833
8892
  */
8834
- var Count = /** @__PURE__ @class */ (function () {
8893
+ var Count = /** @class */ (function () {
8835
8894
  function Count(parent, serviceLocator) {
8836
8895
  this.parent = parent;
8837
8896
  this.locator = serviceLocator;
@@ -8959,7 +9018,7 @@ var Count = /** @__PURE__ @class */ (function () {
8959
9018
  * @hidden
8960
9019
  * @deprecated
8961
9020
  */
8962
- var MarkdownSelection = /** @__PURE__ @class */ (function () {
9021
+ var MarkdownSelection = /** @class */ (function () {
8963
9022
  function MarkdownSelection() {
8964
9023
  }
8965
9024
  /**
@@ -9175,7 +9234,7 @@ var MarkdownSelection = /** @__PURE__ @class */ (function () {
9175
9234
  /**
9176
9235
  * MarkdownToolbarStatus module for refresh the toolbar status
9177
9236
  */
9178
- var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
9237
+ var MarkdownToolbarStatus = /** @class */ (function () {
9179
9238
  function MarkdownToolbarStatus(parent) {
9180
9239
  this.toolbarStatus = this.prevToolbarStatus = getDefaultMDTbStatus();
9181
9240
  this.selection = new MarkdownSelection();
@@ -9298,7 +9357,7 @@ var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
9298
9357
  /**
9299
9358
  * `ExecCommandCallBack` module is used to run the editor manager command
9300
9359
  */
9301
- var ExecCommandCallBack = /** @__PURE__ @class */ (function () {
9360
+ var ExecCommandCallBack = /** @class */ (function () {
9302
9361
  function ExecCommandCallBack(parent) {
9303
9362
  this.parent = parent;
9304
9363
  this.addEventListener();
@@ -9428,7 +9487,7 @@ var MOUSE_DOWN = 'mouseDown';
9428
9487
  * @hidden
9429
9488
  * @deprecated
9430
9489
  */
9431
- var Formatter = /** @__PURE__ @class */ (function () {
9490
+ var Formatter = /** @class */ (function () {
9432
9491
  function Formatter() {
9433
9492
  }
9434
9493
  /**
@@ -9737,7 +9796,7 @@ var INSERT_TEXT_COMMAND = 'insert-text';
9737
9796
  *
9738
9797
  * @hidden
9739
9798
  */
9740
- var MDLists = /** @__PURE__ @class */ (function () {
9799
+ var MDLists = /** @class */ (function () {
9741
9800
  /**
9742
9801
  * Constructor for creating the Lists plugin
9743
9802
  *
@@ -10208,7 +10267,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
10208
10267
  * @hidden
10209
10268
  * @deprecated
10210
10269
  */
10211
- var MDFormats = /** @__PURE__ @class */ (function () {
10270
+ var MDFormats = /** @class */ (function () {
10212
10271
  /**
10213
10272
  * Constructor for creating the Formats plugin
10214
10273
  *
@@ -10436,7 +10495,7 @@ var MDFormats = /** @__PURE__ @class */ (function () {
10436
10495
  * @hidden
10437
10496
  * @deprecated
10438
10497
  */
10439
- var MDSelectionFormats = /** @__PURE__ @class */ (function () {
10498
+ var MDSelectionFormats = /** @class */ (function () {
10440
10499
  function MDSelectionFormats(parent) {
10441
10500
  extend(this, this, parent, true);
10442
10501
  this.selection = this.parent.markdownSelection;
@@ -10906,7 +10965,7 @@ var imageResizeFactor = {
10906
10965
  /**
10907
10966
  * `Undo` module is used to handle undo actions.
10908
10967
  */
10909
- var UndoRedoCommands = /** @__PURE__ @class */ (function () {
10968
+ var UndoRedoCommands = /** @class */ (function () {
10910
10969
  function UndoRedoCommands(parent, options) {
10911
10970
  this.undoRedoStack = [];
10912
10971
  this.parent = parent;
@@ -11101,7 +11160,7 @@ var UndoRedoCommands = /** @__PURE__ @class */ (function () {
11101
11160
  * @hidden
11102
11161
  * @deprecated
11103
11162
  */
11104
- var MDLink = /** @__PURE__ @class */ (function () {
11163
+ var MDLink = /** @class */ (function () {
11105
11164
  /**
11106
11165
  * Constructor for creating the Formats plugin
11107
11166
  *
@@ -11152,7 +11211,7 @@ var MDLink = /** @__PURE__ @class */ (function () {
11152
11211
  * @hidden
11153
11212
  * @deprecated
11154
11213
  */
11155
- var MDTable = /** @__PURE__ @class */ (function () {
11214
+ var MDTable = /** @class */ (function () {
11156
11215
  /**
11157
11216
  * Constructor for creating the Formats plugin
11158
11217
  *
@@ -11381,7 +11440,7 @@ var MDTable = /** @__PURE__ @class */ (function () {
11381
11440
  * @hidden
11382
11441
  * @deprecated
11383
11442
  */
11384
- var ClearFormat = /** @__PURE__ @class */ (function () {
11443
+ var ClearFormat = /** @class */ (function () {
11385
11444
  /**
11386
11445
  * Constructor for creating the clear format plugin
11387
11446
  *
@@ -11499,7 +11558,7 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
11499
11558
  * @hidden
11500
11559
  * @deprecated
11501
11560
  */
11502
- var MDInsertText = /** @__PURE__ @class */ (function () {
11561
+ var MDInsertText = /** @class */ (function () {
11503
11562
  /**
11504
11563
  * Constructor for creating the insert text plugin
11505
11564
  *
@@ -11549,7 +11608,7 @@ var MDInsertText = /** @__PURE__ @class */ (function () {
11549
11608
  * @hidden
11550
11609
  * @deprecated
11551
11610
  */
11552
- var MarkdownParser = /** @__PURE__ @class */ (function () {
11611
+ var MarkdownParser = /** @class */ (function () {
11553
11612
  /**
11554
11613
  * Constructor for creating the component
11555
11614
  *
@@ -11645,26 +11704,26 @@ var MarkdownParser = /** @__PURE__ @class */ (function () {
11645
11704
  return MarkdownParser;
11646
11705
  }());
11647
11706
 
11648
- var __extends$1 = (undefined && undefined.__extends) || (function () {
11649
- var extendStatics = function (d, b) {
11650
- extendStatics = Object.setPrototypeOf ||
11651
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
11652
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
11653
- return extendStatics(d, b);
11654
- };
11655
- return function (d, b) {
11656
- extendStatics(d, b);
11657
- function __() { this.constructor = d; }
11658
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
11659
- };
11660
- })();
11707
+ var __extends$1 = (undefined && undefined.__extends) || (function () {
11708
+ var extendStatics = function (d, b) {
11709
+ extendStatics = Object.setPrototypeOf ||
11710
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
11711
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
11712
+ return extendStatics(d, b);
11713
+ };
11714
+ return function (d, b) {
11715
+ extendStatics(d, b);
11716
+ function __() { this.constructor = d; }
11717
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
11718
+ };
11719
+ })();
11661
11720
  /**
11662
11721
  * Markdown adapter
11663
11722
  *
11664
11723
  * @hidden
11665
11724
  * @deprecated
11666
11725
  */
11667
- var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
11726
+ var MarkdownFormatter = /** @class */ (function (_super) {
11668
11727
  __extends$1(MarkdownFormatter, _super);
11669
11728
  function MarkdownFormatter(options) {
11670
11729
  var _this = _super.call(this) || this;
@@ -11711,7 +11770,7 @@ var MarkdownFormatter = /** @__PURE__ @class */ (function (_super) {
11711
11770
  * @hidden
11712
11771
  * @deprecated
11713
11772
  */
11714
- var MarkdownRender = /** @__PURE__ @class */ (function () {
11773
+ var MarkdownRender = /** @class */ (function () {
11715
11774
  /**
11716
11775
  * Constructor for content renderer module
11717
11776
  *
@@ -11794,7 +11853,7 @@ var MarkdownRender = /** @__PURE__ @class */ (function () {
11794
11853
  /**
11795
11854
  * `MarkdownEditor` module is used to markdown editor
11796
11855
  */
11797
- var MarkdownEditor = /** @__PURE__ @class */ (function () {
11856
+ var MarkdownEditor = /** @class */ (function () {
11798
11857
  function MarkdownEditor(parent, serviceLocator) {
11799
11858
  this.parent = parent;
11800
11859
  this.locator = serviceLocator;
@@ -11985,7 +12044,7 @@ var markerClassName = {
11985
12044
  * @hidden
11986
12045
  * @deprecated
11987
12046
  */
11988
- var DOMNode = /** @__PURE__ @class */ (function () {
12047
+ var DOMNode = /** @class */ (function () {
11989
12048
  /**
11990
12049
  * Constructor for creating the DOMNode plugin
11991
12050
  *
@@ -12290,7 +12349,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
12290
12349
  DOMNode.prototype.unWrap = function (element) {
12291
12350
  var parent = element.parentNode;
12292
12351
  var unWrapNode = [];
12293
- while (element.firstChild) {
12352
+ while (element.firstChild && (element.previousSibling !== this.parent.querySelector('.e-mention-chip') || element.textContent !== ' ')) {
12294
12353
  unWrapNode.push(element.firstChild);
12295
12354
  parent.insertBefore(element.firstChild, element);
12296
12355
  }
@@ -12640,6 +12699,109 @@ var DOMNode = /** @__PURE__ @class */ (function () {
12640
12699
  }
12641
12700
  return null;
12642
12701
  };
12702
+ /**
12703
+ * Method to wrap the inline and text node with block node.
12704
+ *
12705
+ * @param {HTMLElement} node - specifies the element sent to wrap the node around it with block nodes.
12706
+ * @param {string} wrapperElement - specifies which block nodes to wrap around.
12707
+ * @returns {HTMLElement} - returns the wrapped element.
12708
+ * @hidden
12709
+ * @deprecated
12710
+ */
12711
+ DOMNode.prototype.gatherElementsAround = function (node, wrapperElement) {
12712
+ var newWrapElem = createElement(wrapperElement);
12713
+ // Insert the new div element before the current node.
12714
+ var currentNode = node.previousSibling;
12715
+ var currentNodeParent = node.parentElement;
12716
+ if (currentNodeParent.className === 'e-editor-select-start') {
12717
+ currentNodeParent.parentNode.insertBefore(newWrapElem, currentNodeParent);
12718
+ }
12719
+ else if (currentNodeParent) {
12720
+ currentNodeParent.insertBefore(newWrapElem, node);
12721
+ }
12722
+ var i = 0;
12723
+ while (currentNode !== null && currentNode.nodeName !== 'BR' &&
12724
+ !this.isBlockNode(currentNode)) {
12725
+ var prevSibling = currentNode.previousSibling;
12726
+ if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
12727
+ if (i === 0) {
12728
+ newWrapElem.appendChild(currentNode);
12729
+ }
12730
+ else {
12731
+ newWrapElem.insertBefore(currentNode, newWrapElem.firstChild);
12732
+ }
12733
+ }
12734
+ currentNode = prevSibling;
12735
+ i++;
12736
+ }
12737
+ // Add the current node to the new div
12738
+ newWrapElem.appendChild(node);
12739
+ // Gather text and inline elements after the currentNode
12740
+ currentNode = newWrapElem.nextSibling ? newWrapElem.nextSibling :
12741
+ newWrapElem.parentElement.nextSibling;
12742
+ while (currentNode !== null && currentNode.nodeName !== 'BR' &&
12743
+ !this.isBlockNode(currentNode)) {
12744
+ var nextSibling = currentNode.nextSibling ?
12745
+ currentNode.nextSibling : currentNode.parentElement.nextSibling;
12746
+ if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
12747
+ newWrapElem.appendChild(currentNode);
12748
+ }
12749
+ currentNode = nextSibling;
12750
+ }
12751
+ return newWrapElem;
12752
+ };
12753
+ /**
12754
+ * Method to convert all the inline nodes between the selection to block nodes.
12755
+ *
12756
+ * @param {Node[]} selectedNodes - specifies the nodes of the start and end selection.
12757
+ * @param {boolean} fromList - specifies if the method is called from list module.
12758
+ * @returns {Node[]} - returns the selected list of elements as block nodes.
12759
+ * @hidden
12760
+ * @deprecated
12761
+ */
12762
+ DOMNode.prototype.convertToBlockNodes = function (selectedNodes, fromList) {
12763
+ if (selectedNodes.length > 1) {
12764
+ var i = 0;
12765
+ var currentSelectedNode = selectedNodes[0];
12766
+ while (!isNullOrUndefined(currentSelectedNode)) {
12767
+ if (currentSelectedNode.nodeName === 'BR') {
12768
+ var nextNode = currentSelectedNode.nextSibling;
12769
+ detach(currentSelectedNode);
12770
+ currentSelectedNode = nextNode;
12771
+ }
12772
+ if (!isNullOrUndefined(currentSelectedNode)) {
12773
+ if (fromList) {
12774
+ selectedNodes[i] = currentSelectedNode.nodeName === 'LI' || this.isBlockNode(currentSelectedNode) ?
12775
+ currentSelectedNode :
12776
+ this.gatherElementsAround(currentSelectedNode, (fromList ? 'p' : 'div'));
12777
+ }
12778
+ else {
12779
+ selectedNodes[i] = !this.isBlockNode(selectedNodes[i]) ?
12780
+ this.gatherElementsAround(currentSelectedNode, (fromList ? 'p' : 'div')) :
12781
+ selectedNodes[i];
12782
+ }
12783
+ var currentProcessNode = selectedNodes[i].nodeName === 'LI' ? selectedNodes[i].parentElement : selectedNodes[i];
12784
+ var currentElementCheckNode = currentProcessNode.nodeName === '#text' ? currentProcessNode.parentElement : currentProcessNode;
12785
+ currentSelectedNode = !isNullOrUndefined(currentElementCheckNode.querySelector('.e-editor-select-end')) ||
12786
+ !isNullOrUndefined(closest(currentSelectedNode, '.e-editor-select-end')) ?
12787
+ null : currentProcessNode.nextSibling;
12788
+ if (currentSelectedNode === null && !isNullOrUndefined(currentProcessNode.nextSibling) && currentProcessNode.nextSibling.nodeName === 'BR') {
12789
+ detach(currentProcessNode.nextSibling);
12790
+ }
12791
+ }
12792
+ i++;
12793
+ }
12794
+ }
12795
+ else {
12796
+ if (!this.isBlockNode(selectedNodes[0])) {
12797
+ selectedNodes[0] = this.gatherElementsAround(selectedNodes[0], (fromList ? 'p' : 'div'));
12798
+ if (!isNullOrUndefined(selectedNodes[0].nextSibling) && (selectedNodes[0].nextSibling.nodeName === 'BR')) {
12799
+ detach(selectedNodes[0].nextSibling);
12800
+ }
12801
+ }
12802
+ }
12803
+ return selectedNodes;
12804
+ };
12643
12805
  /**
12644
12806
  * blockNodes method
12645
12807
  *
@@ -12904,7 +13066,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
12904
13066
  * @hidden
12905
13067
  * @deprecated
12906
13068
  */
12907
- var Lists = /** @__PURE__ @class */ (function () {
13069
+ var Lists = /** @class */ (function () {
12908
13070
  /**
12909
13071
  * Constructor for creating the Lists plugin
12910
13072
  *
@@ -13148,7 +13310,7 @@ var Lists = /** @__PURE__ @class */ (function () {
13148
13310
  e.event.preventDefault();
13149
13311
  }
13150
13312
  };
13151
- Lists.prototype.onKeyUp = function () {
13313
+ Lists.prototype.onKeyUp = function (e) {
13152
13314
  if (!isNullOrUndefined(this.commonLIParent) && !isNullOrUndefined(this.commonLIParent.querySelector('.removeList'))) {
13153
13315
  var currentLIElem = this.commonLIParent.querySelector('.removeList');
13154
13316
  while (!isNullOrUndefined(currentLIElem.firstChild)) {
@@ -13156,6 +13318,14 @@ var Lists = /** @__PURE__ @class */ (function () {
13156
13318
  }
13157
13319
  detach(currentLIElem);
13158
13320
  }
13321
+ if (e.event.keyCode === 13) {
13322
+ var listElements = this.parent.editableElement.querySelectorAll('UL, OL');
13323
+ for (var i = 0; i < listElements.length; i++) {
13324
+ if (!isNullOrUndefined(listElements[i]) && !isNullOrUndefined(listElements[i].parentElement) && !isNullOrUndefined(listElements[i].previousElementSibling) && (listElements[i].parentElement.nodeName === 'UL' || listElements[i].parentElement.nodeName === 'OL')) {
13325
+ listElements[i].previousElementSibling.appendChild(listElements[i]);
13326
+ }
13327
+ }
13328
+ }
13159
13329
  };
13160
13330
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
13161
13331
  Lists.prototype.firstListBackSpace = function (range, _e) {
@@ -13397,6 +13567,8 @@ var Lists = /** @__PURE__ @class */ (function () {
13397
13567
  else {
13398
13568
  if (prevSibling.tagName === 'LI') {
13399
13569
  var nestedElement = createElement(elements[i].parentNode.tagName);
13570
+ nestedElement.style.listStyleType =
13571
+ elements[i].parentNode.style.listStyleType;
13400
13572
  append([nestedElement], prevSibling);
13401
13573
  append([elements[i]], nestedElement);
13402
13574
  }
@@ -13446,61 +13618,7 @@ var Lists = /** @__PURE__ @class */ (function () {
13446
13618
  var listsNodes = this.domNode.blockNodes(true);
13447
13619
  if (e.enterAction === 'BR') {
13448
13620
  this.setSelectionBRConfig();
13449
- var allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
13450
- var selectedNodes = this.parent.nodeSelection.getSelectionNodes(allSelectedNode);
13451
- var currentFormatNodes = [];
13452
- if (selectedNodes.length === 0) {
13453
- selectedNodes.push(listsNodes[0]);
13454
- }
13455
- for (var i = 0; i < selectedNodes.length; i++) {
13456
- var currentNode = selectedNodes[i];
13457
- var previousCurrentNode = void 0;
13458
- while (!this.parent.domNode.isBlockNode(currentNode) && currentNode !== this.parent.editableElement) {
13459
- previousCurrentNode = currentNode;
13460
- currentNode = currentNode.parentElement;
13461
- }
13462
- if (this.parent.domNode.isBlockNode(currentNode) && currentNode === this.parent.editableElement) {
13463
- currentFormatNodes.push(previousCurrentNode);
13464
- }
13465
- }
13466
- for (var i = 0; i < currentFormatNodes.length; i++) {
13467
- if (!this.parent.domNode.isBlockNode(currentFormatNodes[i])) {
13468
- var currentNode = currentFormatNodes[i];
13469
- var previousNode = currentNode;
13470
- while (currentNode === this.parent.editableElement) {
13471
- previousNode = currentNode;
13472
- currentNode = currentNode.parentElement;
13473
- }
13474
- var tempElem = void 0;
13475
- if (this.parent.domNode.isBlockNode(previousNode.parentElement) &&
13476
- previousNode.parentElement === this.parent.editableElement) {
13477
- tempElem = createElement('p');
13478
- previousNode.parentElement.insertBefore(tempElem, previousNode);
13479
- tempElem.appendChild(previousNode);
13480
- }
13481
- else {
13482
- tempElem = previousNode;
13483
- }
13484
- var preNode = tempElem.previousSibling;
13485
- while (!isNullOrUndefined(preNode) && preNode.nodeName !== 'BR' &&
13486
- !this.parent.domNode.isBlockNode(preNode)) {
13487
- tempElem.firstChild.parentElement.insertBefore(preNode, tempElem.firstChild);
13488
- preNode = tempElem.previousSibling;
13489
- }
13490
- if (!isNullOrUndefined(preNode) && preNode.nodeName === 'BR') {
13491
- detach(preNode);
13492
- }
13493
- var postNode = tempElem.nextSibling;
13494
- while (!isNullOrUndefined(postNode) && postNode.nodeName !== 'BR' &&
13495
- !this.parent.domNode.isBlockNode(postNode)) {
13496
- tempElem.appendChild(postNode);
13497
- postNode = tempElem.nextSibling;
13498
- }
13499
- if (!isNullOrUndefined(postNode) && postNode.nodeName === 'BR') {
13500
- detach(postNode);
13501
- }
13502
- }
13503
- }
13621
+ this.parent.domNode.convertToBlockNodes(this.parent.domNode.blockNodes(), true);
13504
13622
  this.setSelectionBRConfig();
13505
13623
  listsNodes = this.parent.domNode.blockNodes();
13506
13624
  }
@@ -13557,7 +13675,7 @@ var Lists = /** @__PURE__ @class */ (function () {
13557
13675
  }
13558
13676
  var elemAtt = void 0;
13559
13677
  elements[i].style.removeProperty('margin-left');
13560
- elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
13678
+ elemAtt = elements[i].tagName === 'IMG' || elements[i].classList.contains('e-editor-select-start') ? '' : this.domNode.attributes(elements[i]);
13561
13679
  if (elements[i].getAttribute('contenteditable') === 'true'
13562
13680
  && elements[i].childNodes.length === 1 && elements[i].childNodes[0].nodeName === 'TABLE') {
13563
13681
  var listEle = document.createElement(type);
@@ -13599,6 +13717,16 @@ var Lists = /** @__PURE__ @class */ (function () {
13599
13717
  }
13600
13718
  }
13601
13719
  this.cleanNode();
13720
+ if (e.enterAction === 'BR') {
13721
+ var spansToRemove = document.querySelectorAll('span#removeSpan');
13722
+ spansToRemove.forEach(function (span) {
13723
+ var fragment = document.createDocumentFragment();
13724
+ while (span.firstChild) {
13725
+ fragment.appendChild(span.firstChild);
13726
+ }
13727
+ span.parentNode.replaceChild(fragment, span);
13728
+ });
13729
+ }
13602
13730
  this.parent.editableElement.focus();
13603
13731
  if (isIDevice$1()) {
13604
13732
  setEditFrameFocus(this.parent.editableElement, selector);
@@ -13668,6 +13796,13 @@ var Lists = /** @__PURE__ @class */ (function () {
13668
13796
  for (var c = 0; c < liParents.length; c++) {
13669
13797
  var node = liParents[c];
13670
13798
  var toFindtopOlUl = true;
13799
+ var containsListElements = node;
13800
+ while (containsListElements.parentElement) {
13801
+ if (containsListElements.parentElement && containsListElements.parentElement.tagName !== 'LI' && containsListElements.parentElement.tagName !== 'OL' && containsListElements.parentElement.tagName !== 'UL') {
13802
+ break;
13803
+ }
13804
+ containsListElements = containsListElements.parentElement;
13805
+ }
13671
13806
  if (toFindtopOlUl && (liParents[c].parentElement.parentElement.nodeName === 'OL' || liParents[c].parentElement.parentElement.nodeName === 'UL')) {
13672
13807
  toFindtopOlUl = false;
13673
13808
  var preElement = liParents[c].parentElement.parentElement;
@@ -13687,9 +13822,43 @@ var Lists = /** @__PURE__ @class */ (function () {
13687
13822
  node.previousElementSibling.lastChild.append(node);
13688
13823
  }
13689
13824
  }
13825
+ else if (this.domNode.isList(node.previousElementSibling) && containsListElements.contains(node.previousElementSibling) && ((node.tagName === 'OL' || node.tagName === 'UL') && (node.previousElementSibling.nodeName === 'OL' || node.previousElementSibling.nodeName === 'UL'))) {
13826
+ var contentNodes = this.domNode.contents(node);
13827
+ for (var f = 0; f < contentNodes.length; f++) {
13828
+ node.previousElementSibling.appendChild(contentNodes[f]);
13829
+ }
13830
+ node.parentNode.removeChild(node);
13831
+ }
13690
13832
  }
13691
13833
  if (firstNodeOL) {
13692
13834
  firstNodeOL.style.listStyleType = listStyleType;
13835
+ var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
13836
+ var listOlUlElements = [];
13837
+ if (range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'OL') {
13838
+ if (range.commonAncestorContainer instanceof Element) {
13839
+ listOlUlElements.push(range.commonAncestorContainer);
13840
+ }
13841
+ listOlUlElements = listOlUlElements.concat(Array.from(range.commonAncestorContainer.querySelectorAll('ol, ul')));
13842
+ }
13843
+ else {
13844
+ listOlUlElements = Array.from(range.commonAncestorContainer.querySelectorAll('ol, ul'));
13845
+ }
13846
+ for (var k = 0; k < listOlUlElements.length; k++) {
13847
+ var listStyle = void 0;
13848
+ var listElements = listOlUlElements[k];
13849
+ while (listElements) {
13850
+ if (listElements.nodeName === 'OL' || listElements.nodeName === 'OL') {
13851
+ if (listElements.style.listStyleType !== '' && listElements.style.listStyleType !== 'none' && listElements.nodeName !== 'LI') {
13852
+ listStyle = listElements.style.listStyleType;
13853
+ }
13854
+ else if (!isNullOrUndefined(listStyle) && (listElements.style.listStyleType === '' || listElements.style.listStyleType === 'none') &&
13855
+ listElements.nodeName !== 'LI' && (listElements.nodeName === 'UL' || listElements.nodeName === 'OL')) {
13856
+ listElements.style.listStyleType = listStyle;
13857
+ }
13858
+ }
13859
+ listElements = listElements.querySelector('UL,OL');
13860
+ }
13861
+ }
13693
13862
  }
13694
13863
  };
13695
13864
  Lists.prototype.findUnSelected = function (temp, elements) {
@@ -13792,10 +13961,16 @@ var Lists = /** @__PURE__ @class */ (function () {
13792
13961
  parentNode.removeAttribute("style");
13793
13962
  }
13794
13963
  }
13795
- var wrapper = '<' + DEFAULT_TAG + wrapperclass + this.domNode.attributes(element) + '></' + DEFAULT_TAG + '>';
13964
+ var wrapper = '<' + e.enterAction + wrapperclass + this.domNode.attributes(element) + '></' + e.enterAction + '>';
13796
13965
  if (e.enterAction !== 'BR') {
13797
13966
  this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
13798
13967
  }
13968
+ else {
13969
+ var wrapperSpan = '<span class=e-rte-wrap-inner id=removeSpan></span>';
13970
+ var br = document.createElement('br');
13971
+ this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapperSpan));
13972
+ element.appendChild(br);
13973
+ }
13799
13974
  }
13800
13975
  else if (this.domNode.contents(element)[0].nodeType === 3) {
13801
13976
  var replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.parent.domNode.encode(this.domNode.contents(element)[0].textContent));
@@ -13808,8 +13983,18 @@ var Lists = /** @__PURE__ @class */ (function () {
13808
13983
  }
13809
13984
  else {
13810
13985
  var childNode = element.firstChild;
13986
+ if (childNode) {
13987
+ var attributes_1 = element.parentElement.attributes;
13988
+ if (attributes_1.length > 0) {
13989
+ for (var d = 0; d < attributes_1.length; d++) {
13990
+ var e_1 = attributes_1[d];
13991
+ var existingValue = childNode.getAttribute(e_1.nodeName);
13992
+ var parentValue = (element.parentElement).getAttribute(e_1.nodeName);
13993
+ childNode.setAttribute(e_1.nodeName, existingValue ? parentValue + ' ' + existingValue : parentValue);
13994
+ }
13995
+ }
13996
+ }
13811
13997
  className = childNode.getAttribute('class');
13812
- attributes(childNode, this.domNode.rawAttributes(parentNode));
13813
13998
  if (className && childNode.getAttribute('class')) {
13814
13999
  attributes(childNode, { 'class': className + ' ' + childNode.getAttribute('class') });
13815
14000
  }
@@ -13858,7 +14043,7 @@ var Lists = /** @__PURE__ @class */ (function () {
13858
14043
  *
13859
14044
  * @hidden
13860
14045
  */
13861
- var InsertMethods = /** @__PURE__ @class */ (function () {
14046
+ var InsertMethods = /** @class */ (function () {
13862
14047
  function InsertMethods() {
13863
14048
  }
13864
14049
  /**
@@ -13935,7 +14120,7 @@ var InsertMethods = /** @__PURE__ @class */ (function () {
13935
14120
  * @hidden
13936
14121
  * @deprecated
13937
14122
  */
13938
- var NodeCutter = /** @__PURE__ @class */ (function () {
14123
+ var NodeCutter = /** @class */ (function () {
13939
14124
  function NodeCutter() {
13940
14125
  this.enterAction = 'P';
13941
14126
  this.position = -1;
@@ -13978,7 +14163,7 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
13978
14163
  fragment = this.spliceEmptyNode(fragment, false);
13979
14164
  if (fragment && fragment.childNodes.length > 0) {
13980
14165
  var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
13981
- && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
14166
+ && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
13982
14167
  if (!isEmpty) {
13983
14168
  if (node) {
13984
14169
  InsertMethods.AppendBefore(fragment, node);
@@ -13999,7 +14184,7 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
13999
14184
  fragment = this.spliceEmptyNode(fragment, true);
14000
14185
  if (fragment && fragment.childNodes.length > 0) {
14001
14186
  var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
14002
- && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
14187
+ && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
14003
14188
  if (!isEmpty) {
14004
14189
  if (node) {
14005
14190
  InsertMethods.AppendBefore(fragment, node, true);
@@ -14147,7 +14332,7 @@ var NodeCutter = /** @__PURE__ @class */ (function () {
14147
14332
  * @hidden
14148
14333
  * @deprecated
14149
14334
  */
14150
- var Formats = /** @__PURE__ @class */ (function () {
14335
+ var Formats = /** @class */ (function () {
14151
14336
  /**
14152
14337
  * Constructor for creating the Formats plugin
14153
14338
  *
@@ -14189,7 +14374,7 @@ var Formats = /** @__PURE__ @class */ (function () {
14189
14374
  }
14190
14375
  }
14191
14376
  }
14192
- if (e.enterAction !== 'BR' && !isNullOrUndefined(range.startContainer) && !isNullOrUndefined(range.startContainer.parentElement) && range.startContainer === range.endContainer && range.startContainer.nodeName === '#text' && range.startContainer.parentElement.classList.contains("e-content") && range.startContainer.parentElement.isContentEditable) {
14377
+ if (e.enterAction !== 'BR' && !isNullOrUndefined(range.startContainer) && !isNullOrUndefined(range.startContainer.parentElement) && range.startContainer === range.endContainer && range.startContainer.nodeName === '#text' && range.startContainer.parentElement.classList.contains('e-content') && range.startContainer.parentElement.isContentEditable) {
14193
14378
  var pTag = createElement(e.enterAction);
14194
14379
  range.startContainer.parentElement.insertBefore(pTag, range.startContainer);
14195
14380
  pTag.appendChild(range.startContainer);
@@ -14557,7 +14742,7 @@ var Formats = /** @__PURE__ @class */ (function () {
14557
14742
  * @hidden
14558
14743
  * @deprecated
14559
14744
  */
14560
- var InsertHtml = /** @__PURE__ @class */ (function () {
14745
+ var InsertHtml = /** @class */ (function () {
14561
14746
  function InsertHtml() {
14562
14747
  }
14563
14748
  InsertHtml.Insert = function (docElement, insertNode, editNode, isExternal, enterAction) {
@@ -14605,11 +14790,14 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
14605
14790
  range.startContainer === range.endContainer;
14606
14791
  var isCollapsed = range.collapsed;
14607
14792
  var nodes = this.getNodeCollection(range, nodeSelection, node);
14608
- var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
14793
+ var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? (!isNullOrUndefined(nodes[0]) ? this.closestEle(nodes[0].parentNode, editNode) : range.startContainer) : nodes[0];
14609
14794
  if (closestParentNode && closestParentNode.nodeName === 'LI' && node.nodeName.toLowerCase() === 'table') {
14610
14795
  this.insertTableInList(range, node, closestParentNode, nodes[0], nodeCutter);
14611
14796
  return;
14612
14797
  }
14798
+ if (isCursor && range.startContainer.textContent === '' && range.startContainer.nodeName !== 'BR' && enterAction !== 'BR' && node.nodeName !== '#text' && !isNullOrUndefined(node.children[0]) && !isNullOrUndefined(node.children[0].tagName) && node.children[0].tagName === 'IMG' && node.children.length === 1) {
14799
+ range.startContainer.innerHTML = '';
14800
+ }
14613
14801
  if (isExternal || (!isNullOrUndefined(node) && !isNullOrUndefined(node.classList) &&
14614
14802
  node.classList.contains('pasteContent'))) {
14615
14803
  this.pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction);
@@ -14650,7 +14838,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
14650
14838
  nodes[index].parentNode.removeChild(nodes[index]);
14651
14839
  }
14652
14840
  }
14653
- if (sibNode) {
14841
+ if (!isNullOrUndefined(sibNode) && !isNullOrUndefined(sibNode.parentNode)) {
14654
14842
  InsertMethods.AppendBefore(node, sibNode, true);
14655
14843
  }
14656
14844
  else {
@@ -14901,6 +15089,12 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
14901
15089
  node.parentNode.replaceChild(fragment, node);
14902
15090
  }
14903
15091
  }
15092
+ if (lastSelectionNode.nodeName === 'TABLE') {
15093
+ var pTag = createElement('p');
15094
+ pTag.appendChild(createElement('br'));
15095
+ lastSelectionNode.parentElement.insertBefore(pTag, lastSelectionNode.nextSibling);
15096
+ lastSelectionNode = pTag;
15097
+ }
14904
15098
  if (lastSelectionNode.nodeName === '#text') {
14905
15099
  this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
14906
15100
  }
@@ -15166,7 +15360,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
15166
15360
  * @hidden
15167
15361
  * @deprecated
15168
15362
  */
15169
- var LinkCommand = /** @__PURE__ @class */ (function () {
15363
+ var LinkCommand = /** @class */ (function () {
15170
15364
  /**
15171
15365
  * Constructor for creating the Formats plugin
15172
15366
  *
@@ -15474,7 +15668,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
15474
15668
  * @hidden
15475
15669
  * @deprecated
15476
15670
  */
15477
- var Alignments = /** @__PURE__ @class */ (function () {
15671
+ var Alignments = /** @class */ (function () {
15478
15672
  /**
15479
15673
  * Constructor for creating the Formats plugin
15480
15674
  *
@@ -15530,6 +15724,9 @@ var Alignments = /** @__PURE__ @class */ (function () {
15530
15724
  if (!isTableAlign) {
15531
15725
  this.parent.domNode.setMarker(save);
15532
15726
  var alignmentNodes = this.parent.domNode.blockNodes();
15727
+ if (e.enterAction === 'BR') {
15728
+ alignmentNodes = this.parent.domNode.convertToBlockNodes(alignmentNodes, false);
15729
+ }
15533
15730
  for (var i = 0; i < alignmentNodes.length; i++) {
15534
15731
  var parentNode = alignmentNodes[i];
15535
15732
  setStyleAttribute(parentNode, { 'text-align': this.alignments[e.subCommand] });
@@ -15577,7 +15774,7 @@ var Alignments = /** @__PURE__ @class */ (function () {
15577
15774
  * @hidden
15578
15775
  * @deprecated
15579
15776
  */
15580
- var Indents = /** @__PURE__ @class */ (function () {
15777
+ var Indents = /** @class */ (function () {
15581
15778
  /**
15582
15779
  * Constructor for creating the Formats plugin
15583
15780
  *
@@ -15613,6 +15810,9 @@ var Indents = /** @__PURE__ @class */ (function () {
15613
15810
  var save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
15614
15811
  this.parent.domNode.setMarker(save);
15615
15812
  var indentsNodes = this.parent.domNode.blockNodes();
15813
+ if (e.enterAction === 'BR') {
15814
+ indentsNodes = this.parent.domNode.convertToBlockNodes(indentsNodes, false);
15815
+ }
15616
15816
  var parentNodes = indentsNodes.slice();
15617
15817
  var listsNodes = [];
15618
15818
  for (var i = 0; i < parentNodes.length; i++) {
@@ -15713,7 +15913,7 @@ var CLASS_VIDEO_INLINE = 'e-video-inline';
15713
15913
  * @hidden
15714
15914
  * @deprecated
15715
15915
  */
15716
- var ImageCommand = /** @__PURE__ @class */ (function () {
15916
+ var ImageCommand = /** @class */ (function () {
15717
15917
  /**
15718
15918
  * Constructor for creating the Formats plugin
15719
15919
  *
@@ -16100,7 +16300,7 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
16100
16300
  * @hidden
16101
16301
  * @deprecated
16102
16302
  */
16103
- var AudioCommand = /** @__PURE__ @class */ (function () {
16303
+ var AudioCommand = /** @class */ (function () {
16104
16304
  /**
16105
16305
  * Constructor for creating the Audio plugin
16106
16306
  *
@@ -16239,7 +16439,7 @@ var AudioCommand = /** @__PURE__ @class */ (function () {
16239
16439
  * @hidden
16240
16440
  * @deprecated
16241
16441
  */
16242
- var VideoCommand = /** @__PURE__ @class */ (function () {
16442
+ var VideoCommand = /** @class */ (function () {
16243
16443
  /**
16244
16444
  * Constructor for creating the Video plugin
16245
16445
  *
@@ -16487,7 +16687,7 @@ var VideoCommand = /** @__PURE__ @class */ (function () {
16487
16687
  * @hidden
16488
16688
  * @deprecated
16489
16689
  */
16490
- var TableCommand = /** @__PURE__ @class */ (function () {
16690
+ var TableCommand = /** @class */ (function () {
16491
16691
  /**
16492
16692
  * Constructor for creating the Formats plugin
16493
16693
  *
@@ -17468,7 +17668,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
17468
17668
 
17469
17669
  return TableCommand;
17470
17670
  }());
17471
- var MinMax = /** @__PURE__ @class */ (function () {
17671
+ var MinMax = /** @class */ (function () {
17472
17672
  function MinMax() {
17473
17673
  }
17474
17674
  return MinMax;
@@ -17477,7 +17677,7 @@ var MinMax = /** @__PURE__ @class */ (function () {
17477
17677
  /**
17478
17678
  * `Selection` module is used to handle RTE Selections.
17479
17679
  */
17480
- var SelectionCommands = /** @__PURE__ @class */ (function () {
17680
+ var SelectionCommands = /** @class */ (function () {
17481
17681
  function SelectionCommands() {
17482
17682
  }
17483
17683
  /**
@@ -18453,7 +18653,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
18453
18653
  * @hidden
18454
18654
  * @deprecated
18455
18655
  */
18456
- var SelectionBasedExec = /** @__PURE__ @class */ (function () {
18656
+ var SelectionBasedExec = /** @class */ (function () {
18457
18657
  /**
18458
18658
  * Constructor for creating the Formats plugin
18459
18659
  *
@@ -18502,7 +18702,7 @@ var SelectionBasedExec = /** @__PURE__ @class */ (function () {
18502
18702
  * @hidden
18503
18703
  * @deprecated
18504
18704
  */
18505
- var InsertHtmlExec = /** @__PURE__ @class */ (function () {
18705
+ var InsertHtmlExec = /** @class */ (function () {
18506
18706
  /**
18507
18707
  * Constructor for creating the Formats plugin
18508
18708
  *
@@ -18549,7 +18749,7 @@ var InsertHtmlExec = /** @__PURE__ @class */ (function () {
18549
18749
  /**
18550
18750
  * `Clear Format` module is used to handle Clear Format.
18551
18751
  */
18552
- var ClearFormat$1 = /** @__PURE__ @class */ (function () {
18752
+ var ClearFormat$1 = /** @class */ (function () {
18553
18753
  function ClearFormat() {
18554
18754
  }
18555
18755
  /**
@@ -18802,7 +19002,7 @@ var ClearFormat$1 = /** @__PURE__ @class */ (function () {
18802
19002
  * @hidden
18803
19003
  * @deprecated
18804
19004
  */
18805
- var ClearFormatExec = /** @__PURE__ @class */ (function () {
19005
+ var ClearFormatExec = /** @class */ (function () {
18806
19006
  /**
18807
19007
  * Constructor for creating the Formats plugin
18808
19008
  *
@@ -18847,7 +19047,7 @@ var ClearFormatExec = /** @__PURE__ @class */ (function () {
18847
19047
  /**
18848
19048
  * `Undo` module is used to handle undo actions.
18849
19049
  */
18850
- var UndoRedoManager = /** @__PURE__ @class */ (function () {
19050
+ var UndoRedoManager = /** @class */ (function () {
18851
19051
  function UndoRedoManager(parent, options) {
18852
19052
  this.undoRedoStack = [];
18853
19053
  this.parent = parent;
@@ -19025,6 +19225,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
19025
19225
  this.parent.editableElement.innerHTML = '';
19026
19226
  this.parent.editableElement.appendChild(removedContent.cloneNode(true));
19027
19227
  this.parent.editableElement.focus();
19228
+ scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
19028
19229
  if (isIDevice$1()) {
19029
19230
  setEditFrameFocus(this.parent.editableElement, e.selector);
19030
19231
  }
@@ -19057,6 +19258,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
19057
19258
  this.parent.editableElement.innerHTML = '';
19058
19259
  this.parent.editableElement.appendChild(addedContent.cloneNode(true));
19059
19260
  this.parent.editableElement.focus();
19261
+ scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
19060
19262
  if (isIDevice$1()) {
19061
19263
  setEditFrameFocus(this.parent.editableElement, e.selector);
19062
19264
  }
@@ -19099,7 +19301,7 @@ var UndoRedoManager = /** @__PURE__ @class */ (function () {
19099
19301
  * @hidden
19100
19302
  * @deprecated
19101
19303
  */
19102
- var MsWordPaste = /** @__PURE__ @class */ (function () {
19304
+ var MsWordPaste = /** @class */ (function () {
19103
19305
  function MsWordPaste(parent) {
19104
19306
  this.olData = [
19105
19307
  'decimal',
@@ -19158,9 +19360,9 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
19158
19360
  var patern2 = /class="?Mso|style="[^ ]*\bmso-/i;
19159
19361
  var patern3 = /(class="?Mso|class='?Mso|class="?Xl|class='?Xl|class=Xl|style="[^"]*\bmso-|style='[^']*\bmso-|w:WordDocument)/gi;
19160
19362
  var pattern4 = /style='mso-width-source:/i;
19363
+ var source = this.findSource(elm);
19161
19364
  if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
19162
19365
  pattern4.test(tempHTMLContent)) {
19163
- var source = this.findSource(elm);
19164
19366
  tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
19165
19367
  this.addListClass(elm);
19166
19368
  listNodes = this.cleanUp(elm, listNodes);
@@ -19185,7 +19387,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
19185
19387
  e.callBack(elm.innerHTML, this.cropImageDimensions, source);
19186
19388
  }
19187
19389
  else {
19188
- e.callBack(elm.innerHTML);
19390
+ e.callBack(elm.innerHTML, null, source);
19189
19391
  }
19190
19392
  };
19191
19393
  MsWordPaste.prototype.addDoubleBr = function (elm) {
@@ -19913,7 +20115,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
19913
20115
  !isNormalList) {
19914
20116
  prevList = null;
19915
20117
  }
19916
- var pElement = createElement('p', { className: 'MsoNormal' });
20118
+ var pElement = createElement('p', { className: 'MsoNoSpacing' });
19917
20119
  pElement.innerHTML = collection[index].content.join(' ');
19918
20120
  if ((collection[index].nestedLevel === 1) &&
19919
20121
  (listCount === 0 || lfo !== collection[index].listFormatOverride) &&
@@ -20167,7 +20369,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
20167
20369
  * @hidden
20168
20370
  * @deprecated
20169
20371
  */
20170
- var InsertTextExec = /** @__PURE__ @class */ (function () {
20372
+ var InsertTextExec = /** @class */ (function () {
20171
20373
  /**
20172
20374
  * Constructor for creating the InsertText plugin
20173
20375
  *
@@ -20198,7 +20400,7 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
20198
20400
  return InsertTextExec;
20199
20401
  }());
20200
20402
 
20201
- var EmojiPickerAction = /** @__PURE__ @class */ (function () {
20403
+ var EmojiPickerAction = /** @class */ (function () {
20202
20404
  function EmojiPickerAction(parent) {
20203
20405
  this.parent = parent;
20204
20406
  this.addEventListener();
@@ -20262,7 +20464,7 @@ var EmojiPickerAction = /** @__PURE__ @class */ (function () {
20262
20464
  * Base export
20263
20465
  */
20264
20466
 
20265
- var FormatPainterActions = /** @__PURE__ @class */ (function () {
20467
+ var FormatPainterActions = /** @class */ (function () {
20266
20468
  function FormatPainterActions(parent, options) {
20267
20469
  this.INVALID_TAGS = ['A', 'AUDIO', 'IMG', 'VIDEO', 'IFRAME'];
20268
20470
  this.parent = parent;
@@ -20905,7 +21107,7 @@ var FormatPainterActions = /** @__PURE__ @class */ (function () {
20905
21107
  * @hidden
20906
21108
  * @deprecated
20907
21109
  */
20908
- var EditorManager = /** @__PURE__ @class */ (function () {
21110
+ var EditorManager = /** @class */ (function () {
20909
21111
  /**
20910
21112
  * Constructor for creating the component
20911
21113
  *
@@ -20993,12 +21195,14 @@ var EditorManager = /** @__PURE__ @class */ (function () {
20993
21195
  case 'alignments':
20994
21196
  this.observer.notify(ALIGNMENT_TYPE, {
20995
21197
  subCommand: value, event: event, callBack: callBack,
20996
- selector: selector,
20997
- value: exeValue
21198
+ selector: selector, value: exeValue, enterAction: enterAction
20998
21199
  });
20999
21200
  break;
21000
21201
  case 'indents':
21001
- this.observer.notify(INDENT_TYPE, { subCommand: value, event: event, callBack: callBack, selector: selector });
21202
+ this.observer.notify(INDENT_TYPE, {
21203
+ subCommand: value, event: event, callBack: callBack,
21204
+ selector: selector, enterAction: enterAction
21205
+ });
21002
21206
  break;
21003
21207
  case 'links':
21004
21208
  this.observer.notify(LINK, { command: command, value: value, item: exeValue, event: event, callBack: callBack });
@@ -21151,26 +21355,26 @@ var EditorManager = /** @__PURE__ @class */ (function () {
21151
21355
  return EditorManager;
21152
21356
  }());
21153
21357
 
21154
- var __extends$2 = (undefined && undefined.__extends) || (function () {
21155
- var extendStatics = function (d, b) {
21156
- extendStatics = Object.setPrototypeOf ||
21157
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
21158
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
21159
- return extendStatics(d, b);
21160
- };
21161
- return function (d, b) {
21162
- extendStatics(d, b);
21163
- function __() { this.constructor = d; }
21164
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
21165
- };
21166
- })();
21358
+ var __extends$2 = (undefined && undefined.__extends) || (function () {
21359
+ var extendStatics = function (d, b) {
21360
+ extendStatics = Object.setPrototypeOf ||
21361
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
21362
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
21363
+ return extendStatics(d, b);
21364
+ };
21365
+ return function (d, b) {
21366
+ extendStatics(d, b);
21367
+ function __() { this.constructor = d; }
21368
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
21369
+ };
21370
+ })();
21167
21371
  /**
21168
21372
  * HTML adapter
21169
21373
  *
21170
21374
  * @hidden
21171
21375
  * @deprecated
21172
21376
  */
21173
- var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
21377
+ var HTMLFormatter = /** @class */ (function (_super) {
21174
21378
  __extends$2(HTMLFormatter, _super);
21175
21379
  function HTMLFormatter(options) {
21176
21380
  var _this = _super.call(this) || this;
@@ -21211,7 +21415,7 @@ var HTMLFormatter = /** @__PURE__ @class */ (function (_super) {
21211
21415
  /**
21212
21416
  * HtmlToolbarStatus module for refresh the toolbar status
21213
21417
  */
21214
- var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
21418
+ var HtmlToolbarStatus = /** @class */ (function () {
21215
21419
  function HtmlToolbarStatus(parent) {
21216
21420
  this.parent = parent;
21217
21421
  this.toolbarStatus = this.prevToolbarStatus = getDefaultHtmlTbStatus();
@@ -21258,7 +21462,7 @@ var HtmlToolbarStatus = /** @__PURE__ @class */ (function () {
21258
21462
  * @hidden
21259
21463
  * @deprecated
21260
21464
  */
21261
- var ContentRender = /** @__PURE__ @class */ (function () {
21465
+ var ContentRender = /** @class */ (function () {
21262
21466
  /**
21263
21467
  * Constructor for content renderer module
21264
21468
  *
@@ -21346,27 +21550,27 @@ var ContentRender = /** @__PURE__ @class */ (function () {
21346
21550
  return ContentRender;
21347
21551
  }());
21348
21552
 
21349
- var __extends$3 = (undefined && undefined.__extends) || (function () {
21350
- var extendStatics = function (d, b) {
21351
- extendStatics = Object.setPrototypeOf ||
21352
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
21353
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
21354
- return extendStatics(d, b);
21355
- };
21356
- return function (d, b) {
21357
- extendStatics(d, b);
21358
- function __() { this.constructor = d; }
21359
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
21360
- };
21361
- })();
21362
- var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }\n .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }\n .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }\n .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n li ol, li ul { margin-block-start: 10px;}\n </style>\n </head>";
21553
+ var __extends$3 = (undefined && undefined.__extends) || (function () {
21554
+ var extendStatics = function (d, b) {
21555
+ extendStatics = Object.setPrototypeOf ||
21556
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
21557
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
21558
+ return extendStatics(d, b);
21559
+ };
21560
+ return function (d, b) {
21561
+ extendStatics(d, b);
21562
+ function __() { this.constructor = d; }
21563
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
21564
+ };
21565
+ })();
21566
+ var IFRAMEHEADER = "\n<!DOCTYPE html> \n <html>\n <head>\n <meta charset='utf-8' /> \n <style>\n @charset \"UTF-8\";\n body {\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n }\n html, body{height: 100%;margin: 0;}\n body.e-cursor{cursor:default}\n span.e-selected-node\t{background-color: #939393;color: white;}\n span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-audio {border: 0;cursor: pointer;display:\n block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;\n margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n .e-img-caption.e-caption-inline {display: inline-block;float: none;\n margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n position: relativetext-align: center;vertical-align: bottom;}\n .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n margin: auto;opacity: .9;text-align: center;width: 100%;}\n .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n span.e-rte-imageboxmark, span.e-rte-videoboxmark { width: 10px; height: 10px; position: absolute; display: block;\n background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n border-radius: 15px; height: 20px; width: 20px; }\n .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n .e-img-caption .e-img-inner { outline: 0; }\n .e-rte-img-caption.e-imgleft .e-img-inner { float: left; text-align: left; }\n .e-rte-img-caption.e-imgright .e-img-inner { float: right; text-align: right; }\n .e-rte-img-caption.e-imgleft .e-img-wrap, .e-rte-img-caption.e-imgright .e-img-wrap { display: contents; }\n .e-img-caption a:focus-visible { outline: none; }\n .e-rte-img-caption .e-rte-image.e-imgright { margin-left: auto; margin-right: 0; }\n .e-rte-img-caption .e-rte-image.e-imgleft { margin: 0; }\n body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n p{margin: 0 0 10px;margin-bottom: 10px;}\n li{margin-bottom: 10px;}\n table{margin-bottom: 10px;}\n h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n strong, b{font-weight: 700;}\n a{text-decoration: none;user-select: auto;}\n a:hover{text-decoration: underline;};\n p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n ul:last-child{margin-bottom: 0;}\n table { border-collapse: collapse; empty-cells: show;}\n table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n table th {background-color: #E0E0E0;}\n table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n table .e-cell-select {border: 1px double #4a90e2;}\n span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n span.e-table-box.e-rmob {height: 14px;width: 14px;}\n .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n .e-row-resize { cursor: row-resize; height: 1px;}\n .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n .e-table-rhelper.e-column-helper { width: 1px; }\n .e-table-rhelper.e-row-helper {height: 1px;}\n .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block; height: 0;\n position: absolute; right: 4px; top: 4px; width: 20px; }\n .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n border-top: 6px solid transparent; content: ''; display: block;\n height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n .e-table-rhelper { background-color: #4a90e2;}\n .e-rtl { direction: rtl; }\n .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n li ol, li ul { margin-block-start: 10px;}\n </style>\n </head>";
21363
21567
  /**
21364
21568
  * Content module is used to render Rich Text Editor content
21365
21569
  *
21366
21570
  * @hidden
21367
21571
  * @deprecated
21368
21572
  */
21369
- var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
21573
+ var IframeContentRender = /** @class */ (function (_super) {
21370
21574
  __extends$3(IframeContentRender, _super);
21371
21575
  function IframeContentRender() {
21372
21576
  return _super !== null && _super.apply(this, arguments) || this;
@@ -21439,7 +21643,7 @@ var IframeContentRender = /** @__PURE__ @class */ (function (_super) {
21439
21643
  /**
21440
21644
  * XhtmlValidation module called when set enableXhtml as true
21441
21645
  */
21442
- var XhtmlValidation = /** @__PURE__ @class */ (function () {
21646
+ var XhtmlValidation = /** @class */ (function () {
21443
21647
  function XhtmlValidation(parent) {
21444
21648
  this.parent = parent;
21445
21649
  this.addEventListener();
@@ -21610,7 +21814,7 @@ var XhtmlValidation = /** @__PURE__ @class */ (function () {
21610
21814
  /**
21611
21815
  * `HtmlEditor` module is used to HTML editor
21612
21816
  */
21613
- var HtmlEditor = /** @__PURE__ @class */ (function () {
21817
+ var HtmlEditor = /** @class */ (function () {
21614
21818
  function HtmlEditor(parent, serviceLocator) {
21615
21819
  this.rangeCollection = [];
21616
21820
  this.isImageDelete = false;
@@ -21808,8 +22012,14 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21808
22012
  range.insertNode(tempSpan);
21809
22013
  }
21810
22014
  var currentChild = this.parent.inputElement.firstChild;
21811
- while (!isNullOrUndefined(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
21812
- currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
22015
+ while (!isNullOrUndefined(currentChild)) {
22016
+ if (currentChild.nodeName === '#text') {
22017
+ currentChild = currentChild.nextElementSibling;
22018
+ continue;
22019
+ }
22020
+ if (currentChild.textContent.replace(regEx, '').trim().length > 0) {
22021
+ currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
22022
+ }
21813
22023
  currentChild = currentChild.nextElementSibling;
21814
22024
  }
21815
22025
  var tempSpanToRemove = this.parent.inputElement.querySelector('.tempSpan');
@@ -21873,25 +22083,54 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21873
22083
  this.deleteCleanup(e, currentRange);
21874
22084
  }
21875
22085
  if (args.keyCode === 9 && this.parent.enableTabKey) {
22086
+ this.parent.formatter.saveData(e);
21876
22087
  if (!isNullOrUndefined(args.target) && isNullOrUndefined(closest(args.target, '.e-rte-toolbar'))) {
21877
22088
  var range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
21878
22089
  var parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
21879
22090
  if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
21880
- closest(parentNode[0], 'table')) && range.startOffset === 0)) {
22091
+ closest(parentNode[0], 'table')))) {
21881
22092
  args.preventDefault();
21882
- if (!args.shiftKey) {
21883
- InsertHtml.Insert(this.contentRenderer.getDocument(), '&nbsp;&nbsp;&nbsp;&nbsp;');
21884
- this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
22093
+ var selection = this.contentRenderer.getDocument().getSelection().getRangeAt(0);
22094
+ var alignmentNodes = this.parent.formatter.editorManager.domNode.blockNodes();
22095
+ if (this.parent.enterKey === 'BR') {
22096
+ if (selection.startOffset !== selection.endOffset && selection.startOffset === 0) {
22097
+ var save = this.nodeSelectionObj.save(range, this.contentRenderer.getDocument());
22098
+ this.parent.formatter.editorManager.domNode.setMarker(save);
22099
+ alignmentNodes = this.parent.formatter.editorManager.domNode.blockNodes();
22100
+ this.parent.formatter.editorManager.domNode.convertToBlockNodes(alignmentNodes, false);
22101
+ this.marginTabAdd(args.shiftKey, alignmentNodes);
22102
+ save = this.parent.formatter.editorManager.domNode.saveMarker(save);
22103
+ save.restore();
22104
+ }
22105
+ else {
22106
+ InsertHtml.Insert(this.contentRenderer.getDocument(), '&nbsp;&nbsp;&nbsp;&nbsp;');
22107
+ this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
22108
+ }
21885
22109
  }
21886
- else if (this.rangeCollection.length > 0 &&
21887
- this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
21888
- var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
21889
- this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
21890
- InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
21891
- this.rangeCollection.pop();
22110
+ else {
22111
+ if (!args.shiftKey) {
22112
+ if (selection.startOffset !== selection.endOffset && selection.startOffset === 0) {
22113
+ this.marginTabAdd(args.shiftKey, alignmentNodes);
22114
+ }
22115
+ else {
22116
+ InsertHtml.Insert(this.contentRenderer.getDocument(), '&nbsp;&nbsp;&nbsp;&nbsp;');
22117
+ this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
22118
+ }
22119
+ }
22120
+ else if (this.rangeCollection.length > 0 &&
22121
+ this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
22122
+ var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
22123
+ this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
22124
+ InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
22125
+ this.rangeCollection.pop();
22126
+ }
22127
+ else {
22128
+ this.marginTabAdd(args.shiftKey, alignmentNodes);
22129
+ }
21892
22130
  }
21893
22131
  }
21894
22132
  }
22133
+ this.parent.formatter.saveData(e);
21895
22134
  }
21896
22135
  if (e.args.action === 'space' ||
21897
22136
  e.args.action === 'enter' ||
@@ -21908,15 +22147,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21908
22147
  }
21909
22148
  else {
21910
22149
  this.parent.notify(enterHandler, { args: e.args });
21911
- var newRange = this.parent.getRange();
21912
- if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
21913
- && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
21914
- this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
21915
- }
21916
- else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
21917
- && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
21918
- newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
21919
- }
22150
+ scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
21920
22151
  }
21921
22152
  }
21922
22153
  }
@@ -21925,7 +22156,11 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21925
22156
  var editorValue = currentRange_1.startContainer.textContent.slice(0, currentRange_1.startOffset);
21926
22157
  var orderedList_1 = this.isOrderedList(editorValue);
21927
22158
  var unOrderedList = this.isUnOrderedList(editorValue);
21928
- if (orderedList_1 && !unOrderedList || unOrderedList && !orderedList_1) {
22159
+ var hasSplitedText = false;
22160
+ if (orderedList_1 || unOrderedList) {
22161
+ hasSplitedText = this.hasMultipleTextNode(currentRange_1);
22162
+ }
22163
+ if (!hasSplitedText && (orderedList_1 && !unOrderedList || unOrderedList && !orderedList_1)) {
21929
22164
  var eventArgs_1 = {
21930
22165
  callBack: null,
21931
22166
  event: e.args,
@@ -21990,6 +22225,31 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
21990
22225
  }
21991
22226
  return false;
21992
22227
  };
22228
+ HtmlEditor.prototype.hasMultipleTextNode = function (range) {
22229
+ if (range && range.startContainer && range.startContainer.parentNode) {
22230
+ var parentNode = range.startContainer.parentNode;
22231
+ if (range.startContainer.previousElementSibling &&
22232
+ range.startContainer.previousElementSibling.classList.contains('e-mention-chip')
22233
+ && !range.startContainer.previousElementSibling.isContentEditable) {
22234
+ return true;
22235
+ }
22236
+ if (this.parent.enterKey === 'BR' || closest(parentNode, 'table')) {
22237
+ return false;
22238
+ }
22239
+ var childNodes = parentNode.childNodes;
22240
+ var textNodes = [];
22241
+ for (var i = 0; i < childNodes.length; i++) {
22242
+ var node = childNodes[i];
22243
+ if (node && node.nodeType === Node.TEXT_NODE) {
22244
+ textNodes.push(node);
22245
+ if (textNodes.length > 1) {
22246
+ return true;
22247
+ }
22248
+ }
22249
+ }
22250
+ }
22251
+ return false;
22252
+ };
21993
22253
  HtmlEditor.prototype.backSpaceCleanup = function (e, currentRange) {
21994
22254
  var isLiElement = false;
21995
22255
  var isPreviousNotContentEditable = true;
@@ -22562,13 +22822,37 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
22562
22822
  HtmlEditor.prototype.getSelectedHtml = function (e) {
22563
22823
  e.callBack(this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument()).toString());
22564
22824
  };
22825
+ HtmlEditor.prototype.marginTabAdd = function (val, alignmentNodes) {
22826
+ for (var index = 0; index < alignmentNodes.length; index++) {
22827
+ var element = alignmentNodes[index];
22828
+ if (element.closest('li')) {
22829
+ continue;
22830
+ }
22831
+ if (element.style.marginLeft) {
22832
+ var count$$1 = parseInt(element.style.marginLeft, 10);
22833
+ if (val) {
22834
+ count$$1 -= 20;
22835
+ }
22836
+ else {
22837
+ count$$1 += 20;
22838
+ }
22839
+ element.style.marginLeft = count$$1.toString() + 'px';
22840
+ if (element.style.marginLeft === '0px') {
22841
+ element.removeAttribute('style');
22842
+ }
22843
+ }
22844
+ else if (!val) {
22845
+ element.style.marginLeft = '20px';
22846
+ }
22847
+ }
22848
+ };
22565
22849
  return HtmlEditor;
22566
22850
  }());
22567
22851
 
22568
22852
  /**
22569
22853
  * PasteCleanup module called when pasting content in RichTextEditor
22570
22854
  */
22571
- var PasteCleanup = /** @__PURE__ @class */ (function () {
22855
+ var PasteCleanup = /** @class */ (function () {
22572
22856
  function PasteCleanup(parent, serviceLocator) {
22573
22857
  this.inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
22574
22858
  'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
@@ -22953,13 +23237,15 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
22953
23237
  popupObj.close();
22954
23238
  }
22955
23239
  this.parent.trigger(imageUploadFailed, e);
22956
- uploadObj.destroy();
23240
+ if (uploadObj && document.body.contains(uploadObj.element)) {
23241
+ uploadObj.destroy();
23242
+ }
22957
23243
  };
22958
23244
  PasteCleanup.prototype.popupClose = function (popupObj, uploadObj, imgElem, e) {
22959
23245
  var _this = this;
22960
23246
  this.parent.inputElement.contentEditable = 'true';
22961
23247
  e.element = imgElem;
22962
- e.requestType = UploadRequest.Pasted;
23248
+ e.detectImageSource = ImageInputSource.Pasted;
22963
23249
  this.parent.trigger(imageUploadSuccess, e, function (e) {
22964
23250
  if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
22965
23251
  var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -22969,7 +23255,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
22969
23255
  });
22970
23256
  popupObj.close();
22971
23257
  imgElem.style.opacity = '1';
22972
- if (!uploadObj.isDestroyed) {
23258
+ if (uploadObj && document.body.contains(uploadObj.element)) {
22973
23259
  uploadObj.destroy();
22974
23260
  }
22975
23261
  this.toolbarEnableDisable(false);
@@ -23220,7 +23506,8 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
23220
23506
  clipBoardElem = this.allowedStyle(clipBoardElem);
23221
23507
  }
23222
23508
  this.saveSelection.restore();
23223
- clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
23509
+ var newText = clipBoardElem.innerHTML.split("&").join("&amp;");
23510
+ clipBoardElem.innerHTML = this.sanitizeHelper(newText);
23224
23511
  var allImg = clipBoardElem.querySelectorAll('img');
23225
23512
  for (var i = 0; i < allImg.length; i++) {
23226
23513
  if (!isNullOrUndefined(allImg[i].getAttribute('src'))) {
@@ -23269,16 +23556,42 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
23269
23556
  extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
23270
23557
  _this.parent.formatter.onSuccess(_this.parent, args);
23271
23558
  }, clipBoardElem, null, null, this.parent.enterKey);
23559
+ scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
23272
23560
  this.removeTempClass();
23273
23561
  this.parent.notify(toolbarRefresh, {});
23274
23562
  this.cropImageHandler(this.parent.inputElement);
23275
23563
  }
23276
23564
  };
23565
+ PasteCleanup.prototype.convertBlobToBase64 = function (element) {
23566
+ var imgElem = element.querySelectorAll('img');
23567
+ var _loop_1 = function (i) {
23568
+ if (imgElem[i].getAttribute('src') &&
23569
+ imgElem[i].getAttribute('src').startsWith("blob")) {
23570
+ var blobImageUrl = imgElem[i].getAttribute('src');
23571
+ var img_1 = new Image();
23572
+ var onImageLoadEvent_1 = function () {
23573
+ var canvas = document.createElement('canvas');
23574
+ var ctx = canvas.getContext('2d');
23575
+ canvas.width = img_1.width;
23576
+ canvas.height = img_1.height;
23577
+ ctx.drawImage(img_1, 0, 0);
23578
+ var base64String = canvas.toDataURL('image/png');
23579
+ imgElem[i].src = base64String;
23580
+ img_1.removeEventListener('load', onImageLoadEvent_1);
23581
+ };
23582
+ img_1.src = blobImageUrl;
23583
+ img_1.addEventListener('load', onImageLoadEvent_1);
23584
+ }
23585
+ };
23586
+ for (var i = 0; i < imgElem.length; i++) {
23587
+ _loop_1(i);
23588
+ }
23589
+ };
23277
23590
  PasteCleanup.prototype.cropImageHandler = function (element) {
23278
23591
  var _this = this;
23279
23592
  var allImgElm = element.querySelectorAll('.e-img-cropped');
23280
23593
  if (allImgElm.length > 0) {
23281
- var _loop_1 = function (i) {
23594
+ var _loop_2 = function (i) {
23282
23595
  if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
23283
23596
  var image_1 = new Image();
23284
23597
  image_1.src = allImgElm[i].getAttribute('src');
@@ -23312,26 +23625,37 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
23312
23625
  }
23313
23626
  };
23314
23627
  for (var i = 0; i < allImgElm.length; i++) {
23315
- _loop_1(i);
23628
+ _loop_2(i);
23316
23629
  }
23317
23630
  }
23318
23631
  else {
23319
- this.imgUploading(this.parent.inputElement);
23320
- if (this.parent.iframeSettings.enable) {
23321
- this.parent.updateValue();
23632
+ if (!isNullOrUndefined(this.parent.insertImageSettings.saveUrl) && !isNullOrUndefined(this.parent.insertImageSettings.path) && !isNullOrUndefined(this.parent.inputElement.querySelectorAll("img")) && this.parent.inputElement.querySelectorAll("img")[0].src.startsWith("blob")) {
23633
+ this.convertBlobToBase64(this.parent.inputElement);
23634
+ setTimeout(function () {
23635
+ _this.imgUploading(_this.parent.inputElement);
23636
+ if (_this.parent.iframeSettings.enable) {
23637
+ _this.parent.updateValue();
23638
+ }
23639
+ }, 20);
23640
+ }
23641
+ else {
23642
+ this.imgUploading(this.parent.inputElement);
23643
+ if (this.parent.iframeSettings.enable) {
23644
+ this.parent.updateValue();
23645
+ }
23322
23646
  }
23323
23647
  }
23324
23648
  };
23325
23649
  PasteCleanup.prototype.addTableClass = function (element, source) {
23326
- source = isNullOrUndefined(source) ? '' : source;
23327
23650
  var tableElement = element.querySelectorAll('table');
23328
23651
  for (var i = 0; i < tableElement.length; i++) {
23329
- if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
23330
- tableElement[i].classList.add('e-rte-table');
23331
- }
23332
- else if (source && source !== 'html') {
23652
+ var isMSTeamsTable = tableElement[i].parentElement.nodeName === 'FIGURE';
23653
+ if (this.parent.pasteCleanupSettings.keepFormat && source && !isMSTeamsTable) {
23333
23654
  tableElement[i].classList.add('e-rte-paste-' + source + '-table');
23334
23655
  }
23656
+ else if (!tableElement[i].classList.contains('e-rte-table')) {
23657
+ tableElement[i].classList.add('e-rte-table');
23658
+ }
23335
23659
  }
23336
23660
  return element;
23337
23661
  };
@@ -23701,7 +24025,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
23701
24025
  /**
23702
24026
  * `Resize` module is used to resize the editor
23703
24027
  */
23704
- var Resize = /** @__PURE__ @class */ (function () {
24028
+ var Resize = /** @class */ (function () {
23705
24029
  function Resize(parent) {
23706
24030
  this.parent = parent;
23707
24031
  this.addEventListener();
@@ -23835,7 +24159,7 @@ var Resize = /** @__PURE__ @class */ (function () {
23835
24159
  /**
23836
24160
  * `FileManager` module is used to display the directories and images inside the editor.
23837
24161
  */
23838
- var FileManager$1 = /** @__PURE__ @class */ (function () {
24162
+ var FileManager$1 = /** @class */ (function () {
23839
24163
  function FileManager$$1(parent, locator) {
23840
24164
  FileManager.Inject(ContextMenu, DetailsView, NavigationPane, Toolbar$1);
23841
24165
  this.parent = parent;
@@ -24085,7 +24409,7 @@ var FileManager$1 = /** @__PURE__ @class */ (function () {
24085
24409
  /**
24086
24410
  * `FullScreen` module is used to maximize and minimize screen
24087
24411
  */
24088
- var FullScreen = /** @__PURE__ @class */ (function () {
24412
+ var FullScreen = /** @class */ (function () {
24089
24413
  function FullScreen(parent) {
24090
24414
  this.parent = parent;
24091
24415
  this.addEventListener();
@@ -24104,9 +24428,6 @@ var FullScreen = /** @__PURE__ @class */ (function () {
24104
24428
  && !isNullOrUndefined(this.parent.quickToolbarModule)) {
24105
24429
  this.parent.quickToolbarModule.hideQuickToolbars();
24106
24430
  }
24107
- if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
24108
- this.parent.notify(destroyTooltip, { args: event });
24109
- }
24110
24431
  this.scrollableParent = getScrollableParent(this.parent.element);
24111
24432
  if (!this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
24112
24433
  var evenArgs = {
@@ -24159,9 +24480,6 @@ var FullScreen = /** @__PURE__ @class */ (function () {
24159
24480
  && !isNullOrUndefined(this.parent.quickToolbarModule)) {
24160
24481
  this.parent.quickToolbarModule.hideQuickToolbars();
24161
24482
  }
24162
- if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
24163
- this.parent.notify(destroyTooltip, { args: event });
24164
- }
24165
24483
  if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
24166
24484
  var evenArgs = {
24167
24485
  cancel: false,
@@ -24316,7 +24634,7 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
24316
24634
  }
24317
24635
  }
24318
24636
 
24319
- var FormatPainter = /** @__PURE__ @class */ (function () {
24637
+ var FormatPainter = /** @class */ (function () {
24320
24638
  function FormatPainter(parent) {
24321
24639
  this.isSticky = false;
24322
24640
  this.isActive = false;
@@ -24474,7 +24792,7 @@ var FormatPainter = /** @__PURE__ @class */ (function () {
24474
24792
  return FormatPainter;
24475
24793
  }());
24476
24794
 
24477
- var EmojiPicker = /** @__PURE__ @class */ (function () {
24795
+ var EmojiPicker = /** @class */ (function () {
24478
24796
  function EmojiPicker(parent, serviceLocator) {
24479
24797
  this.parent = parent;
24480
24798
  this.locator = serviceLocator;
@@ -25237,7 +25555,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
25237
25555
  var popupHeight = 330;
25238
25556
  var popupTop = cursorTop;
25239
25557
  var popupLeft = cursorLeft + rect.width;
25240
- if (rteEle.getBoundingClientRect().top < 0) {
25558
+ if (rteEle.getBoundingClientRect().top < 0 && !this.parent.inlineMode.enable) {
25241
25559
  popupTop = popupTop + rteContent.getBoundingClientRect().top - toolbarHeight;
25242
25560
  }
25243
25561
  if (rect.top < popupHeight) {
@@ -25291,7 +25609,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
25291
25609
  * @hidden
25292
25610
  * @deprecated
25293
25611
  */
25294
- var Render = /** @__PURE__ @class */ (function () {
25612
+ var Render = /** @class */ (function () {
25295
25613
  /**
25296
25614
  * Constructor for render module
25297
25615
  *
@@ -25390,7 +25708,7 @@ var Render = /** @__PURE__ @class */ (function () {
25390
25708
  /**
25391
25709
  * `Link` module is used to handle undo actions.
25392
25710
  */
25393
- var Link = /** @__PURE__ @class */ (function () {
25711
+ var Link = /** @class */ (function () {
25394
25712
  function Link(parent, serviceLocator) {
25395
25713
  this.parent = parent;
25396
25714
  this.rteID = parent.element.id;
@@ -25908,7 +26226,10 @@ var Link = /** @__PURE__ @class */ (function () {
25908
26226
  this.selection.restore();
25909
26227
  }
25910
26228
  else {
26229
+ var x = window.scrollX;
26230
+ var y = window.scrollY;
25911
26231
  this.selfLink.parent.contentModule.getEditPanel().focus();
26232
+ window.scrollTo(x, y);
25912
26233
  }
25913
26234
  };
25914
26235
  Link.prototype.onDocumentClick = function (e) {
@@ -25959,7 +26280,7 @@ var Link = /** @__PURE__ @class */ (function () {
25959
26280
  /**
25960
26281
  * `Image` module is used to handle image actions.
25961
26282
  */
25962
- var Image$1 = /** @__PURE__ @class */ (function () {
26283
+ var Image$1 = /** @class */ (function () {
25963
26284
  function Image(parent, serviceLocator) {
25964
26285
  this.isImgUploaded = false;
25965
26286
  this.isAllowedTypes = true;
@@ -26571,13 +26892,13 @@ var Image$1 = /** @__PURE__ @class */ (function () {
26571
26892
  selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
26572
26893
  if (!originalEvent.ctrlKey && originalEvent.key && (originalEvent.key.length === 1 || originalEvent.action === 'enter') &&
26573
26894
  (!isNullOrUndefined(selectParentEle[0]) && selectParentEle[0].tagName === 'IMG') && selectParentEle[0].parentElement) {
26574
- var prev = selectParentEle[0].parentElement.childNodes[0];
26575
26895
  if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
26576
26896
  this.removeResizeEle();
26577
26897
  }
26578
- this.parent.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), prev, prev, prev.textContent.length, prev.textContent.length);
26579
26898
  removeClass([selectParentEle[0]], 'e-img-focus');
26580
- this.quickToolObj.imageQTBar.hidePopup();
26899
+ if (this.quickToolObj && this.quickToolObj.imageQTBar) {
26900
+ this.quickToolObj.imageQTBar.hidePopup();
26901
+ }
26581
26902
  }
26582
26903
  }
26583
26904
  if (originalEvent.ctrlKey && (originalEvent.keyCode === 89 || originalEvent.keyCode === 90)) {
@@ -27343,7 +27664,12 @@ var Image$1 = /** @__PURE__ @class */ (function () {
27343
27664
  animationSettings: { effect: 'None' },
27344
27665
  close: function (event) {
27345
27666
  if (_this.isImgUploaded) {
27346
- _this.uploadObj.remove();
27667
+ if (_this.dialogObj.element.querySelector('.e-file-abort-btn')) {
27668
+ _this.dialogObj.element.querySelector('.e-file-abort-btn').click();
27669
+ }
27670
+ else {
27671
+ _this.uploadObj.remove();
27672
+ }
27347
27673
  }
27348
27674
  _this.parent.isBlur = false;
27349
27675
  if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
@@ -27744,7 +28070,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
27744
28070
  }
27745
28071
  },
27746
28072
  success: function (e) {
27747
- e.requestType = UploadRequest.Uploaded;
28073
+ e.detectImageSource = ImageInputSource.Uploaded;
27748
28074
  _this.parent.trigger(imageUploadSuccess, e, function (e) {
27749
28075
  if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
27750
28076
  var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -28189,7 +28515,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
28189
28515
  imageElement.style.opacity = '1';
28190
28516
  imageElement.classList.add(CLS_IMG_FOCUS);
28191
28517
  e.element = imageElement;
28192
- e.requestType = UploadRequest.Dropped;
28518
+ e.detectImageSource = ImageInputSource.Dropped;
28193
28519
  this.parent.trigger(imageUploadSuccess, e, function (e) {
28194
28520
  if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
28195
28521
  var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -28290,7 +28616,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
28290
28616
  /**
28291
28617
  * `Audio` module is used to handle audio actions.
28292
28618
  */
28293
- var Audio = /** @__PURE__ @class */ (function () {
28619
+ var Audio = /** @class */ (function () {
28294
28620
  function Audio(parent, serviceLocator) {
28295
28621
  this.isAudioUploaded = false;
28296
28622
  this.isAllowedTypes = true;
@@ -28863,7 +29189,12 @@ var Audio = /** @__PURE__ @class */ (function () {
28863
29189
  animationSettings: { effect: 'None' },
28864
29190
  close: function (event) {
28865
29191
  if (_this.isAudioUploaded) {
28866
- _this.uploadObj.removing();
29192
+ if (_this.dialogObj.element.querySelector('.e-file-abort-btn')) {
29193
+ _this.dialogObj.element.querySelector('.e-file-abort-btn').click();
29194
+ }
29195
+ else {
29196
+ _this.uploadObj.remove();
29197
+ }
28867
29198
  }
28868
29199
  _this.parent.isBlur = false;
28869
29200
  if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
@@ -29149,7 +29480,7 @@ var Audio = /** @__PURE__ @class */ (function () {
29149
29480
  return Audio;
29150
29481
  }());
29151
29482
 
29152
- var Video = /** @__PURE__ @class */ (function () {
29483
+ var Video = /** @class */ (function () {
29153
29484
  function Video(parent, serviceLocator) {
29154
29485
  this.isVideoUploaded = false;
29155
29486
  this.isAllowedTypes = true;
@@ -30223,7 +30554,12 @@ var Video = /** @__PURE__ @class */ (function () {
30223
30554
  animationSettings: { effect: 'None' },
30224
30555
  close: function (event) {
30225
30556
  if (_this.isVideoUploaded) {
30226
- _this.uploadObj.removing();
30557
+ if (_this.dialogObj.element.querySelector('.e-file-abort-btn')) {
30558
+ _this.dialogObj.element.querySelector('.e-file-abort-btn').click();
30559
+ }
30560
+ else {
30561
+ _this.uploadObj.remove();
30562
+ }
30227
30563
  }
30228
30564
  _this.parent.isBlur = false;
30229
30565
  if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
@@ -30600,7 +30936,7 @@ var Video = /** @__PURE__ @class */ (function () {
30600
30936
  * @hidden
30601
30937
  * @deprecated
30602
30938
  */
30603
- var ViewSource = /** @__PURE__ @class */ (function () {
30939
+ var ViewSource = /** @class */ (function () {
30604
30940
  /**
30605
30941
  * Constructor for view source module
30606
30942
  *
@@ -30880,7 +31216,7 @@ var ViewSource = /** @__PURE__ @class */ (function () {
30880
31216
  /**
30881
31217
  * `Table` module is used to handle table actions.
30882
31218
  */
30883
- var Table = /** @__PURE__ @class */ (function () {
31219
+ var Table = /** @class */ (function () {
30884
31220
  function Table(parent, serviceLocator) {
30885
31221
  this.ensureInsideTableList = true;
30886
31222
  this.pageX = null;
@@ -31475,8 +31811,11 @@ var Table = /** @__PURE__ @class */ (function () {
31475
31811
  if (proxy.editdlgObj) {
31476
31812
  proxy.editdlgObj.hide();
31477
31813
  }
31814
+ var x = window.scrollX;
31815
+ var y = window.scrollY;
31478
31816
  proxy.parent.formatter.process(proxy.parent, selectionObj.args, selectionObj.args.originalEvent, value);
31479
31817
  proxy.contentModule.getEditPanel().focus();
31818
+ window.scrollTo(x, y);
31480
31819
  proxy.parent.on(mouseDown, proxy.cellSelect, proxy);
31481
31820
  };
31482
31821
  Table.prototype.cellSelect = function (e) {
@@ -32460,7 +32799,8 @@ var Table = /** @__PURE__ @class */ (function () {
32460
32799
  var argument = ((Browser.isDevice || (!isNullOrUndefined(args.args)
32461
32800
  && !isNullOrUndefined(args.args.originalEvent) &&
32462
32801
  args.args.originalEvent.action === 'insert-table')
32463
- || proxy.parent.inlineMode.enable || !isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) ? args :
32802
+ || proxy.parent.inlineMode.enable || ((!isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) &&
32803
+ !(args instanceof PointerEvent))) ? args :
32464
32804
  this);
32465
32805
  proxy.tableInsert(proxy.rowTextBox.value, proxy.columnTextBox.value, e, argument);
32466
32806
  }
@@ -32595,7 +32935,7 @@ var Table = /** @__PURE__ @class */ (function () {
32595
32935
  /**
32596
32936
  * Dialog Renderer
32597
32937
  */
32598
- var DialogRenderer = /** @__PURE__ @class */ (function () {
32938
+ var DialogRenderer = /** @class */ (function () {
32599
32939
  function DialogRenderer(parent) {
32600
32940
  this.parent = parent;
32601
32941
  this.addEventListener();
@@ -32912,29 +33252,29 @@ var executeGroup = {
32912
33252
  }
32913
33253
  };
32914
33254
 
32915
- var __extends$5 = (undefined && undefined.__extends) || (function () {
32916
- var extendStatics = function (d, b) {
32917
- extendStatics = Object.setPrototypeOf ||
32918
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
32919
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
32920
- return extendStatics(d, b);
32921
- };
32922
- return function (d, b) {
32923
- extendStatics(d, b);
32924
- function __() { this.constructor = d; }
32925
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
32926
- };
32927
- })();
32928
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
32929
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
32930
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
32931
- 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;
32932
- return c > 3 && r && Object.defineProperty(target, key, r), r;
32933
- };
33255
+ var __extends$5 = (undefined && undefined.__extends) || (function () {
33256
+ var extendStatics = function (d, b) {
33257
+ extendStatics = Object.setPrototypeOf ||
33258
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
33259
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
33260
+ return extendStatics(d, b);
33261
+ };
33262
+ return function (d, b) {
33263
+ extendStatics(d, b);
33264
+ function __() { this.constructor = d; }
33265
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
33266
+ };
33267
+ })();
33268
+ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
33269
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
33270
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
33271
+ 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;
33272
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
33273
+ };
32934
33274
  /**
32935
33275
  * Configures the toolbar settings of the RichTextEditor.
32936
33276
  */
32937
- var ToolbarSettings$1 = /** @__PURE__ @class */ (function (_super) {
33277
+ var ToolbarSettings$1 = /** @class */ (function (_super) {
32938
33278
  __extends$5(ToolbarSettings$$1, _super);
32939
33279
  function ToolbarSettings$$1() {
32940
33280
  return _super !== null && _super.apply(this, arguments) || this;
@@ -32959,7 +33299,7 @@ var ToolbarSettings$1 = /** @__PURE__ @class */ (function (_super) {
32959
33299
  /**
32960
33300
  * Configures the image settings of the RichTextEditor.
32961
33301
  */
32962
- var ImageSettings = /** @__PURE__ @class */ (function (_super) {
33302
+ var ImageSettings = /** @class */ (function (_super) {
32963
33303
  __extends$5(ImageSettings, _super);
32964
33304
  function ImageSettings() {
32965
33305
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33011,7 +33351,7 @@ var ImageSettings = /** @__PURE__ @class */ (function (_super) {
33011
33351
  /**
33012
33352
  * Configures the audio settings of the RichTextEditor.
33013
33353
  */
33014
- var AudioSettings = /** @__PURE__ @class */ (function (_super) {
33354
+ var AudioSettings = /** @class */ (function (_super) {
33015
33355
  __extends$5(AudioSettings, _super);
33016
33356
  function AudioSettings() {
33017
33357
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33039,7 +33379,7 @@ var AudioSettings = /** @__PURE__ @class */ (function (_super) {
33039
33379
  /**
33040
33380
  * Configures the video settings of the RichTextEditor.
33041
33381
  */
33042
- var VideoSettings = /** @__PURE__ @class */ (function (_super) {
33382
+ var VideoSettings = /** @class */ (function (_super) {
33043
33383
  __extends$5(VideoSettings, _super);
33044
33384
  function VideoSettings() {
33045
33385
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33091,7 +33431,7 @@ var VideoSettings = /** @__PURE__ @class */ (function (_super) {
33091
33431
  /**
33092
33432
  * Configures the file manager settings of the RichTextEditor.
33093
33433
  */
33094
- var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
33434
+ var FileManagerSettings = /** @class */ (function (_super) {
33095
33435
  __extends$5(FileManagerSettings, _super);
33096
33436
  function FileManagerSettings() {
33097
33437
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33152,7 +33492,7 @@ var FileManagerSettings = /** @__PURE__ @class */ (function (_super) {
33152
33492
  ], FileManagerSettings.prototype, "view", void 0);
33153
33493
  return FileManagerSettings;
33154
33494
  }(ChildProperty));
33155
- var TableSettings = /** @__PURE__ @class */ (function (_super) {
33495
+ var TableSettings = /** @class */ (function (_super) {
33156
33496
  __extends$5(TableSettings, _super);
33157
33497
  function TableSettings() {
33158
33498
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33177,7 +33517,7 @@ var TableSettings = /** @__PURE__ @class */ (function (_super) {
33177
33517
  /**
33178
33518
  * Configures the quick toolbar settings of the RichTextEditor.
33179
33519
  */
33180
- var QuickToolbarSettings = /** @__PURE__ @class */ (function (_super) {
33520
+ var QuickToolbarSettings = /** @class */ (function (_super) {
33181
33521
  __extends$5(QuickToolbarSettings, _super);
33182
33522
  function QuickToolbarSettings() {
33183
33523
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33214,7 +33554,7 @@ var QuickToolbarSettings = /** @__PURE__ @class */ (function (_super) {
33214
33554
  /**
33215
33555
  * Configure the format painter settings of the Rich Text Editor.
33216
33556
  */
33217
- var FormatPainterSettings = /** @__PURE__ @class */ (function (_super) {
33557
+ var FormatPainterSettings = /** @class */ (function (_super) {
33218
33558
  __extends$5(FormatPainterSettings, _super);
33219
33559
  function FormatPainterSettings() {
33220
33560
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33230,7 +33570,7 @@ var FormatPainterSettings = /** @__PURE__ @class */ (function (_super) {
33230
33570
  /**
33231
33571
  * Specifies the emoji picker options in Rich Text Editor with the following properties.
33232
33572
  */
33233
- var EmojiSettings = /** @__PURE__ @class */ (function (_super) {
33573
+ var EmojiSettings = /** @class */ (function (_super) {
33234
33574
  __extends$5(EmojiSettings, _super);
33235
33575
  function EmojiSettings() {
33236
33576
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33246,7 +33586,7 @@ var EmojiSettings = /** @__PURE__ @class */ (function (_super) {
33246
33586
  /**
33247
33587
  * Configures the Paste Cleanup settings of the RichTextEditor.
33248
33588
  */
33249
- var PasteCleanupSettings = /** @__PURE__ @class */ (function (_super) {
33589
+ var PasteCleanupSettings = /** @class */ (function (_super) {
33250
33590
  __extends$5(PasteCleanupSettings, _super);
33251
33591
  function PasteCleanupSettings() {
33252
33592
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33274,7 +33614,7 @@ var PasteCleanupSettings = /** @__PURE__ @class */ (function (_super) {
33274
33614
  /**
33275
33615
  * Configures the font family settings of the RichTextEditor.
33276
33616
  */
33277
- var FontFamily = /** @__PURE__ @class */ (function (_super) {
33617
+ var FontFamily = /** @class */ (function (_super) {
33278
33618
  __extends$5(FontFamily, _super);
33279
33619
  function FontFamily() {
33280
33620
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33293,7 +33633,7 @@ var FontFamily = /** @__PURE__ @class */ (function (_super) {
33293
33633
  /**
33294
33634
  * Configures the font size settings of the RichTextEditor.
33295
33635
  */
33296
- var FontSize = /** @__PURE__ @class */ (function (_super) {
33636
+ var FontSize = /** @class */ (function (_super) {
33297
33637
  __extends$5(FontSize, _super);
33298
33638
  function FontSize() {
33299
33639
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33312,7 +33652,7 @@ var FontSize = /** @__PURE__ @class */ (function (_super) {
33312
33652
  /**
33313
33653
  * Configures the format settings of the RichTextEditor.
33314
33654
  */
33315
- var Format = /** @__PURE__ @class */ (function (_super) {
33655
+ var Format = /** @class */ (function (_super) {
33316
33656
  __extends$5(Format, _super);
33317
33657
  function Format() {
33318
33658
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33331,7 +33671,7 @@ var Format = /** @__PURE__ @class */ (function (_super) {
33331
33671
  /**
33332
33672
  * Configures the font Color settings of the RichTextEditor.
33333
33673
  */
33334
- var FontColor = /** @__PURE__ @class */ (function (_super) {
33674
+ var FontColor = /** @class */ (function (_super) {
33335
33675
  __extends$5(FontColor, _super);
33336
33676
  function FontColor() {
33337
33677
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33356,7 +33696,7 @@ var FontColor = /** @__PURE__ @class */ (function (_super) {
33356
33696
  /**
33357
33697
  * Configures the background Color settings of the RichTextEditor.
33358
33698
  */
33359
- var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
33699
+ var BackgroundColor = /** @class */ (function (_super) {
33360
33700
  __extends$5(BackgroundColor, _super);
33361
33701
  function BackgroundColor() {
33362
33702
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33381,7 +33721,7 @@ var BackgroundColor = /** @__PURE__ @class */ (function (_super) {
33381
33721
  /**
33382
33722
  * Configures the numberFormatList settings of the RichTextEditor.
33383
33723
  */
33384
- var NumberFormatList = /** @__PURE__ @class */ (function (_super) {
33724
+ var NumberFormatList = /** @class */ (function (_super) {
33385
33725
  __extends$5(NumberFormatList, _super);
33386
33726
  function NumberFormatList() {
33387
33727
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33394,7 +33734,7 @@ var NumberFormatList = /** @__PURE__ @class */ (function (_super) {
33394
33734
  /**
33395
33735
  * Configures the bulletFormatList settings of the RichTextEditor.
33396
33736
  */
33397
- var BulletFormatList = /** @__PURE__ @class */ (function (_super) {
33737
+ var BulletFormatList = /** @class */ (function (_super) {
33398
33738
  __extends$5(BulletFormatList, _super);
33399
33739
  function BulletFormatList() {
33400
33740
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33405,29 +33745,29 @@ var BulletFormatList = /** @__PURE__ @class */ (function (_super) {
33405
33745
  return BulletFormatList;
33406
33746
  }(ChildProperty));
33407
33747
 
33408
- var __extends$6 = (undefined && undefined.__extends) || (function () {
33409
- var extendStatics = function (d, b) {
33410
- extendStatics = Object.setPrototypeOf ||
33411
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
33412
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
33413
- return extendStatics(d, b);
33414
- };
33415
- return function (d, b) {
33416
- extendStatics(d, b);
33417
- function __() { this.constructor = d; }
33418
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
33419
- };
33420
- })();
33421
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
33422
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
33423
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
33424
- 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;
33425
- return c > 3 && r && Object.defineProperty(target, key, r), r;
33426
- };
33748
+ var __extends$6 = (undefined && undefined.__extends) || (function () {
33749
+ var extendStatics = function (d, b) {
33750
+ extendStatics = Object.setPrototypeOf ||
33751
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
33752
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
33753
+ return extendStatics(d, b);
33754
+ };
33755
+ return function (d, b) {
33756
+ extendStatics(d, b);
33757
+ function __() { this.constructor = d; }
33758
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
33759
+ };
33760
+ })();
33761
+ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
33762
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
33763
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
33764
+ 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;
33765
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
33766
+ };
33427
33767
  /**
33428
33768
  * Objects used for configuring the iframe resources properties.
33429
33769
  */
33430
- var Resources = /** @__PURE__ @class */ (function (_super) {
33770
+ var Resources = /** @class */ (function (_super) {
33431
33771
  __extends$6(Resources, _super);
33432
33772
  function Resources() {
33433
33773
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33443,7 +33783,7 @@ var Resources = /** @__PURE__ @class */ (function (_super) {
33443
33783
  /**
33444
33784
  * Configures the iframe settings of the RTE.
33445
33785
  */
33446
- var IFrameSettings = /** @__PURE__ @class */ (function (_super) {
33786
+ var IFrameSettings = /** @class */ (function (_super) {
33447
33787
  __extends$6(IFrameSettings, _super);
33448
33788
  function IFrameSettings() {
33449
33789
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33460,29 +33800,29 @@ var IFrameSettings = /** @__PURE__ @class */ (function (_super) {
33460
33800
  return IFrameSettings;
33461
33801
  }(ChildProperty));
33462
33802
 
33463
- var __extends$7 = (undefined && undefined.__extends) || (function () {
33464
- var extendStatics = function (d, b) {
33465
- extendStatics = Object.setPrototypeOf ||
33466
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
33467
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
33468
- return extendStatics(d, b);
33469
- };
33470
- return function (d, b) {
33471
- extendStatics(d, b);
33472
- function __() { this.constructor = d; }
33473
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
33474
- };
33475
- })();
33476
- var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
33477
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
33478
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
33479
- 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;
33480
- return c > 3 && r && Object.defineProperty(target, key, r), r;
33481
- };
33803
+ var __extends$7 = (undefined && undefined.__extends) || (function () {
33804
+ var extendStatics = function (d, b) {
33805
+ extendStatics = Object.setPrototypeOf ||
33806
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
33807
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
33808
+ return extendStatics(d, b);
33809
+ };
33810
+ return function (d, b) {
33811
+ extendStatics(d, b);
33812
+ function __() { this.constructor = d; }
33813
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
33814
+ };
33815
+ })();
33816
+ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
33817
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
33818
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
33819
+ 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;
33820
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
33821
+ };
33482
33822
  /**
33483
33823
  * Configures the inlineMode property of the RTE.
33484
33824
  */
33485
- var InlineMode = /** @__PURE__ @class */ (function (_super) {
33825
+ var InlineMode = /** @class */ (function (_super) {
33486
33826
  __extends$7(InlineMode, _super);
33487
33827
  function InlineMode() {
33488
33828
  return _super !== null && _super.apply(this, arguments) || this;
@@ -33499,7 +33839,7 @@ var InlineMode = /** @__PURE__ @class */ (function (_super) {
33499
33839
  /**
33500
33840
  * `EnterKey` module is used to handle enter key press actions.
33501
33841
  */
33502
- var EnterKeyAction = /** @__PURE__ @class */ (function () {
33842
+ var EnterKeyAction = /** @class */ (function () {
33503
33843
  function EnterKeyAction(parent) {
33504
33844
  this.parent = parent;
33505
33845
  this.addEventListener();
@@ -33535,16 +33875,18 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
33535
33875
  this.getRangeNode();
33536
33876
  var isTableEnter = true;
33537
33877
  this.formatTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote'];
33538
- var isCursorAtTableEnd = this.range.collapsed && (this.range.startContainer.nodeType === 1) &&
33539
- this.range.startContainer.isContentEditable &&
33540
- this.range.startContainer.childNodes[this.range.startOffset - 1] &&
33541
- this.range.startContainer.childNodes[this.range.startOffset - 1].nodeName === 'TABLE';
33542
- var isCursorAtTableStart = this.range.collapsed && (this.range.startContainer.nodeType === 1) &&
33543
- this.range.startContainer.isContentEditable && this.range.startContainer.childNodes[this.range.startOffset] &&
33544
- this.range.startContainer.childNodes[this.range.startOffset].nodeName === 'TABLE';
33545
- if (isCursorAtTableEnd || isCursorAtTableStart) {
33546
- this.handleCursorAtTableSide(e, isCursorAtTableStart, isCursorAtTableEnd);
33547
- return;
33878
+ var tableImagCursor = this.processedTableImageCursor();
33879
+ if (tableImagCursor.start || tableImagCursor.end) {
33880
+ if (tableImagCursor.startName === 'TABLE' || tableImagCursor.endName === 'TABLE') { // Default browser action prevented and hanled manually.
33881
+ this.handleCursorAtTableSide(e, tableImagCursor.start, tableImagCursor.end);
33882
+ return;
33883
+ }
33884
+ }
33885
+ if (tableImagCursor.start || tableImagCursor.end || this.range.startContainer.nodeName === 'IMG') {
33886
+ if (this.parent.enterKey === 'BR' && (tableImagCursor.startName === 'IMG' || tableImagCursor.endName === 'IMG' || this.range.startContainer.nodeName === 'IMG')) { // Default browser action prevented and hanled manually.
33887
+ this.handleEnterKeyAtImageSide(e, tableImagCursor.start, tableImagCursor.end);
33888
+ return;
33889
+ }
33548
33890
  }
33549
33891
  if (!isNullOrUndefined(this.startNode.closest('TABLE')) && !isNullOrUndefined(this.endNode.closest('TABLE'))) {
33550
33892
  isTableEnter = false;
@@ -33860,6 +34202,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
33860
34202
  else {
33861
34203
  currentParent = _this.startNode;
33862
34204
  }
34205
+ var currentParentStyle = window.getComputedStyle(currentParent);
33863
34206
  _this.removeBRElement(currentParent);
33864
34207
  var currentParentLastChild = currentParent.lastChild;
33865
34208
  while (!isNullOrUndefined(currentParentLastChild) && !(currentParentLastChild.nodeName === '#text' || currentParentLastChild.nodeName === 'BR'
@@ -33911,7 +34254,6 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
33911
34254
  var outerBRElem = _this.parent.createElement('br');
33912
34255
  if (_this.range.startOffset === 0 && _this.range.endOffset === 0 &&
33913
34256
  !isNullOrUndefined(currentParent.previousSibling) && currentParent.previousSibling.nodeName === 'BR' && currentParent.nodeName !== 'P' && currentParent.nodeName !== 'DIV') {
33914
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
33915
34257
  newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, false).cloneNode(true);
33916
34258
  _this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
33917
34259
  _this.insertFocusContent();
@@ -33923,6 +34265,14 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
33923
34265
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
33924
34266
 
33925
34267
  }
34268
+ else if (currentParent !== _this.parent.inputElement &&
34269
+ (currentParentStyle.display === 'inline' || currentParentStyle.display === 'inline-block')) {
34270
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
34271
+ newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
34272
+ currentParent.parentElement.insertBefore(outerBRElem, currentParent);
34273
+ _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), currentParent, 0);
34274
+ _this.insertFocusContent();
34275
+ }
33926
34276
  else {
33927
34277
  _this.insertBRElement();
33928
34278
  }
@@ -33933,7 +34283,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
33933
34283
  }
33934
34284
  e.args.preventDefault();
33935
34285
  }
33936
- _this.parent.trigger(actionComplete, { requestType: shiftKey_1 ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
34286
+ _this.triggerActionComplete(e, shiftKey_1);
33937
34287
  }
33938
34288
  });
33939
34289
  }
@@ -34003,6 +34353,9 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
34003
34353
  }
34004
34354
  return insertElem;
34005
34355
  };
34356
+ EnterKeyAction.prototype.triggerActionComplete = function (e, shiftKey) {
34357
+ this.parent.trigger(actionComplete, { requestType: shiftKey ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
34358
+ };
34006
34359
  EnterKeyAction.prototype.handleCursorAtTableSide = function (e, isStart, isEnd) {
34007
34360
  var _this = this;
34008
34361
  if (this.parent.enterKey !== 'BR') {
@@ -34033,44 +34386,125 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
34033
34386
  }
34034
34387
  _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElement, 0);
34035
34388
  e.args.preventDefault();
34036
- _this.parent.trigger(actionComplete, { requestType: shiftKey_2 ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
34389
+ _this.triggerActionComplete(e, shiftKey_2);
34037
34390
  }
34038
34391
  });
34039
34392
  }
34040
34393
  };
34394
+ EnterKeyAction.prototype.handleEnterKeyAtImageSide = function (e, isStart, isEnd) {
34395
+ var _this = this;
34396
+ var actionBeginArgs = {
34397
+ cancel: false,
34398
+ name: actionBegin,
34399
+ requestType: e.args.shiftKey ? 'ShiftEnterAction' : 'EnterAction',
34400
+ originalEvent: e.args
34401
+ };
34402
+ var directRange = false;
34403
+ if (this.range.startContainer.nodeName === 'IMG' && this.range.startOffset === 0) {
34404
+ directRange = true;
34405
+ }
34406
+ this.parent.trigger(actionBegin, actionBeginArgs, function (actionBeginArgs) {
34407
+ if (!actionBeginArgs.cancel) {
34408
+ if (_this.parent.enterKey === 'BR') {
34409
+ var newElement = _this.parent.createElement('BR');
34410
+ var imageElement = void 0;
34411
+ if (directRange) {
34412
+ imageElement = _this.range.startContainer;
34413
+ imageElement.parentElement.insertBefore(newElement, imageElement);
34414
+ _this.parent.formatter.editorManager.nodeSelection.
34415
+ setCursorPoint(_this.parent.contentModule.getDocument(), imageElement, 0);
34416
+ }
34417
+ if (isStart) {
34418
+ imageElement = _this.range.startContainer.childNodes[_this.range.startOffset];
34419
+ imageElement.parentElement.insertBefore(newElement, imageElement);
34420
+ _this.parent.formatter.editorManager.nodeSelection.
34421
+ setCursorPoint(_this.parent.contentModule.getDocument(), imageElement, 0);
34422
+ }
34423
+ if (isEnd) {
34424
+ imageElement = _this.range.startContainer.childNodes[_this.range.startOffset - 1];
34425
+ if (!isNullOrUndefined(imageElement.nextSibling)) {
34426
+ imageElement.parentElement.insertBefore(newElement, imageElement.nextSibling);
34427
+ _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElement.nextSibling, 0);
34428
+ }
34429
+ else if (isNullOrUndefined(imageElement.nextSibling)) {
34430
+ imageElement.parentElement.appendChild(newElement);
34431
+ var brElement = _this.parent.createElement('BR');
34432
+ imageElement.parentElement.appendChild(brElement);
34433
+ _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), brElement, 0);
34434
+ }
34435
+ }
34436
+ e.args.preventDefault();
34437
+ _this.triggerActionComplete(e, e.args.shiftKey);
34438
+ }
34439
+ }
34440
+ });
34441
+ };
34442
+ EnterKeyAction.prototype.isTableOrImageStart = function () {
34443
+ var customHandlerElements = ['IMG', 'TABLE'];
34444
+ var startContainer = this.range.startContainer;
34445
+ var startOffset = this.range.startOffset;
34446
+ var isCursorAtStart = this.range.collapsed && (startContainer.nodeType === 1) &&
34447
+ startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
34448
+ (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
34449
+ if (isCursorAtStart) {
34450
+ return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
34451
+ }
34452
+ else {
34453
+ return { start: false, startNodeName: '' };
34454
+ }
34455
+ };
34456
+ EnterKeyAction.prototype.isTableOrImageEnd = function () {
34457
+ var customHandlerElements = ['IMG', 'TABLE'];
34458
+ var startContainer = this.range.startContainer;
34459
+ var startOffset = this.range.startOffset;
34460
+ var isCursorAtEnd = this.range.collapsed && (startContainer.nodeType === 1) &&
34461
+ startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
34462
+ (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
34463
+ if (isCursorAtEnd) {
34464
+ return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
34465
+ }
34466
+ else {
34467
+ return { end: false, endNodeName: '' };
34468
+ }
34469
+ };
34470
+ EnterKeyAction.prototype.processedTableImageCursor = function () {
34471
+ var _a = this.isTableOrImageStart(), start = _a.start, startNodeName = _a.startNodeName;
34472
+ var _b = this.isTableOrImageEnd(), end = _b.end, endNodeName = _b.endNodeName;
34473
+ return { start: start, startName: startNodeName, end: end, endName: endNodeName };
34474
+ };
34041
34475
  return EnterKeyAction;
34042
34476
  }());
34043
34477
 
34044
- var __extends$4 = (undefined && undefined.__extends) || (function () {
34045
- var extendStatics = function (d, b) {
34046
- extendStatics = Object.setPrototypeOf ||
34047
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
34048
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
34049
- return extendStatics(d, b);
34050
- };
34051
- return function (d, b) {
34052
- extendStatics(d, b);
34053
- function __() { this.constructor = d; }
34054
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
34055
- };
34056
- })();
34057
- var __assign = (undefined && undefined.__assign) || function () {
34058
- __assign = Object.assign || function(t) {
34059
- for (var s, i = 1, n = arguments.length; i < n; i++) {
34060
- s = arguments[i];
34061
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
34062
- t[p] = s[p];
34063
- }
34064
- return t;
34065
- };
34066
- return __assign.apply(this, arguments);
34067
- };
34068
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
34069
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
34070
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
34071
- 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;
34072
- return c > 3 && r && Object.defineProperty(target, key, r), r;
34073
- };
34478
+ var __extends$4 = (undefined && undefined.__extends) || (function () {
34479
+ var extendStatics = function (d, b) {
34480
+ extendStatics = Object.setPrototypeOf ||
34481
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
34482
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
34483
+ return extendStatics(d, b);
34484
+ };
34485
+ return function (d, b) {
34486
+ extendStatics(d, b);
34487
+ function __() { this.constructor = d; }
34488
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
34489
+ };
34490
+ })();
34491
+ var __assign = (undefined && undefined.__assign) || function () {
34492
+ __assign = Object.assign || function(t) {
34493
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
34494
+ s = arguments[i];
34495
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
34496
+ t[p] = s[p];
34497
+ }
34498
+ return t;
34499
+ };
34500
+ return __assign.apply(this, arguments);
34501
+ };
34502
+ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
34503
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
34504
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
34505
+ 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;
34506
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
34507
+ };
34074
34508
  /**
34075
34509
  * Represents the Rich Text Editor component.
34076
34510
  * ```html
@@ -34081,7 +34515,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
34081
34515
  * </script>
34082
34516
  * ```
34083
34517
  */
34084
- var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
34518
+ var RichTextEditor = /** @class */ (function (_super) {
34085
34519
  __extends$4(RichTextEditor, _super);
34086
34520
  function RichTextEditor(options, element) {
34087
34521
  var _this = _super.call(this, options, element) || this;
@@ -34210,6 +34644,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
34210
34644
  this.persistData();
34211
34645
  setStyleAttribute(this.element, { 'width': formatUnit(this.width) });
34212
34646
  attributes(this.element, { role: 'application', 'aria-label': 'Rich Text Editor' });
34647
+ this.beforeRenderClassValue = this.element.getAttribute('class');
34213
34648
  };
34214
34649
  RichTextEditor.prototype.persistData = function () {
34215
34650
  if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
@@ -35082,10 +35517,21 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
35082
35517
  if (this.isDestroyed || !this.isRendered) {
35083
35518
  return;
35084
35519
  }
35520
+ this.element.className = this.beforeRenderClassValue;
35521
+ this.removeHtmlAttributes();
35522
+ this.removeAttributes();
35523
+ this.beforeRenderClassValue = null;
35085
35524
  if (!isNullOrUndefined(this.timeInterval)) {
35086
35525
  clearInterval(this.timeInterval);
35087
35526
  this.timeInterval = null;
35088
35527
  }
35528
+ var tooltipElements = document.querySelectorAll('[data-rte-id="' + this.getID() + '"]');
35529
+ for (var i = 0; i < tooltipElements.length; i++) {
35530
+ var tooltipEle = tooltipElements[i];
35531
+ if (this.getID() === tooltipEle.getAttribute('data-rte-id')) {
35532
+ detach(tooltipEle);
35533
+ }
35534
+ }
35089
35535
  if (this.element.offsetParent === null) {
35090
35536
  if (!isNullOrUndefined(this.toolbarModule)) {
35091
35537
  this.toolbarModule.destroy();
@@ -35142,8 +35588,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
35142
35588
  }
35143
35589
  }
35144
35590
  }
35145
- this.removeHtmlAttributes();
35146
- this.removeAttributes();
35147
35591
  _super.prototype.destroy.call(this);
35148
35592
  this.isRendered = false;
35149
35593
  };
@@ -35174,6 +35618,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
35174
35618
  this.element.removeAttribute('aria-disabled');
35175
35619
  this.element.removeAttribute('role');
35176
35620
  this.element.removeAttribute('tabindex');
35621
+ this.element.removeAttribute('aria-label');
35177
35622
  };
35178
35623
  RichTextEditor.prototype.destroyDependentModules = function () {
35179
35624
  /* destroy dependent modules */
@@ -35428,7 +35873,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
35428
35873
  }
35429
35874
  };
35430
35875
  RichTextEditor.prototype.updatePanelValue = function () {
35431
- var value = this.value;
35876
+ var value = this.listOrderCorrection(this.value);
35432
35877
  value = (this.enableHtmlEncode && this.value) ? decode(value) : value;
35433
35878
  var getTextArea = this.element.querySelector('.' + CLS_RTE_SOURCE_CODE_TXTAREA);
35434
35879
  if (value) {
@@ -35472,6 +35917,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
35472
35917
  this.countModule.refresh();
35473
35918
  }
35474
35919
  };
35920
+ RichTextEditor.prototype.listOrderCorrection = function (value) {
35921
+ var valueElementWrapper = this.createElement('div');
35922
+ valueElementWrapper.innerHTML = value;
35923
+ var listElements = valueElementWrapper.querySelectorAll('UL, OL');
35924
+ for (var i = 0; i < listElements.length; i++) {
35925
+ if (!isNullOrUndefined(listElements[i]) && !isNullOrUndefined(listElements[i].parentElement) && !isNullOrUndefined(listElements[i].previousElementSibling) && (listElements[i].parentElement.nodeName === 'UL' || listElements[i].parentElement.nodeName === 'OL')) {
35926
+ listElements[i].previousElementSibling.appendChild(listElements[i]);
35927
+ }
35928
+ }
35929
+ return valueElementWrapper.innerHTML;
35930
+ };
35475
35931
  RichTextEditor.prototype.setHeight = function (height) {
35476
35932
  if (height !== 'auto') {
35477
35933
  this.element.style.height = formatUnit(height);
@@ -36943,5 +37399,5 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
36943
37399
  * Rich Text Editor component exported items
36944
37400
  */
36945
37401
 
36946
- export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, UploadRequest, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
37402
+ export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, ImageInputSource, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
36947
37403
  //# sourceMappingURL=ej2-richtexteditor.es5.js.map