@syncfusion/ej2-richtexteditor 25.1.35 → 25.1.37

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 (53) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +28 -15
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +29 -16
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +9 -9
  13. package/src/editor-manager/plugin/dom-node.js +2 -1
  14. package/src/editor-manager/plugin/lists.js +12 -0
  15. package/src/editor-manager/plugin/ms-word-clean-up.js +2 -2
  16. package/src/editor-manager/plugin/selection-commands.js +4 -0
  17. package/src/rich-text-editor/base/rich-text-editor.js +2 -4
  18. package/src/rich-text-editor/renderer/toolbar-renderer.js +7 -9
  19. package/styles/bootstrap-dark.css +4 -0
  20. package/styles/bootstrap.css +4 -0
  21. package/styles/bootstrap4.css +4 -0
  22. package/styles/bootstrap5-dark.css +4 -0
  23. package/styles/bootstrap5.css +4 -0
  24. package/styles/fabric-dark.css +4 -0
  25. package/styles/fabric.css +4 -0
  26. package/styles/fluent-dark.css +4 -0
  27. package/styles/fluent.css +4 -0
  28. package/styles/highcontrast-light.css +4 -0
  29. package/styles/highcontrast.css +4 -0
  30. package/styles/material-dark.css +4 -0
  31. package/styles/material.css +4 -0
  32. package/styles/material3-dark.css +4 -0
  33. package/styles/material3.css +4 -0
  34. package/styles/rich-text-editor/_layout.scss +4 -4
  35. package/styles/rich-text-editor/bootstrap-dark.css +4 -0
  36. package/styles/rich-text-editor/bootstrap.css +4 -0
  37. package/styles/rich-text-editor/bootstrap4.css +4 -0
  38. package/styles/rich-text-editor/bootstrap5-dark.css +4 -0
  39. package/styles/rich-text-editor/bootstrap5.css +4 -0
  40. package/styles/rich-text-editor/fabric-dark.css +4 -0
  41. package/styles/rich-text-editor/fabric.css +4 -0
  42. package/styles/rich-text-editor/fluent-dark.css +4 -0
  43. package/styles/rich-text-editor/fluent.css +4 -0
  44. package/styles/rich-text-editor/highcontrast-light.css +4 -0
  45. package/styles/rich-text-editor/highcontrast.css +4 -0
  46. package/styles/rich-text-editor/material-dark.css +4 -0
  47. package/styles/rich-text-editor/material.css +4 -0
  48. package/styles/rich-text-editor/material3-dark.css +4 -0
  49. package/styles/rich-text-editor/material3.css +4 -0
  50. package/styles/rich-text-editor/tailwind-dark.css +4 -4
  51. package/styles/rich-text-editor/tailwind.css +4 -4
  52. package/styles/tailwind-dark.css +4 -4
  53. package/styles/tailwind.css +4 -4
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 25.1.35
3
+ * version : 25.1.37
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-richtexteditor@*",
3
- "_id": "@syncfusion/ej2-richtexteditor@23.1.54",
3
+ "_id": "@syncfusion/ej2-richtexteditor@25.1.35",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-PsphjMpa/0wW711Fuq+Qd4CDUY2UbDH56WhYjnk/8Tuv01Gj42/krKh44yI6yJYJRZq+Q47NErl/5FJUNT0Ozg==",
5
+ "_integrity": "sha512-+ZVGzeuC6zPgsx8Ydma2G5WgxqpfYz7NnO17cQwk7cLzhoGTJqSrY/dcHCwPYe884mJ4hm0P6QB1mD9kUXywFA==",
6
6
  "_location": "/@syncfusion/ej2-richtexteditor",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -25,8 +25,8 @@
25
25
  "/@syncfusion/ej2-react-richtexteditor",
26
26
  "/@syncfusion/ej2-vue-richtexteditor"
27
27
  ],
28
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.54.tgz",
29
- "_shasum": "40d45ccccd6bc1a49e83e34d5f9d850b12fefc33",
28
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.35.tgz",
29
+ "_shasum": "9b56182752bfc14fa4ccfbe95f8a3875a66ecabc",
30
30
  "_spec": "@syncfusion/ej2-richtexteditor@*",
31
31
  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
