@syncfusion/ej2-react-richtexteditor 20.4.53 → 21.1.35

package/CHANGELOG.md

@@ -6,6 +6,19 @@
 
 #### Bug Fixes
 
+- `#I442919` - Now, when focusing out of the Rich Text Editor, the embed YouTube video will not be removed.
+
+#### New Features
+
+- **Tooltip Integration**: The Rich Text Editor tooltip has been redesigned to more clearly display the keyboard shortcut information, making it easier for users to understand the functions of each toolbar item.
+
+## 20.4.53 (2023-03-07)
+
+### RichTextEditor
+
+#### Bug Fixes
+
+- `#F180013` - Resolved issue where pasting from Word with `enterKey` configuration set to `BR` did not work properly in the RichTextEditor.
 - `#I440490` - Now, the inline toolbar will be shown while selecting text in the Rich Text Editor using the keyboard.
 - `#I440456` - Now, expanding the toolbar will work properly when the width of the Rich Text Editor is half the screen size.
 - `#I436678` - Now, the image is not duplicated when it is pasted into the Rich Text Editor and performing `shift+enter` key action.
@@ -31,7 +44,6 @@
 
 #### Bug Fixes
 
-- `#F180013` - Resolved issue where pasting from Word with `enterKey` configuration set to `BR` did not work properly in the RichTextEditor.
 - `#I431289` - Fixed issue where pasting text from MS Word into the Rich Text Editor and pressing enter caused bullet point text to be removed.
 
 ## 20.4.50 (2023-02-14)

package/diConfig.json

@@ -24,6 +24,7 @@
             "twoWays": [
                 "value"
             ],
+            "statelessTemplateProps": ["valueTemplate"],
             "blazorPlaceholder": "richtexteditor",
             "blazorType": "native",
             "blazorDependency": [
@@ -48,7 +49,8 @@
                 "Table",
                 "PasteCleanup",
                 "Resize",
-                "FileManager"
+                "FileManager",
+                "FormatPainter"
             ],
             "diModuleFiles": [
                 {
@@ -89,6 +91,9 @@
                 },
                 {
                     "fileName": "file-manager"
+                },
+                {
+                    "fileName": "format-painter"
                 }
             ],
             "comment": [

package/dist/ej2-react-richtexteditor.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-richtexteditor.min.js
-*  version : 20.4.53
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionRichtexteditor"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionRichtexteditor","React"],e):"object"==typeof exports?exports.SyncfusionReactRichtexteditor=e(require("SyncfusionReactBase"),require("SyncfusionRichtexteditor"),require("React")):t.SyncfusionReactRichtexteditor=e(t.SyncfusionReactBase,t.SyncfusionRichtexteditor,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(4);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"RichTextEditorComponent",function(){return r.a});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var i=n(1);n.n(i);for(var c in i)["RichTextEditorComponent","Inject","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return i[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(5),o=(n.n(r),n(1)),i=(n.n(o),n(0)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.RichTextEditor);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e){t.exports=n}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionRichtexteditor"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionRichtexteditor","React"],e):"object"==typeof exports?exports.SyncfusionReactRichtexteditor=e(require("SyncfusionReactBase"),require("SyncfusionRichtexteditor"),require("React")):t.SyncfusionReactRichtexteditor=e(t.SyncfusionReactBase,t.SyncfusionRichtexteditor,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(4);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"RichTextEditorComponent",function(){return r.a});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var i=n(1);n.n(i);for(var c in i)["RichTextEditorComponent","Inject","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return i[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return u});var r=n(5),o=(n.n(r),n(1)),i=(n.n(o),n(0)),c=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=["valueTemplate"],n.immediateRender=!1,n.portals=[],n}return c(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.RichTextEditor);n.i(i.applyMixins)(u,[i.ComponentBase,r.Component])},function(t,e){t.exports=n}])});

package/dist/ej2-react-richtexteditor.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-richtexteditor.umd.min.js
-*  version : 20.4.53
+*  version : 21.1.35
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-richtexteditor"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-richtexteditor","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Richtexteditor,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.immediateRender=!1,n.portals=[],n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.RichTextEditor);r.applyMixins(o,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.RichTextEditorComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-richtexteditor"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-richtexteditor","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Richtexteditor,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.statelessTemplateProps=["valueTemplate"],n.immediateRender=!1,n.portals=[],n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return t.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.RichTextEditor);r.applyMixins(o,[r.ComponentBase,t.Component]),e.Inject=r.Inject,e.RichTextEditorComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-richtexteditor.umd.min.js.map

