@syncfusion/ej2-richtexteditor 23.1.36 → 23.1.40

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.40
+*  Copyright Syncfusion Inc. 2001 - 2023. 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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@21.8.0",
+  "_id": "@syncfusion/ej2-richtexteditor@23.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-BEsWdjIVfT1nygxINHX88ZqEtXGIp/dcT/JC5PX6I9VKT+jWeMMYKneZt2xb/KfyOw/q7yDNNnBIUXEykMtk+w==",
+  "_integrity": "sha512-V6HvyVC8YYc6eSNz2M5jIO8qngm8IPaoMoSlPX+k2yj4b32y7X1jed6kwH+alM9z7Ze1A/AKIZTKHzhMPpMlyQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-21.8.0.tgz",
-  "_shasum": "9e2bc90fda2f3e7c4210a07c7fe34ce7d2e87ff4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.39.tgz",
+  "_shasum": "cc5669f0dd4098e1c15fe63e0cd31cded1e50be3",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -38,12 +38,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.36",
-    "@syncfusion/ej2-buttons": "~23.1.36",
-    "@syncfusion/ej2-filemanager": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.36",
-    "@syncfusion/ej2-navigations": "~23.1.36",
-    "@syncfusion/ej2-popups": "~23.1.36",
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-buttons": "~23.1.39",
+    "@syncfusion/ej2-filemanager": "~23.1.40",
+    "@syncfusion/ej2-inputs": "~23.1.40",
+    "@syncfusion/ej2-navigations": "~23.1.40",
+    "@syncfusion/ej2-popups": "~23.1.38",
     "@syncfusion/ej2-splitbuttons": "~23.1.36"
   },
   "deprecated": false,
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.36",
+  "version": "23.1.40",
   "sideEffects": false
 }

package/src/editor-manager/plugin/inserthtml.js

