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

package/blazorGlobalSrc/common/util.js

@@ -0,0 +1,222 @@
+define(["require", "exports", "@syncfusion/ej2-base"], function (require, exports, ej2_base_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    function isIDevice() {
+        var result = false;
+        if (ej2_base_1.Browser.isDevice && ej2_base_1.Browser.isIos) {
+            result = true;
+        }
+        return result;
+    }
+    exports.isIDevice = isIDevice;
+    function setEditFrameFocus(editableElement, selector) {
+        if (editableElement.nodeName === 'BODY' && !ej2_base_1.isNullOrUndefined(selector)) {
+            var iframe = top.window.document.querySelector(selector);
+            if (!ej2_base_1.isNullOrUndefined(iframe)) {
+                iframe.contentWindow.focus();
+            }
+        }
+    }
+    exports.setEditFrameFocus = setEditFrameFocus;
+    function updateTextNode(value) {
+        var resultElm = document.createElement('div');
+        resultElm.innerHTML = value;
+        var tableElm = resultElm.querySelectorAll('table');
+        for (var i = 0; i < tableElm.length; i++) {
+            if (tableElm[i].classList.length > 0 &&
+                !tableElm[i].classList.contains('e-rte-table') && !tableElm[i].classList.contains('e-rte-custom-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue;
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    var tdElm = tableElm[i].querySelectorAll('td');
+                    for (var j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-html-table');
+                    continue;
+                }
+            }
+        }
+        var imageElm = resultElm.querySelectorAll('img');
+        for (var i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue;
+            }
+            if (!imageElm[i].classList.contains('e-rte-image')) {
+                imageElm[i].classList.add('e-rte-image');
+            }
+            if (!(imageElm[i].classList.contains('e-imginline') ||
+                imageElm[i].classList.contains('e-imgbreak'))) {
+                imageElm[i].classList.add('e-imginline');
+            }
+        }
+        return resultElm.innerHTML;
+    }
+    exports.updateTextNode = updateTextNode;
+    function getLastTextNode(startChildNodes) {
+        var finalNode = startChildNodes;
+        do {
+            if (finalNode.childNodes.length > 0) {
+                finalNode = finalNode.childNodes[0];
+            }
+        } while (finalNode.childNodes.length > 0);
+        return finalNode;
+    }
+    exports.getLastTextNode = getLastTextNode;
+    function getDefaultHtmlTbStatus() {
+        return {
+            bold: false,
+            italic: false,
+            subscript: false,
+            superscript: false,
+            strikethrough: false,
+            orderedlist: false,
+            unorderedlist: false,
+            numberFormatList: false,
+            bulletFormatList: false,
+            underline: false,
+            alignments: null,
+            backgroundcolor: null,
+            fontcolor: null,
+            fontname: null,
+            fontsize: null,
+            formats: null,
+            createlink: false,
+            insertcode: false,
+            blockquote: false,
+            inlinecode: false
+        };
+    }
+    exports.getDefaultHtmlTbStatus = getDefaultHtmlTbStatus;
+    function getDefaultMDTbStatus() {
+        return {
+            bold: false,
+            italic: false,
+            subscript: false,
+            superscript: false,
+            strikethrough: false,
+            orderedlist: false,
+            uppercase: false,
+            lowercase: false,
+            inlinecode: false,
+            unorderedlist: false,
+            formats: null
+        };
+    }
+    exports.getDefaultMDTbStatus = getDefaultMDTbStatus;
+    function nestedListCleanUp(range, parentNode) {
+        if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+            range.extractContents();
+            var liElem = (range.startContainer.nodeName === '#text' ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li');
+            if (liElem.length > 0) {
+                liElem.forEach(function (item) {
+                    if (!ej2_base_1.isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === 'OL' || item.firstChild.nodeName === 'UL')) {
+                        item.style.listStyleType = 'none';
+                    }
+                    if (item.innerHTML.trim() === '' && item !== parentNode) {
+                        item.remove();
+                    }
+                });
+            }
+        }
+    }
+    exports.nestedListCleanUp = nestedListCleanUp;
+    function scrollToCursor(document, inputElement) {
+        var rootElement = inputElement.nodeName === 'BODY' ?
+            inputElement.ownerDocument.defaultView.frameElement.closest('.e-richtexteditor') :
+            inputElement.closest('.e-richtexteditor');
+        var height = rootElement.style.height;
+        if (document.getSelection().rangeCount === 0) {
+            return;
+        }
+        var range = document.getSelection().getRangeAt(0);
+        var finalFocusElement = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
+            range.startContainer;
+        var rect = finalFocusElement.getBoundingClientRect();
+        var cursorTop = rect.top;
+        var cursorBottom = rect.bottom;
+        var rootRect = rootElement.getBoundingClientRect();
+        var hasMargin = rootElement.querySelectorAll('.e-count-enabled, .e-resize-enabled').length > 0;
+        if (inputElement.nodeName === 'BODY') {
+            if (height === 'auto') {
+                if (window.innerHeight < cursorTop) {
+                    finalFocusElement.scrollIntoView(false);
+                }
+            }
+            else {
+                if (cursorTop > inputElement.getBoundingClientRect().height || cursorBottom > rootRect.bottom) {
+                    finalFocusElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+                }
+            }
+        }
+        else {
+            if (height === 'auto') {
+                if (window.innerHeight < cursorTop) {
+                    finalFocusElement.scrollIntoView({ block: 'end', inline: 'nearest' });
+                }
+            }
+            else {
+                if (cursorBottom > rootRect.bottom) {
+                    rootElement.querySelector('.e-rte-content').scrollTop += (cursorBottom - rootRect.bottom) + (hasMargin ? 20 : 0);
+                }
+            }
+        }
+        var scrollVal = inputElement.closest('div[style*="overflow-y: scroll"]');
+        if (!ej2_base_1.isNullOrUndefined(scrollVal)) {
+            var parentRect = scrollVal.getBoundingClientRect();
+            if (cursorBottom > parentRect.bottom) {
+                scrollVal.scrollTop += (cursorBottom - parentRect.bottom);
+            }
+        }
+    }
+    exports.scrollToCursor = scrollToCursor;
+    function insertItemsAtIndex(oldArray, newArray, indexToInsert) {
+        for (var i = 0; i < newArray.length; i++) {
+            if (i === 0) {
+                oldArray.splice(indexToInsert + i, 1, newArray[i]);
+            }
+            else {
+                oldArray.splice(indexToInsert + i, 0, newArray[i]);
+            }
+        }
+        return oldArray;
+    }
+    exports.insertItemsAtIndex = insertItemsAtIndex;
+    function removeClassWithAttr(elements, classes) {
+        ej2_base_1.removeClass(elements, classes);
+        for (var i = 0; i < elements.length; i++) {
+            if (elements[i].classList.length === 0 && elements[i].getAttribute('class')) {
+                elements[i].removeAttribute('class');
+            }
+        }
+        return elements;
+    }
+    exports.removeClassWithAttr = removeClassWithAttr;
+});

