@syncfusion/ej2-richtexteditor 25.1.42 → 25.2.4-621927

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

@@ -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;
@@ -47,7 +47,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderToolbar(args: IToolbarOptions): void;
     /**
@@ -56,7 +56,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDownButton(args: IDropDownModel): DropDownButton;
     private mouseOutHandler;
@@ -67,7 +67,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderListDropDown(args: IDropDownModel): DropDownButton;
     private paletteSelection;
@@ -80,7 +80,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;
@@ -92,7 +92,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPicker(args: IColorPickerModel, item: string): ColorPicker;
     tooltipBeforeOpen(args: TooltipEventArgs): void;
@@ -101,7 +101,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderPanel(): void;
     /**
@@ -109,7 +109,7 @@ export declare class ToolbarRenderer implements IRenderer {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     getPanel(): Element;
     /**
@@ -118,7 +118,7 @@ export declare class ToolbarRenderer implements IRenderer {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     setPanel(panel: Element): void;
 }

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

@@ -13,7 +13,7 @@ import { ToolbarStatus } from '../../editor-manager/plugin/toolbar-status';
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
  * @hidden
-
+ * @deprecated
  */
 var ToolbarRenderer = /** @class */ (function () {
     /**
@@ -126,7 +126,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IToolbarOptions} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderToolbar = function (args) {
         this.setPanel(args.target);
@@ -167,7 +167,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderDropDownButton = function (args) {
         var _this = this;
@@ -333,7 +333,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {IDropDownModel} args - specifies the the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderListDropDown = function (args) {
         var _this = this;
@@ -442,7 +442,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPickerDropDown = function (args, item, colorPicker, defaultColor) {
         var _this = this;
@@ -462,8 +462,6 @@ var ToolbarRenderer = /** @class */ (function () {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: function (dropDownArgs) {
-                colorPicker.inline = true;
-                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -592,7 +590,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @param {string} item - specifies the string values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderColorPicker = function (args, item) {
         var _this = this;
@@ -602,14 +600,18 @@ var ToolbarRenderer = /** @class */ (function () {
         var colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: false,
-            value: '#fff',
+            inline: true,
+            value: null,
+            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.setProperties({ value: value });
+                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
+                colorPicker.value = value;
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
+            presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
+            columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
             beforeTileRender: function (args) {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
@@ -654,10 +656,6 @@ var ToolbarRenderer = /** @class */ (function () {
             }
         });
         colorPicker.isStringTemplate = true;
-        colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
-        colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
-            this.parent.fontColor.colorCode;
-        colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
         colorPicker.createElement = this.parent.createElement;
         colorPicker.appendTo(document.getElementById(args.target));
         return colorPicker;
@@ -672,7 +670,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.renderPanel = function () {
         this.getPanel().classList.add(CLS_TOOLBAR);
@@ -682,7 +680,7 @@ var ToolbarRenderer = /** @class */ (function () {
      *
      * @returns {Element} - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.getPanel = function () {
         return this.toolbarPanel;
@@ -693,7 +691,7 @@ var ToolbarRenderer = /** @class */ (function () {
      * @returns {void}
      * @param  {Element} panel - specifies the element.
      * @hidden
-
+     * @deprecated
      */
     ToolbarRenderer.prototype.setPanel = function (panel) {
         this.toolbarPanel = panel;

package/src/rich-text-editor/renderer/video-module.d.ts

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

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

@@ -1081,7 +1081,12 @@ var Video = /** @class */ (function () {
             animationSettings: { effect: 'None' },
             close: function (event) {
                 if (_this.isVideoUploaded) {
-                    _this.uploadObj.removing();
+                    if (_this.dialogObj.element.querySelector('.e-file-abort-btn')) {
+                        _this.dialogObj.element.querySelector('.e-file-abort-btn').click();
+                    }
+                    else {
+                        _this.uploadObj.remove();
+                    }
                 }
                 _this.parent.isBlur = false;
                 if (event && !isNOU(event.event) && event.event.returnValue) {
@@ -1434,7 +1439,7 @@ var Video = /** @class */ (function () {
      * @method destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Video.prototype.destroy = function () {

package/src/rich-text-editor/renderer/view-source.d.ts

@@ -7,7 +7,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ViewSource {
     private parent;
@@ -41,7 +41,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
     /**
@@ -50,7 +50,7 @@ export declare class ViewSource {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
     private getTextAreaValue;
@@ -59,7 +59,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getPanel(): HTMLTextAreaElement | Element;
     /**
@@ -67,7 +67,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getViewPanel(): HTMLTextAreaElement | Element;
     /**
@@ -75,7 +75,7 @@ export declare class ViewSource {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private moduleDestroy;

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

@@ -8,7 +8,7 @@ import { KeyboardEvents } from '../actions/keyboard';
  * Content module is used to render Rich Text Editor content
  *
  * @hidden
-
+ * @deprecated
  */
 var ViewSource = /** @class */ (function () {
     /**
@@ -105,7 +105,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.sourceCode = function (args) {
         var _this = this;
@@ -179,7 +179,7 @@ var ViewSource = /** @class */ (function () {
      * @param {ClickEventArgs} args - specifies the click event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.updateSourceCode = function (args) {
         this.parent.isBlur = false;
@@ -253,7 +253,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getPanel = function () {
         return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
@@ -263,7 +263,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.getViewPanel = function () {
         return (this.parent.iframeSettings.enable && this.getPanel()) ? this.getPanel().parentElement : this.getPanel();
@@ -273,7 +273,7 @@ var ViewSource = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ViewSource.prototype.destroy = function () {
         if (isNullOrUndefined(this.parent)) {

package/src/rich-text-editor/services/renderer-factory.d.ts

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class RendererFactory {
     rendererMap: {
@@ -17,7 +17,7 @@ export declare class RendererFactory {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addRenderer(name: RenderType, type: IRenderer): void;
     /**
@@ -26,7 +26,7 @@ export declare class RendererFactory {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getRenderer(name: RenderType): IRenderer;
 }

package/src/rich-text-editor/services/renderer-factory.js

@@ -4,7 +4,7 @@ import { RenderType } from '../base/enum';
  * RendererFactory
  *
  * @hidden
-
+ * @deprecated
  */
 var RendererFactory = /** @class */ (function () {
     function RendererFactory() {
@@ -17,7 +17,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {IRenderer} type - specifies the renderer.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
@@ -31,7 +31,7 @@ var RendererFactory = /** @class */ (function () {
      * @param {RenderType} name - specifies the render type
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);

package/src/rich-text-editor/services/service-locator.d.ts

@@ -2,7 +2,7 @@
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ServiceLocator {
     private services;
@@ -13,7 +13,7 @@ export declare class ServiceLocator {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     register<T>(name: string, type: T): void;
     /**
@@ -22,7 +22,7 @@ export declare class ServiceLocator {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getService<T>(name: string): T;
 }

package/src/rich-text-editor/services/service-locator.js

@@ -3,7 +3,7 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * ServiceLocator
  *
  * @hidden
-
+ * @deprecated
  */
 var ServiceLocator = /** @class */ (function () {
     function ServiceLocator() {
@@ -17,7 +17,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {T} type - specifies the type.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     ServiceLocator.prototype.register = function (name, type) {
@@ -31,7 +31,7 @@ var ServiceLocator = /** @class */ (function () {
      * @param {string} name - specifies the name.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
         if (isNullOrUndefined(this.services["" + name])) {

package/src/selection/selection.d.ts

@@ -21,7 +21,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the get function
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     get(docElement: Document): Selection;
     /**
@@ -31,7 +31,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     save(range: Range, docElement: Document): NodeSelection;
     /**
@@ -40,7 +40,7 @@ export declare class NodeSelection {
      * @param {Node} node - specifies the node value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getIndex(node: Node): number;
     private isChildNode;
@@ -51,7 +51,7 @@ export declare class NodeSelection {
      * @param {Range} range -specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeCollection(range: Range): Node[];
     /**
@@ -60,7 +60,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodeCollection(range: Range): Node[];
     /**
@@ -70,7 +70,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getParentNodes(nodeCollection: Node[], range: Range): Node[];
     /**
@@ -79,7 +79,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollection(range: Range): Node[];
     /**
@@ -88,7 +88,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodeCollectionBr(range: Range): Node[];
     /**
@@ -97,7 +97,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodes(nodeCollection: Node[]): Node[];
     /**
@@ -106,7 +106,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectionNodesBr(nodeCollection: Node[]): Node[];
     /**
@@ -115,7 +115,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodeCollection(range: Range): Node[];
     /**
@@ -124,7 +124,7 @@ export declare class NodeSelection {
      * @param {Node[]} nodeCollection - specifies the collection of nodes.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInsertNodes(nodeCollection: Node[]): Node[];
     /**
@@ -135,7 +135,7 @@ export declare class NodeSelection {
      * @param {Document} root - specifies the root document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getNodeArray(node: Node, isStart: boolean, root?: Document): number[];
     private setRangePoint;
@@ -144,7 +144,7 @@ export declare class NodeSelection {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     restore(): Range;
     selectRange(docElement: Document, range: Range): void;
@@ -155,7 +155,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setRange(docElement: Document, range: Range): void;
     /**
@@ -168,7 +168,7 @@ export declare class NodeSelection {
      * @param {number} endIndex - specifies the end index.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionText(docElement: Document, startNode: Node, endNode: Node, startIndex: number, endIndex: number): void;
     /**
@@ -178,7 +178,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionContents(docElement: Document, element: Node): void;
     /**
@@ -188,7 +188,7 @@ export declare class NodeSelection {
      * @param {Node} element - specifies the node.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setSelectionNode(docElement: Document, element: Node): void;
     /**
@@ -197,7 +197,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getSelectedNodes(docElement: Document): Node[];
     /**
@@ -206,7 +206,7 @@ export declare class NodeSelection {
      * @param {Document} docElement - specifies the document.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Clear(docElement: Document): void;
     /**
@@ -217,7 +217,7 @@ export declare class NodeSelection {
      * @param {Range} range - specifies the range.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     insertParentNode(docElement: Document, newNode: Node, range: Range): void;
     /**
@@ -228,7 +228,7 @@ export declare class NodeSelection {
      * @param {number} point - specifies the point.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
 }