npm - @syncfusion/ej2-richtexteditor - Versions diffs - 28.1.36 → 28.1.38-680214 - Mend

@syncfusion/ej2-richtexteditor 28.1.36 → 28.1.38-680214

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 (183) hide show

package/src/rich-text-editor/renderer/dialog-renderer.js CHANGED Viewed

@@ -29,7 +29,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {DialogModel} e - specifies the dialog model.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     DialogRenderer.prototype.render = function (e) {
         var dlgObj;
@@ -114,7 +114,7 @@ var DialogRenderer = /** @class */ (function () {
      * @param {Object} args - specifies the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     DialogRenderer.prototype.close = function (args) {
         this.parent.trigger(events.dialogClose, args);

package/src/rich-text-editor/renderer/iframe-content-renderer.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { ContentRender } from '../renderer/content-renderer';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class IframeContentRender extends ContentRender {
     /**
      * The function is used to render Rich Text Editor iframe
      *
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     private setThemeColor;
@@ -19,7 +19,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -27,7 +27,7 @@ export declare class IframeContentRender extends ContentRender {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     getDocument(): Document;
 }

package/src/rich-text-editor/renderer/iframe-content-renderer.js CHANGED Viewed

@@ -21,7 +21,7 @@ var IFRAMEHEADER = "\n    <!DOCTYPE html> \n    <html>\n         <head>\n
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 var IframeContentRender = /** @class */ (function (_super) {
     __extends(IframeContentRender, _super);
@@ -32,7 +32,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      * The function is used to render Rich Text Editor iframe
      *
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -100,7 +100,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.getEditPanel = function () {
         var editNode;
@@ -117,7 +117,7 @@ var IframeContentRender = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     IframeContentRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/image-module.d.ts CHANGED Viewed

@@ -182,7 +182,7 @@ export declare class Image {
      * @method destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -2455,7 +2455,7 @@ var Image = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     /* eslint-enable */
     Image.prototype.destroy = function () {

package/src/rich-text-editor/renderer/link-module.d.ts CHANGED Viewed

@@ -47,7 +47,7 @@ export declare class Link {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**

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

@@ -397,10 +397,10 @@ var Link = /** @class */ (function () {
         }
         if (!this.selfLink.isUrl(linkUrl)) {
             if (this.selfLink.parent.editorMode === 'Markdown') {
-                linkText = (linkText !== '') ? linkText : '';
+                linkText = (linkText.trim() !== '') ? linkText : '';
             }
             else {
-                linkText = (linkText === '') ? linkUrl : linkText;
+                linkText = (linkText.trim() === '') ? linkUrl : linkText;
             }
             if (!this.selfLink.parent.enableAutoUrl) {
                 linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
@@ -564,7 +564,7 @@ var Link = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Link.prototype.destroy = function () {
         if (this.isDestroyed) {

package/src/rich-text-editor/renderer/markdown-renderer.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { IRenderer, IRichTextEditor } from '../base/interface';
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class MarkdownRender implements IRenderer {
     private contentPanel;
@@ -20,7 +20,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -28,7 +28,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -36,7 +36,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getEditPanel(): Element;
     /**
@@ -51,7 +51,7 @@ export declare class MarkdownRender implements IRenderer {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
     /**
@@ -59,7 +59,7 @@ export declare class MarkdownRender implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     getDocument(): Document;
 }

package/src/rich-text-editor/renderer/markdown-renderer.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Markdown module is used to render Rich Text Editor as Markdown editor content
  *
  * @hidden
+ * @deprecated
  */
 var MarkdownRender = /** @class */ (function () {
     /**
@@ -18,7 +18,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.renderPanel = function () {
         var rteObj = this.parent;
@@ -37,7 +37,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getPanel = function () {
         return this.contentPanel;
@@ -47,7 +47,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getEditPanel = function () {
         return this.editableElement;
@@ -66,7 +66,7 @@ var MarkdownRender = /** @class */ (function () {
      * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.setPanel = function (panel) {
         this.contentPanel = panel;
@@ -76,7 +76,7 @@ var MarkdownRender = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     MarkdownRender.prototype.getDocument = function () {
         return this.getEditPanel().ownerDocument;

package/src/rich-text-editor/renderer/popup-renderer.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { BaseQuickToolbar } from '../actions/base-quick-toolbar';
  * `Popup renderer` module is used to render popup in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 export declare class PopupRenderer implements IRenderer {
     private popupObj;
@@ -23,7 +23,7 @@ export declare class PopupRenderer implements IRenderer {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPopup(args: BaseQuickToolbar): void;
     /**
@@ -31,7 +31,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -39,7 +39,7 @@ export declare class PopupRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -48,7 +48,7 @@ export declare class PopupRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

package/src/rich-text-editor/renderer/popup-renderer.js CHANGED Viewed

@@ -5,7 +5,7 @@ import * as events from '../base/constant';
  * `Popup renderer` module is used to render popup in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 var PopupRenderer = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var PopupRenderer = /** @class */ (function () {
      * @param {BaseQuickToolbar} args - specifies  the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.renderPopup = function (args) {
         this.setPanel(args.element);
@@ -44,7 +44,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_QUICK_POP);
@@ -54,7 +54,7 @@ var PopupRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.getPanel = function () {
         return this.popupPanel;
@@ -65,7 +65,7 @@ var PopupRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element
      * @hidden
+     * @deprecated
      */
     PopupRenderer.prototype.setPanel = function (panel) {
         this.popupPanel = panel;

package/src/rich-text-editor/renderer/render.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { ServiceLocator } from '../services/service-locator';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 export declare class Render {
     private parent;
@@ -24,7 +24,7 @@ export declare class Render {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     render(): void;
     /**

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

@@ -5,7 +5,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
+ * @deprecated
  */
 var Render = /** @class */ (function () {
     /**
@@ -26,7 +26,7 @@ var Render = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Render.prototype.render = function () {
         // eslint-disable-next-line

package/src/rich-text-editor/renderer/table-module.d.ts CHANGED Viewed

@@ -40,6 +40,7 @@ export declare class Table {
     private resizeIconPositionTime;
     private isResizeBind;
     private isDestroyed;
+    private createTablePopupBoundFn;
     private constructor();
     protected addEventListener(): void;
     protected removeEventListener(): void;
@@ -48,7 +49,6 @@ export declare class Table {
     private afterRender;
     private dropdownSelect;
     private UpdateCells;
-    private keyUp;
     private keyDown;
     private tableCellsKeyboardSelection;
     private resetTableSelection;
@@ -139,7 +139,7 @@ export declare class Table {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     destroy(): void;
     /**
@@ -150,4 +150,5 @@ export declare class Table {
     private getModuleName;
     private afterKeyDown;
     private updateResizeIconPosition;
+    private createTablePopupKeyDown;
 }

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

@@ -1,4 +1,4 @@
-import { createElement, detach, closest, Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { createElement, detach, closest, Browser, isNullOrUndefined as isNOU, getComponent } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, EventHandler, addClass } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Button } from '@syncfusion/ej2-buttons';
@@ -45,7 +45,6 @@ var Table = /** @class */ (function () {
         this.parent.on(events.tableToolbarAction, this.onToolbarAction, this);
         this.parent.on(events.dropDownSelect, this.dropdownSelect, this);
         this.parent.on(events.keyDown, this.keyDown, this);
-        this.parent.on(events.keyUp, this.keyUp, this);
         this.parent.on(events.tableModulekeyUp, this.tableModulekeyUp, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
@@ -66,7 +65,6 @@ var Table = /** @class */ (function () {
         this.parent.off(events.mouseDown, this.cellSelect);
         this.parent.off(events.tableColorPickerChanged, this.setBGColor);
         this.parent.off(events.keyDown, this.keyDown);
-        this.parent.off(events.keyUp, this.keyUp);
         this.parent.off(events.tableModulekeyUp, this.tableModulekeyUp);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
@@ -163,20 +161,6 @@ var Table = /** @class */ (function () {
         this.parent.formatter.process(this.parent, e, e, { selection: selectCell, subCommand: e.item.subCommand });
         this.hideTableQuickToolbar();
     };
-    Table.prototype.keyUp = function (e) {
-        var target = e.args.target;
-        if (e.args.key.toLocaleLowerCase() === 'escape' && target && target.classList && (this.popupObj && !closest(target, '[id=' + '\'' + this.popupObj.element.id + '\'' + ']')) && this.popupObj) {
-            var createTableToolbarBtn = this.popupObj.relateTo;
-            if (createTableToolbarBtn.nodeName !== 'BUTTON') {
-                createTableToolbarBtn = createTableToolbarBtn.querySelector('span.e-create-table');
-                createTableToolbarBtn = createTableToolbarBtn.parentElement;
-            }
-            this.popupObj.hide();
-            if (createTableToolbarBtn) {
-                createTableToolbarBtn.focus();
-            }
-        }
-    };
     Table.prototype.keyDown = function (e) {
         var event = e.args;
         // eslint-disable-next-line
@@ -1755,6 +1739,8 @@ var Table = /** @class */ (function () {
         var header = '1X1';
         var insertbtn = this.l10n.getConstant('inserttablebtn');
         this.dlgDiv = this.parent.createElement('div', { className: 'e-rte-table-popup' + this.parent.getCssClass(true), id: this.rteID + '_table' });
+        this.createTablePopupBoundFn = this.createTablePopupKeyDown.bind(this);
+        this.dlgDiv.addEventListener('keydown', this.createTablePopupBoundFn);
         this.tblHeader = this.parent.createElement('div', { className: 'e-rte-popup-header' + this.parent.getCssClass(true) });
         this.tblHeader.innerHTML = header;
         this.dlgDiv.appendChild(this.tblHeader);
@@ -1792,6 +1778,7 @@ var Table = /** @class */ (function () {
             // eslint-disable-next-line
             close: function (event) {
                 EventHandler.remove(btnEle, 'click', _this.insertTableDialog);
+                _this.dlgDiv.removeEventListener('keydown', _this.createTablePopupBoundFn);
                 detach(btnEle);
                 if (_this.createTableButton && !_this.createTableButton.isDestroyed) {
                     _this.createTableButton.destroy();
@@ -2047,34 +2034,40 @@ var Table = /** @class */ (function () {
     // eslint-disable-next-line
     Table.prototype.applyProperties = function (args, e) {
         var dialogEle = this.editdlgObj.element;
-        var table = closest(args.selectNode[0], 'table');
-        table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
-            : table.style.width;
-        if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
-            var tdElm = table.querySelectorAll('td');
-            for (var i = 0; i < tdElm.length; i++) {
-                var padVal = '';
-                if (tdElm[i].style.padding === '') {
-                    padVal = tdElm[i].getAttribute('style') + ' padding:' +
-                        dialogEle.querySelector('.e-cell-padding').value + 'px;';
+        if (dialogEle && args && args.selectNode.length > 0 && args.selectNode[0]) {
+            var selectedElement = (args.selectNode[0] && args.selectNode[0].nodeType === 3 ?
+                args.selectNode[0].parentNode : args.selectNode[0]);
+            var table = selectedElement ? closest(selectedElement, 'table') : null;
+            if (table) {
+                table.style.width = dialogEle.querySelector('.e-table-width') ? dialogEle.querySelector('.e-table-width').value + 'px'
+                    : table.style.width;
+                if (dialogEle.querySelector('.e-cell-padding') && dialogEle.querySelector('.e-cell-padding').value !== '') {
+                    var tdElm = table.querySelectorAll('td');
+                    for (var i = 0; i < tdElm.length; i++) {
+                        var padVal = '';
+                        if (tdElm[i].style.padding === '') {
+                            padVal = tdElm[i].getAttribute('style') + ' padding:' +
+                                dialogEle.querySelector('.e-cell-padding').value + 'px;';
+                        }
+                        else {
+                            tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
+                            padVal = tdElm[i].getAttribute('style');
+                        }
+                        tdElm[i].setAttribute('style', padVal);
+                    }
+                }
+                table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
+                    : table.cellSpacing;
+                if (!isNOU(table.cellSpacing) && table.cellSpacing !== '0') {
+                    addClass([table], classes.CLS_TABLE_BORDER);
                 }
                 else {
-                    tdElm[i].style.padding = dialogEle.querySelector('.e-cell-padding').value + 'px';
-                    padVal = tdElm[i].getAttribute('style');
+                    removeClassWithAttr([table], classes.CLS_TABLE_BORDER);
                 }
-                tdElm[i].setAttribute('style', padVal);
+                this.parent.formatter.saveData();
+                this.editdlgObj.hide({ returnValue: true });
             }
         }
-        table.cellSpacing = dialogEle.querySelector('.e-cell-spacing') ? dialogEle.querySelector('.e-cell-spacing').value
-            : table.cellSpacing;
-        if (!isNOU(table.cellSpacing) && table.cellSpacing !== '0') {
-            addClass([table], classes.CLS_TABLE_BORDER);
-        }
-        else {
-            removeClassWithAttr([table], classes.CLS_TABLE_BORDER);
-        }
-        this.parent.formatter.saveData();
-        this.editdlgObj.hide({ returnValue: true });
     };
     Table.prototype.tableDlgContent = function (e) {
         var selectNode = e.selectParent[0];
@@ -2130,7 +2123,7 @@ var Table = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     Table.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -2169,6 +2162,7 @@ var Table = /** @class */ (function () {
             this.createTableButton.destroy();
             this.createTableButton = null;
         }
+        this.createTablePopupBoundFn = null;
         this.isDestroyed = true;
     };
     /**
@@ -2195,6 +2189,15 @@ var Table = /** @class */ (function () {
                 'px; left:' + (tablePosition.left + parseInt(getComputedStyle(this.curTable).width, 10) - 4) + 'px;';
         }
     };
+    Table.prototype.createTablePopupKeyDown = function (e) {
+        if (e.key === 'Escape') {
+            var popupRootElem = e.target.closest('.e-rte-table-popup');
+            var popup = getComponent(popupRootElem, 'popup');
+            var tableToolbarButton = popup.relateTo;
+            popup.hide();
+            tableToolbarButton.focus({ preventScroll: true });
+        }
+    };
     return Table;
 }());
 export { Table };

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import { ServiceLocator } from '../services/service-locator';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
+ * @deprecated
  */
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
@@ -48,7 +48,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     tooltipBeforeOpen(args: TooltipEventArgs): void;
@@ -58,7 +58,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private mouseOutHandler;
@@ -69,7 +69,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private paletteSelection;
@@ -82,7 +82,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderColorPickerDropDown(args: IColorPickerModel, item: string, colorPicker: ColorPicker, defaultColor: string): DropDownButton;
     private pickerRefresh;
@@ -94,7 +94,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     /**
@@ -102,7 +102,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -110,7 +110,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -119,7 +119,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
+     * @deprecated
      */
     setPanel(panel: Element): void;
     destroy(): void;