package/blazorGlobalSrc/components.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Rich Text Editor component exported items
+ */
+export * from './rich-text-editor/index';
+export * from './editor-manager/index';
+export * from './selection/index';
+export * from './markdown-parser/index';
+export * from './common/index';

package/blazorGlobalSrc/components.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "./rich-text-editor/index", "./editor-manager/index", "./selection/index", "./markdown-parser/index", "./common/index"], function (require, exports, index_1, index_2, index_3, index_4, index_5) {
+    "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);
+    __export(index_2);
+    __export(index_3);
+    __export(index_4);
+    __export(index_5);
+});

package/blazorGlobalSrc/editor-manager/base/classes.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Rich Text Editor classes defined here.
+ */
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const CLASS_IMAGE_RIGHT: string;
+export declare const CLASS_IMAGE_LEFT: string;
+export declare const CLASS_IMAGE_CENTER: string;
+export declare const CLASS_VIDEO_RIGHT: string;
+export declare const CLASS_VIDEO_LEFT: string;
+export declare const CLASS_VIDEO_CENTER: string;
+export declare const CLASS_IMAGE_BREAK: string;
+export declare const CLASS_AUDIO_BREAK: string;
+export declare const CLASS_VIDEO_BREAK: string;
+export declare const CLASS_CAPTION: string;
+export declare const CLASS_RTE_CAPTION: string;
+export declare const CLASS_CAPTION_INLINE: string;
+export declare const CLASS_IMAGE_INLINE: string;
+export declare const CLASS_AUDIO_INLINE: string;
+export declare const CLASS_CLICK_ELEM: string;
+export declare const CLASS_VIDEO_CLICK_ELEM: string;
+export declare const CLASS_AUDIO: string;
+export declare const CLASS_VIDEO: string;
+export declare const CLASS_AUDIO_WRAP: string;
+export declare const CLASS_VIDEO_WRAP: string;
+export declare const CLASS_EMBED_VIDEO_WRAP: string;
+export declare const CLASS_AUDIO_FOCUS: string;
+export declare const CLASS_VIDEO_FOCUS: string;
+export declare const CLASS_VIDEO_INLINE: string;

