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

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

@@ -1,63 +0,0 @@
-import { IRenderer } from './../base/interface';
-import { ServiceLocator } from './../services/service-locator';
-/**
- * `Link` module is used to handle undo actions.
- */
-export declare class Link {
-    private rteID;
-    private i10n;
-    private parent;
-    contentModule: IRenderer;
-    private dialogObj;
-    private checkBoxObj;
-    serviceLocator: ServiceLocator;
-    private rendererFactory;
-    private quickToolObj;
-    private dialogRenderObj;
-    private isDestroyed;
-    private mouseDown;
-    private linkQTPopupTime;
-    private constructor();
-    protected addEventListener(): void;
-    private onToolbarAction;
-    protected removeEventListener(): void;
-    private onIframeMouseDown;
-    private updateCss;
-    private setCssClass;
-    private showLinkQuickToolbar;
-    private showLinkPopup;
-    private hideLinkQuickToolbar;
-    private editAreaClickHandler;
-    private onKeyDown;
-    private openDialog;
-    private showDialog;
-    private closeDialog;
-    private clearDialogObj;
-    private linkDialog;
-    private hasAnchorNodePresent;
-    private insertlink;
-    private isUrl;
-    private handleKeyDown;
-    private checkUrl;
-    private removeLink;
-    private openLink;
-    private getAnchorNode;
-    private editLink;
-    private cancelDialog;
-    private onDocumentClick;
-    /**
-     * Destroys the ToolBar.
-     *
-     * @function destroy
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    destroy(): void;
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @returns {void}
-     */
-    private getModuleName;
-}

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