32
32
  "author": {
@@ -39,11 +39,11 @@
39
39
  "dependencies": {
40
40
  "@syncfusion/ej2-base": "~25.1.35",
41
41
  "@syncfusion/ej2-buttons": "~25.1.35",
42
- "@syncfusion/ej2-filemanager": "~25.1.35",
43
- "@syncfusion/ej2-inputs": "~25.1.35",
44
- "@syncfusion/ej2-navigations": "~25.1.35",
42
+ "@syncfusion/ej2-filemanager": "~25.1.37",
43
+ "@syncfusion/ej2-inputs": "~25.1.37",
44
+ "@syncfusion/ej2-navigations": "~25.1.37",
45
45
  "@syncfusion/ej2-popups": "~25.1.35",
46
- "@syncfusion/ej2-splitbuttons": "~25.1.35"
46
+ "@syncfusion/ej2-splitbuttons": "~25.1.37"
47
47
  },
48
48
  "deprecated": false,
49
49
  "description": "Essential JS 2 RichTextEditor component",
@@ -69,6 +69,6 @@
69
69
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
70
70
  },
71
71
  "typings": "index.d.ts",
72
- "version": "25.1.35",
72
+ "version": "25.1.37",
73
73
  "sideEffects": false
74
74
  }
@@ -580,7 +580,8 @@ var DOMNode = /** @class */ (function () {
580
580
  }
581
581
  }
