@syncfusion/ej2-richtexteditor 29.2.4-738301 → 29.2.4-760237

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

@@ -0,0 +1,74 @@
+import { KeyboardEventArgs } from '@syncfusion/ej2-base';
+import { IRichTextEditor } from '../base/interface';
+import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';
+import { ServiceLocator } from '../services/service-locator';
+import { ClickEventArgs } from '@syncfusion/ej2-navigations';
+/**
+ * Content module is used to render Rich Text Editor content
+ *
+ * @hidden
+ * @deprecated
+ */
+export declare class ViewSource {
+    private parent;
+    private contentModule;
+    private rendererFactory;
+    private keyboardModule;
+    private previewElement;
+    private codeViewTimeInterval;
+    /**
+     * Constructor for view source module
+     *
+     * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} locator - specifies the locator.
+     * @returns {void}
+     */
+    constructor(parent?: IRichTextEditor, locator?: ServiceLocator);
+    private addEventListener;
+    private onInitialEnd;
+    private removeEventListener;
+    private getSourceCode;
+    private wireEvent;
+    private unWireEvent;
+    private wireBaseKeyDown;
+    private unWireBaseKeyDown;
+    private mouseDownHandler;
+    private previewKeyDown;
+    private onKeyDown;
+    /**
+     * sourceCode method
+     *
+     * @param {ClickEventArgs} args - specifies the click event.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    sourceCode(args?: ClickEventArgs | IHtmlKeyboardEvent): void;
+    /**
+     * updateSourceCode method
+     *
+     * @param {ClickEventArgs} args - specifies the click event.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    updateSourceCode(args?: ClickEventArgs | KeyboardEventArgs): void;
+    private replaceAmpersand;
+    private getTextAreaValue;
+    /**
+     * getPanel method
+     *
+     * @returns {HTMLTextAreaElement} - Specifies the Souce codetext area element.
+     * @hidden
+     * @deprecated
+     */
+    getPanel(): HTMLTextAreaElement;
+    /**
+     * Destroy the entire RichTextEditor.
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    destroy(): void;
+}

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

@@ -0,0 +1,225 @@
+define(["require", "exports", "@syncfusion/ej2-base", "../base/constant", "../base/classes", "../../common/constant", "../base/enum", "../actions/keyboard", "../base/util"], function (require, exports, ej2_base_1, events, classes_1, CONSTANT, enum_1, keyboard_1, util_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ViewSource = (function () {
+        function ViewSource(parent, locator) {
+            this.parent = parent;
+            var serviceLocator = locator;
+            this.rendererFactory = serviceLocator.getService('rendererFactory');
+            this.addEventListener();
+        }
+        ViewSource.prototype.addEventListener = function () {
+            this.parent.on(events.sourceCode, this.sourceCode, this);
+            this.parent.on(events.initialEnd, this.onInitialEnd, this);
+            this.parent.on(events.updateSource, this.updateSourceCode, this);
+            this.parent.on(events.destroy, this.destroy, this);
+        };
+        ViewSource.prototype.onInitialEnd = function () {
+            this.parent.formatter.editorManager.observer.on(CONSTANT.KEY_DOWN_HANDLER, this.onKeyDown, this);
+        };
+        ViewSource.prototype.removeEventListener = function () {
+            this.unWireEvent();
+            this.parent.off(events.sourceCode, this.sourceCode);
+            this.parent.off(events.updateSource, this.updateSourceCode);
+            this.parent.off(events.initialEnd, this.onInitialEnd);
+            this.parent.off(events.destroy, this.destroy);
+            this.parent.formatter.editorManager.observer.off(CONSTANT.KEY_DOWN_HANDLER, this.onKeyDown);
+        };
+        ViewSource.prototype.getSourceCode = function () {
+            return this.parent.createElement('textarea', { className: classes_1.CLS_RTE_SOURCE_CODE_TXTAREA + this.parent.getCssClass(true) });
+        };
+        ViewSource.prototype.wireEvent = function (element) {
+            this.keyboardModule = new keyboard_1.KeyboardEvents(element, {
+                keyAction: this.previewKeyDown.bind(this), keyConfigs: this.parent.formatter.keyConfig, eventName: 'keydown'
+            });
+            ej2_base_1.EventHandler.add(this.previewElement, 'mousedown', this.mouseDownHandler, this);
+        };
+        ViewSource.prototype.unWireEvent = function () {
+            if (this.previewElement) {
+                ej2_base_1.EventHandler.remove(this.previewElement, 'mousedown', this.mouseDownHandler);
+            }
+            if (this.keyboardModule && !this.keyboardModule.isDestroyed) {
+                this.keyboardModule.destroy();
+            }
+        };
+        ViewSource.prototype.wireBaseKeyDown = function () {
+            this.parent.keyboardModule = new keyboard_1.KeyboardEvents(this.contentModule.getEditPanel(), {
+                keyAction: this.parent.keyDown.bind(this.parent), keyConfigs: this.parent.formatter.keyConfig, eventName: 'keydown'
+            });
+        };
+        ViewSource.prototype.unWireBaseKeyDown = function () {
+            this.parent.keyboardModule.destroy();
+        };
+        ViewSource.prototype.mouseDownHandler = function (e) {
+            this.parent.notify(events.sourceCodeMouseDown, { args: e });
+        };
+        ViewSource.prototype.previewKeyDown = function (event) {
+            switch (event.action) {
+                case 'html-source':
+                    this.updateSourceCode(event);
+                    event.preventDefault();
+                    break;
+                case 'toolbar-focus':
+                    if (this.parent.toolbarSettings.enable && this.parent.getToolbarElement()) {
+                        var firstActiveItem = this.parent.getToolbarElement().querySelector('.e-toolbar-item:not(.e-overlay)[title]');
+                        firstActiveItem.firstElementChild.removeAttribute('tabindex');
+                        firstActiveItem.firstElementChild.focus();
+                    }
+                    break;
+            }
+        };
+        ViewSource.prototype.onKeyDown = function (e) {
+            switch (e.event.action) {
+                case 'html-source':
+                    e.event.preventDefault();
+                    this.sourceCode(e);
+                    e.callBack({
+                        requestType: 'SourceCode',
+                        editorMode: 'HTML',
+                        event: e.event
+                    });
+                    break;
+            }
+        };
+        ViewSource.prototype.sourceCode = function (args) {
+            var _this = this;
+            this.parent.notify(events.hidePopup, {});
+            this.parent.isBlur = false;
+            this.parent.trigger(events.actionBegin, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args, cancel: false }, function (actionBeginArgs) {
+                if (!actionBeginArgs.cancel) {
+                    var tbItems = ej2_base_1.selectAll('.' + classes_1.CLS_TB_ITEM, _this.parent.element);
+                    _this.contentModule = _this.rendererFactory.getRenderer(enum_1.RenderType.Content);
+                    var height = _this.parent.inputElement.getBoundingClientRect().height;
+                    _this.parent.rootContainer.classList.add('e-source-code-enabled');
+                    _this.parent.notify(events.updateToolbarItem, {
+                        targetItem: 'SourceCode', updateItem: 'Preview',
+                        baseToolbar: _this.parent.getBaseToolbarObject()
+                    });
+                    if (ej2_base_1.isNullOrUndefined(_this.previewElement)) {
+                        _this.previewElement = _this.getSourceCode();
+                    }
+                    _this.parent.inputElement.innerHTML = util_1.cleanupInternalElements(_this.replaceAmpersand(_this.parent.inputElement.innerHTML), _this.parent.editorMode);
+                    _this.parent.updateValueData();
+                    var rteContent = void 0;
+                    if (ej2_base_1.isNullOrUndefined(_this.parent.element.querySelector('#' + _this.parent.getID() + '_source-view'))) {
+                        rteContent = _this.parent.createElement('div', {
+                            className: 'e-source-content', id: _this.parent.getID() + '_source-view',
+                            attrs: { style: 'height:' + height + 'px' }
+                        });
+                    }
+                    else {
+                        rteContent = _this.parent.element.querySelector('#' + _this.parent.getID() + '_source-view');
+                        rteContent.style.height = height + 'px';
+                    }
+                    rteContent.appendChild(_this.previewElement);
+                    _this.parent.rootContainer.appendChild(rteContent);
+                    _this.getPanel().value = util_1.cleanupInternalElements(_this.getTextAreaValue(), _this.parent.editorMode);
+                    _this.parent.isBlur = false;
+                    _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
+                    _this.parent.enableToolbarItem('SourceCode');
+                    if (_this.parent.getToolbar()) {
+                        ej2_base_1.removeClass([_this.parent.getToolbar()], [classes_1.CLS_EXPAND_OPEN]);
+                    }
+                    ej2_base_1.removeClass(tbItems, [classes_1.CLS_ACTIVE]);
+                    _this.wireEvent(_this.previewElement);
+                    _this.unWireBaseKeyDown();
+                    _this.previewElement.focus();
+                    _this.parent.inputElement.innerHTML = util_1.cleanupInternalElements(_this.replaceAmpersand(_this.parent.inputElement.innerHTML), _this.parent.editorMode);
+                    _this.parent.updateValue();
+                    _this.parent.trigger(events.actionComplete, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
+                    _this.parent.invokeChangeEvent();
+                    if (!ej2_base_1.isNullOrUndefined(_this.parent.saveInterval) && _this.parent.saveInterval > 0 && _this.parent.autoSaveOnIdle) {
+                        _this.codeViewTimeInterval = setInterval(function () { _this.parent.notify(events.updateValueOnIdle, {}); }, _this.parent.saveInterval);
+                    }
+                }
+            });
+        };
+        ViewSource.prototype.updateSourceCode = function (args) {
+            var _this = this;
+            this.parent.isBlur = false;
+            this.parent.trigger(events.actionBegin, { requestType: 'Preview', targetItem: 'Preview', args: args, cancel: false }, function (actionBeginArgs) {
+                if (!actionBeginArgs.cancel) {
+                    _this.parent.rootContainer.classList.remove('e-source-code-enabled');
+                    var editHTML = _this.getPanel();
+                    _this.parent.notify(events.updateToolbarItem, {
+                        targetItem: 'Preview', updateItem: 'SourceCode',
+                        baseToolbar: _this.parent.getBaseToolbarObject()
+                    });
+                    if (!ej2_base_1.isNullOrUndefined(editHTML)) {
+                        editHTML.value = util_1.resetContentEditableElements(_this.replaceAmpersand(editHTML.value), _this.parent.editorMode);
+                    }
+                    var serializeValue = _this.parent.serializeValue(editHTML.value);
+                    var value = void 0;
+                    if (serializeValue === null || serializeValue === '') {
+                        if (_this.parent.enterKey === 'DIV') {
+                            value = '<div><br/></div>';
+                        }
+                        else if (_this.parent.enterKey === 'BR') {
+                            value = '<br/>';
+                        }
+                        else {
+                            value = '<p><br/></p>';
+                        }
+                    }
+                    else {
+                        value = serializeValue;
+                    }
+                    _this.contentModule.getEditPanel().innerHTML = util_1.resetContentEditableElements(_this.replaceAmpersand(value), _this.parent.editorMode);
+                    _this.parent.isBlur = false;
+                    _this.parent.enableToolbarItem(_this.parent.toolbarSettings.items);
+                    if (_this.parent.getToolbar()) {
+                        ej2_base_1.removeClass([_this.parent.getToolbar()], [classes_1.CLS_EXPAND_OPEN]);
+                    }
+                    _this.unWireEvent();
+                    _this.wireBaseKeyDown();
+                    _this.contentModule.getEditPanel().focus();
+                    _this.parent.updateValue();
+                    _this.parent.trigger(events.actionComplete, { requestType: 'Preview', targetItem: 'Preview', args: args });
+                    _this.parent.formatter.enableUndo(_this.parent);
+                    _this.parent.addAudioVideoWrapper();
+                    clearTimeout(_this.codeViewTimeInterval);
+                    _this.parent.invokeChangeEvent();
+                    _this.parent.notify(events.tableclass, {});
+                }
+            });
+        };
+        ViewSource.prototype.replaceAmpersand = function (value) {
+            var _this = this;
+            if (this.parent.editorMode === 'HTML') {
+                var entities = ['times', 'divide', 'ne'];
+                entities.forEach(function (entity) {
+                    var regex = new RegExp("&(amp;)*(" + entity + ")", 'g');
+                    if (_this.parent.enableHtmlSanitizer) {
+                        var ampEntity = _this.parent.enableHtmlEncode ? "&amp;amp;amp;amp;" + entity : "&amp;amp;" + entity;
+                        value = value.replace(regex, ampEntity);
+                    }
+                    else {
+                        value = value.replace(regex, "&amp;" + entity);
+                    }
+                });
+            }
+            return value;
+        };
+        ViewSource.prototype.getTextAreaValue = function () {
+            return (this.contentModule.getEditPanel().innerHTML === '<p><br></p>') ||
+                (this.contentModule.getEditPanel().innerHTML === '<div><br></div>') ||
+                (this.contentModule.getEditPanel().innerHTML === '<br>') ||
+                (this.contentModule.getEditPanel().childNodes.length === 1 &&
+                    (this.contentModule.getEditPanel().childNodes[0].tagName === 'P' &&
+                        this.contentModule.getEditPanel().innerHTML.length === 7) ||
+                    (this.contentModule.getEditPanel().childNodes[0].tagName === 'DIV' &&
+                        this.contentModule.getEditPanel().innerHTML.length === 11)) ? '' : this.parent.value;
+        };
+        ViewSource.prototype.getPanel = function () {
+            return this.parent.element && this.parent.element.querySelector('.e-rte-srctextarea');
+        };
+        ViewSource.prototype.destroy = function () {
+            if (ej2_base_1.isNullOrUndefined(this.parent)) {
+                return;
+            }
+            this.removeEventListener();
+        };
+        return ViewSource;
+    }());
+    exports.ViewSource = ViewSource;
+});

package/blazorGlobalSrc/rich-text-editor/renderer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Renderer
+ */
+export * from './renderer/content-renderer';
+export * from './renderer/render';
+export * from './renderer/toolbar-renderer';
+export * from './renderer/link-module';
+export * from './renderer/image-module';
+export * from './renderer/audio-module';
+export * from './renderer/video-module';
+export * from './renderer/view-source';
+export * from './renderer/table-module';
+export * from './renderer/dialog-renderer';
+export * from './renderer/iframe-content-renderer';
+export * from './renderer/markdown-renderer';
+export * from './renderer/popup-renderer';
+export * from './renderer/slash-menu';

package/blazorGlobalSrc/rich-text-editor/renderer.js

@@ -0,0 +1,21 @@
+define(["require", "exports", "./renderer/content-renderer", "./renderer/render", "./renderer/toolbar-renderer", "./renderer/link-module", "./renderer/image-module", "./renderer/audio-module", "./renderer/video-module", "./renderer/view-source", "./renderer/table-module", "./renderer/dialog-renderer", "./renderer/iframe-content-renderer", "./renderer/markdown-renderer", "./renderer/popup-renderer", "./renderer/slash-menu"], function (require, exports, content_renderer_1, render_1, toolbar_renderer_1, link_module_1, image_module_1, audio_module_1, video_module_1, view_source_1, table_module_1, dialog_renderer_1, iframe_content_renderer_1, markdown_renderer_1, popup_renderer_1, slash_menu_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(content_renderer_1);
+    __export(render_1);
+    __export(toolbar_renderer_1);
+    __export(link_module_1);
+    __export(image_module_1);
+    __export(audio_module_1);
+    __export(video_module_1);
+    __export(view_source_1);
+    __export(table_module_1);
+    __export(dialog_renderer_1);
+    __export(iframe_content_renderer_1);
+    __export(markdown_renderer_1);
+    __export(popup_renderer_1);
+    __export(slash_menu_1);
+});

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

@@ -0,0 +1,33 @@
+import { IRenderer } from '../base/interface';
+import { RenderType } from '../base/enum';
+/**
+ * RendererFactory
+ *
+ * @hidden
+ * @deprecated
+ */
+export declare class RendererFactory {
+    rendererMap: {
+        [c: string]: IRenderer;
+    };
+    /**
+     * addRenderer method
+     *
+     * @param {RenderType} name - specifies the render type
+     * @param {IRenderer} type - specifies the renderer.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    addRenderer(name: RenderType, type: IRenderer): void;
+    /**
+     * getRenderer method
+     *
+     * @param {RenderType} name - specifies the render type
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getRenderer(name: RenderType): IRenderer;
+    destroy(): void;
+}

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

@@ -0,0 +1,29 @@
+define(["require", "exports", "@syncfusion/ej2-base", "../base/enum"], function (require, exports, ej2_base_1, enum_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var RendererFactory = (function () {
+        function RendererFactory() {
+            this.rendererMap = {};
+        }
+        RendererFactory.prototype.addRenderer = function (name, type) {
+            var rName = ej2_base_1.getEnumValue(enum_1.RenderType, name);
+            if (ej2_base_1.isNullOrUndefined(this.rendererMap["" + rName])) {
+                this.rendererMap["" + rName] = type;
+            }
+        };
+        RendererFactory.prototype.getRenderer = function (name) {
+            var rName = ej2_base_1.getEnumValue(enum_1.RenderType, name);
+            if (ej2_base_1.isNullOrUndefined(this.rendererMap["" + rName])) {
+                throw "The renderer " + rName + " is not found";
+            }
+            else {
+                return this.rendererMap["" + rName];
+            }
+        };
+        RendererFactory.prototype.destroy = function () {
+            this.rendererMap = {};
+        };
+        return RendererFactory;
+    }());
+    exports.RendererFactory = RendererFactory;
+});

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

@@ -0,0 +1,29 @@
+/**
+ * ServiceLocator
+ *
+ * @hidden
+ * @deprecated
+ */
+export declare class ServiceLocator {
+    private services;
+    /**
+     * register method
+     *
+     * @param {string} name - specifies the name.
+     * @param {T} type - specifies the type.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    register<T>(name: string, type: T): void;
+    /**
+     * getService method
+     *
+     * @param {string} name - specifies the name.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getService<T>(name: string): T;
+    destroy(): void;
+}

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

@@ -0,0 +1,25 @@
+define(["require", "exports", "@syncfusion/ej2-base"], function (require, exports, ej2_base_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ServiceLocator = (function () {
+        function ServiceLocator() {
+            this.services = {};
+        }
+        ServiceLocator.prototype.register = function (name, type) {
+            if (ej2_base_1.isNullOrUndefined(this.services["" + name])) {
+                this.services["" + name] = type;
+            }
+        };
+        ServiceLocator.prototype.getService = function (name) {
+            if (ej2_base_1.isNullOrUndefined(this.services["" + name])) {
+                throw "The service " + name + " is not registered";
+            }
+            return this.services["" + name];
+        };
+        ServiceLocator.prototype.destroy = function () {
+            this.services = {};
+        };
+        return ServiceLocator;
+    }());
+    exports.ServiceLocator = ServiceLocator;
+});

package/blazorGlobalSrc/rich-text-editor/services.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Services
+ */
+export * from './services/service-locator';
+export * from './services/renderer-factory';

package/blazorGlobalSrc/rich-text-editor/services.js

@@ -0,0 +1,9 @@
+define(["require", "exports", "./services/service-locator", "./services/renderer-factory"], function (require, exports, service_locator_1, renderer_factory_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(service_locator_1);
+    __export(renderer_factory_1);
+});

package/blazorGlobalSrc/rich-text-editor/toolbar.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Toolbar
+ */
+export * from './actions/toolbar';

package/blazorGlobalSrc/rich-text-editor/toolbar.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "./actions/toolbar"], function (require, exports, toolbar_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(toolbar_1);
+});

package/blazorGlobalSrc/rich-text-editor/video.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Video
+ */
+export * from './renderer/video-module';

package/blazorGlobalSrc/rich-text-editor/video.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "./renderer/video-module"], function (require, exports, video_module_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(video_module_1);
+});

package/blazorGlobalSrc/rich-text-editor.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Rich Text Editor component exported items
+ */
+export * from './rich-text-editor/index';

package/blazorGlobalSrc/rich-text-editor.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "./rich-text-editor/index"], function (require, exports, index_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(index_1);
+});

package/blazorGlobalSrc/selection/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * `Selection` module is used to handle RTE Selections.
+ */
+export * from './selection';

package/blazorGlobalSrc/selection/index.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "./selection"], function (require, exports, selection_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(selection_1);
+});