@@ -36,7 +36,7 @@ var InsertHtml = /** @class */ (function () {
         var range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
             range.startOffset === range.endOffset && editNode.textContent.length === 0 &&
-            (editNode.children[0].tagName === 'P' || (editNode.children[0].tagName === 'BR'))) {
+            (editNode.children[0].tagName === 'P' || editNode.children[0].tagName === 'DIV' || (editNode.children[0].tagName === 'BR'))) {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -776,10 +776,20 @@ var MsWordPaste = /** @class */ (function () {
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
             else if (collection[index].nestedLevel === pLevel) {
-                if (prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
+                if (!isNOU(prevList) && !isNOU(prevList.parentElement)
+                    && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                     prevList.parentElement.appendChild(prevList = createElement('li'));
                     prevList.appendChild(pElement);
                 }
+                else if (isNOU(prevList)) {
+                    temp = createElement(collection[index].listType);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
+                    prevList = createElement('li');
+                    prevList.appendChild(pElement);
+                    temp.appendChild(prevList);
+                    temp.setAttribute('level', collection[index].nestedLevel.toString());
+                    root.appendChild(temp);
+                }
                 else {
                     temp = createElement(collection[index].listType);
                     temp.style.listStyleType = collection[index].listStyleTypeName;

package/src/editor-manager/plugin/selection-exec.js

@@ -26,7 +26,7 @@ var SelectionBasedExec = /** @class */ (function () {
     SelectionBasedExec.prototype.keyDownHandler = function (e) {
         var validFormats = ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
             'subscript', 'uppercase', 'lowercase'];
-        if (e.event.ctrlKey && validFormats.indexOf(e.event.action) > -1) {
+        if ((e.event.ctrlKey || e.event.metaKey) && validFormats.indexOf(e.event.action) > -1) {
             e.event.preventDefault();
             SelectionCommands.applyFormat(this.parent.currentDocument, e.event.action, this.parent.editableElement, e.enterAction);
             this.callBack(e, e.event.action);

package/src/rich-text-editor/actions/enter-key.js

@@ -14,6 +14,9 @@ var EnterKeyAction = /** @class */ (function () {
         this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     EnterKeyAction.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     EnterKeyAction.prototype.moduleDestroy = function () {

package/src/rich-text-editor/actions/full-screen.js

@@ -164,6 +164,9 @@ var FullScreen = /** @class */ (function () {
 
      */
     FullScreen.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
             this.toggleParentOverflow(false);
         }

package/src/rich-text-editor/actions/markdown-editor.js

@@ -25,6 +25,9 @@ var MarkdownEditor = /** @class */ (function () {
 
      */
     MarkdownEditor.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     MarkdownEditor.prototype.moduleDestroy = function () {

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -324,6 +324,9 @@ var QuickToolbar = /** @class */ (function () {
 
      */
     QuickToolbar.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
             EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);

package/src/rich-text-editor/actions/toolbar.js

@@ -497,6 +497,9 @@ var Toolbar = /** @class */ (function () {
 
      */
     Toolbar.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         if (this.isToolbarDestroyed()) {
             this.destroyToolbar();
             if (this.keyBoardModule) {

package/src/rich-text-editor/base/rich-text-editor.js

@@ -749,7 +749,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         if (e.action !== 'insert-link' &&
             e.action !== 'format-copy' && e.action !== 'format-paste' &&
-            (!e.target || !e.target.classList.contains('e-mention')) &&
+            (!e.target || (e.target.classList.contains('e-mention') && e.code !== 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
             var FormatPainterEscapeAction = false;
@@ -1055,6 +1055,8 @@ var RichTextEditor = /** @class */ (function (_super) {
                 this.toolbarModule.destroy();
             }
             this.notify(events.moduleDestroy, {});
+            _super.prototype.destroy.call(this);
+            this.isRendered = false;
             return;
         }
         this.notify(events.destroy, {});
@@ -1854,13 +1856,17 @@ var RichTextEditor = /** @class */ (function (_super) {
                 heightValue = heightPercent && rteHeightPercent ? rteHeightPercent : rteHeight - (tbHeight + rzHeight) + 'px';
             }
         }
-        if (target !== 'windowResize') {
+        if (target !== 'windowResize' || heightPercent) {
             if (this.iframeSettings.enable) {
                 if (heightValue !== 'auto') {
                     setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
                 }
             }
             else {
+                if (target === 'windowResize' && heightPercent) {
+                    // cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height. 
+                    heightValue = parseInt(heightValue) - 2 + 'px';
+                }
                 setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
             }
         }
@@ -2069,6 +2075,10 @@ var RichTextEditor = /** @class */ (function (_super) {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(classes.CLS_EXPAND_OPEN);
         }
+        if (this.iframeSettings.enable !== true) {
+            // When resize the window,border bottom of cntEle and this.element border visible separatly.so none the cntEle borderBottom.
+            this.contentModule.getPanel().style.borderBottom = 'none';
+        }
         this.setContentHeight('windowResize', isExpand);
         this.notify(events.windowResize, null);
     };

package/src/rich-text-editor/renderer/image-module.js

@@ -1482,6 +1482,14 @@ var Image = /** @class */ (function () {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
+        if (target.tagName !== 'IMG') {
+            var items = this.contentModule.getEditPanel().querySelectorAll('img');
+            for (var i = 0; i < items.length; i++) {
+                removeClass([items[i]], 'e-img-focus');
+                removeClass([items[i]], 'e-resize');
+                items[i].style.maxWidth = '';
+            }
+        }
     };
     Image.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -2271,6 +2279,9 @@ var Image = /** @class */ (function () {
     /* eslint-enable */
     Image.prototype.destroy = function () {
         this.prevSelectedImgEle = undefined;
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Image.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/link-module.js

@@ -526,6 +526,9 @@ var Link = /** @class */ (function () {
 
      */
     Link.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Link.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/render.js

@@ -1,5 +1,6 @@
 import { RenderType } from '../base/enum';
 import * as events from '../base/constant';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Content module is used to render Rich Text Editor content
  *
@@ -49,6 +50,9 @@ var Render = /** @class */ (function () {
      * @returns {void}
      */
     Render.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Render.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/table-module.js

@@ -68,6 +68,9 @@ var Table = /** @class */ (function () {
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
         this.parent.off(events.moduleDestroy, this.moduleDestroy);
+        if (!Browser.isDevice && this.parent.tableSettings.resize) {
+            EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
+        }
     };
     Table.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -608,7 +611,12 @@ var Table = /** @class */ (function () {
         var columns = table.rows[this.calMaxCol(table)].cells;
         var rows = [];
         for (var i = 0; i < table.rows.length; i++) {
-            rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, 1)[0]);
+            for (var j = 0; j < table.rows[i].cells.length; j++) {
+                if (!table.rows[i].cells[j].hasAttribute('rowspan')) {
+                    rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, table.rows[i].cells.length)[j]);
+                    break;
+                }
+            }
         }
         var height = parseInt(getComputedStyle(table).height, 10);
         var width = parseInt(getComputedStyle(table).width, 10);
@@ -658,7 +666,7 @@ var Table = /** @class */ (function () {
     };
     Table.prototype.removeResizeElement = function () {
         var item = this.parent.contentModule.getEditPanel().
-            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box, .e-table-rhelper');
         if (item.length > 0) {
             for (var i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -856,6 +864,7 @@ var Table = /** @class */ (function () {
         var currentTdElement = this.curTable.closest('td');
         var args = { event: e, requestType: 'table' };
         var isRowCellsMerged = false;
+        var isColCellsMerged = false;
         var mergedCellIndex;
         var mergedElement;
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
@@ -885,7 +894,7 @@ var Table = /** @class */ (function () {
                     var width = parseFloat(_this.columnEle.offsetWidth.toString());
                     var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     var currentTableWidth = void 0;
-                    if (_this.curTable.style.width !== '') {
+                    if (_this.curTable.style.width !== '' && _this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -948,6 +957,8 @@ var Table = /** @class */ (function () {
                                 var isMergedEleResize = false;
                                 var leftTableCell = void 0;
                                 var rightTableCell = void 0;
+                                isColCellsMerged = false;
+                                isRowCellsMerged = false;
                                 /* eslint-disable */
                                 for (var j = 0; j < currentRow.cells.length; j++) {
                                     if (currentRow.cells[j].hasAttribute('rowspan') && j <= _this.colIndex) {
@@ -955,6 +966,11 @@ var Table = /** @class */ (function () {
                                         mergedCellIndex = i;
                                         mergedElement = currentRow.cells[j];
                                     }
+                                    else if (currentRow.cells[j].hasAttribute('colspan') && j <= currentRow.cells.length) {
+                                        isColCellsMerged = true;
+                                        mergedCellIndex = i;
+                                        mergedElement = currentRow.cells[j];
+                                    }
                                 }
                                 if (!isNOU(currentRow.cells[i]) && currentRow.cells[i].hasAttribute('colspan')) {
                                     index = parseInt(currentRow.cells[i].getAttribute('colspan'), 10) - 1;
@@ -962,14 +978,14 @@ var Table = /** @class */ (function () {
                                 else {
                                     index = _this.colIndex;
                                 }
-                                if (isRowCellsMerged) {
+                                if (isRowCellsMerged || isColCellsMerged) {
                                     var currentResizeRow = void 0;
                                     if (currentRow.cells.length < cellColl.length) {
-                                        index = currentRow.cells.length === _this.colIndex ?
-                                            _this.colIndex - 1 : _this.colIndex - (_this.colIndex - 1);
+                                        index = currentRow.cells.length === _this.colIndex || currentRow === _this.curTable.rows[_this.curTable.rows.length - 1] ?
+                                            _this.colIndex - 1 : _this.colIndex;
                                         currentResizeRow = _this.curTable.rows[!isNullOrUndefined(mergedCellIndex) ?
                                             mergedCellIndex : _this.colIndex - 1];
-                                        if (currentResizeRow && (currentResizeRow.cells[_this.colIndex - 1] === mergedElement ||
+                                        if (currentResizeRow && currentResizeRow !== currentRow && (currentResizeRow.cells[_this.colIndex - 1] === mergedElement ||
                                             currentResizeRow.cells[currentResizeRow.cells.length - 1] === mergedElement)) {
                                             isMergedEleResize = true;
                                         }
@@ -984,10 +1000,10 @@ var Table = /** @class */ (function () {
                                         currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement) ?
                                         currentResizeRow.cells[_this.colIndex - 1] : currentRow.cells[currentRow.cells.length - 1];
                                     rightTableCell = !isMergedEleResize ? currentRow.cells[index] : rightTableCell && rightTableCell.hasAttribute('rowspan') ?
-                                        rightTableCell : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
+                                        currentResizeRow.cells[_this.colIndex] : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
                                         currentRow.cells[index - 1] : currentResizeRow.cells[currentResizeRow.cells.length - 1];
                                 }
-                                if (!isNOU(currentRow.cells[index - 1]) && !isRowCellsMerged) {
+                                if (!isNOU(currentRow.cells[index - 1]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index - 1].style.width =
                                         _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                 }
@@ -997,7 +1013,7 @@ var Table = /** @class */ (function () {
                                             _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                     }
                                 }
-                                if (!isNOU(currentRow.cells[index]) && !isRowCellsMerged) {
+                                if (!isNOU(currentRow.cells[index]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index].style.width =
                                         _this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                 }
@@ -1027,9 +1043,6 @@ var Table = /** @class */ (function () {
                     _this.updateHelper();
                 }
                 else if (_this.resizeBtnStat.tableBox) {
-                    if (!Browser.isDevice) {
-                        EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
-                    }
                     if (currentTdElement) {
                         var tableBoxPosition = _this.curTable.getBoundingClientRect().left
                             - currentTdElement.getBoundingClientRect().left;
@@ -1040,9 +1053,11 @@ var Table = /** @class */ (function () {
                     _this.curTable.style.width = widthType ? _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
                         : tableWidth + mouseX + 'px';
                     _this.curTable.style.height = tableHeight + mouseY + 'px';
-                    tableReBox.classList.add('e-rbox-select');
-                    tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + tableHeight - 4) +
-                        'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
+                    if (!isNOU(tableReBox)) {
+                        tableReBox.classList.add('e-rbox-select');
+                        tableReBox.style.cssText = 'top: ' + (_this.calcPos(_this.curTable).top + tableHeight - 4) +
+                            'px; left:' + (_this.calcPos(_this.curTable).left + tableWidth - 4) + 'px;';
+                    }
                 }
             }
         });
@@ -1077,9 +1092,6 @@ var Table = /** @class */ (function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd);
         if (this.contentModule.getEditPanel().querySelector('.e-table-box') &&
             this.contentModule.getEditPanel().contains(this.contentModule.getEditPanel().querySelector('.e-table-box'))) {
-            if (!Browser.isDevice) {
-                EventHandler.add(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper, this);
-            }
             this.removeResizeElement();
         }
         if (this.helper && this.contentModule.getEditPanel().contains(this.helper)) {
@@ -1508,6 +1520,9 @@ var Table = /** @class */ (function () {
 
      */
     Table.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Table.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/view-source.js

@@ -265,6 +265,9 @@ var ViewSource = /** @class */ (function () {
 
      */
     ViewSource.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     ViewSource.prototype.moduleDestroy = function () {

package/styles/bootstrap-dark.css

@@ -1505,8 +1505,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1522,8 +1522,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/bootstrap.css

@@ -1649,8 +1649,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1666,8 +1666,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/bootstrap4.css

@@ -1741,8 +1741,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1758,8 +1758,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/bootstrap5-dark.css

@@ -1512,8 +1512,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1529,8 +1529,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/bootstrap5.css

@@ -1512,8 +1512,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1529,8 +1529,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/fabric-dark.css

@@ -1494,8 +1494,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1511,8 +1511,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/fabric.css

@@ -1494,8 +1494,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1511,8 +1511,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/fluent-dark.css

@@ -1500,8 +1500,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1517,8 +1517,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }

package/styles/fluent.css

@@ -1500,8 +1500,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojipicker-group .e-rte-emojipickerbtn-group .e-btn.e-control {
@@ -1517,8 +1517,8 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-rte-emojipicker-btn .e-rte-emojisearch-btn {
   display: -ms-grid;
   display: grid;
-  -ms-grid-columns: (1fr)[6];
-      grid-template-columns: repeat(6, 1fr);
+  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   gap: 6px;
   height: 0;
 }