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

package/blazorGlobalSrc/editor-manager/plugin/undo.js

@@ -0,0 +1,216 @@
+define(["require", "exports", "@syncfusion/ej2-base", "./../../selection/selection", "./../../common/constant", "../../common/util"], function (require, exports, ej2_base_1, selection_1, EVENTS, util_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var UndoRedoManager = (function () {
+        function UndoRedoManager(parent, options) {
+            this.undoRedoStack = [];
+            this.parent = parent;
+            this.undoRedoSteps = !ej2_base_1.isNullOrUndefined(options) ? options.undoRedoSteps : 30;
+            this.undoRedoTimer = !ej2_base_1.isNullOrUndefined(options) ? options.undoRedoTimer : 300;
+            this.addEventListener();
+        }
+        UndoRedoManager.prototype.addEventListener = function () {
+            this.debounceListener = ej2_base_1.debounce(this.keyUp, this.undoRedoTimer);
+            this.parent.observer.on(EVENTS.KEY_UP_HANDLER, this.debounceListener, this);
+            this.parent.observer.on(EVENTS.KEY_DOWN_HANDLER, this.keyDown, this);
+            this.parent.observer.on(EVENTS.ACTION, this.onAction, this);
+            this.parent.observer.on(EVENTS.MODEL_CHANGED_PLUGIN, this.onPropertyChanged, this);
+            this.parent.observer.on(EVENTS.INTERNAL_DESTROY, this.destroy, this);
+        };
+        UndoRedoManager.prototype.onPropertyChanged = function (props) {
+            for (var _i = 0, _a = Object.keys(props.newProp); _i < _a.length; _i++) {
+                var prop = _a[_i];
+                switch (prop) {
+                    case 'undoRedoSteps':
+                        this.undoRedoSteps = props.newProp.undoRedoSteps;
+                        break;
+                    case 'undoRedoTimer':
+                        this.undoRedoTimer = props.newProp.undoRedoTimer;
+                        break;
+                }
+            }
+        };
+        UndoRedoManager.prototype.removeEventListener = function () {
+            this.parent.observer.off(EVENTS.KEY_UP_HANDLER, this.keyUp);
+            this.parent.observer.off(EVENTS.KEY_DOWN_HANDLER, this.keyDown);
+            this.parent.observer.off(EVENTS.ACTION, this.onAction);
+            this.parent.observer.off(EVENTS.MODEL_CHANGED_PLUGIN, this.onPropertyChanged);
+            this.parent.observer.off(EVENTS.INTERNAL_DESTROY, this.destroy);
+            this.debounceListener = null;
+        };
+        UndoRedoManager.prototype.onAction = function (e) {
+            if (e.subCommand === 'Undo') {
+                this.undo(e);
+            }
+            else {
+                this.redo(e);
+            }
+        };
+        UndoRedoManager.prototype.destroy = function () {
+            this.removeEventListener();
+            this.element = null;
+            this.steps = null;
+            this.undoRedoStack = [];
+            this.undoRedoSteps = null;
+            this.undoRedoTimer = null;
+        };
+        UndoRedoManager.prototype.keyDown = function (e) {
+            var event = e.event;
+            var proxy = this;
+            switch (event.action) {
+                case 'undo':
+                    event.preventDefault();
+                    proxy.undo(e);
+                    break;
+                case 'redo':
+                    event.preventDefault();
+                    proxy.redo(e);
+                    break;
+            }
+        };
+        UndoRedoManager.prototype.keyUp = function (e) {
+            if (e.event.keyCode !== 17 && !e.event.ctrlKey) {
+                this.saveData(e);
+            }
+        };
+        UndoRedoManager.prototype.getTextContentFromFragment = function (fragment) {
+            var textContent = '';
+            for (var i = 0; i < fragment.childNodes.length; i++) {
+                var childNode = fragment.childNodes[i];
+                if (childNode.nodeType === Node.TEXT_NODE) {
+                    textContent += childNode.textContent;
+                }
+                else if (childNode.nodeType === Node.ELEMENT_NODE) {
+                    textContent += this.getTextContentFromFragment(childNode);
+                }
+            }
+            return textContent;
+        };
+        UndoRedoManager.prototype.isElementStructureEqual = function (previousFragment, currentFragment) {
+            if (previousFragment.childNodes.length !== currentFragment.childNodes.length) {
+                return false;
+            }
+            for (var i = 0; i < previousFragment.childNodes.length; i++) {
+                var previousFragmentNode = previousFragment.childNodes[i];
+                var currentFragmentNode = currentFragment.childNodes[i];
+                if (!previousFragmentNode || !currentFragmentNode) {
+                    return false;
+                }
+                if (previousFragmentNode.nodeType !== currentFragmentNode.nodeType) {
+                    return false;
+                }
+                if (previousFragmentNode.outerHTML !== currentFragmentNode.outerHTML) {
+                    return false;
+                }
+            }
+            return true;
+        };
+        UndoRedoManager.prototype.saveData = function (e) {
+            if (!this.parent.currentDocument) {
+                return;
+            }
+            var range = new selection_1.NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+            var currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
+                range.startContainer.parentElement : range.startContainer;
+            for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
+                if (!ej2_base_1.isNullOrUndefined(currentContainer.childNodes[i]) && currentContainer.childNodes[i].nodeName === '#text' &&
+                    currentContainer.childNodes[i].textContent.length === 0 && currentContainer.childNodes[i].nodeName !== 'IMG' &&
+                    currentContainer.childNodes[i].nodeName !== 'BR' && currentContainer.childNodes[i].nodeName && 'HR') {
+                    ej2_base_1.detach(currentContainer.childNodes[i]);
+                }
+            }
+            range = new selection_1.NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+            var save = new selection_1.NodeSelection(this.parent.editableElement).save(range, this.parent.currentDocument);
+            var clonedElement = this.parent.editableElement.cloneNode(true);
+            var fragment = document.createDocumentFragment();
+            while (clonedElement.firstChild) {
+                fragment.appendChild(clonedElement.firstChild);
+            }
+            var changEle = { text: fragment, range: save };
+            if (this.undoRedoStack.length >= this.steps) {
+                this.undoRedoStack = this.undoRedoStack.slice(0, this.steps + 1);
+            }
+            if (this.undoRedoStack.length > 1 && (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.collapsed === range.collapsed)
+                && (this.undoRedoStack[this.undoRedoStack.length - 1].range.startOffset === save.range.startOffset) &&
+                (this.undoRedoStack[this.undoRedoStack.length - 1].range.endOffset === save.range.endOffset) &&
+                (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.startContainer === save.range.startContainer) &&
+                (this.getTextContentFromFragment(this.undoRedoStack[this.undoRedoStack.length - 1].text).trim() ===
+                    this.getTextContentFromFragment(changEle.text).trim()) &&
+                this.isElementStructureEqual(this.undoRedoStack[this.undoRedoStack.length - 1].text, changEle.text)) {
+                return;
+            }
+            this.undoRedoStack.push(changEle);
+            this.steps = this.undoRedoStack.length - 1;
+            if (this.steps > this.undoRedoSteps) {
+                this.undoRedoStack.shift();
+                this.steps--;
+            }
+            if (e && e.callBack) {
+                e.callBack();
+            }
+        };
+        UndoRedoManager.prototype.undo = function (e) {
+            if (this.steps > 0) {
+                var range = this.undoRedoStack[this.steps - 1].range;
+                var removedContent = this.undoRedoStack[this.steps - 1].text;
+                this.parent.editableElement.innerHTML = '';
+                this.parent.editableElement.appendChild(removedContent.cloneNode(true));
+                this.parent.editableElement.focus();
+                util_1.scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
+                if (util_1.isIDevice()) {
+                    util_1.setEditFrameFocus(this.parent.editableElement, e.selector);
+                }
+                range.restore();
+                this.steps--;
+                if (e.callBack) {
+                    e.callBack({
+                        requestType: 'Undo',
+                        editorMode: 'HTML',
+                        range: range,
+                        elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument),
+                        event: e.event
+                    });
+                }
+            }
+        };
+        UndoRedoManager.prototype.redo = function (e) {
+            if (this.undoRedoStack[this.steps + 1] != null) {
+                var range = this.undoRedoStack[this.steps + 1].range;
+                var addedContent = this.undoRedoStack[this.steps + 1].text;
+                this.parent.editableElement.innerHTML = '';
+                this.parent.editableElement.appendChild(addedContent.cloneNode(true));
+                this.parent.editableElement.focus();
+                util_1.scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
+                if (util_1.isIDevice()) {
+                    util_1.setEditFrameFocus(this.parent.editableElement, e.selector);
+                }
+                range.restore();
+                this.steps++;
+                if (e.callBack) {
+                    e.callBack({
+                        requestType: 'Redo',
+                        editorMode: 'HTML',
+                        range: range,
+                        elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument),
+                        event: e.event
+                    });
+                }
+            }
+        };
+        UndoRedoManager.prototype.getUndoStatus = function () {
+            var status = { undo: false, redo: false };
+            if (this.steps > 0) {
+                status.undo = true;
+            }
+            if (this.undoRedoStack[this.steps + 1] != null) {
+                status.redo = true;
+            }
+            return status;
+        };
+        UndoRedoManager.prototype.getCurrentStackIndex = function () {
+            return this.steps;
+        };
+        return UndoRedoManager;
+    }());
+    exports.UndoRedoManager = UndoRedoManager;
+});