package/dist/ej2-react-richtexteditor.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-richtexteditor.umd.min.js","sources":["../src/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```tsx\n * <RichTextEditor/>\n * ```\n */\nvar RichTextEditorComponent = /** @class */ (function (_super) {\n    __extends(RichTextEditorComponent, _super);\n    function RichTextEditorComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    RichTextEditorComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return RichTextEditorComponent;\n}(RichTextEditor));\nexport { RichTextEditorComponent };\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","RichTextEditorComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","RichTextEditor","ej2ReactBase","ComponentBase","React.Component"],"mappings":"6YAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAyC,SAAUC,GAEnD,SAASD,EAAwBE,GAC7B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAKxC,OAJAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,iBAAkB,EACxBJ,EAAMK,WACCL,EAWX,OAlBAlB,EAAUe,EAAyBC,GASnCD,EAAwBF,UAAUW,OAAS,WACvC,KAAMb,KAAKc,UAAYd,KAAKS,kBAAqBT,KAAKe,aAAgBf,KAAKgB,oBAKvE,OAAOC,gBAAoB,MAAOjB,KAAKkB,0BAA2BC,OAAOnB,KAAKM,MAAMc,SAAUpB,KAAKY,UAJnGP,EAAOH,UAAUW,OAAOL,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTiB,kBACFC,cACYlB,GAA0BmB,gBAAeC"}
+{"version":3,"file":"ej2-react-richtexteditor.umd.min.js","sources":["../src/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```tsx\n * <RichTextEditor/>\n * ```\n */\nvar RichTextEditorComponent = /** @class */ (function (_super) {\n    __extends(RichTextEditorComponent, _super);\n    function RichTextEditorComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.statelessTemplateProps = [\"valueTemplate\"];\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    RichTextEditorComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return RichTextEditorComponent;\n}(RichTextEditor));\nexport { RichTextEditorComponent };\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","RichTextEditorComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","RichTextEditor","ej2ReactBase","ComponentBase","React.Component"],"mappings":"6YAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAyC,SAAUC,GAEnD,SAASD,EAAwBE,GAC7B,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAMxC,OALAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,wBAA0B,iBAChCJ,EAAMK,iBAAkB,EACxBL,EAAMM,WACCN,EAWX,OAnBAlB,EAAUe,EAAyBC,GAUnCD,EAAwBF,UAAUY,OAAS,WACvC,KAAMd,KAAKe,UAAYf,KAAKS,kBAAqBT,KAAKgB,aAAgBhB,KAAKiB,oBAKvE,OAAOC,gBAAoB,MAAOlB,KAAKmB,0BAA2BC,OAAOpB,KAAKM,MAAMe,SAAUrB,KAAKa,UAJnGR,EAAOH,UAAUY,OAAON,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTkB,kBACFC,cACYnB,GAA0BoB,gBAAeC"}

package/dist/es6/ej2-react-richtexteditor.es2015.js

@@ -13,6 +13,7 @@ class RichTextEditorComponent extends RichTextEditor {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
+        this.statelessTemplateProps = ["valueTemplate"];
         this.immediateRender = false;
         this.portals = [];
     }