package/blazorGlobalSrc/editor-manager/base/classes.js

@@ -0,0 +1,28 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CLASS_IMAGE_RIGHT = 'e-imgright';
+    exports.CLASS_IMAGE_LEFT = 'e-imgleft';
+    exports.CLASS_IMAGE_CENTER = 'e-imgcenter';
+    exports.CLASS_VIDEO_RIGHT = 'e-video-right';
+    exports.CLASS_VIDEO_LEFT = 'e-video-left';
+    exports.CLASS_VIDEO_CENTER = 'e-video-center';
+    exports.CLASS_IMAGE_BREAK = 'e-imgbreak';
+    exports.CLASS_AUDIO_BREAK = 'e-audio-break';
+    exports.CLASS_VIDEO_BREAK = 'e-video-break';
+    exports.CLASS_CAPTION = 'e-img-caption';
+    exports.CLASS_RTE_CAPTION = 'e-rte-img-caption';
+    exports.CLASS_CAPTION_INLINE = 'e-caption-inline';
+    exports.CLASS_IMAGE_INLINE = 'e-imginline';
+    exports.CLASS_AUDIO_INLINE = 'e-audio-inline';
+    exports.CLASS_CLICK_ELEM = 'e-clickelem';
+    exports.CLASS_VIDEO_CLICK_ELEM = 'e-video-clickelem';
+    exports.CLASS_AUDIO = 'e-rte-audio';
+    exports.CLASS_VIDEO = 'e-rte-video';
+    exports.CLASS_AUDIO_WRAP = 'e-audio-wrap';
+    exports.CLASS_VIDEO_WRAP = 'e-video-wrap';
+    exports.CLASS_EMBED_VIDEO_WRAP = 'e-embed-video-wrap';
+    exports.CLASS_AUDIO_FOCUS = 'e-audio-focus';
+    exports.CLASS_VIDEO_FOCUS = 'e-video-focus';
+    exports.CLASS_VIDEO_INLINE = 'e-video-inline';
+});

package/blazorGlobalSrc/editor-manager/base/constant.d.ts