package/blazorGlobalSrc/editor-manager/plugin/video.d.ts

@@ -0,0 +1,38 @@
+import { EditorManager } from './../base/editor-manager';
+import { IHtmlItem } from './../base/interface';
+/**
+ * Video internal component
+ *
+ * @hidden
+ * @deprecated
+ */
+export declare class VideoCommand {
+    private parent;
+    private vidElement;
+    /**
+     * Constructor for creating the Video plugin
+     *
+     * @param {EditorManager} parent - specifies the parent element
+     * @hidden
+     * @deprecated
+     */
+    constructor(parent: EditorManager);
+    private addEventListener;
+    private removeEventListener;
+    /**
+     * videoCommand method
+     *
+     * @param {IHtmlItem} e - specifies the element
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    videoCommand(e: IHtmlItem): void;
+    private wrapVideo;
+    private createVideo;
+    private editAreaVideoClick;
+    private setStyle;
+    private videoDimension;
+    private callBack;
+    destroy(): void;
+}

package/blazorGlobalSrc/editor-manager/plugin/video.js

@@ -0,0 +1,311 @@
+define(["require", "exports", "@syncfusion/ej2-base", "./../base/constant", "./../base/classes", "./inserthtml", "./../../common/constant", "../../common/util"], function (require, exports, ej2_base_1, CONSTANT, classes, inserthtml_1, EVENTS, util_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var VideoCommand = (function () {
+        function VideoCommand(parent) {
+            this.parent = parent;
+            this.addEventListener();
+        }
+        VideoCommand.prototype.addEventListener = function () {
+            this.parent.observer.on(CONSTANT.VIDEO, this.videoCommand, this);
+            this.parent.observer.on(EVENTS.INTERNAL_DESTROY, this.destroy, this);
+        };
+        VideoCommand.prototype.removeEventListener = function () {
+            this.parent.observer.off(CONSTANT.VIDEO, this.videoCommand);
+            this.parent.observer.off(EVENTS.INTERNAL_DESTROY, this.destroy);
+        };
+        VideoCommand.prototype.videoCommand = function (e) {
+            var selectNode;
+            var videoWrapNode;
+            var videoClickElem;
+            var embededClass = '';
+            var value = e.value.toString().toLowerCase();
+            if (value !== 'video' && value !== 'videoreplace') {
+                selectNode = e.item.selectNode[0];
+                videoWrapNode = selectNode.closest('.' + classes.CLASS_EMBED_VIDEO_WRAP);
+                videoClickElem = selectNode.closest('.' + classes.CLASS_VIDEO_CLICK_ELEM);
+            }
+            if (selectNode) {
+                embededClass = selectNode.classList.contains('e-rte-embed-url') ? 'e-rte-embed-url' : '';
+            }
+            switch (value) {
+                case 'video':
+                case 'videoreplace':
+                    this.createVideo(e);
+                    break;
+                case 'videodimension':
+                    this.videoDimension(e);
+                    break;
+                case 'inline':
+                    selectNode.removeAttribute('class');
+                    if (videoWrapNode) {
+                        videoWrapNode.style.display = 'inline-block';
+                    }
+                    if (videoClickElem) {
+                        selectNode.parentElement.style.cssFloat = '';
+                    }
+                    ej2_base_1.addClass([selectNode], [classes.CLASS_VIDEO, classes.CLASS_VIDEO_INLINE, classes.CLASS_VIDEO_FOCUS]);
+                    this.callBack(e);
+                    break;
+                case 'break':
+                    selectNode.removeAttribute('class');
+                    if (videoWrapNode) {
+                        videoWrapNode.style.display = 'block';
+                    }
+                    if (videoClickElem) {
+                        selectNode.parentElement.style.cssFloat = '';
+                    }
+                    ej2_base_1.addClass([selectNode], [classes.CLASS_VIDEO_BREAK, classes.CLASS_VIDEO, classes.CLASS_VIDEO_FOCUS]);
+                    this.callBack(e);
+                    break;
+                case 'justifyleft':
+                    selectNode.removeAttribute('class');
+                    if (videoWrapNode) {
+                        videoWrapNode.style.display = 'block';
+                    }
+                    if (videoClickElem) {
+                        selectNode.parentElement.style.cssFloat = 'left';
+                    }
+                    else if (selectNode.parentElement.nextElementSibling != null) {
+                        ej2_base_1.addClass([selectNode], embededClass === '' ? [classes.CLASS_VIDEO, classes.CLASS_VIDEO_LEFT] : [classes.CLASS_VIDEO, classes.CLASS_VIDEO_LEFT, embededClass]);
+                        selectNode.parentElement.nextElementSibling.style.clear = 'left';
+                    }
+                    else {
+                        ej2_base_1.addClass([selectNode], embededClass === '' ? [classes.CLASS_VIDEO, classes.CLASS_VIDEO_LEFT] : [classes.CLASS_VIDEO, classes.CLASS_VIDEO_LEFT, embededClass]);
+                    }
+                    this.callBack(e);
+                    break;
+                case 'justifycenter':
+                    selectNode.removeAttribute('class');
+                    if (videoWrapNode) {
+                        videoWrapNode.style.display = 'block';
+                    }
+                    if (videoClickElem) {
+                        selectNode.parentElement.style.cssFloat = '';
+                    }
+                    ej2_base_1.addClass([selectNode], embededClass === '' ? [classes.CLASS_VIDEO, classes.CLASS_VIDEO_CENTER] : [classes.CLASS_VIDEO, classes.CLASS_VIDEO_CENTER, embededClass]);
+                    this.callBack(e);
+                    break;
+                case 'justifyright':
+                    selectNode.removeAttribute('class');
+                    if (videoWrapNode) {
+                        videoWrapNode.style.display = 'block';
+                    }
+                    if (videoClickElem) {
+                        selectNode.parentElement.style.cssFloat = 'right';
+                    }
+                    else if (selectNode.parentElement.nextElementSibling != null) {
+                        ej2_base_1.addClass([selectNode], embededClass === '' ? [classes.CLASS_VIDEO, classes.CLASS_VIDEO_RIGHT] : [classes.CLASS_VIDEO, classes.CLASS_VIDEO_LEFT, embededClass]);
+                        selectNode.parentElement.nextElementSibling.style.clear = 'right';
+                    }
+                    else {
+                        ej2_base_1.addClass([selectNode], embededClass === '' ? [classes.CLASS_VIDEO, classes.CLASS_VIDEO_RIGHT] : [classes.CLASS_VIDEO, classes.CLASS_VIDEO_RIGHT, embededClass]);
+                    }
+                    this.callBack(e);
+                    break;
+                case 'videoremove':
+                    ej2_base_1.detach(selectNode.parentElement);
+                    this.callBack(e);
+                    break;
+            }
+        };
+        VideoCommand.prototype.wrapVideo = function (e) {
+            var wrapElement;
+            var sourceElement;
+            if (e.item.isEmbedUrl) {
+                wrapElement = ej2_base_1.createElement('span', { className: classes.CLASS_EMBED_VIDEO_WRAP, attrs: { contentEditable: 'false' } });
+                var clickElement = ej2_base_1.createElement('span', { className: classes.CLASS_VIDEO_CLICK_ELEM });
+                var temp = ej2_base_1.createElement('template');
+                temp.innerHTML = e.item.fileName;
+                clickElement.appendChild(temp.content);
+                this.vidElement = sourceElement = clickElement.firstElementChild;
+                this.setStyle(sourceElement, e, this.vidElement);
+                wrapElement.style.display = (e.item.cssClass === classes.CLASS_VIDEO_INLINE) ? 'inline-block' : 'block';
+                wrapElement.appendChild(clickElement);
+            }
+            else {
+                wrapElement = ej2_base_1.createElement('span', { className: classes.CLASS_VIDEO_WRAP, attrs: { contentEditable: 'false', title: ((!ej2_base_1.isNullOrUndefined(e.item.title)) ? e.item.title : (!ej2_base_1.isNullOrUndefined(e.item.fileName) ? e.item.fileName : '')) } });
+                this.vidElement = ej2_base_1.createElement('video', { className: classes.CLASS_VIDEO + ' ' + classes.CLASS_VIDEO_INLINE, attrs: { controls: '' } });
+                sourceElement = ej2_base_1.createElement('source');
+                this.setStyle(sourceElement, e, this.vidElement);
+                this.vidElement.appendChild(sourceElement);
+                wrapElement.appendChild(this.vidElement);
+            }
+            return wrapElement;
+        };
+        VideoCommand.prototype.createVideo = function (e) {
+            var _this = this;
+            var isReplaced = false;
+            var wrapElement;
+            if (e.value === 'VideoReplace' && !ej2_base_1.isNullOrUndefined(e.item.selectParent) && (e.item.selectParent[0].tagName === 'VIDEO')) {
+                if (e.item.isEmbedUrl) {
+                    wrapElement = this.wrapVideo(e);
+                    var oldEle = e.item.selection.range.startContainer;
+                    oldEle.parentNode.replaceChild(wrapElement, oldEle);
+                }
+                else {
+                    var videoEle = e.item.selectParent[0].querySelector('source');
+                    this.setStyle(videoEle, e, videoEle);
+                    isReplaced = true;
+                }
+            }
+            else if (e.value === 'VideoReplace' && !ej2_base_1.isNullOrUndefined(e.item.selectParent) && ej2_base_1.isNullOrUndefined(e.item.selectParent[0].querySelector('iframe')) &&
+                e.item.selectParent[0].classList &&
+                e.item.selectParent[0].classList.contains(classes.CLASS_VIDEO_CLICK_ELEM)) {
+                e.item.selectParent[0].innerHTML = e.item.fileName;
+                this.setStyle(e.item.selectParent[0].firstElementChild, e, e.item.selectParent[0].firstElementChild);
+            }
+            else if (e.value === 'VideoReplace' && !ej2_base_1.isNullOrUndefined(e.item.selectParent) && !ej2_base_1.isNullOrUndefined(e.item.selectParent[0].querySelector('iframe')) &&
+                !e.item.isEmbedUrl) {
+                wrapElement = this.wrapVideo(e);
+                var oldEle = e.item.selection.range.startContainer;
+                oldEle.parentNode.replaceChild(wrapElement, oldEle);
+            }
+            else {
+                if (!e.item.isEmbedUrl) {
+                    if (e.value === 'VideoReplace') {
+                        var closestEmbedVideoWrap = e.item.selection.range.startContainer.closest('.e-embed-video-wrap');
+                        if (!ej2_base_1.isNullOrUndefined(closestEmbedVideoWrap)) {
+                            closestEmbedVideoWrap.remove();
+                        }
+                    }
+                    wrapElement = this.wrapVideo(e);
+                }
+                else {
+                    wrapElement = this.wrapVideo(e);
+                }
+                if (!ej2_base_1.isNullOrUndefined(e.item.selection)) {
+                    e.item.selection.restore();
+                }
+                inserthtml_1.InsertHtml.Insert(this.parent.currentDocument, wrapElement, this.parent.editableElement);
+                if (!ej2_base_1.isNullOrUndefined(e.item.selection)) {
+                    var range = e.item.selection.getRange(this.parent.currentDocument);
+                    var focusNode = document.createTextNode(' ');
+                    var node = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
+                    wrapElement.parentNode.insertBefore(focusNode, node.nextSibling);
+                    var save = e.item.selection.save(range, this.parent.currentDocument);
+                }
+            }
+            if (e.callBack && (ej2_base_1.isNullOrUndefined(e.selector) || !ej2_base_1.isNullOrUndefined(e.selector) && e.selector !== 'pasteCleanupModule')) {
+                var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
+                var videoElm_1;
+                if (e.value === 'VideoReplace' || isReplaced) {
+                    if (!e.item.isEmbedUrl) {
+                        videoElm_1 = e.item.selectParent[0];
+                    }
+                    else if (e.item.isEmbedUrl) {
+                        if (!ej2_base_1.isNullOrUndefined(wrapElement)) {
+                            videoElm_1 = wrapElement.querySelector('iframe');
+                        }
+                    }
+                    else {
+                        videoElm_1 = e.item.selectParent[0].querySelector('iframe');
+                    }
+                }
+                else {
+                    videoElm_1 = !e.item.isEmbedUrl ? selectedNode.tagName === 'VIDEO' ? selectedNode : selectedNode.lastElementChild : selectedNode.querySelector('iframe');
+                }
+                videoElm_1.addEventListener(videoElm_1.tagName !== 'IFRAME' ? 'loadeddata' : 'load', function () {
+                    if (e.value !== 'VideoReplace' || !isReplaced) {
+                        if (e.item.isEmbedUrl && videoElm_1) {
+                            videoElm_1.classList.add('e-rte-embed-url');
+                        }
+                        if (!ej2_base_1.isNullOrUndefined(_this.parent.currentDocument)) {
+                            if (_this.parent.userAgentData.isSafari()) {
+                                util_1.scrollToCursor(_this.parent.currentDocument, _this.parent.editableElement);
+                            }
+                            e.callBack({
+                                requestType: 'Videos',
+                                editorMode: 'HTML',
+                                event: e.event,
+                                range: _this.parent.nodeSelection.getRange(_this.parent.currentDocument),
+                                elements: [videoElm_1]
+                            });
+                        }
+                    }
+                });
+                if (isReplaced) {
+                    videoElm_1.load();
+                }
+                if (ej2_base_1.Browser.userAgent.indexOf('Firefox') !== -1) {
+                    this.vidElement.addEventListener('play', function () { _this.editAreaVideoClick(e); });
+                    this.vidElement.addEventListener('pause', function () { _this.editAreaVideoClick(e); });
+                }
+            }
+        };
+        VideoCommand.prototype.editAreaVideoClick = function (e) {
+            e.callBack({
+                requestType: 'VideosPlayPause',
+                editorMode: 'HTML',
+                event: e.event
+            });
+        };
+        VideoCommand.prototype.setStyle = function (sourceElement, e, videoEle) {
+            if (e.item.url !== '' && !ej2_base_1.isNullOrUndefined(e.item.url) && ej2_base_1.isNullOrUndefined(sourceElement) ? false : sourceElement.nodeName.toLowerCase() !== 'iframe') {
+                sourceElement.setAttribute('src', e.item.url);
+            }
+            if (!e.item.isEmbedUrl) {
+                sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
+                    'video/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
+                    e.item.url && e.item.url.split('.').length > 0 ? 'video/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.width) && !ej2_base_1.isNullOrUndefined(e.item.width.width)) {
+                videoEle.setAttribute('width', ej2_base_1.formatUnit(e.item.width.width));
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.height) && !ej2_base_1.isNullOrUndefined(e.item.height.height)) {
+                videoEle.setAttribute('height', ej2_base_1.formatUnit(e.item.height.height));
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.width) && !ej2_base_1.isNullOrUndefined(e.item.width.minWidth)) {
+                videoEle.style.minWidth = ej2_base_1.formatUnit(e.item.width.minWidth);
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.width) && !ej2_base_1.isNullOrUndefined(e.item.width.maxWidth)) {
+                videoEle.style.maxWidth = ej2_base_1.formatUnit(e.item.width.maxWidth);
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.height) && !ej2_base_1.isNullOrUndefined(e.item.height.minHeight)) {
+                videoEle.style.minHeight = ej2_base_1.formatUnit(e.item.height.minHeight);
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.height) && !ej2_base_1.isNullOrUndefined(e.item.height.maxHeight)) {
+                videoEle.style.maxHeight = ej2_base_1.formatUnit(e.item.height.maxHeight);
+            }
+            if (!ej2_base_1.isNullOrUndefined(e.item.cssClass)) {
+                if (e.item.cssClass === classes.CLASS_VIDEO_BREAK) {
+                    ej2_base_1.addClass([videoEle], [classes.CLASS_VIDEO_BREAK]);
+                    ej2_base_1.removeClass([videoEle], [classes.CLASS_VIDEO_INLINE]);
+                }
+                else {
+                    ej2_base_1.addClass([videoEle], [classes.CLASS_VIDEO_INLINE]);
+                    ej2_base_1.removeClass([videoEle], [classes.CLASS_VIDEO_BREAK]);
+                }
+            }
+        };
+        VideoCommand.prototype.videoDimension = function (e) {
+            var selectNode = !(e.item.selectNode[0].classList.contains(classes.CLASS_VIDEO_CLICK_ELEM)) ? e.item.selectNode[0] :
+                e.item.selectNode[0].querySelector('iframe');
+            selectNode.style.height = '';
+            selectNode.style.width = '';
+            if (e.item.width !== 'auto') {
+                selectNode.style.width = ej2_base_1.formatUnit(e.item.width);
+            }
+            if (e.item.height !== 'auto') {
+                selectNode.style.height = ej2_base_1.formatUnit(e.item.height);
+            }
+            this.callBack(e);
+        };
+        VideoCommand.prototype.callBack = function (e) {
+            if (e.callBack) {
+                e.callBack({
+                    requestType: e.item.subCommand,
+                    editorMode: 'HTML',
+                    event: e.event,
+                    range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                    elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)
+                });
+            }
+        };
+        VideoCommand.prototype.destroy = function () {
+            this.removeEventListener();
+        };
+        return VideoCommand;
+    }());
+    exports.VideoCommand = VideoCommand;
+});

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

@@ -0,0 +1,27 @@
+/**
+ * Base export
+ */
+export * from './plugin/lists';
+export * from './plugin/dom-node';
+export * from './plugin/alignments';
+export * from './plugin/indents';
+export * from './plugin/formats';
+export * from './plugin/link';
+export * from './plugin/insert-methods';
+export * from './plugin/insert-text';
+export * from './plugin/inserthtml-exec';
+export * from './plugin/inserthtml';
+export * from './plugin/isformatted';
+export * from './plugin/ms-word-clean-up';
+export * from './plugin/nodecutter';
+export * from './plugin/image';
+export * from './plugin/audio';
+export * from './plugin/video';
+export * from './plugin/selection-commands';
+export * from './plugin/selection-exec';
+export * from './plugin/clearformat-exec';
+export * from './plugin/undo';
+export * from './plugin/table';
+export * from './plugin/toolbar-status';
+export * from './plugin/format-painter-actions';
+export * from './plugin/emoji-picker-action';

package/blazorGlobalSrc/editor-manager/plugin.js

@@ -0,0 +1,31 @@
+define(["require", "exports", "./plugin/lists", "./plugin/dom-node", "./plugin/alignments", "./plugin/indents", "./plugin/formats", "./plugin/link", "./plugin/insert-methods", "./plugin/insert-text", "./plugin/inserthtml-exec", "./plugin/inserthtml", "./plugin/isformatted", "./plugin/ms-word-clean-up", "./plugin/nodecutter", "./plugin/image", "./plugin/audio", "./plugin/video", "./plugin/selection-commands", "./plugin/selection-exec", "./plugin/clearformat-exec", "./plugin/undo", "./plugin/table", "./plugin/toolbar-status", "./plugin/format-painter-actions", "./plugin/emoji-picker-action"], function (require, exports, lists_1, dom_node_1, alignments_1, indents_1, formats_1, link_1, insert_methods_1, insert_text_1, inserthtml_exec_1, inserthtml_1, isformatted_1, ms_word_clean_up_1, nodecutter_1, image_1, audio_1, video_1, selection_commands_1, selection_exec_1, clearformat_exec_1, undo_1, table_1, toolbar_status_1, format_painter_actions_1, emoji_picker_action_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(lists_1);
+    __export(dom_node_1);
+    __export(alignments_1);
+    __export(indents_1);
+    __export(formats_1);
+    __export(link_1);
+    __export(insert_methods_1);
+    __export(insert_text_1);
+    __export(inserthtml_exec_1);
+    __export(inserthtml_1);
+    __export(isformatted_1);
+    __export(ms_word_clean_up_1);
+    __export(nodecutter_1);
+    __export(image_1);
+    __export(audio_1);
+    __export(video_1);
+    __export(selection_commands_1);
+    __export(selection_exec_1);
+    __export(clearformat_exec_1);
+    __export(undo_1);
+    __export(table_1);
+    __export(toolbar_status_1);
+    __export(format_painter_actions_1);
+    __export(emoji_picker_action_1);
+});

package/blazorGlobalSrc/global.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/blazorGlobalSrc/global.js

@@ -0,0 +1,3 @@
+import * as index from './index';
+index.RichTextEditor.Inject(index.Toolbar, index.Link, index.Image, index.ImportExport, index.Audio, index.Video, index.Count, index.QuickToolbar, index.HtmlEditor, index.MarkdownEditor, index.Table, index.PasteCleanup, index.Resize, index.FileManager, index.FormatPainter, index.EmojiPicker, index.SlashMenu);
+export * from './index';

package/blazorGlobalSrc/index.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/index.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);
+});