package/dist/es6/ej2-react-richtexteditor.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-richtexteditor.es2015.js","sources":["../src/es6/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["import * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```tsx\n * <RichTextEditor/>\n * ```\n */\nexport class RichTextEditorComponent extends RichTextEditor {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,uBAAuB,SAAS,cAAc,CAAC;IACxD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-richtexteditor.es2015.js","sources":["../src/es6/rich-text-editor/richtexteditor.component.js"],"sourcesContent":["import * as React from 'react';\nimport { RichTextEditor } from '@syncfusion/ej2-richtexteditor';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `RichTextEditor` represents the react RichTextEditor.\n * ```tsx\n * <RichTextEditor/>\n * ```\n */\nexport class RichTextEditorComponent extends RichTextEditor {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.statelessTemplateProps = [\"valueTemplate\"];\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(RichTextEditorComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,uBAAuB,SAAS,cAAc,CAAC;IACxD,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,sBAAsB,GAAG,CAAC,eAAe,CAAC,CAAC;QAChD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,uBAAuB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-richtexteditor@*",
-  "_id": "@syncfusion/ej2-react-richtexteditor@20.4.52",
+  "_id": "@syncfusion/ej2-react-richtexteditor@20.13.3",
   "_inBundle": false,
-  "_integrity": "sha512-453Jswx1vQjfyXWGDFH8oFICxt4einfX/RdmtuQMax5I3b2JOG6GzY0wmArzxMk91M5FIoI6ZY8OZxKFFGDOlw==",
+  "_integrity": "sha512-/M9f6MfG1C5evb/SntPmtuiasq3pM5g6rixkVA8qPkyHWEmv10peLzdCpt+Z3iMRYk6oaAWRedt/LHqoHut95w==",
   "_location": "/@syncfusion/ej2-react-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-richtexteditor/-/ej2-react-richtexteditor-20.4.52.tgz",
-  "_shasum": "d40868eedca66e5e63e9e112c7de9e317650f42b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-richtexteditor/-/ej2-react-richtexteditor-20.13.3.tgz",
+  "_shasum": "202dbcee39583140047c64dd5e15f8b9863a6cb2",
   "_spec": "@syncfusion/ej2-react-richtexteditor@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-react-base": "~20.4.48",
-    "@syncfusion/ej2-richtexteditor": "20.4.53"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-react-base": "~21.1.35",
+    "@syncfusion/ej2-richtexteditor": "21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.53",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/rich-text-editor/richtexteditor.component.d.ts

@@ -18,6 +18,7 @@ export declare class RichTextEditorComponent extends RichTextEditor {
     private getDefaultAttributes;
     initRenderCalled: boolean;
     private checkInjectedModules;
+    private statelessTemplateProps;
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];

package/src/rich-text-editor/richtexteditor.component.js

@@ -26,6 +26,7 @@ var RichTextEditorComponent = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.initRenderCalled = false;
         _this.checkInjectedModules = true;
+        _this.statelessTemplateProps = ["valueTemplate"];
         _this.immediateRender = false;
         _this.portals = [];
         return _this;

package/styles/bootstrap-dark.css

@@ -305,6 +305,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e98b";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -327,6 +331,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0194 8H18.0175C19.6583 8 21 9.35001 21 11L20.9903 23H4L5.0932 10.91C5.0932 9.35001 6.42524 8 8.07573 8H10.0544V1H16.0194V8ZM8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602ZM14.0311 8V3H12.0427V8H14.0311ZM19.0019 15H6.71068L6.16699 21H7.83689L19.0019 15.6291V15ZM19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="black"/><path d="M6.71068 15H19.0019V15.6291L7.83689 21H6.16699L6.71068 15Z" fill="white"/><path d="M8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602Z" fill="white"/><path d="M14.0311 8V3H12.0427V8H14.0311Z" fill="white"/><path d="M19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -555,6 +563,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1417,6 +1426,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2297,6 +2307,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #505050;
@@ -2389,6 +2404,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #f0f0f0;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #f0f0f0;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #f0f0f0;
 }
@@ -2407,6 +2425,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #131313;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2605,7 +2626,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #505050;
   border-radius: 4px;
   color: #676767;
@@ -2618,6 +2640,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2770,6 +2796,10 @@ span.e-table-box.e-rbox-select {
   color: #f0f0f0;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #f0f0f0;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/bootstrap.css

@@ -446,6 +446,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e98b";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -468,6 +472,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0194 8H18.0175C19.6583 8 21 9.35001 21 11L20.9903 23H4L5.0932 10.91C5.0932 9.35001 6.42524 8 8.07573 8H10.0544V1H16.0194V8ZM8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602ZM14.0311 8V3H12.0427V8H14.0311ZM19.0019 15H6.71068L6.16699 21H7.83689L19.0019 15.6291V15ZM19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="black"/><path d="M6.71068 15H19.0019V15.6291L7.83689 21H6.16699L6.71068 15Z" fill="white"/><path d="M8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602Z" fill="white"/><path d="M14.0311 8V3H12.0427V8H14.0311Z" fill="white"/><path d="M19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -696,6 +704,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1558,6 +1567,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2438,6 +2448,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #ddd;
@@ -2530,6 +2545,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #000;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #000;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2548,6 +2566,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f8f8f8;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2746,7 +2767,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #d4d4d4;
   border-radius: 4px;
   color: #adadad;
@@ -2759,6 +2781,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2911,6 +2937,10 @@ span.e-table-box.e-rbox-select {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #000;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/bootstrap4.css

@@ -541,6 +541,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e70f";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e979";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -563,6 +567,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0194 8H18.0175C19.6583 8 21 9.35001 21 11L20.9903 23H4L5.0932 10.91C5.0932 9.35001 6.42524 8 8.07573 8H10.0544V1H16.0194V8ZM8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602ZM14.0311 8V3H12.0427V8H14.0311ZM19.0019 15H6.71068L6.16699 21H7.83689L19.0019 15.6291V15ZM19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="black"/><path d="M6.71068 15H19.0019V15.6291L7.83689 21H6.16699L6.71068 15Z" fill="white"/><path d="M8.06602 10C7.51845 10 7.07184 10.45 7.07184 11L6.89126 13H19.0019V11C19.0019 10.45 18.5553 10 18.0078 10H8.06602Z" fill="white"/><path d="M14.0311 8V3H12.0427V8H14.0311Z" fill="white"/><path d="M19.0019 17.8463L12.4466 21H19.0019V17.8463Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -791,6 +799,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1653,6 +1662,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2525,6 +2535,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dee2e6;
@@ -2617,6 +2632,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #212529;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #212529;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #212529;
 }
@@ -2635,6 +2653,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f8f9fa;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2833,7 +2854,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #adb5bd;
   border-radius: 4px;
   color: #212529;
@@ -2846,6 +2868,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2998,6 +3024,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #212529;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/bootstrap5-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9995 3C8.9995 1.34315 10.3426 0 11.9995 0C13.6564 0 14.9995 1.34315 14.9995 3V8H17.9995C19.6564 8 20.9995 9.34315 20.9995 11V21C20.9995 22.6569 19.6564 24 17.9995 24H5.39593C3.51419 24 2.13195 22.3035 2.40063 20.4885C2.70116 18.4583 2.85091 16.8264 2.92551 15.7066C2.9628 15.1467 2.9813 14.7151 2.99048 14.4258C2.99507 14.2812 2.99732 14.1723 2.99843 14.1007C2.99899 14.0649 2.99925 14.0385 2.99938 14.0216L2.99949 14.0035L2.9995 14V11C2.9995 9.34315 4.34265 8 5.9995 8H8.9995V3ZM10.9995 8H12.9995V3C12.9995 2.44772 12.5518 2 11.9995 2C11.4472 2 10.9995 2.44772 10.9995 3V8ZM4.9995 13H18.9995V11C18.9995 10.4477 18.5518 10 17.9995 10H5.9995C5.44722 10 4.9995 10.4477 4.9995 11V13ZM18.9995 15H4.96914C4.95785 15.2397 4.94235 15.5203 4.92108 15.8395C4.84327 17.0075 4.6882 18.6931 4.37907 20.7813C4.28231 21.435 4.78205 22 5.39593 22H6.77987L18.9995 16.3602V15ZM18.9995 18.5629L11.5525 22H17.9995C18.5518 22 18.9995 21.5523 18.9995 21V18.5629Z" fill="black"/><path d="M4.96914 15H18.9995V16.3602L6.77987 22H5.39593C4.78205 22 4.28231 21.435 4.37907 20.7813C4.6882 18.6931 4.84327 17.0075 4.92108 15.8395C4.94235 15.5203 4.95785 15.2397 4.96914 15Z" fill="white"/><path d="M18.9995 13H4.9995V11C4.9995 10.4477 5.44722 10 5.9995 10H17.9995C18.5518 10 18.9995 10.4477 18.9995 11V13Z" fill="white"/><path d="M11.5525 22L18.9995 18.5629V21C18.9995 21.5523 18.5518 22 17.9995 22H11.5525Z" fill="white"/><path d="M12.9995 8H10.9995V3C10.9995 2.44772 11.4472 2 11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V8Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -557,6 +565,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1425,6 +1434,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2364,6 +2374,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #444c54;
@@ -2472,6 +2487,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #adb5bd;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #fff;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2494,6 +2512,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #282d31;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2514,7 +2535,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0d6efd;
+  border: solid 2px #0d6efd;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2698,7 +2719,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #adb5bd;
   border-radius: 4px;
   color: #ced4da;
@@ -2711,6 +2733,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2867,6 +2893,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #fff;
+}
+
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
   border-radius: 4px;