582
582
  else {
583
- if (start.tagName === 'IMG') {
583
+ var tagName = !isNOU(start.parentElement) ? start.parentElement.tagName.toLocaleLowerCase() : '';
584
+ if (start.tagName === 'IMG' && tagName !== 'p' && tagName !== 'div') {
584
585
  var parNode = document.createElement('p');
585
586
  start.parentElement.insertBefore(parNode, start);
586
587
  parNode.appendChild(start);
@@ -743,8 +743,17 @@ var Lists = /** @class */ (function () {
743
743
  };
744
744
  Lists.prototype.cleanNode = function () {
745
745
  var liParents = this.parent.editableElement.querySelectorAll('ol + ol, ul + ul');
746
+ var listStyleType;
747
+ var firstNodeOL;
746
748
  for (var c = 0; c < liParents.length; c++) {
747
749
  var node = liParents[c];
750
+ var toFindtopOlUl = true;
751
+ if (toFindtopOlUl && (liParents[c].parentElement.parentElement.nodeName === 'OL' || liParents[c].parentElement.parentElement.nodeName === 'UL')) {
752
+ toFindtopOlUl = false;
753
+ var preElement = liParents[c].parentElement.parentElement;
754
+ listStyleType = preElement.style.listStyleType;
755
+ firstNodeOL = node.previousElementSibling;
756
+ }
748
757
  if (this.domNode.isList(node.previousElementSibling) &&
749
758
  this.domNode.openTagString(node) === this.domNode.openTagString(node.previousElementSibling)) {
750
759
  var contentNodes = this.domNode.contents(node);
@@ -759,6 +768,9 @@ var Lists = /** @class */ (function () {
759
768
  }
760
769
  }
761
770
  }
771
+ if (firstNodeOL) {
772
+ firstNodeOL.style.listStyleType = listStyleType;
773
+ }
762
774
  };
763
775
  Lists.prototype.findUnSelected = function (temp, elements) {
764
776
  temp = temp.slice().reverse();
@@ -44,7 +44,7 @@ var MsWordPaste = /** @class */ (function () {
44
44
  'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
45
45
  this.lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
46
46
  'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
47
- this.removableElements = ['o:p', 'style'];
47
+ this.removableElements = ['o:p', 'style', 'w:sdt'];
48
48
  this.listContents = [];
49
49
  this.cropImageDimensions = [];
50
50
  this.parent = parent;
@@ -409,7 +409,7 @@ var MsWordPaste = /** @class */ (function () {
409
409
  var innerElement = elm.innerHTML;
410
410
  for (var i = 0; i < this.removableElements.length; i++) {
411
411
  // eslint-disable-next-line security/detect-non-literal-regexp
412
- var regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
412
+ var regExpStartElem = new RegExp('<' + this.removableElements[i] + '\\s*[^>]*>', 'g');
413
413
  // eslint-disable-next-line security/detect-non-literal-regexp
414
414
  var regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
415
415
  innerElement = innerElement.replace(regExpStartElem, '');
@@ -249,11 +249,15 @@ var SelectionCommands = /** @class */ (function () {
249
249
  && range.endOffset === range.startContainer.length)) {
250
250
  var nodeIndex = [];
251
251
  var cloneNode = nodes[index];
252
+ var clonedElement = cloneNode;
252
253
  do {
253
254
  nodeIndex.push(domSelection.getIndex(cloneNode));
254
255
  cloneNode = cloneNode.parentNode;
255
256
  } while (cloneNode && (cloneNode !== formatNode));
256
257
  if (nodes[index].nodeName !== 'BR') {
258
+ if (clonedElement.nodeName === '#text' && clonedElement.textContent.includes('\u200B')) {
259
+ clonedElement.remove();
260
+ }
257
261
  cloneNode = splitNode = (isCursor && (formatNode.textContent.length - 1) === range.startOffset) ?
258
262
  nodeCutter.SplitNode(range, formatNode, true)
259
263
  : nodeCutter.GetSpliceNode(range, formatNode);
@@ -2420,10 +2420,8 @@ var RichTextEditor = /** @class */ (function (_super) {
2420
2420
  }, 0);
2421
2421
  }
2422
2422
  else if (this.iframeSettings.enable) {
2423
- var iframeElement_1 = this.element.querySelector('#' + this.getID() + '_rte-view');
2424
- setTimeout(function () {
2425
- _this.setAutoHeight(iframeElement_1);
2426
- }, 100);
2423
+ var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
2424
+ this.setAutoHeight(iframeElement);
2427
2425
  this.inputElement.style.overflow = 'hidden';
2428
2426
  }
2429
2427
  }
@@ -457,8 +457,6 @@ var ToolbarRenderer = /** @class */ (function () {
457
457
  target: colorPicker.element.parentElement, cssClass: css,
458
458
  enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
459
459
  beforeOpen: function (dropDownArgs) {
460
- colorPicker.inline = true;
461
- colorPicker.dataBind();
462
460
  if (proxy.parent.readonly || !proxy.parent.enabled) {
463
461
  dropDownArgs.cancel = true;
464
462
  return;
@@ -597,14 +595,18 @@ var ToolbarRenderer = /** @class */ (function () {
597
595
  var colorPicker = new ColorPicker({
598
596
  enablePersistence: this.parent.enablePersistence,
599
597
  enableRtl: this.parent.enableRtl,
600
- inline: false,
601
- value: '#fff',
598
+ inline: true,
599
+ value: null,
600
+ cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
602
601
  created: function () {
603
602
  var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
604
- colorPicker.setProperties({ value: value });
603
+ colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
604
+ colorPicker.value = value;
605
605
  },
606
606
  mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
607
607
  modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
608
+ presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
609
+ columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
608
610
  beforeTileRender: function (args) {
609
611
  args.element.classList.add(CLS_COLOR_PALETTE);
610
612
  args.element.classList.add(CLS_CUSTOM_TILE);
@@ -649,10 +651,6 @@ var ToolbarRenderer = /** @class */ (function () {
649
651
  }
650
652
  });
651
653
  colorPicker.isStringTemplate = true;
652
- colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
653
- colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
654
- this.parent.fontColor.colorCode;
655
- colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
656
654
  colorPicker.createElement = this.parent.createElement;
657
655
  colorPicker.appendTo(document.getElementById(args.target));
658
656
  return colorPicker;
@@ -2673,6 +2673,10 @@
2673
2673
  display: block;
2674
2674
  }
2675
2675
 
2676
+ .e-rte-picker-init {
2677
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2678
+ }
2679
+
2676
2680
  /*! tab layout */
2677
2681
  .e-richtexteditor .e-rte-toolbar {
2678
2682
  border: 1px solid #505050;
@@ -2819,6 +2819,10 @@
2819
2819
  display: block;
2820
2820
  }
2821
2821
 
2822
+ .e-rte-picker-init {
2823
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2824
+ }
2825
+
2822
2826
  /*! tab layout */
2823
2827
  .e-richtexteditor .e-rte-toolbar {
2824
2828
  border: 1px solid #ddd;
@@ -2901,6 +2901,10 @@
2901
2901
  display: block;
2902
2902
  }
2903
2903
 
2904
+ .e-rte-picker-init {
2905
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2906
+ }
2907
+
2904
2908
  /*! tab layout */
2905
2909
  .e-richtexteditor .e-rte-toolbar {
2906
2910
  border: 1px solid #dee2e6;
@@ -2717,6 +2717,10 @@
2717
2717
  display: block;
2718
2718
  }
2719
2719
 
2720
+ .e-rte-picker-init {
2721
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2722
+ }
2723
+
2720
2724
  /*! tab layout */
2721
2725
  .e-richtexteditor .e-rte-toolbar {
2722
2726
  border: 1px solid #444c54;
@@ -2717,6 +2717,10 @@
2717
2717
  display: block;
2718
2718
  }
2719
2719
 
2720
+ .e-rte-picker-init {
2721
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2722
+ }
2723
+
2720
2724
  /*! tab layout */
2721
2725
  .e-richtexteditor .e-rte-toolbar {
2722
2726
  border: 1px solid #dee2e6;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #414040;
package/styles/fabric.css CHANGED
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #dadada;
@@ -2702,6 +2702,10 @@
2702
2702
  display: block;
2703
2703
  }
2704
2704
 
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2705
2709
  /*! tab layout */
2706
2710
  .e-richtexteditor .e-rte-toolbar {
2707
2711
  border: 1px solid #292827;
package/styles/fluent.css CHANGED
@@ -2702,6 +2702,10 @@
2702
2702
  display: block;
2703
2703
  }
2704
2704
 
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2705
2709
  /*! tab layout */
2706
2710
  .e-richtexteditor .e-rte-toolbar {
2707
2711
  border: 1px solid #edebe9;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #000;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #fff;
@@ -2660,6 +2660,10 @@
2660
2660
  display: block;
2661
2661
  }
2662
2662
 
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2663
2667
  /*! tab layout */
2664
2668
  .e-richtexteditor .e-rte-toolbar {
2665
2669
  border: 1px solid #616161;
@@ -2660,6 +2660,10 @@
2660
2660
  display: block;
2661
2661
  }
2662
2662
 
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2663
2667
  /*! tab layout */
2664
2668
  .e-richtexteditor .e-rte-toolbar {
2665
2669
  border: 1px solid rgba(0, 0, 0, 0.12);
@@ -2738,6 +2738,10 @@
2738
2738
  display: block;
2739
2739
  }
2740
2740
 
2741
+ .e-rte-picker-init {
2742
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2743
+ }
2744
+
2741
2745
  /*! tab layout */
2742
2746
  .e-richtexteditor .e-rte-toolbar {
2743
2747
  border: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2794,6 +2794,10 @@
2794
2794
  display: block;
2795
2795
  }
2796
2796
 
2797
+ .e-rte-picker-init {
2798
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2799
+ }
2800
+
2797
2801
  /*! tab layout */
2798
2802
  .e-richtexteditor .e-rte-toolbar {
2799
2803
  border: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2130,10 +2130,6 @@
2130
2130
  box-shadow: $rte-table-popup-box;
2131
2131
  }
2132
2132
 
2133
- .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
2134
- margin-left: 6px;
2135
- }
2136
-
2137
2133
  .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
2138
2134
  min-width: 24px;
2139
2135
  }
@@ -2255,4 +2251,8 @@
2255
2251
  display: block;
2256
2252
  }
2257
2253
  }
2254
+ // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
2255
+ .e-rte-picker-init {
2256
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2257
+ }
2258
2258
  }
@@ -2673,6 +2673,10 @@
2673
2673
  display: block;
2674
2674
  }
2675
2675
 
2676
+ .e-rte-picker-init {
2677
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2678
+ }
2679
+
2676
2680
  /*! tab layout */
2677
2681
  .e-richtexteditor .e-rte-toolbar {
2678
2682
  border: 1px solid #505050;
@@ -2819,6 +2819,10 @@
2819
2819
  display: block;
2820
2820
  }
2821
2821
 
2822
+ .e-rte-picker-init {
2823
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2824
+ }
2825
+
2822
2826
  /*! tab layout */
2823
2827
  .e-richtexteditor .e-rte-toolbar {
2824
2828
  border: 1px solid #ddd;
@@ -2901,6 +2901,10 @@
2901
2901
  display: block;
2902
2902
  }
2903
2903
 
2904
+ .e-rte-picker-init {
2905
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2906
+ }
2907
+
2904
2908
  /*! tab layout */
2905
2909
  .e-richtexteditor .e-rte-toolbar {
2906
2910
  border: 1px solid #dee2e6;
@@ -2717,6 +2717,10 @@
2717
2717
  display: block;
2718
2718
  }
2719
2719
 
2720
+ .e-rte-picker-init {
2721
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2722
+ }
2723
+
2720
2724
  /*! tab layout */
2721
2725
  .e-richtexteditor .e-rte-toolbar {
2722
2726
  border: 1px solid #444c54;
@@ -2717,6 +2717,10 @@
2717
2717
  display: block;
2718
2718
  }
2719
2719
 
2720
+ .e-rte-picker-init {
2721
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2722
+ }
2723
+
2720
2724
  /*! tab layout */
2721
2725
  .e-richtexteditor .e-rte-toolbar {
2722
2726
  border: 1px solid #dee2e6;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #414040;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #dadada;
@@ -2702,6 +2702,10 @@
2702
2702
  display: block;
2703
2703
  }
2704
2704
 
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2705
2709
  /*! tab layout */
2706
2710
  .e-richtexteditor .e-rte-toolbar {
2707
2711
  border: 1px solid #292827;
@@ -2702,6 +2702,10 @@
2702
2702
  display: block;
2703
2703
  }
2704
2704
 
2705
+ .e-rte-picker-init {
2706
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2707
+ }
2708
+
2705
2709
  /*! tab layout */
2706
2710
  .e-richtexteditor .e-rte-toolbar {
2707
2711
  border: 1px solid #edebe9;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #000;
@@ -2654,6 +2654,10 @@
2654
2654
  display: block;
2655
2655
  }
2656
2656
 
2657
+ .e-rte-picker-init {
2658
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2659
+ }
2660
+
2657
2661
  /*! tab layout */
2658
2662
  .e-richtexteditor .e-rte-toolbar {
2659
2663
  border: 1px solid #fff;
@@ -2660,6 +2660,10 @@
2660
2660
  display: block;
2661
2661
  }
2662
2662
 
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2663
2667
  /*! tab layout */
2664
2668
  .e-richtexteditor .e-rte-toolbar {
2665
2669
  border: 1px solid #616161;
@@ -2660,6 +2660,10 @@
2660
2660
  display: block;
2661
2661
  }
2662
2662
 
2663
+ .e-rte-picker-init {
2664
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2665
+ }
2666
+
2663
2667
  /*! tab layout */
2664
2668
  .e-richtexteditor .e-rte-toolbar {
2665
2669
  border: 1px solid rgba(0, 0, 0, 0.12);
@@ -2738,6 +2738,10 @@
2738
2738
  display: block;
2739
2739
  }
2740
2740
 
2741
+ .e-rte-picker-init {
2742
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2743
+ }
2744
+
2741
2745
  /*! tab layout */
2742
2746
  .e-richtexteditor .e-rte-toolbar {
2743
2747
  border: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2794,6 +2794,10 @@
2794
2794
  display: block;
2795
2795
  }
2796
2796
 
2797
+ .e-rte-picker-init {
2798
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2799
+ }
2800
+
2797
2801
  /*! tab layout */
2798
2802
  .e-richtexteditor .e-rte-toolbar {
2799
2803
  border: 1px solid rgba(var(--color-sf-outline-variant));
@@ -2591,10 +2591,6 @@
2591
2591
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2592
2592
  }
2593
2593
 
2594
- .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
2595
- margin-left: 6px;
2596
- }
2597
-
2598
2594
  .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
2599
2595
  min-width: 24px;
2600
2596
  }
@@ -2683,6 +2679,10 @@
2683
2679
  display: block;
2684
2680
  }
2685
2681
 
2682
+ .e-rte-picker-init {
2683
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2684
+ }
2685
+
2686
2686
  /*! tab layout */
2687
2687
  .e-richtexteditor .e-rte-toolbar {
2688
2688
  border: 1px solid #4b5563;
@@ -2591,10 +2591,6 @@
2591
2591
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2592
2592
  }
2593
2593
 
2594
- .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
2595
- margin-left: 6px;
2596
- }
2597
-
2598
2594
  .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
2599
2595
  min-width: 24px;
2600
2596
  }
@@ -2683,6 +2679,10 @@
2683
2679
  display: block;
2684
2680
  }
2685
2681
 
2682
+ .e-rte-picker-init {
2683
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2684
+ }
2685
+
2686
2686
  /*! tab layout */
2687
2687
  .e-richtexteditor .e-rte-toolbar {
2688
2688
  border: 1px solid #e5e7eb;
@@ -2591,10 +2591,6 @@
2591
2591
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
2592
2592
  }
2593
2593
 
2594
- .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
2595
- margin-left: 6px;
2596
- }
2597
-
2598
2594
  .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
2599
2595
  min-width: 24px;
2600
2596
  }
@@ -2683,6 +2679,10 @@
2683
2679
  display: block;
2684
2680
  }
2685
2681
 
2682
+ .e-rte-picker-init {
2683
+ display: none !important; /* stylelint-disable-line declaration-no-important */
2684
+ }
2685
+
2686
2686
  /*! tab layout */
2687
2687
  .e-richtexteditor .e-rte-toolbar {
2688
2688
  border: 1px solid #4b5563;