@@ -0,0 +1,97 @@
+/**
+ * Constant values for EditorManager
+ */
+/**
+ * Image plugin events
+ *
+ * @hidden
+ */
+export declare const IMAGE: string;
+export declare const AUDIO: string;
+export declare const VIDEO: string;
+export declare const TABLE: string;
+export declare const LINK: string;
+export declare const INSERT_ROW: string;
+export declare const INSERT_COLUMN: string;
+export declare const DELETEROW: string;
+export declare const DELETECOLUMN: string;
+export declare const REMOVETABLE: string;
+export declare const TABLEHEADER: string;
+export declare const TABLE_VERTICAL_ALIGN: string;
+export declare const TABLE_MERGE: string;
+export declare const TABLE_VERTICAL_SPLIT: string;
+export declare const TABLE_HORIZONTAL_SPLIT: string;
+export declare const TABLE_DASHED: string;
+export declare const TABLE_ALTERNATE: string;
+export declare const TABLE_BACKGROUND_COLOR: string;
+export declare const TABLE_MOVE: string;
+/**
+ * Alignments plugin events
+ *
+ * @hidden
+ */
+export declare const ALIGNMENT_TYPE: string;
+/**
+ * Indents plugin events
+ *
+ * @hidden
+ */
+export declare const INDENT_TYPE: string;
+/**
+ * Constant tag names
+ *
+ * @hidden
+ */
+export declare const DEFAULT_TAG: string;
+/**
+ * @hidden
+ */
+export declare const BLOCK_TAGS: string[];
+/**
+ * @hidden
+ */
+export declare const IGNORE_BLOCK_TAGS: string[];
+/**
+ * @hidden
+ */
+export declare const TABLE_BLOCK_TAGS: string[];
+/**
+ * Selection plugin events
+ *
+ * @hidden
+ */
+export declare const SELECTION_TYPE: string;
+/**
+ * Insert HTML plugin events
+ *
+ * @hidden
+ */
+export declare const INSERTHTML_TYPE: string;
+/**
+ * Insert Text plugin events
+ *
+ * @hidden
+ */
+export declare const INSERT_TEXT_TYPE: string;
+/**
+ * Clear Format HTML plugin events
+ *
+ * @hidden
+ */
+export declare const CLEAR_TYPE: string;
+/**
+ * Self closing tags
+ *
+ * @hidden
+ */
+export declare const SELF_CLOSING_TAGS: string[];
+/**
+ * Source
+ *
+ * @hidden
+ */
+export declare const PASTE_SOURCE: string[];
+/**
+ * @hidden
+ */
+export declare const ALLOWED_TABLE_BLOCK_TAGS: string[];

package/blazorGlobalSrc/editor-manager/base/constant.js

@@ -0,0 +1,41 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.IMAGE = 'INSERT-IMAGE';
+    exports.AUDIO = 'INSERT-AUDIO';
+    exports.VIDEO = 'INSERT-VIDEO';
+    exports.TABLE = 'INSERT-TABLE';
+    exports.LINK = 'INSERT-LINK';
+    exports.INSERT_ROW = 'INSERT-ROW';
+    exports.INSERT_COLUMN = 'INSERT-COLUMN';
+    exports.DELETEROW = 'DELETE-ROW';
+    exports.DELETECOLUMN = 'DELETE-COLUMN';
+    exports.REMOVETABLE = 'REMOVE-TABLE';
+    exports.TABLEHEADER = 'TABLE-HEADER';
+    exports.TABLE_VERTICAL_ALIGN = 'TABLE_VERTICAL_ALIGN';
+    exports.TABLE_MERGE = 'TABLE_MERGE';
+    exports.TABLE_VERTICAL_SPLIT = 'TABLE_VERTICAL_SPLIT';
+    exports.TABLE_HORIZONTAL_SPLIT = 'TABLE_HORIZONTAL_SPLIT';
+    exports.TABLE_DASHED = 'TABLE_DASHED';
+    exports.TABLE_ALTERNATE = 'TABLE_ALTERNATE';
+    exports.TABLE_BACKGROUND_COLOR = 'TABLE_BACKGROUND_COLOR';
+    exports.TABLE_MOVE = 'TABLE_MOVE';
+    exports.ALIGNMENT_TYPE = 'alignment-type';
+    exports.INDENT_TYPE = 'indent-type';
+    exports.DEFAULT_TAG = 'p';
+    exports.BLOCK_TAGS = ['address', 'article', 'aside', 'audio', 'blockquote',
+        'canvas', 'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
+        'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main', 'nav',
+        'noscript', 'ol', 'output', 'p', 'pre', 'section', 'table', 'tbody', 'td', 'tfoot', 'th',
+        'thead', 'tr', 'ul', 'video', 'body'];
+    exports.IGNORE_BLOCK_TAGS = ['td', 'th'];
+    exports.TABLE_BLOCK_TAGS = ['table', 'tbody', 'td', 'tfoot', 'th',
+        'thead', 'tr'];
+    exports.SELECTION_TYPE = 'selection-type';
+    exports.INSERTHTML_TYPE = 'inserthtml-type';
+    exports.INSERT_TEXT_TYPE = 'insert-text-type';
+    exports.CLEAR_TYPE = 'clear-type';
+    exports.SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+    exports.PASTE_SOURCE = ['word', 'excel', 'onenote'];
+    exports.ALLOWED_TABLE_BLOCK_TAGS = ['article', 'aside', 'blockquote', 'body', 'canvas', 'details', 'div', 'fieldset', 'figure', 'footer', 'form', 'header', 'li', 'main', 'nav', 'noscript', 'section'];
+});