@@ -1,596 +0,0 @@
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../base/classes", "@syncfusion/ej2-buttons", "../base/enum", "../base/util", "../../common/util"], function (require, exports, ej2_base_1, ej2_base_2, events, classes_1, ej2_buttons_1, enum_1, util_1, util_2) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var Link = (function () {
-        function Link(parent, serviceLocator) {
-            this.parent = parent;
-            this.rteID = parent.element.id;
-            this.i10n = serviceLocator.getService('rteLocale');
-            this.addEventListener();
-            this.serviceLocator = serviceLocator;
-            this.rendererFactory = serviceLocator.getService('rendererFactory');
-            this.dialogRenderObj = serviceLocator.getService('dialogRenderObject');
-            this.isDestroyed = false;
-            this.mouseDown = this.onDocumentClick.bind(this);
-        }
-        Link.prototype.addEventListener = function () {
-            if (this.parent.isDestroyed) {
-                return;
-            }
-            this.parent.on(events.insertLink, this.linkDialog, this);
-            this.parent.on(events.showLinkDialog, this.showDialog, this);
-            this.parent.on(events.closeLinkDialog, this.closeDialog, this);
-            this.parent.on(events.keyDown, this.onKeyDown, this);
-            this.parent.on(events.insertCompleted, this.showLinkQuickToolbar, this);
-            this.parent.on(events.clearDialogObj, this.clearDialogObj, this);
-            this.parent.on(events.linkToolbarAction, this.onToolbarAction, this);
-            this.parent.on(events.iframeMouseDown, this.onIframeMouseDown, this);
-            this.parent.on(events.unLink, this.removeLink, this);
-            this.parent.on(events.editLink, this.editLink, this);
-            this.parent.on(events.openLink, this.openLink, this);
-            this.parent.on(events.editAreaClick, this.editAreaClickHandler, this);
-            this.parent.on(events.bindCssClass, this.setCssClass, this);
-            this.parent.on(events.destroy, this.destroy, this);
-        };
-        Link.prototype.onToolbarAction = function (args) {
-            var item = args.args.item;
-            switch (item.subCommand) {
-                case 'OpenLink':
-                    this.parent.notify(events.openLink, args);
-                    break;
-                case 'EditLink':
-                    this.parent.notify(events.editLink, args);
-                    break;
-                case 'RemoveLink':
-                    this.parent.notify(events.unLink, args);
-                    break;
-            }
-        };
-        Link.prototype.removeEventListener = function () {
-            this.parent.off(events.insertLink, this.linkDialog);
-            this.parent.off(events.showLinkDialog, this.showDialog);
-            this.parent.off(events.closeLinkDialog, this.closeDialog);
-            this.parent.off(events.keyDown, this.onKeyDown);
-            this.parent.off(events.insertCompleted, this.showLinkQuickToolbar);
-            this.parent.off(events.clearDialogObj, this.clearDialogObj);
-            this.parent.off(events.linkToolbarAction, this.onToolbarAction);
-            this.parent.off(events.unLink, this.removeLink);
-            this.parent.off(events.iframeMouseDown, this.onIframeMouseDown);
-            this.parent.off(events.editLink, this.editLink);
-            this.parent.off(events.openLink, this.openLink);
-            this.parent.off(events.editAreaClick, this.editAreaClickHandler);
-            this.parent.off(events.bindCssClass, this.setCssClass);
-            this.parent.off(events.destroy, this.destroy);
-            if (!ej2_base_1.isNullOrUndefined(this.contentModule)) {
-                this.parent.element.ownerDocument.removeEventListener('mousedown', this.mouseDown);
-                this.mouseDown = null;
-            }
-        };
-        Link.prototype.onIframeMouseDown = function () {
-            if (this.dialogObj) {
-                this.dialogObj.hide({ returnValue: true });
-            }
-        };
-        Link.prototype.updateCss = function (currentObj, e) {
-            if (currentObj && e.cssClass) {
-                if (ej2_base_1.isNullOrUndefined(e.oldCssClass)) {
-                    currentObj.setProperties({ cssClass: (currentObj.cssClass + ' ' + e.cssClass).trim() });
-                }
-                else {
-                    currentObj.setProperties({ cssClass: (currentObj.cssClass.replace(e.oldCssClass, '').trim() + ' ' + e.cssClass).trim() });
-                }
-            }
-        };
-        Link.prototype.setCssClass = function (e) {
-            this.updateCss(this.checkBoxObj, e);
-            this.updateCss(this.dialogObj, e);
-        };
-        Link.prototype.showLinkQuickToolbar = function (e) {
-            var _this = this;
-            if (!ej2_base_1.isNullOrUndefined(e.args) && e.args.action !== 'enter' &&
-                e.args.action !== 'space') {
-                var pageX_1;
-                var pageY_1;
-                if (e.type !== 'Links' || ej2_base_1.isNullOrUndefined(this.parent.quickToolbarModule) ||
-                    ej2_base_1.isNullOrUndefined(this.parent.quickToolbarModule.linkQTBar)) {
-                    return;
-                }
-                this.quickToolObj = this.parent.quickToolbarModule;
-                var parentTop = this.parent.element.getBoundingClientRect().top;
-                var parentLeft = this.parent.element.getBoundingClientRect().left;
-                var range_1 = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-                var target_1;
-                [].forEach.call(e.elements, function (element, index) {
-                    if (index === 0) {
-                        target_1 = ((element.nodeName === '#text') ? (element.parentNode) : element);
-                    }
-                });
-                if (e.isNotify) {
-                    var tbElement = this.parent.toolbarModule.getToolbarElement();
-                    var linkTop = target_1.getBoundingClientRect().top;
-                    var linkLeft = target_1.getBoundingClientRect().left;
-                    var linkPos = linkTop - parentTop;
-                    var tbHeight = (tbElement) ? (tbElement.offsetHeight + this.parent.toolbarModule.getExpandTBarPopHeight()) : 0;
-                    pageX_1 = (this.parent.iframeSettings.enable) ? parentLeft + linkLeft : target_1.getBoundingClientRect().left;
-                    pageY_1 = window.pageYOffset + ((this.parent.iframeSettings.enable) ?
-                        (parentTop + tbHeight + linkTop) : (parentTop + linkPos));
-                    this.linkQTPopupTime = setTimeout(function () {
-                        _this.showLinkPopup(pageX_1, pageY_1, range_1);
-                    }, 400);
-                }
-                else {
-                    var args = void 0;
-                    args = e.args.touches ? e.args.changedTouches[0] : args = e.args;
-                    pageX_1 = (this.parent.iframeSettings.enable) ? window.pageXOffset + parentLeft + args.clientX : args.pageX;
-                    pageY_1 = (this.parent.iframeSettings.enable) ? window.pageYOffset + parentTop + args.clientY : args.pageY;
-                    this.showLinkPopup(pageX_1, pageY_1, range_1);
-                }
-                if (this.quickToolObj.linkQTBar) {
-                    this.quickToolObj.linkQTBar.showPopup(pageX_1, pageY_1, range_1.endContainer, 'link');
-                }
-            }
-        };
-        Link.prototype.showLinkPopup = function (pageX, pageY, range) {
-            if (this.quickToolObj.linkQTBar) {
-                this.quickToolObj.linkQTBar.showPopup(pageX, pageY, range.endContainer, 'link');
-            }
-        };
-        Link.prototype.hideLinkQuickToolbar = function () {
-            if (this.quickToolObj && this.quickToolObj.linkQTBar && document.body.contains(this.quickToolObj.linkQTBar.element)) {
-                this.quickToolObj.linkQTBar.hidePopup();
-            }
-        };
-        Link.prototype.editAreaClickHandler = function (e) {
-            if (this.parent.readonly) {
-                this.hideLinkQuickToolbar();
-                return;
-            }
-            var args = e.args;
-            var showOnRightClick = this.parent.quickToolbarSettings.showOnRightClick;
-            var ismacRightClick = this.parent.userAgentData.isSafari() && args.which === 3;
-            if (args.which === 2 || (showOnRightClick && args.which === 1) || (!showOnRightClick && args.which === 3)) {
-                return;
-            }
-            if (this.parent.editorMode === 'HTML' && this.parent.quickToolbarModule && this.parent.quickToolbarModule.linkQTBar) {
-                this.quickToolObj = this.parent.quickToolbarModule;
-                var target = args.target;
-                target = this.getAnchorNode([target]);
-                this.contentModule = this.rendererFactory.getRenderer(enum_1.RenderType.Content);
-                var isPopupOpen = this.quickToolObj.linkQTBar.element.classList.contains('e-rte-pop');
-                if (target.nodeName === 'A' && (target.childNodes.length > 0 && target.childNodes[0].nodeName !== 'IMG') &&
-                    e.args.target.nodeName !== 'IMG' &&
-                    !ej2_base_1.isNullOrUndefined(ej2_base_2.closest(this.parent.getRange().startContainer.parentElement, 'A')) && (!ej2_base_1.isNullOrUndefined(ej2_base_2.closest(this.parent.getRange().endContainer.parentElement, 'A')) || ismacRightClick)) {
-                    if (isPopupOpen) {
-                        return;
-                    }
-                    if (e.args.ctrlKey === false) {
-                        this.showLinkQuickToolbar({
-                            args: args,
-                            isNotify: false,
-                            type: 'Links',
-                            elements: [args.target]
-                        });
-                    }
-                    else {
-                        var selection = this.parent.formatter.editorManager.nodeSelection;
-                        var range = selection.getRange(this.parent.contentModule.getDocument());
-                        var args_1 = {
-                            args: {
-                                item: {
-                                    subCommand: 'OpenLink',
-                                    command: 'Links',
-                                    name: ''
-                                },
-                                originalEvent: e.args
-                            },
-                            selectNode: selection.getNodeCollection(range),
-                            selectParent: selection.getParentNodeCollection(range),
-                            selection: selection.save(range, this.parent.contentModule.getDocument())
-                        };
-                        this.parent.notify(events.openLink, args_1);
-                    }
-                }
-                else {
-                    this.hideLinkQuickToolbar();
-                }
-            }
-        };
-        Link.prototype.onKeyDown = function (event) {
-            var originalEvent = event.args;
-            switch (originalEvent.action) {
-                case 'escape':
-                    if (!ej2_base_1.isNullOrUndefined(this.dialogObj)) {
-                        this.dialogObj.close();
-                    }
-                    break;
-                case 'insert-link':
-                    this.openDialog(true, event);
-                    originalEvent.preventDefault();
-                    break;
-            }
-        };
-        Link.prototype.openDialog = function (isInternal, event) {
-            if (!isInternal) {
-                this.parent.contentModule.getEditPanel().focus();
-            }
-            if (this.parent.editorMode === 'HTML') {
-                var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-                var save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
-                var selectNodeEle = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
-                var selectParentEle = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
-                var eventArgs = {
-                    args: event ? event.args : {
-                        item: { command: 'Links', subCommand: 'CreateLink' },
-                        originalEvent: undefined,
-                        name: !isInternal ? 'showDialog' : null
-                    },
-                    selectNode: selectNodeEle, selection: save, selectParent: selectParentEle
-                };
-                this.linkDialog(eventArgs);
-            }
-            else {
-                var textArea = this.parent.contentModule.getEditPanel();
-                this.parent.formatter.editorManager.markdownSelection.save(textArea.selectionStart, textArea.selectionEnd);
-                this.linkDialog({
-                    args: {
-                        item: { command: 'Links', subCommand: 'Link' },
-                        originalEvent: event && event.args
-                    },
-                    member: 'link',
-                    text: this.parent.formatter.editorManager.markdownSelection.getSelectedText(this.parent.contentModule.getEditPanel()),
-                    module: 'Markdown',
-                    name: 'insertLink'
-                });
-            }
-        };
-        Link.prototype.showDialog = function () {
-            this.openDialog(false);
-            this.setCssClass({ cssClass: this.parent.getCssClass() });
-        };
-        Link.prototype.closeDialog = function () {
-            if (this.dialogObj) {
-                this.dialogObj.hide({ returnValue: true });
-            }
-        };
-        Link.prototype.clearDialogObj = function () {
-            if (this.dialogObj) {
-                this.dialogObj.destroy();
-                ej2_base_1.detach(this.dialogObj.element);
-                this.dialogObj = null;
-            }
-        };
-        Link.prototype.linkDialog = function (e, inputDetails) {
-            var _this = this;
-            if (this.dialogObj) {
-                this.dialogObj.hide({ returnValue: true });
-                return;
-            }
-            var selectText = (this.parent.editorMode === 'HTML') ?
-                e.selection.getRange(this.parent.contentModule.getDocument()).toString() : e.text;
-            if (!ej2_base_1.isNullOrUndefined(inputDetails) && ((!ej2_base_1.isNullOrUndefined(e.selectParent) && e.selectParent.length > 1) ||
-                (!ej2_base_1.isNullOrUndefined(e.selectNode) && e.selectNode.length > 1))) {
-                inputDetails.text = selectText;
-            }
-            if (this.parent.editorMode === 'HTML' && (this.hasAnchorNodePresent(e.selectParent) || this.hasAnchorNodePresent(e.selectNode)) &&
-                ej2_base_1.isNullOrUndefined(inputDetails)) {
-                this.editLink(e);
-                return;
-            }
-            var linkWebAddress = this.i10n.getConstant('linkWebUrl');
-            var linkDisplayText = this.i10n.getConstant('linkText');
-            var linkTooltip = this.i10n.getConstant('linkTooltipLabel');
-            var urlPlace = this.i10n.getConstant('linkurl');
-            var textPlace = this.i10n.getConstant('textPlaceholder');
-            var title = this.i10n.getConstant('linkTitle');
-            var linkDialogEle = this.parent.createElement('div', {
-                className: 'e-rte-link-dialog' + this.parent.getCssClass(true), id: this.rteID + '_rtelink'
-            });
-            this.parent.rootContainer.appendChild(linkDialogEle);
-            var linkContent = this.parent.createElement('div', {
-                className: 'e-rte-linkcontent' + this.parent.getCssClass(true), id: this.rteID + '_linkContent'
-            });
-            var htmlTextbox = (this.parent.editorMode === 'HTML') ? '<label>' + linkTooltip +
-                '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
-                '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + this.parent.getCssClass(true) + '"></div>' +
-                '<div class="e-rte-label' + this.parent.getCssClass(true) + '"></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
-                '<input type="checkbox" class="e-rte-linkTarget' + this.parent.getCssClass(true) + '"  data-role ="none"></div>' : '';
-            var content = '<div class="e-rte-label' + this.parent.getCssClass(true) + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + this.parent.getCssClass(true) + '">' +
-                '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + this.parent.getCssClass(true) + '"/></div>' +
-                '<div class="e-rte-label' + this.parent.getCssClass(true) + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + this.parent.getCssClass(true) + '"> ' +
-                '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + this.parent.getCssClass(true) + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
-                '</div><div class="e-rte-label' + this.parent.getCssClass(true) + '">' + htmlTextbox;
-            var contentElem = util_1.parseHtml(content);
-            linkContent.appendChild(contentElem);
-            var linkTarget = linkContent.querySelector('.e-rte-linkTarget');
-            var linkUrl = linkContent.querySelector('.e-rte-linkurl');
-            var linkText = linkContent.querySelector('.e-rte-linkText');
-            var linkTitle = linkContent.querySelector('.e-rte-linkTitle');
-            var linkOpenLabel = this.i10n.getConstant('linkOpenInNewWindow');
-            this.checkBoxObj = new ej2_buttons_1.CheckBox({ label: linkOpenLabel, checked: true, enableRtl: this.parent.enableRtl,
-                cssClass: this.parent.getCssClass() });
-            this.checkBoxObj.isStringTemplate = true;
-            this.checkBoxObj.createElement = this.parent.createElement;
-            this.checkBoxObj.appendTo(linkTarget);
-            var linkInsert = this.i10n.getConstant('dialogInsert');
-            var linkCancel = this.i10n.getConstant('dialogCancel');
-            var selection = e.selection;
-            var selectObj = { selfLink: this, selection: e.selection, selectParent: e.selectParent, args: e.args };
-            var dialogModel = {
-                header: this.i10n.getConstant('linkHeader'),
-                content: linkContent,
-                cssClass: classes_1.CLS_RTE_ELEMENTS + this.parent.getCssClass(true),
-                enableRtl: this.parent.enableRtl,
-                locale: this.parent.locale,
-                showCloseIcon: true, closeOnEscape: true, width: (ej2_base_2.Browser.isDevice) ? '290px' : '310px',
-                isModal: ej2_base_2.Browser.isDevice,
-                buttons: [{
-                        click: this.insertlink.bind(selectObj),
-                        buttonModel: { content: linkInsert, cssClass: 'e-flat e-insertLink' + this.parent.getCssClass(true), isPrimary: true }
-                    },
-                    { click: this.cancelDialog.bind(selectObj), buttonModel: { cssClass: 'e-flat' + this.parent.getCssClass(true), content: linkCancel } }],
-                target: (ej2_base_2.Browser.isDevice) ? document.body : this.parent.element,
-                animationSettings: { effect: 'None' },
-                close: function (event) {
-                    _this.parent.isBlur = false;
-                    if (event && event.event.returnValue) {
-                        if (_this.parent.editorMode === 'HTML') {
-                            selection.restore();
-                        }
-                        else {
-                            _this.parent.formatter.editorManager.markdownSelection.restore(_this.parent.contentModule.getEditPanel());
-                        }
-                    }
-                    if ((_this.dialogObj.element && _this.dialogObj.element.querySelector('.e-rte-linkurl') && _this.dialogObj.element.querySelector('.e-rte-linkurl') !== null)) {
-                        ej2_base_1.EventHandler.remove(_this.dialogObj.element.querySelector('.e-rte-linkurl'), 'input', _this.handleKeyDown);
-                    }
-                    _this.dialogObj.destroy();
-                    ej2_base_1.detach(_this.dialogObj.element);
-                    var args = _this.dialogObj;
-                    _this.dialogRenderObj.close(args);
-                    _this.dialogObj = null;
-                }
-            };
-            this.dialogObj = this.dialogRenderObj.render(dialogModel);
-            this.dialogObj.createElement = this.parent.createElement;
-            this.dialogObj.appendTo(linkDialogEle);
-            linkDialogEle.style.maxHeight = 'inherit';
-            if (ej2_base_1.isNullOrUndefined(this.dialogObj)) {
-                return;
-            }
-            if (!ej2_base_1.isNullOrUndefined(inputDetails)) {
-                linkUrl.value = inputDetails.url;
-                linkText.value = inputDetails.text;
-                linkTitle.value = inputDetails.title;
-                (inputDetails.target) ? this.checkBoxObj.checked = true : this.checkBoxObj.checked = false;
-                this.dialogObj.header = inputDetails.header;
-                this.dialogObj.element.querySelector('.e-insertLink').textContent = inputDetails.btnText;
-            }
-            this.checkUrl(false);
-            if ((this.parent.editorMode === 'HTML' && ej2_base_1.isNullOrUndefined(inputDetails) && ((!ej2_base_1.isNullOrUndefined(selectText)
-                && selectText !== '') && (e.selection.range.startOffset === 0) || e.selection.range.startOffset !==
-                e.selection.range.endOffset)) || e.module === 'Markdown') {
-                linkText.value = selectText;
-            }
-            this.parent.element.ownerDocument.addEventListener('mousedown', this.mouseDown);
-            if (this.quickToolObj) {
-                this.hideLinkQuickToolbar();
-                if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
-                    this.quickToolObj.inlineQTBar.hidePopup();
-                }
-                if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
-                    this.quickToolObj.textQTBar.hidePopup();
-                }
-            }
-        };
-        Link.prototype.hasAnchorNodePresent = function (elements) {
-            return !ej2_base_1.isNullOrUndefined(elements) && elements.length > 0 &&
-                elements.some(function (element) { return element && ej2_base_2.closest(element, 'a') !== null; });
-        };
-        Link.prototype.insertlink = function (e) {
-            var linkEle = this.selfLink.dialogObj.element;
-            var linkUrl = linkEle.querySelector('.e-rte-linkurl').value.trim();
-            var linkText = linkEle.querySelector('.e-rte-linkText').value;
-            var linkTitle;
-            if (this.selfLink.parent.editorMode === 'HTML') {
-                linkTitle = linkEle.querySelector('.e-rte-linkTitle').value;
-            }
-            var target = (this.selfLink.checkBoxObj.checked) ? '_blank' : null;
-            var linkLabel = (this.selfLink.checkBoxObj.checked) ? this.selfLink.i10n.getConstant('linkAriaLabel') : null;
-            if (this.selfLink.parent.editorMode === 'Markdown' && linkUrl === '') {
-                linkUrl = 'https://';
-            }
-            if (linkUrl === '') {
-                this.selfLink.checkUrl(true);
-                return;
-            }
-            if (this.selfLink.parent.editorMode === 'Markdown') {
-                linkText = (linkText.trim() !== '') ? linkText : '';
-            }
-            else {
-                linkText = (linkText.trim() === '') ? linkUrl : linkText;
-            }
-            if (!this.selfLink.isUrl(linkUrl)) {
-                if (!this.selfLink.parent.enableAutoUrl) {
-                    linkUrl = linkUrl.indexOf('https') > -1 ? linkUrl : 'https://' + linkUrl;
-                }
-                else {
-                    linkUrl = linkUrl;
-                }
-            }
-            else {
-                this.selfLink.checkUrl(false);
-            }
-            var proxy = this.selfLink;
-            if (proxy.parent.editorMode === 'HTML' && ej2_base_1.isNullOrUndefined(ej2_base_2.closest(this.selection.range.startContainer.parentNode, '[id='
-                + "'" + proxy.parent.contentModule.getPanel().id + "'" + ']'))) {
-                proxy.parent.contentModule.getEditPanel().focus();
-                if (ej2_base_2.Browser.isIE && proxy.parent.iframeSettings.enable) {
-                    this.selection.restore();
-                }
-                var range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
-                this.selection = proxy.parent.formatter.editorManager.nodeSelection.save(range, proxy.parent.contentModule.getDocument());
-                this.selectParent = proxy.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
-            }
-            var value = {
-                url: linkUrl, text: linkText, title: linkTitle, target: target, ariaLabel: linkLabel,
-                selection: this.selection, selectParent: this.selectParent
-            };
-            if (document.body.contains(proxy.dialogObj.element)) {
-                this.selfLink.dialogObj.hide({ returnValue: false });
-            }
-            if (this.selfLink.dialogObj !== null) {
-                return;
-            }
-            if (util_2.isIDevice() && proxy.parent.iframeSettings.enable) {
-                ej2_base_1.select('iframe', proxy.parent.element).contentWindow.focus();
-            }
-            if (proxy.parent.editorMode === 'HTML') {
-                this.selection.restore();
-            }
-            if (proxy.parent.formatter.getUndoRedoStack().length === 0) {
-                proxy.parent.formatter.saveData();
-            }
-            var argsValue;
-            if (!ej2_base_1.isNullOrUndefined(this.args) &&
-                this.args.code === 'KeyK') {
-                var originalEvent = this.args;
-                ej2_base_1.extend(this.args, { item: { command: 'Links', subCommand: 'CreateLink' }, originalEvent: originalEvent }, true);
-                var argsVal = {
-                    item: { command: 'Links', subCommand: 'CreateLink' }, originalEvent: originalEvent
-                };
-                argsValue = argsVal;
-            }
-            else {
-                argsValue = this.args;
-            }
-            this.selfLink.parent.formatter.process(this.selfLink.parent, argsValue, (!ej2_base_1.isNullOrUndefined(this.args) &&
-                this.args.originalEvent), value);
-            this.selfLink.parent.contentModule.getEditPanel().focus();
-        };
-        Link.prototype.isUrl = function (url) {
-            var regExp = RegExp;
-            var regexp = new regExp('(ftp|http|https)://(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(/|/([\\w#!:.?+=&%@\\-\\/]))?', 'gi');
-            return regexp.test(url);
-        };
-        Link.prototype.handleKeyDown = function () {
-            var linkelem = this.parent.element.querySelector('#' + this.rteID + '_rtelink_dialog-content');
-            var linkUrl = linkelem.querySelector('.e-rte-linkurl');
-            if (linkUrl.classList.contains('e-error') && (linkUrl.value.length >= 1 && linkUrl.value.trim() !== ' ')) {
-                ej2_base_2.removeClass([linkUrl], 'e-error');
-            }
-        };
-        Link.prototype.checkUrl = function (e) {
-            var linkEle = this.dialogObj.element;
-            var linkUrl = linkEle.querySelector('.e-rte-linkurl');
-            if (e) {
-                ej2_base_2.addClass([linkUrl], 'e-error');
-                linkUrl.setSelectionRange(0, linkUrl.value.length);
-                linkUrl.focus();
-                ej2_base_1.EventHandler.add(linkUrl, 'input', this.handleKeyDown, this);
-            }
-            else {
-                ej2_base_2.removeClass([linkUrl], 'e-error');
-                ej2_base_1.EventHandler.remove(linkUrl, 'input', this.handleKeyDown);
-            }
-        };
-        Link.prototype.removeLink = function (e) {
-            if (this.parent.formatter.getUndoRedoStack().length === 0) {
-                this.parent.formatter.saveData();
-            }
-            var selectParentEle = this.getAnchorNode(e.selectParent);
-            this.parent.formatter.process(this.parent, e.args, e.args, {
-                selectNode: e.selectNode, selectParent: e.selectParent, selection: e.selection,
-                text: selectParentEle.innerText,
-                subCommand: e.args.item.subCommand
-            });
-            if (util_2.isIDevice() && this.parent.iframeSettings.enable) {
-                ej2_base_1.select('iframe', this.parent.element).contentWindow.focus();
-            }
-            else {
-                this.parent.contentModule.getEditPanel().focus();
-            }
-            this.hideLinkQuickToolbar();
-        };
-        Link.prototype.openLink = function (e) {
-            var selectParentEle = this.getAnchorNode(e.selectParent);
-            if (selectParentEle.classList.contains('e-rte-anchor') || selectParentEle.tagName === 'A') {
-                var sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(selectParentEle.outerHTML);
-                var tempEle = document.createElement('div');
-                tempEle.innerHTML = sanitizedHTML;
-                this.parent.formatter.process(this.parent, e.args, e.args, {
-                    url: tempEle.firstChild.href, text: selectParentEle.innerText,
-                    target: selectParentEle.target === '' ? '_self' : '_blank', selectNode: e.selectNode,
-                    subCommand: e.args.item.subCommand
-                });
-                tempEle.remove();
-            }
-        };
-        Link.prototype.getAnchorNode = function (elements) {
-            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
-                var element = elements_1[_i];
-                var anchorElement = ej2_base_2.closest(element, 'a');
-                if (anchorElement) {
-                    return anchorElement;
-                }
-            }
-            return elements[0];
-        };
-        Link.prototype.editLink = function (e) {
-            var selectedNode = this.getAnchorNode(e.selectNode);
-            var selectParentEle = this.getAnchorNode(e.selectParent);
-            selectParentEle = selectedNode.nodeName === 'A' ? selectedNode : selectParentEle;
-            if (selectParentEle.classList.contains('e-rte-anchor') || selectParentEle.tagName === 'A') {
-                var linkUpdate = this.i10n.getConstant('dialogUpdate');
-                var inputDetails = {
-                    url: selectParentEle.getAttribute('href'), text: selectParentEle.innerText,
-                    title: selectParentEle.title, target: selectParentEle.target,
-                    header: this.i10n.getConstant('editLink'), btnText: linkUpdate
-                };
-                this.linkDialog(e, inputDetails);
-            }
-        };
-        Link.prototype.cancelDialog = function (e) {
-            this.selfLink.parent.isBlur = false;
-            this.selfLink.dialogObj.hide({ returnValue: true });
-            if (util_2.isIDevice()) {
-                this.selection.restore();
-            }
-            else {
-                var x = window.scrollX;
-                var y = window.scrollY;
-                this.selfLink.parent.contentModule.getEditPanel().focus();
-                window.scrollTo(x, y);
-            }
-        };
-        Link.prototype.onDocumentClick = function (e) {
-            var target = e.target;
-            if (!ej2_base_1.isNullOrUndefined(this.dialogObj) && ((!ej2_base_2.closest(target, '[id=' + "'" + this.dialogObj.element.id + "'" + ']') && this.parent.toolbarSettings.enable &&
-                this.parent.getToolbarElement() && !this.parent.getToolbarElement().contains(e.target)) ||
-                (((this.parent.getToolbarElement() && this.parent.getToolbarElement().contains(e.target)) ||
-                    this.parent.inlineMode.enable && !ej2_base_2.closest(target, '#' + this.dialogObj.element.id)) &&
-                    !ej2_base_2.closest(target, '#' + this.parent.getID() + '_toolbar_CreateLink') &&
-                    !target.querySelector('#' + this.parent.getID() + '_toolbar_CreateLink')))) {
-                this.parent.notify(events.documentClickClosedBy, { closedBy: 'outside click' });
-                this.dialogObj.hide({ returnValue: true });
-                this.parent.isBlur = true;
-                util_1.dispatchEvent(this.parent.element, 'focusout');
-            }
-        };
-        Link.prototype.destroy = function () {
-            if (this.isDestroyed) {
-                return;
-            }
-            if (!ej2_base_1.isNullOrUndefined(this.linkQTPopupTime)) {
-                clearTimeout(this.linkQTPopupTime);
-                this.linkQTPopupTime = null;
-            }
-            this.removeEventListener();
-            this.isDestroyed = true;
-        };
-        Link.prototype.getModuleName = function () {
-            return 'link';
-        };
-        return Link;
-    }());
-    exports.Link = Link;
-});