package/blazorGlobalSrc/editor-manager/base/editor-manager.d.ts

@@ -0,0 +1,95 @@
+import { Observer } from '@syncfusion/ej2-base';
+import { ICommandModel, IFormatPainterEditor } from './interface';
+import { EditorExecCommand as ExecCommand } from './types';
+import { Lists } from './../plugin/lists';
+import { NodeSelection } from './../../selection/index';
+import { DOMNode } from './../plugin/dom-node';
+import { Formats } from './../plugin/formats';
+import { LinkCommand } from './../plugin/link';
+import { Alignments } from './../plugin/alignments';
+import { Indents } from './../plugin/indents';
+import { ImageCommand } from './../plugin/image';
+import { AudioCommand } from './../plugin/audio';
+import { VideoCommand } from './../plugin/video';
+import { TableCommand } from './../plugin/table';
+import { SelectionBasedExec } from './../plugin/selection-exec';
+import { InsertHtmlExec } from './../plugin/inserthtml-exec';
+import { ClearFormatExec } from './../plugin/clearformat-exec';
+import { UndoRedoManager } from './../plugin/undo';
+import { MsWordPaste } from '../plugin/ms-word-clean-up';
+import { InsertTextExec } from '../plugin/insert-text';
+import { NodeCutter } from '../plugin/nodecutter';
+import { EmojiPickerAction } from '../plugin/emoji-picker-action';
+import { TableSelection } from '../plugin/table-selection';
+import { CustomUserAgentData } from '../../common/user-agent';
+/**
+ * EditorManager internal component
+ *
+ * @hidden
+ * @deprecated
+ */
+export declare class EditorManager {
+    currentDocument: HTMLDocument;
+    observer: Observer;
+    listObj: Lists;
+    nodeSelection: NodeSelection;
+    nodeCutter: NodeCutter;
+    domNode: DOMNode;
+    formatObj: Formats;
+    linkObj: LinkCommand;
+    alignmentObj: Alignments;
+    indentsObj: Indents;
+    imgObj: ImageCommand;
+    audioObj: AudioCommand;
+    videoObj: VideoCommand;
+    tableObj: TableCommand;
+    selectionObj: SelectionBasedExec;
+    inserthtmlObj: InsertHtmlExec;
+    insertTextObj: InsertTextExec;
+    clearObj: ClearFormatExec;
+    undoRedoManager: UndoRedoManager;
+    msWordPaste: MsWordPaste;
+    formatPainterEditor: IFormatPainterEditor;
+    editableElement: Element;
+    emojiPickerObj: EmojiPickerAction;
+    tableCellSelection: TableSelection;
+    isDestroyed: boolean;
+    private clickCount;
+    private lastClickTime;
+    userAgentData: CustomUserAgentData;
+    /**
+     * Constructor for creating the component
+     *
+     * @hidden
+     * @deprecated
+     * @param {ICommandModel} options - specifies the command Model
+     */
+    constructor(options: ICommandModel);
+    private wireEvents;
+    private unwireEvents;
+    private onWordPaste;
+    private onPropertyChanged;
+    private editorKeyDown;
+    private editorKeyUp;
+    private onBegin;
+    /**
+     * execCommand
+     *
+     * @param {ExecCommand} command - specifies the execution command
+     * @param {T} value - specifes the value.
+     * @param {Event} event - specifies the call back event
+     * @param {Function} callBack - specifies the function
+     * @param {string} text - specifies the string value
+     * @param {T} exeValue - specifies the values to be executed
+     * @param {string} selector - specifies the selector values
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    execCommand<T>(command: ExecCommand, value: T, event?: Event, callBack?: Function, text?: string | Node, exeValue?: T, selector?: string, enterAction?: string): void;
+    private editorMouseDown;
+    private tripleClickSelection;
+    private getParentBlockNode;
+    destroy(): void;
+    beforeSlashMenuApplyFormat(): void;
+}