`)\n .find(\"#\" + FORMATTING_MARKS_OVERLAY_ID);\n },\n\n _destroyFormattingMarksOverlay: function() {\n const that = this;\n\n $(that.document).find(\"#\" + FORMATTING_MARKS_OVERLAY_ID).remove();\n $(that.document.head).find(\"#\" + FORMATTING_MARKS_STYLE_ID).remove();\n },\n\n _deregisterHandlers: function() {\n var handlers = this._handlers;\n\n for (var i = 0; i < handlers.length; i++) {\n var h = handlers[i];\n h.element.off(h.type, h.handler);\n }\n\n this._handlers = [];\n },\n\n _destroyUploadWidget: function() {\n var editor = this;\n if (editor._uploadWidget) {\n editor._uploadWidget.destroy();\n editor._uploadWidget = null;\n }\n },\n\n _endTyping: function() {\n var keyboard = this.keyboard;\n\n try {\n if (keyboard.isTypingInProgress()) {\n keyboard.endTyping(true);\n this.saveSelection();\n }\n } catch (e) { }\n },\n\n _focusBody: function() {\n var body = this.body;\n var iframe = this.wrapper && this.wrapper.find(\"iframe\")[0];\n var documentElement = this.document.documentElement;\n var activeElement = kendo._activeElement();\n var scrollTop;\n\n\n if (!iframe && body.scrollHeight > body.clientHeight) {\n scrollTop = body.scrollTop;\n body.focus();\n body.scrollTop = scrollTop;\n\n } else if (activeElement != body && activeElement != iframe) {\n scrollTop = documentElement.scrollTop;\n body.focus();\n documentElement.scrollTop = scrollTop;\n }\n },\n\n _focusOutside: function() {\n // move focus outside the Editor, see https://github.com/telerik/kendo/issues/3673\n if (kendo.support.browser.msie && this.textarea) {\n var tempInput = $(\"\")\n .css({\n position: \"fixed\",\n left: \"1px\",\n top: \"1px\",\n width: \"1px\",\n height: \"1px\",\n \"font-size\": \"0\",\n border: \"0\",\n opacity: \"0\"\n })\n .appendTo(document.body).trigger(\"focus\");\n tempInput.trigger(\"blur\").remove();\n }\n },\n\n _handleToolbarClick: function(e) {\n var toolName = e.target.data(\"command\");\n\n if (toolName && toolName !== \"createTable\") {\n this.exec(toolName);\n }\n },\n\n _immutablesContext: function(range) {\n var editorNS = kendo.ui.editor;\n\n if (this.options.immutables) {\n if (range.collapsed) {\n return editorNS.Immutables.immutablesContext(range);\n } else {\n return editorNS.RangeUtils.editableTextNodes(range).length === 0;\n }\n }\n },\n\n _initializeContentElement: function() {\n var editor = this;\n var doc;\n var blurTrigger;\n var mousedownTrigger;\n\n if (editor.textarea) {\n editor.window = editor._createContentElement(editor.options.stylesheets);\n doc = editor.document = editor.window.contentDocument || editor.window.document;\n\n // Ensure that body exists as various Firefox plugins can cause a delay of the body creation\n // https://github.com/telerik/kendo-ui-core/issues/3515\n if (!doc.body) {\n var body = doc.createElement(\"body\");\n body.setAttribute(\"contenteditable\", \"true\");\n body.setAttribute(\"autocorrect\", \"off\");\n doc.getElementsByTagName(\"html\")[0].appendChild(body);\n\n var interval = setInterval(function() {\n if ($(editor.document).find(\"body\").length > 1) {\n $(editor.document).find(\"body\").last().remove();\n window.clearInterval(interval);\n }\n },10);\n }\n\n editor.body = doc.body;\n\n blurTrigger = editor.window;\n mousedownTrigger = doc;\n\n this._registerHandler(doc, \"mouseup\", this._mouseup.bind(this));\n } else {\n editor.window = window;\n doc = editor.document = document;\n editor.body = editor.element[0];\n\n blurTrigger = editor.body;\n mousedownTrigger = editor.body;\n\n setTimeout(() => {\n editor._decorateFormatting(editor.body);\n });\n }\n\n this._registerHandler(blurTrigger, \"blur\", this._blur.bind(this));\n editor._registerHandler(mousedownTrigger, \"down\", editor._mousedown.bind(editor));\n\n try {\n doc.execCommand(\"enableInlineTableEditing\", null, false);\n } catch (e) { }\n\n if (kendo.support.touch) {\n this._registerHandler(doc, {\n \"keydown\": function() {\n // necessary in iOS when touch events are bound to the page\n if (kendo._activeElement() != doc.body) {\n editor.window.focus();\n }\n }\n });\n }\n\n this._initializePlaceholder();\n\n this._spellCorrect(editor);\n\n this._registerHandler(editor.document, {\n \"mouseover dragenter\": function(e) {\n var height = $(editor.body).height();\n var htmlHeight = $(editor.body.parentElement).height();\n\n if (htmlHeight > height && e.target.nodeName.toLowerCase() === \"html\") {\n editor._cachedHeight = \"\" + editor.body.style.height;\n editor.body.style.height = \"100%\";\n }\n },\n \"mouseout dragleave drop contextmenu\": function(e) {\n var restoreHeight = function() {\n if (editor._cachedHeight !== undefined$1 && e.target === editor.body) {\n editor.body.style.height = editor._cachedHeight;\n delete editor._cachedHeight;\n }\n };\n\n if (e.type === \"contextmenu\") {\n setTimeout(function() {\n restoreHeight();\n }, 10);\n } else {\n restoreHeight();\n }\n\n }\n });\n\n this._registerHandler(editor.body, {\n \"keydown\": function(e) {\n var range;\n\n if ((e.keyCode === keys.BACKSPACE || e.keyCode === keys.DELETE) && editor.body.getAttribute(\"contenteditable\") !== \"true\") {\n return false;\n }\n\n if (e.keyCode === keys.F10) {\n editor.toolbar.element.find(\"[tabindex=0]\").first().trigger(\"focus\");\n editor.toolbar.preventPopupHide = true;\n e.preventDefault();\n return;\n } else if (e.keyCode == keys.LEFT || e.keyCode == keys.RIGHT) {\n // skip bom nodes when navigating with arrows\n range = editor.getRange();\n var left = e.keyCode == keys.LEFT;\n var container = range[left ? \"startContainer\" : \"endContainer\"];\n var offset = range[left ? \"startOffset\" : \"endOffset\"];\n var direction = left ? -1 : 1;\n\n var next = offset + direction;\n var nextChar = left ? next : offset;\n\n if (container.nodeType == 3 && container.nodeValue[nextChar] == \"\\ufeff\") {\n range.setStart(container, next);\n range.collapse(true);\n editor.selectRange(range);\n }\n }\n\n var tools = editor.tools;\n var toolName = editor.keyboard.toolFromShortcut(tools, e);\n var toolOptions = toolName ? tools[toolName].options : {};\n\n if (toolName && !toolOptions.keyPressCommand) {\n e.preventDefault();\n\n if (!/^(undo|redo)$/.test(toolName)) {\n editor.keyboard.endTyping(true);\n }\n\n editor.trigger(\"keydown\", e);\n editor.exec(toolName);\n editor._runPostContentKeyCommands(e);\n\n return false;\n }\n\n editor.keyboard.clearTimeout();\n\n editor.keyboard.keydown(e);\n },\n \"keypress\": function(e) {\n setTimeout(function() {\n editor._runPostContentKeyCommands(e);\n editor._showElementResizeHandles();\n }, 0);\n },\n \"keyup\": function(e) {\n var selectionCodes = [\n keys.BACKSPACE,\n keys.TAB,\n keys.PAGEUP,\n keys.PAGEDOWN,\n keys.END,\n keys.HOME,\n keys.LEFT,\n keys.UP,\n keys.RIGHT,\n keys.DOWN,\n keys.INSERT,\n keys.DELETE\n ];\n\n if ($.inArray(e.keyCode, selectionCodes) > -1 || (e.keyCode == 65 && e.ctrlKey && !e.altKey && !e.shiftKey)) {\n window.clearTimeout(this._refreshInterval);\n this._refreshInterval = window.setTimeout(function() {\n editor._selectionChange();\n }, REFRESH_INTERVAL);\n }\n\n if (e.keyCode === keys.BACKSPACE || e.keyCode === keys.DELETE) {\n editor._handleSpaceAndNewLines();\n }\n\n editor.keyboard.keyup(e);\n },\n \"click\": function(e) {\n var dom = kendo.ui.editor.Dom, range;\n\n if (dom.name(e.target) === \"img\") {\n range = editor.createRange();\n range.selectNode(e.target);\n editor.selectRange(range);\n }\n },\n \"cut copy paste drop dragover\": function(e) {\n editor.clipboard[\"on\" + e.type](e);\n },\n \"focusin\": function() {\n if (editor.body.hasAttribute(\"contenteditable\")) {\n $(this).addClass(\"k-active\");\n // To be moved to the Editor\n editor._showWindow();\n editor._togglePlaceholder(false);\n }\n },\n \"focusout\": function() {\n setTimeout(function() {\n var active = kendo._activeElement();\n var body = editor.body;\n // All below to be moved to the Editor\n var toolbar = editor.toolbar;\n\n if (toolbar.options.popup) {\n var toolbarContainerElement = editor.windowInstance.element.get(0);\n if (toolbarContainerElement && !($.contains(toolbarContainerElement, active) || toolbarContainerElement == active)) {\n toolbar.preventPopupHide = false;\n }\n }\n\n if (active != body && !$.contains(body, active) && !editor._toolbarFocused() && !toolbar.preventPopupHide && !$(active).hasClass(\"k-context-menu\")) {\n $(body).removeClass(\"k-active\");\n editor._hideWindow();\n }\n\n editor._togglePlaceholder(!editor.value().trim());\n }, 10);\n }\n });\n\n editor._initializeColumnResizing();\n editor._initializeRowResizing();\n editor._initializeElementResizing();\n },\n\n _initializeImmutables: function() {\n var that = this,\n editorNS = kendo.ui.editor;\n\n if (that.options.immutables) {\n that.immutables = new editorNS.Immutables(that);\n }\n },\n\n _initializePlaceholder: function() {\n var that = this,\n placeholder = that.options.placeholder,\n style, $head;\n\n if (!that.textarea || !placeholder) {\n return;\n }\n\n style = `\";\n\n $head = $(that.document.head);\n $head.find(\"#\" + PLACEHOLDER_TAG_ID).remove();\n $head.append(style);\n\n that._togglePlaceholder(!that.value().trim());\n },\n\n _initToolbar: function(toolbarContainer) {\n var that = this,\n tools, defaults, toolbarOptions;\n\n that.tools = [];\n [tools, defaults] = that._processToolbarItems(that.options.tools);\n that._setNativeTools();\n\n toolbarOptions = {\n tools: tools,\n defaultTools: defaults,\n parentMessages: that.options.messages,\n resizable: that.options.resizable && that.options.resizable.toolbar,\n toggle: that._handleToolbarClick.bind(this),\n click: that._handleToolbarClick.bind(this),\n navigateOnTab: that.options.navigateOnTab,\n evaluateTemplates: true\n };\n\n that.toolbar = new kendo.ui.ToolBar(toolbarContainer, toolbarOptions);\n\n that._bindTools();\n that.bind(\"select\", that._refreshTools.bind(that));\n\n toolbarContainer.on(\"mousedown\" + NS, \".k-toolbar-tool\", function(e) {\n if (!$(e.target).is(\"input\")) {\n e.preventDefault();\n }\n });\n\n if (!that.textarea) {\n that._initToolbarWindow(toolbarContainer);\n }\n },\n\n _initToolbarWindow: function(toolbarEl) {\n var that = this;\n\n this.windowInstance = toolbarEl\n .wrap(\"\")\n .parent()\n .prepend(\"\" + kendo.ui.icon(\"handle-drag\") + \"\")\n .kendoWindow({\n title: false,\n resizable: false,\n draggable: {\n dragHandle: \".k-editortoolbar-dragHandle\"\n },\n animation: {\n open: { effects: \"fade:in\" },\n close: { effects: \"fade:out\" }\n },\n minHeight: 42,\n visible: false,\n autoFocus: false,\n actions: [],\n dragend: function() {\n this._moved = true;\n }\n })\n .on(\"mousedown\", function(e) {\n if (!$(e.target).is(\".k-icon,.k-svg-icon,svg\")) {\n that.toolbar.preventPopupHide = true;\n }\n })\n .on(\"focusout\", function() {\n that.element.focusout();\n })\n .data(\"kendoWindow\");\n },\n\n _mousedown: function(e) {\n var editor = this;\n editor._selectionStarted = true;\n\n if ($(editor.body).parents('.k-window').length) {\n e.stopPropagation();\n }\n\n // handle middle-click and ctrl-click on links\n if (browser.gecko) {\n return;\n }\n\n var target = $(e.target).closest(\"a[href]\");\n\n if ((e.which == 2 || (e.which == 1 && e.ctrlKey)) && target && target.is(\"a[href]\")) {\n window.open(target.attr(\"href\"), \"_new\");\n }\n\n if (e.target.tagName && e.target.tagName.toLowerCase() === \"html\") {\n setTimeout(function() {\n editor.body.focus();\n }, 0);\n }\n },\n\n _mouseup: function(e) {\n var that = this;\n\n if (kendo.support.mobileOS.ios && e && $(e.target).is(SELECT_OVERLAY_SELECTOR)) {\n return;\n }\n\n if (that._selectionStarted) {\n setTimeout(function() {\n that._selectionChange();\n }, 1);\n }\n },\n\n _populateValue: function(options, domElement) {\n var that = this,\n editorNS = kendo.ui.editor,\n dom = editorNS.Dom,\n value, comments;\n\n if (options && options.value) {\n value = options.value;\n } else if (that.textarea) {\n // indented HTML introduces problematic ranges in IE\n value = domElement.value;\n\n if (!value.replace(/\\s/g, '').length) {\n value = value.replace(/\\s/g, '');\n }\n\n // revert encoding of value when content is fetched from cache\n if (that.options.encoded && domElement.defaultValue && domElement.defaultValue.trim().length) {\n value = domElement.defaultValue;\n }\n\n var deserializedRoot = editorNS.Serializer.htmlToDom(value, $(\"\")[0], that.options.deserialization);\n comments = dom.getAllComments(deserializedRoot);\n value = EditorUtils.cacheComments(value, comments);\n value = value.replace(/[\\r\\n\\v\\f\\t ]+/ig, \" \");\n value = EditorUtils.retrieveComments(value, comments);\n } else {\n value = domElement.innerHTML;\n }\n\n that.value(value || '\\ufeff');\n },\n\n _resetGroups: function(current) {\n var result = {};\n\n Object.keys(current).map(key => {\n result[key + \"_\"] = current[key];\n });\n\n return result;\n },\n\n _processToolbarItems: function(optionsTools) {\n var flatDefaultTools = {},\n processedObject = {},\n tools = [],\n currentGroups = $.extend(true, {}, toolGroups),\n i, j, t, name, guidGroupName;\n\n for (i = 0; i < optionsTools.length; i++) {\n t = optionsTools[i];\n\n if (Array.isArray(t)) {\n guidGroupName = kendo.guid();\n\n for (j = 0; j < t.length; j++) {\n [flatDefaultTools, name] = this._processToolOptions(t[j], flatDefaultTools);\n\n if (!name) {\n continue;\n }\n\n flatDefaultTools[name].gr = guidGroupName;\n }\n } else {\n [flatDefaultTools, name] = this._processToolOptions(t, flatDefaultTools);\n\n if (!name) {\n continue;\n } else if (name === \"separator\") {\n currentGroups = this._resetGroups(currentGroups);\n }\n\n Object.keys(currentGroups).map(key => {\n var group = currentGroups[key];\n\n if (group.includes(name)) {\n flatDefaultTools[name].gr = key;\n }\n });\n }\n }\n\n Object.values(flatDefaultTools).map((tool) => {\n var group = tool.gr;\n\n delete tool.gr;\n\n if (group === undefined$1) {\n processedObject[tool.name] = tool;\n } else {\n if (!processedObject[group]) {\n processedObject[group] = [];\n }\n\n processedObject[group].push(tool);\n }\n });\n\n tools = Object.values(processedObject).map((g) => {\n var result;\n\n if (g.length) {\n result = g.map((to) => to.name);\n } else {\n result = g.name;\n }\n\n if (result.length === 1) {\n result = result[0];\n }\n\n return result;\n });\n\n return [tools, flatDefaultTools];\n },\n\n _processDefaultTool: function(tool, defaultTools) {\n var name = tool.name,\n result = {},\n options;\n\n if ($.isPlainObject(tool)) {\n if (name && defaultTools[name]) {\n // configured tool\n result = extend({}, defaultTools[name]);\n extend(result.options, tool);\n } else {\n // custom tool\n options = extend({ icon: \"gear\", type: \"button\" }, tool);\n\n if (!options.name) {\n options.name = \"custom\";\n }\n\n options.cssClass = \"k-\" + options.name;\n\n result = {\n options: options\n };\n\n name = options.name;\n }\n } else if (defaultTools[tool]) {\n name = tool;\n result = defaultTools[name];\n } else {\n return null;\n }\n\n this.tools[name] = result;\n\n return result;\n },\n\n _processToolOptions: function(t, flatDefaultTools) {\n var that = this,\n defaultTools = kendo.deepExtend({}, kendo.ui.Editor.defaultTools),\n tool, name, view, shortcuts, options, uiOptions, icon, toolOptions, originalOptions, palette;\n\n tool = this._processDefaultTool(t, defaultTools);\n\n if (!tool) {\n return [flatDefaultTools, null];\n }\n\n options = tool.options;\n name = options.name;\n uiOptions = options.ui || {};\n icon = EditorUtils.getToolCssClass(options.name, options.icon);\n\n // We want to preserve any custom properties from the original tool object.\n originalOptions = $.isPlainObject(t) ? $.extend({}, t) : {};\n delete originalOptions.items;\n\n toolOptions = $.extend({\n name: options.name,\n command: options.command,\n template: options.template,\n type: \"button\",\n icon: icon,\n showText: \"overflow\",\n showIcon: \"both\"\n }, uiOptions, originalOptions);\n\n if (options.tooltip) {\n if (!toolOptions.attributes) {\n toolOptions.attributes = {};\n }\n\n toolOptions.attributes.title = options.tooltip;\n }\n if (options.exec) {\n toolOptions.click = options.exec.bind(that);\n delete toolOptions.exec;\n }\n\n if (toolOptions.component === \"ColorPicker\") {\n if (options.palette !== undefined$1 || uiOptions.palette !== kendo.ui.editor.ColorTool.fn.options.palette) {\n palette = options.palette || kendo.ui.editor.ColorTool.fn.options.palette;\n view = options.palette !== undefined$1 && !options.palette ? \"gradient\" : \"palette\";\n toolOptions.componentOptions.palette = view === \"palette\" ? palette : undefined$1;\n toolOptions.componentOptions.views = [view];\n toolOptions.componentOptions.preview = view === \"gradient\";\n toolOptions.componentOptions.input = view === \"gradient\";\n toolOptions.componentOptions.buttons = view === \"gradient\";\n\n if (view === \"gradient\") {\n delete toolOptions.componentOptions.columns;\n }\n }\n if (view === \"palette\" && options.columns) {\n toolOptions.componentOptions.columns = options.columns;\n }\n }\n\n if (toolOptions.component === \"DropDownList\" || toolOptions.component === \"ComboBox\") {\n if (!toolOptions.componentOptions) {\n toolOptions.componentOptions = {};\n }\n\n if (!toolOptions.componentOptions.dataSource) {\n if (that.options[name] && Array.isArray(that.options[name])) {\n toolOptions.componentOptions.dataSource = that.options[name];\n } else {\n toolOptions.componentOptions.dataSource = options.items;\n }\n }\n }\n if (toolOptions.template) {\n delete toolOptions.type;\n }\n\n shortcuts = this._shortcutSequence(name);\n\n if (shortcuts !== \"\") {\n if (!toolOptions.attributes) {\n toolOptions.attributes = {};\n }\n\n toolOptions.attributes[\"aria-keyshortcuts\"] = shortcuts;\n }\n\n flatDefaultTools[name] = toolOptions;\n\n return [flatDefaultTools, name];\n },\n\n _refreshTools: function() {\n var that = this,\n range = that.getRange(),\n editorNS = kendo.ui.editor,\n rangeUtils = editorNS.RangeUtils,\n nodes = rangeUtils.textNodes(range),\n immutables = that.options.immutables,\n immutablesContext = that._immutablesContext(range),\n defaultTools = that.tools;\n\n nodes = editorNS.Dom.filterBy(nodes, editorNS.Dom.htmlIndentSpace, true);\n\n if (!nodes.length) {\n nodes = [range.startContainer];\n }\n\n that.toolbar.element.find(\"[data-command]\")\n .filter((i, el) => $(el).find(\"[data-command]\").length === 0)\n .each(function() {\n var toolName = this.getAttribute(\"data-command\"),\n tool = defaultTools[toolName],\n ui;\n\n if (tool) {\n ui = $(this);\n\n if (tool.update) {\n tool.update(ui, nodes, that.undoRedoStack);\n }\n\n if (immutables) {\n that._updateImmutablesState(tool, ui, immutablesContext);\n }\n }\n });\n },\n\n _registerHandler: function(element, type, handler) {\n var editor = this;\n var NS = \".kendoEditor\";\n var eventNames;\n var i;\n\n element = $(element);\n\n if (!this._handlers) {\n this._handlers = [];\n }\n\n if (element.length) {\n if ($.isPlainObject(type)) {\n for (var t in type) {\n if (type.hasOwnProperty(t)) {\n this._registerHandler(element, t, type[t]);\n }\n }\n } else {\n //map the original event to handle interaction on mobile platforms\n eventNames = kendo.applyEventMap(type).split(\" \");\n\n for (i = 0; i < eventNames.length; i++) {\n editor._handlers.push({\n element: element,\n type: eventNames[i] + NS,\n handler: handler\n });\n\n element.on(eventNames[i] + NS, handler);\n }\n }\n }\n },\n\n _runPostContentKeyCommands: function(e) {\n var range = this.getRange();\n var tools = this.keyboard.toolsFromShortcut(this.tools, e);\n\n for (var i = 0; i < tools.length; i++) {\n var tool = tools[i];\n var o = tool.options;\n if (!o.keyPressCommand) {\n continue;\n }\n\n var cmd = new o.command({ range: range });\n if (cmd.changesContent()) {\n this.keyboard.endTyping(true);\n this.exec(tool.name);\n }\n }\n\n this._handleSpaceAndNewLines();\n },\n\n _handleSpaceAndNewLines: function() {\n const that = this,\n refreshDelay = that.options.formattingMarksRefreshDelay,\n editorNS = kendo.ui.editor,\n applyFormattingMarks = editorNS.applyFormattingMarks,\n clearFormattingMarksOverlay = editorNS.clearFormattingMarksOverlay;\n\n if (that._toggledFormattingMarks) {\n if (that._formattingMarksOverlay.children().length) {\n clearFormattingMarksOverlay(that);\n }\n\n if (refreshDelay) {\n clearTimeout(that._formattingMarksTimeout);\n that._formattingMarksTimeout = setTimeout(() => applyFormattingMarks(that), refreshDelay);\n } else {\n applyFormattingMarks(that);\n }\n\n }\n },\n\n _selectionChange: function() {\n this._selectionStarted = false;\n this.saveSelection();\n this.trigger(\"select\", {});\n },\n\n _setOptionsTools: function(optionsTools) {\n var that = this,\n toolbar = that.toolbar,\n toolbarContainer = toolbar.element,\n tools, defaults, toolbarOptions;\n\n toolbar.destroy();\n toolbarContainer.empty();\n\n that.tools = [];\n [tools, defaults] = that._processToolbarItems(optionsTools);\n that._setNativeTools();\n\n toolbarOptions = {\n tools: tools,\n defaultTools: defaults,\n parentMessages: that.options.messages,\n resizable: that.options.resizable && that.options.resizable.toolbar,\n toggle: that._handleToolbarClick.bind(this),\n click: that._handleToolbarClick.bind(this)\n };\n\n that.toolbar = new kendo.ui.ToolBar(toolbarContainer, toolbarOptions);\n\n that._bindTools();\n },\n\n _setNativeTools: function() {\n var defaultTools = kendo.deepExtend({}, kendo.ui.Editor.defaultTools),\n i;\n\n for (i = 0; i < NATIVE_TOOLS.length; i++) {\n if (!this.tools[NATIVE_TOOLS[i]]) {\n this.tools[NATIVE_TOOLS[i]] = defaultTools[NATIVE_TOOLS[i]];\n }\n }\n },\n\n _setupHeight: function(type) {\n var that = this;\n\n if (type == \"textarea\") {\n setTimeout(function() {\n var heightStyle = that.wrapper[0].style.height;\n var expectedHeight = parseInt(heightStyle, 10);\n var actualHeight = that.wrapper.height();\n if (heightStyle.indexOf(\"px\") > 0 && !isNaN(expectedHeight) && actualHeight > expectedHeight) {\n that.wrapper.height(expectedHeight - (actualHeight - expectedHeight));\n }\n });\n }\n },\n\n _setupKeyboard: function() {\n var that = this,\n editorNS = kendo.ui.editor;\n\n that.keyboard = new editorNS.Keyboard([\n new editorNS.BackspaceHandler(that),\n new editorNS.TypingHandler(that),\n new editorNS.SystemHandler(that),\n new editorNS.SelectAllHandler(that)\n ]);\n },\n\n _setupType: function(element) {\n var domElement = element[0],\n type = kendo.ui.editor.Dom.name(domElement),\n id = domElement.id,\n toolbarContainer;\n\n if (type == \"textarea\") {\n this._wrapTextarea();\n\n toolbarContainer = this.wrapper.find(\".k-editor-toolbar\");\n\n if (!id) {\n id = kendo.guid();\n domElement.setAttribute(\"id\", id);\n }\n\n toolbarContainer.attr(\"aria-controls\", id);\n } else {\n this.element.attr(\"contenteditable\", true).addClass(\"k-editor k-editor-inline\");\n toolbarContainer = $('
').insertBefore(element);\n }\n\n return toolbarContainer;\n },\n\n _shortcutSequence: function(name) {\n var tool = kendo.ui.Editor.defaultTools[name],\n res = \"\",\n options;\n\n if (!tool || !tool.options) {\n return res;\n }\n\n options = tool.options;\n\n if (options.ctrl) {\n res += \"Ctrl+\";\n }\n\n if (options.shift) {\n res += \"Shift+\";\n }\n\n if (options.alt) {\n res += \"Alt+\";\n }\n\n if (options.key) {\n res += options.key;\n }\n\n return res;\n },\n\n _spellCorrect: function(editor) {\n var beforeCorrection;\n var falseTrigger = false;\n\n this._registerHandler(editor.body, {\n \"contextmenu\": function() {\n editor.one(\"select\", function() {\n beforeCorrection = null;\n });\n\n editor._spellCorrectTimeout = setTimeout(function() {\n beforeCorrection = new kendo.ui.editor.RestorePoint(editor.getRange(), editor.body);\n falseTrigger = false;\n }, 10);\n },\n \"input\": function() {\n if (!beforeCorrection) {\n return;\n }\n\n if (kendo.support.browser.mozilla && !falseTrigger) {\n falseTrigger = true;\n return;\n }\n\n kendo.ui.editor._finishUpdate(editor, beforeCorrection);\n }\n });\n },\n\n _togglePlaceholder: function(show) {\n var that = this,\n body = that.body,\n $body = $(body),\n placeholder = that.options.placeholder;\n\n if (!that.textarea || !placeholder) {\n return;\n }\n\n $body.attr('aria-label', function() {\n return show ? placeholder : \"\";\n });\n\n $body.toggleClass(PLACEHOLDER_CLASS, show);\n },\n\n _toolbarFocused: function() {\n var active = kendo._activeElement(),\n popup = this.windowInstance,\n overflowPopup = this.overflowPopup;\n\n return (popup && $(active).closest(popup.wrapper).length) ||\n (overflowPopup && overflowPopup.visible());\n },\n\n _updateImmutablesState: function(tool, ui, immutablesContext) {\n var toolbar = this.toolbar,\n name = tool.name,\n uiElement = ui.closest(\".k-toolbar-tool\"),\n trackImmutables = tool.options.trackImmutables,\n editorNS = kendo.ui.editor;\n\n if (trackImmutables === undefined$1) {\n trackImmutables = $.inArray(name, editorNS.Immutables.toolsToBeUpdated) > -1;\n }\n\n if (trackImmutables) {\n if (immutablesContext) {\n toolbar.hide(uiElement);\n } else {\n toolbar.show(uiElement);\n }\n }\n },\n\n _wrapTextarea: function() {\n var that = this,\n textarea = that.element,\n w = textarea[0].style.width,\n h = textarea[0].style.height,\n template = EditorUtils.editorWrapperTemplate(),\n editorWrap = $(template).insertBefore(textarea),\n editArea = editorWrap.find(\".k-editable-area\");\n\n editorWrap.css({\n \"width\": w,\n \"height\": h\n });\n\n textarea.attr(\"autocomplete\", \"off\")\n .appendTo(editArea).addClass(\"k-content k-raw-content\").css(\"display\", \"none\");\n\n that.textarea = textarea;\n that.wrapper = editorWrap;\n },\n\n // Resizing methods\n _resizable: function() {\n let that = this;\n let resizable = this.options.resizable;\n let isResizable = $.isPlainObject(resizable) ? (resizable.content === undefined$1 || resizable.content === true) : resizable;\n let resizableMin = $.isPlainObject(resizable.min) ? resizable.min : { minHeight: resizable.min };\n let resizableMax = $.isPlainObject(resizable.max) ? resizable.max : { maxHeight: resizable.max };\n\n if (isResizable && this.textarea) {\n that.wrapper.addClass('k-editor-resizable');\n\n if (resizableMin.minHeight) {\n that.wrapper.css(\"min-height\", resizableMin.minHeight);\n }\n\n if (resizableMax.maxHeight) {\n that.wrapper.css(\"max-height\", resizableMax.maxHeight);\n }\n\n if (resizableMin.minWidth) {\n that.wrapper.css(\"min-width\", resizableMin.minWidth);\n }\n\n if (resizableMax.maxWidth) {\n that.wrapper.css(\"max-width\", resizableMax.maxWidth);\n }\n\n that.resizeObserver = new ResizeObserver(() => {\n clearTimeout(that._resizeTimeOut);\n\n that._resizeTimeOut = setTimeout(function() {\n that.toolbar.resize();\n }, 50);\n\n });\n that.resizeObserver.observe(that.wrapper[0]);\n }\n },\n\n _destroyResizings: function() {\n var editor = this;\n\n editor._destroyElementResizing();\n kendo.ui.editor.ElementResizingFactory.current.dispose(editor);\n editor._destroyRowResizing();\n kendo.ui.editor.RowResizing.dispose(editor);\n editor._destroyColumnResizing();\n kendo.ui.editor.ColumnResizing.dispose(editor);\n },\n\n _initializeElementResizing: function() {\n var editor = this;\n\n kendo.ui.editor.ElementResizingFactory.current.create(editor);\n\n editor._showElementResizeHandlesProxy = editor._showElementResizeHandles.bind(editor);\n editor.bind(SELECT, editor._showElementResizeHandlesProxy);\n },\n\n _destroyElementResizing: function() {\n var editor = this;\n var elementResizing = editor.elementResizing;\n\n if (elementResizing) {\n elementResizing.destroy();\n editor.elementResizing = null;\n }\n\n if (editor._showElementResizeHandlesProxy) {\n editor.unbind(SELECT, editor._showElementResizeHandlesProxy);\n }\n },\n\n _showElementResizeHandles: function() {\n var editor = this;\n var elementResizing = editor.elementResizing;\n\n if (elementResizing && elementResizing.element && elementResizing.element.parentNode) {\n elementResizing.showResizeHandles();\n } else if (elementResizing && (!elementResizing.element || !elementResizing.element.parentNode)) {\n editor._destroyElementResizing();\n }\n },\n\n _initializeColumnResizing: function() {\n kendo.ui.editor.ColumnResizing.create(this);\n },\n\n _destroyColumnResizing: function() {\n var editor = this;\n\n if (editor.columnResizing) {\n editor.columnResizing.destroy();\n editor.columnResizing = null;\n }\n },\n\n _initializeRowResizing: function() {\n kendo.ui.editor.RowResizing.create(this);\n },\n\n _destroyRowResizing: function() {\n var editor = this;\n\n if (editor.rowResizing) {\n editor.rowResizing.destroy();\n editor.rowResizing = null;\n }\n },\n\n // ToolBar Window methods\n _getWindowWidth: function() {\n var that = this,\n wrapper = that.windowInstance.wrapper,\n editorElement = that.element;\n\n return outerWidth(editorElement) - parseInt(wrapper.css(\"border-left-width\"), 10) - parseInt(wrapper.css(\"border-right-width\"), 10);\n },\n\n _hideWindow: function() {\n if (this.windowInstance) {\n this.windowInstance.close();\n }\n },\n\n _overlapsWindow: function(box) {\n var toolbarWrapper = this.windowInstance.wrapper,\n toolbarWrapperOffset = toolbarWrapper.offset(),\n toolbarWrapperLeft = toolbarWrapperOffset.left,\n toolbarWrapperTop = toolbarWrapperOffset.top,\n boxOffset = box.offset(),\n boxOffsetLeft = boxOffset.left,\n boxOffsetTop = boxOffset.top;\n\n return !(boxOffsetLeft + box.width() < toolbarWrapperLeft ||\n boxOffsetLeft > toolbarWrapperLeft + toolbarWrapper.width() ||\n boxOffsetTop + box.height() < toolbarWrapperTop ||\n boxOffsetTop > toolbarWrapperTop + toolbarWrapper.height());\n },\n\n _showWindow: function() {\n var that = this,\n windowInstance = that.windowInstance,\n wrapper, editorElement, editorOffset,\n browser = kendo.support.browser;\n\n if (windowInstance) {\n wrapper = windowInstance.wrapper;\n editorElement = that.element;\n\n if (!wrapper.is(\":visible\") || !that.windowInstance.options.visible) {\n\n if (!wrapper[0].style.width) {\n wrapper.width(this._getWindowWidth());\n }\n\n // track content position when other parts of page change\n if (!windowInstance._moved) {\n editorOffset = editorElement.offset();\n wrapper.css({\n top: Math.max(0, parseInt(editorOffset.top, 10) - outerHeight(wrapper) - parseInt(that.windowInstance.element.css(\"padding-bottom\"), 10)),\n left: Math.max(0, parseInt(editorOffset.left, 10))\n });\n }\n\n if ((browser.msie || browser.edge) && that._overlapsWindow(editorElement)) {\n setTimeout(function() {\n windowInstance.open();\n }, 0);\n } else {\n windowInstance.open();\n }\n }\n }\n }\n });\n\n Editor.defaultTools = {};\n\n kendo.ui.plugin(Editor);\n\n var Tool = Class.extend({\n init: function(options) {\n this.options = options;\n },\n\n command: function(commandArguments) {\n return new this.options.command(commandArguments);\n },\n\n update: $.noop\n });\n\n Tool.exec = function(editor, name, value) {\n editor.exec(name, { value: value });\n };\n\n var UndoTool = Tool.extend({\n command: $.noop,\n update: function(ui, nodes, undoRedoStack) {\n var that = this,\n name = that.options.name,\n toolbar = ui.closest(\".k-toolbar\").data(\"kendoToolBar\");\n\n switch (name) {\n case \"undo\":\n toolbar.enable(ui, undoRedoStack.canUndo());\n break;\n case \"redo\":\n toolbar.enable(ui, undoRedoStack.canRedo());\n break;\n default:\n break;\n }\n\n ui.removeAttr(\"disabled\");\n }\n });\n\n EditorUtils.registerTool(\"separator\", new Tool({ ui: { type: \"separator\" } }));\n EditorUtils.registerTool(\"undo\", new UndoTool({ key: \"Z\", ctrl: true }));\n EditorUtils.registerTool(\"redo\", new UndoTool({ key: \"Y\", ctrl: true }));\n\n // Exports ================================================================\n\n var emptyElementContent = '\\ufeff';\n var emptyTableCellContent = emptyElementContent;\n\n if (browser.msie || browser.edge) {\n emptyTableCellContent = emptyElementContent = \" \";\n }\n\n extend(kendo.ui, {\n editor: {\n EditorUtils: EditorUtils,\n Tool: Tool,\n emptyElementContent: emptyElementContent,\n emptyTableCellContent: emptyTableCellContent\n }\n });\n\n if (kendo.PDFMixin) {\n kendo.PDFMixin.extend(Editor.prototype);\n Editor.prototype._drawPDF = function() {\n return kendo.drawing.drawDOM(this.body, this.options.pdf);\n };\n Editor.prototype.saveAsPDF = function() {\n var progress = new $.Deferred();\n var promise = progress.promise();\n var args = { promise: promise };\n\n if (this.trigger(\"pdfExport\", args)) {\n return;\n }\n\n var options = this.options.pdf;\n\n this._drawPDF(progress)\n .then(function(root) {\n return kendo.drawing.exportPDF(root, options);\n })\n .done(function(dataURI) {\n kendo.saveAs({\n dataURI: dataURI,\n fileName: options.fileName,\n proxyURL: options.proxyURL,\n proxyTarget: options.proxyTarget,\n forceProxy: options.forceProxy\n });\n progress.resolve();\n })\n .fail(function(err) {\n progress.reject(err);\n });\n\n return promise;\n };\n }\n\n })(window.kendo.jQuery);\n\n (function($) {\n\n var kendo = window.kendo,\n map = $.map,\n extend = $.extend,\n browser = kendo.support.browser,\n STYLE = \"style\",\n FLOAT = \"float\",\n CSSFLOAT = \"cssFloat\",\n STYLEFLOAT = \"styleFloat\",\n CLASS = \"class\",\n KMARKER = \"k-marker\";\n\n function makeMap(items) {\n var obj = {},\n i, len;\n\n for (i = 0, len = items.length; i < len; i++) {\n obj[items[i]] = true;\n }\n return obj;\n }\n\n var empty = makeMap(\"area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed\".split(\",\")),\n nonListBlockElements = \"p,div,h1,h2,h3,h4,h5,h6,address,applet,blockquote,button,center,dd,dir,dl,dt,fieldset,form,frameset,hr,iframe,isindex,map,menu,noframes,noscript,object,pre,script,table,tbody,td,tfoot,th,thead,tr,header,article,nav,footer,section,aside,main,figure,figcaption\".split(\",\"),\n blockElements = nonListBlockElements.concat([\"ul\",\"ol\",\"li\"]),\n block = makeMap(blockElements),\n selfClosing = makeMap(\"area,base,br,col,command,embed,hr,img,input,keygen,link,menuitem,meta,param,source,track,wbr\".split(\",\")),\n inlineElements = \"span,em,a,abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,code,del,dfn,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,strike,strong,sub,sup,textarea,tt,u,var,data,time,mark,ruby\".split(\",\"),\n inline = makeMap(inlineElements),\n fillAttrs = makeMap(\"checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected\".split(\",\")),\n nonEmptyNonTextContentElements = [\"hgroup\",\"ol\",\"ul\",\"dl\",\"object\",\"video\",\"audio\",\"table\",\"colgroup\",\"tbody\",\"thead\",\"tfoot\",\"tr\",\"select\",\"optgroup\"];\n\n var normalize = function(node) {\n if (node.nodeType == 1) {\n node.normalize();\n }\n };\n\n if (browser.msie && browser.version >= 8) {\n normalize = function(parent) {\n if (parent.nodeType == 1 && parent.firstChild) {\n var prev = parent.firstChild,\n node = prev;\n\n normalize(node);\n\n while (true) {\n node = node.nextSibling;\n\n if (!node) {\n break;\n }\n\n normalize(node);\n\n if (node.nodeType == 3 && prev.nodeType == 3) {\n node.nodeValue = prev.nodeValue + node.nodeValue;\n Dom.remove(prev);\n }\n\n prev = node;\n }\n }\n };\n }\n\n var whitespace = /^\\s+$/,\n emptyspace = /^[\\n\\r\\t]+$/,\n rgb = /rgb\\s*\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*\\)/i,\n bom = /\\ufeff/g,\n whitespaceOrBom = /^(\\s+|\\ufeff)$/,\n persistedScrollTop,\n cssAttributes =\n (\"color,padding-left,padding-right,padding-top,padding-bottom,\" +\n \"background-color,background-attachment,background-image,background-position,background-repeat,\" +\n \"border-top-style,border-top-width,border-top-color,\" +\n \"border-bottom-style,border-bottom-width,border-bottom-color,\" +\n \"border-left-style,border-left-width,border-left-color,\" +\n \"border-right-style,border-right-width,border-right-color,\" +\n \"font-family,font-size,font-style,font-variant,font-weight,line-height\"\n ).split(\",\"),\n htmlRe = /[<>\\&]/g,\n entityRe = /[\\u00A0-\\u2666<>\\&]/g,\n entityTable = {\n 34: 'quot', 38: 'amp', 39: 'apos', 60: 'lt', 62: 'gt',\n 160: 'nbsp', 161: 'iexcl', 162: 'cent', 163: 'pound', 164: 'curren',\n 165: 'yen', 166: 'brvbar', 167: 'sect', 168: 'uml', 169: 'copy',\n 170: 'ordf', 171: 'laquo', 172: 'not', 173: 'shy', 174: 'reg',\n 175: 'macr', 176: 'deg', 177: 'plusmn', 178: 'sup2', 179: 'sup3',\n 180: 'acute', 181: 'micro', 182: 'para', 183: 'middot', 184: 'cedil',\n 185: 'sup1', 186: 'ordm', 187: 'raquo', 188: 'frac14', 189: 'frac12',\n 190: 'frac34', 191: 'iquest', 192: 'Agrave', 193: 'Aacute', 194: 'Acirc',\n 195: 'Atilde', 196: 'Auml', 197: 'Aring', 198: 'AElig', 199: 'Ccedil',\n 200: 'Egrave', 201: 'Eacute', 202: 'Ecirc', 203: 'Euml', 204: 'Igrave',\n 205: 'Iacute', 206: 'Icirc', 207: 'Iuml', 208: 'ETH', 209: 'Ntilde',\n 210: 'Ograve', 211: 'Oacute', 212: 'Ocirc', 213: 'Otilde', 214: 'Ouml',\n 215: 'times', 216: 'Oslash', 217: 'Ugrave', 218: 'Uacute', 219: 'Ucirc',\n 220: 'Uuml', 221: 'Yacute', 222: 'THORN', 223: 'szlig', 224: 'agrave',\n 225: 'aacute', 226: 'acirc', 227: 'atilde', 228: 'auml', 229: 'aring',\n 230: 'aelig', 231: 'ccedil', 232: 'egrave', 233: 'eacute', 234: 'ecirc',\n 235: 'euml', 236: 'igrave', 237: 'iacute', 238: 'icirc', 239: 'iuml',\n 240: 'eth', 241: 'ntilde', 242: 'ograve', 243: 'oacute', 244: 'ocirc',\n 245: 'otilde', 246: 'ouml', 247: 'divide', 248: 'oslash', 249: 'ugrave',\n 250: 'uacute', 251: 'ucirc', 252: 'uuml', 253: 'yacute', 254: 'thorn',\n 255: 'yuml', 402: 'fnof', 913: 'Alpha', 914: 'Beta', 915: 'Gamma',\n 916: 'Delta', 917: 'Epsilon', 918: 'Zeta', 919: 'Eta', 920: 'Theta',\n 921: 'Iota', 922: 'Kappa', 923: 'Lambda', 924: 'Mu', 925: 'Nu',\n 926: 'Xi', 927: 'Omicron', 928: 'Pi', 929: 'Rho', 931: 'Sigma',\n 932: 'Tau', 933: 'Upsilon', 934: 'Phi', 935: 'Chi', 936: 'Psi',\n 937: 'Omega', 945: 'alpha', 946: 'beta', 947: 'gamma', 948: 'delta',\n 949: 'epsilon', 950: 'zeta', 951: 'eta', 952: 'theta', 953: 'iota',\n 954: 'kappa', 955: 'lambda', 956: 'mu', 957: 'nu', 958: 'xi',\n 959: 'omicron', 960: 'pi', 961: 'rho', 962: 'sigmaf', 963: 'sigma',\n 964: 'tau', 965: 'upsilon', 966: 'phi', 967: 'chi', 968: 'psi',\n 969: 'omega', 977: 'thetasym', 978: 'upsih', 982: 'piv', 8226: 'bull',\n 8230: 'hellip', 8242: 'prime', 8243: 'Prime', 8254: 'oline', 8260: 'frasl',\n 8472: 'weierp', 8465: 'image', 8476: 'real', 8482: 'trade', 8501: 'alefsym',\n 8592: 'larr', 8593: 'uarr', 8594: 'rarr', 8595: 'darr', 8596: 'harr',\n 8629: 'crarr', 8656: 'lArr', 8657: 'uArr', 8658: 'rArr', 8659: 'dArr',\n 8660: 'hArr', 8704: 'forall', 8706: 'part', 8707: 'exist', 8709: 'empty',\n 8711: 'nabla', 8712: 'isin', 8713: 'notin', 8715: 'ni', 8719: 'prod',\n 8721: 'sum', 8722: 'minus', 8727: 'lowast', 8730: 'radic', 8733: 'prop',\n 8734: 'infin', 8736: 'ang', 8743: 'and', 8744: 'or', 8745: 'cap',\n 8746: 'cup', 8747: 'int', 8756: 'there4', 8764: 'sim', 8773: 'cong',\n 8776: 'asymp', 8800: 'ne', 8801: 'equiv', 8804: 'le', 8805: 'ge',\n 8834: 'sub', 8835: 'sup', 8836: 'nsub', 8838: 'sube', 8839: 'supe',\n 8853: 'oplus', 8855: 'otimes', 8869: 'perp', 8901: 'sdot', 8968: 'lceil',\n 8969: 'rceil', 8970: 'lfloor', 8971: 'rfloor', 9001: 'lang', 9002: 'rang',\n 9674: 'loz', 9824: 'spades', 9827: 'clubs', 9829: 'hearts', 9830: 'diams',\n 338: 'OElig', 339: 'oelig', 352: 'Scaron', 353: 'scaron', 376: 'Yuml',\n 710: 'circ', 732: 'tilde', 8194: 'ensp', 8195: 'emsp', 8201: 'thinsp',\n 8204: 'zwnj', 8205: 'zwj', 8206: 'lrm', 8207: 'rlm', 8211: 'ndash',\n 8212: 'mdash', 8216: 'lsquo', 8217: 'rsquo', 8218: 'sbquo', 8220: 'ldquo',\n 8221: 'rdquo', 8222: 'bdquo', 8224: 'dagger', 8225: 'Dagger', 8240: 'permil',\n 8249: 'lsaquo', 8250: 'rsaquo', 8364: 'euro'\n };\n\n var Dom = {\n block: block,\n inline: inline,\n\n findNodeIndex: function(node, skipText) {\n var i = 0;\n\n if (!node) {\n return -1;\n }\n\n while (true) {\n node = node.previousSibling;\n\n if (!node) {\n break;\n }\n\n if (!(skipText && node.nodeType == 3)) {\n i++;\n }\n }\n\n return i;\n },\n\n isDataNode: function(node) {\n return node && node.nodeValue !== null && node.data !== null;\n },\n\n isAncestorOf: function(parent, node) {\n try {\n return !Dom.isDataNode(parent) && ($.contains(parent, Dom.isDataNode(node) ? node.parentNode : node) || node.parentNode == parent);\n } catch (e) {\n return false;\n }\n },\n\n isAncestorOrSelf: function(root, node) {\n return Dom.isAncestorOf(root, node) || root == node;\n },\n\n findClosestAncestor: function(root, node) {\n if (Dom.isAncestorOf(root, node)) {\n while (node && node.parentNode != root) {\n node = node.parentNode;\n }\n }\n\n return node;\n },\n\n getAllComments: function(rootElem) {\n var comments = [];\n // Fourth argument, which is actually obsolete according to the DOM4 standard, is required in IE 11\n var iterator = document.createNodeIterator(rootElem,\n NodeFilter.SHOW_COMMENT,\n function() {\n return NodeFilter.FILTER_ACCEPT;\n }, false);\n\n var curNode = iterator.nextNode();\n while (curNode) {\n comments.push(curNode.nodeValue);\n curNode = iterator.nextNode();\n }\n return comments;\n },\n\n getNodeLength: function(node) {\n return Dom.isDataNode(node) ? node.length : node.childNodes.length;\n },\n\n splitDataNode: function(node, offset) {\n var newNode = node.cloneNode(false);\n var denormalizedText = \"\";\n var iterator = node.nextSibling;\n var temp;\n\n while (iterator && iterator.nodeType == 3 && iterator.nodeValue) {\n denormalizedText += iterator.nodeValue;\n temp = iterator;\n iterator = iterator.nextSibling;\n Dom.remove(temp);\n }\n\n node.deleteData(offset, node.length);\n newNode.deleteData(0, offset);\n newNode.nodeValue += denormalizedText;\n Dom.insertAfter(newNode, node);\n },\n\n attrEquals: function(node, attributes) {\n for (var key in attributes) {\n var value = node[key];\n\n if (key == FLOAT) {\n value = node[kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT];\n }\n\n if (typeof value == \"object\") {\n if (!Dom.attrEquals(value, attributes[key])) {\n return false;\n }\n } else if (value != attributes[key]) {\n return false;\n }\n }\n\n return true;\n },\n\n blockParentOrBody: function(node) {\n return Dom.parentOfType(node, blockElements) || node.ownerDocument.body;\n },\n\n blockParents: function(nodes) {\n var blocks = [],\n i, len;\n\n for (i = 0, len = nodes.length; i < len; i++) {\n var block = Dom.parentOfType(nodes[i], Dom.blockElements);\n if (block && $.inArray(block, blocks) < 0) {\n blocks.push(block);\n }\n }\n\n return blocks;\n },\n\n windowFromDocument: function(document) {\n return document.defaultView || document.parentWindow;\n },\n\n normalize: normalize,\n blockElements: blockElements,\n nonListBlockElements: nonListBlockElements,\n inlineElements: inlineElements,\n empty: empty,\n fillAttrs: fillAttrs,\n nodeTypes: {\n ELEMENT_NODE: 1,\n ATTRIBUTE_NODE: 2,\n TEXT_NODE: 3,\n CDATA_SECTION_NODE: 4,\n ENTITY_REFERENCE_NODE: 5,\n ENTITY_NODE: 6,\n PROCESSING_INSTRUCTION_NODE: 7,\n COMMENT_NODE: 8,\n DOCUMENT_NODE: 9,\n DOCUMENT_TYPE_NODE: 10,\n DOCUMENT_FRAGMENT_NODE: 11,\n NOTATION_NODE: 12\n },\n\n toHex: function(color) {\n var matches = rgb.exec(color);\n\n if (!matches) {\n return color;\n }\n\n return \"#\" + map(matches.slice(1), function(x) {\n x = parseInt(x, 10).toString(16);\n return x.length > 1 ? x : \"0\" + x;\n }).join(\"\");\n },\n\n encode: function(value, options) {\n var encodableChars = (!options || options.entities) ? entityRe : htmlRe;\n return value.replace(encodableChars, function(c) {\n var charCode = c.charCodeAt(0);\n var entity = entityTable[charCode];\n return entity ? '&' + entity + ';' : c;\n });\n },\n isBom: function(node) {\n return node && node.nodeType === 3 && /^[\\ufeff]+$/.test(node.nodeValue);\n },\n stripBom: function(text) {\n return (text || \"\").replace(bom, \"\");\n },\n\n stripBomNode: function(node) {\n if (Dom.isBom(node)) {\n node.parentNode.removeChild(node);\n }\n },\n\n insignificant: function(node) {\n var attr = node.attributes;\n\n return node.className == \"k-marker\" || (Dom.is(node, 'br') && (node.className == \"k-br\" || attr._moz_dirty || attr._moz_editor_bogus_node)) || (Dom.is(node, 'span') && (node.className == \"k-br\"));\n },\n tableCell: function(node) {\n return Dom.is(node, \"td\") || Dom.is(node, \"th\");\n },\n significantNodes: function(nodes) {\n return $.grep(nodes, function(child) {\n var name = Dom.name(child);\n\n if (name == 'br') {\n return false;\n } else if (Dom.insignificant(child)) {\n return false;\n } else if (Dom.emptyTextNode(child)) {\n return false;\n } else if (child.nodeType == 1 && !empty[name] && Dom.emptyNode(child)) {\n return false;\n }\n\n return true;\n });\n },\n\n emptyTextNode: function(node) {\n return node && node.nodeType == 3 && whitespaceOrBom.test(node.nodeValue);\n },\n\n emptyNode: function(node) {\n return node.nodeType == 1 && !Dom.significantNodes(node.childNodes).length;\n },\n\n name: function(node) {\n return node.nodeName.toLowerCase();\n },\n\n significantChildNodes: function(node) {\n return $.grep(node.childNodes, function(child) {\n return child.nodeType != 3 || !Dom.isWhitespace(child);\n });\n },\n\n getTextNodes: function(body, nodes) {\n const childNodes = body.childNodes;\n nodes = nodes || [];\n\n for (const node of childNodes) {\n if (node.nodeType === this.nodeTypes.TEXT_NODE &&\n (blockElements.includes(Dom.name(node.parentNode)) ||\n inlineElements.includes(Dom.name(node.parentNode)))) {\n nodes.push(node);\n } else if (node.nodeType === this.nodeTypes.ELEMENT_NODE) {\n this.getTextNodes(node, nodes);\n }\n }\n\n return nodes;\n },\n\n lastTextNode: function(node) {\n var result = null;\n\n if (node.nodeType == 3) {\n return node;\n }\n\n for (var child = node.lastChild; child; child = child.previousSibling) {\n result = Dom.lastTextNode(child);\n\n if (result) {\n return result;\n }\n }\n\n return result;\n },\n\n is: function(node, nodeName) {\n return node && Dom.name(node) == nodeName;\n },\n\n isMarker: function(node) {\n return node.className == KMARKER;\n },\n\n isWhitespace: function(node) {\n return whitespace.test(node.nodeValue);\n },\n\n allowsTextContent: function(node) {\n var result = true;\n\n nonEmptyNonTextContentElements.every(function(name) {\n if (Dom.is(node, name)) {\n result = false;\n return false;\n } else {\n return true;\n }\n });\n\n return result;\n },\n\n allWhitespaceContent: function(node) {\n var child = node.firstChild;\n while (child && Dom.isWhitespace(child)) {\n child = child.nextSibling;\n }\n\n return !child;\n },\n\n isEmptyspace: function(node) {\n return emptyspace.test(node.nodeValue);\n },\n\n htmlIndentSpace: function(node) {\n if (!(Dom.isDataNode(node) && Dom.isWhitespace(node))) {\n return false;\n }\n\n if (emptyspace.test(node.nodeValue)) {\n return true;\n }\n\n var sibling = function(el, direction) {\n while (el[direction]) {\n el = el[direction];\n if (Dom.significantNodes([el]).length > 0) {\n return el;\n }\n }\n };\n\n var parent = node.parentNode;\n var prev = sibling(node, \"previousSibling\");\n var next = sibling(node, \"nextSibling\");\n\n if (bom.test(node.nodeValue)) {\n return !!(prev || next);\n }\n\n if ($(parent).is(\"tr,tbody,thead,tfoot,table,ol,ul\")) {\n return true;\n }\n\n if (Dom.isBlock(parent) || Dom.is(parent, \"body\")) {\n var isPrevBlock = prev && Dom.isBlock(prev);\n var isNextBlock = next && Dom.isBlock(next);\n if ((!next && isPrevBlock) || (!prev && isNextBlock) || (isPrevBlock && isNextBlock)) {\n return true;\n }\n }\n\n return false;\n },\n\n isBlock: function(node) {\n return block[Dom.name(node)];\n },\n\n isSelfClosing: function(node) {\n return selfClosing[Dom.name(node)];\n },\n\n isEmpty: function(node) {\n return empty[Dom.name(node)];\n },\n\n isInline: function(node) {\n return inline[Dom.name(node)];\n },\n\n isImg: function(node) {\n return Dom.name(node) == \"img\";\n },\n\n isBr: function(node) {\n return Dom.name(node) == \"br\";\n },\n\n list: function(node) {\n var name = node ? Dom.name(node) : \"\";\n return name == \"ul\" || name == \"ol\" || name == \"dl\";\n },\n\n scrollContainer: function(doc) {\n var wnd = Dom.windowFromDocument(doc),\n scrollContainer = (wnd.contentWindow || wnd).document || wnd.ownerDocument || wnd;\n\n if (scrollContainer.compatMode == 'BackCompat') {\n scrollContainer = scrollContainer.body;\n } else {\n scrollContainer = scrollContainer.scrollingElement || scrollContainer.documentElement;\n }\n\n return scrollContainer;\n },\n\n scrollTo: function(node, toStart) {\n var doc = node.ownerDocument;\n var wnd = Dom.windowFromDocument(doc);\n var windowHeight = wnd.innerHeight;\n var scrollContainer = Dom.scrollContainer(doc);\n var element, elementTop, elementHeight, marker;\n\n if (Dom.isDataNode(node)) {\n if (toStart) {\n marker = Dom.create(doc, \"span\", { \"innerHTML\": \"\" });\n Dom.insertBefore(marker, node);\n element = $(marker);\n } else {\n element = $(node.parentNode);\n }\n } else {\n element = $(node);\n }\n\n elementTop = element.offset().top;\n elementHeight = element[0].offsetHeight;\n\n if (toStart || !elementHeight) {\n elementHeight = parseInt(element.css(\"line-height\"), 10) ||\n Math.ceil(1.2 * parseInt(element.css(\"font-size\"), 10)) ||\n 15;\n }\n\n if (marker) {\n Dom.remove(marker);\n }\n\n if (elementHeight + elementTop > scrollContainer.scrollTop + windowHeight) {\n scrollContainer.scrollTop = elementHeight + elementTop - windowHeight;\n }\n },\n\n persistScrollTop: function(doc) {\n persistedScrollTop = Dom.scrollContainer(doc).scrollTop;\n },\n\n offset: function(target, offsetParent) {\n var result = { top: target.offsetTop, left: target.offsetLeft };\n var parent = target.offsetParent;\n\n while (parent && (!offsetParent || Dom.isAncestorOf(offsetParent, parent))) {\n result.top += parent.offsetTop;\n result.left += parent.offsetLeft;\n parent = parent.offsetParent;\n }\n\n return result;\n },\n\n restoreScrollTop: function(doc) {\n if (typeof persistedScrollTop == \"number\") {\n Dom.scrollContainer(doc).scrollTop = persistedScrollTop;\n persistedScrollTop = undefined;\n }\n },\n\n insertAt: function(parent, newElement, position) {\n parent.insertBefore(newElement, parent.childNodes[position] || null);\n },\n\n insertBefore: function(newElement, referenceElement) {\n if (referenceElement.parentNode) {\n return referenceElement.parentNode.insertBefore(newElement, referenceElement);\n } else {\n return referenceElement;\n }\n },\n\n insertAfter: function(newElement, referenceElement) {\n return referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);\n },\n\n remove: function(node) {\n if (node.parentNode) {\n node.parentNode.removeChild(node);\n }\n },\n\n removeChildren: function(node) {\n while (node.firstChild) {\n node.removeChild(node.firstChild);\n }\n },\n\n removeTextSiblings: function(node) {\n var parentNode = node.parentNode;\n\n while (node.nextSibling && node.nextSibling.nodeType == 3) {\n parentNode.removeChild(node.nextSibling);\n }\n\n while (node.previousSibling && node.previousSibling.nodeType == 3) {\n parentNode.removeChild(node.previousSibling);\n }\n },\n\n trim: function(parent) {\n for (var i = parent.childNodes.length - 1; i >= 0; i--) {\n var node = parent.childNodes[i];\n if (Dom.isDataNode(node)) {\n if (!Dom.stripBom(node.nodeValue).length) {\n Dom.remove(node);\n }\n } else if (node.className != KMARKER) {\n Dom.trim(node);\n\n if ((!Dom.isEmpty(node) && node.childNodes.length === 0) ||\n (Dom.isBlock(node) && Dom.allWhitespaceContent(node))) {\n Dom.remove(node);\n }\n }\n }\n\n return parent;\n },\n\n closest: function(node, tags) {\n if (typeof tags === \"string\") {\n tags = [tags];\n }\n\n while (node && tags.indexOf(Dom.name(node)) < 0) {\n node = node.parentNode;\n }\n\n return node;\n },\n\n closestBy: function(node, condition, rootCondition) {\n while (node && !condition(node)) {\n if (rootCondition && rootCondition(node)) {\n return null;\n }\n node = node.parentNode;\n }\n return node;\n },\n\n sibling: function(node, direction) {\n do {\n node = node[direction];\n } while (node && node.nodeType != 1);\n\n return node;\n },\n\n next: function(node) {\n return Dom.sibling(node, \"nextSibling\");\n },\n\n prev: function(node) {\n return Dom.sibling(node, \"previousSibling\");\n },\n\n parentOfType: function(node, tags) {\n do {\n node = node.parentNode;\n } while (node && !(Dom.ofType(node, tags)));\n\n return node;\n },\n\n ofType: function(node, tags) {\n return $.inArray(Dom.name(node), tags) >= 0;\n },\n\n changeTag: function(referenceElement, tagName, skipAttributes) {\n var newElement = Dom.create(referenceElement.ownerDocument, tagName),\n attributes = referenceElement.attributes,\n i, len, name, value, attribute;\n\n if (!skipAttributes) {\n for (i = 0, len = attributes.length; i < len; i++) {\n attribute = attributes[i];\n if (attribute.specified) {\n // IE < 8 cannot set class or style via setAttribute\n name = attribute.nodeName;\n value = attribute.nodeValue;\n if (name == CLASS) {\n newElement.className = value;\n } else if (name == STYLE) {\n newElement.style.cssText = referenceElement.style.cssText;\n } else {\n newElement.setAttribute(name, value);\n }\n }\n }\n }\n\n while (referenceElement.firstChild) {\n newElement.appendChild(referenceElement.firstChild);\n }\n\n Dom.insertBefore(newElement, referenceElement);\n Dom.remove(referenceElement);\n return newElement;\n },\n\n editableParent: function(node) {\n while (node && (node.nodeType == 3 || node.contentEditable !== 'true')) {\n node = node.parentNode;\n }\n\n return node;\n },\n\n wrap: function(node, wrapper) {\n Dom.insertBefore(wrapper, node);\n wrapper.appendChild(node);\n return wrapper;\n },\n\n unwrap: function(node) {\n var parent = node.parentNode;\n while (node.firstChild) {\n parent.insertBefore(node.firstChild, node);\n }\n\n parent.removeChild(node);\n },\n\n wrapper: function(node) {\n var wrapper = Dom.closestBy(node, function(el) {\n return el.parentNode && Dom.significantNodes(el.parentNode.childNodes).length > 1;\n });\n\n return $(wrapper).is(\"body,.k-editor\") ? undefined : wrapper;\n },\n\n isChildOfBaseContainer: function(node) {\n return $(node).parent().is(\"body,.k-editor\");\n },\n\n create: function(document, tagName, attributes) {\n return Dom.attr(document.createElement(tagName), attributes);\n },\n\n createEmptyNode: function(document, tagName, attributes) {\n var node = Dom.attr(document.createElement(tagName), attributes);\n node.innerHTML = \"\\ufeff\";\n return node;\n },\n\n attr: function(element, attributes) {\n attributes = extend({}, attributes);\n\n if (attributes && STYLE in attributes) {\n Dom.style(element, attributes.style);\n delete attributes.style;\n }\n\n for (var attr in attributes) {\n if (attributes[attr] === null) {\n element.removeAttribute(attr);\n delete attributes[attr];\n } else if (attr == \"className\") {\n element[attr] = attributes[attr];\n }\n }\n\n return extend(element, attributes);\n },\n\n mergeAttributes: function(origin, target, traverseCss) {\n if (!origin.attributes.length) {\n return;\n }\n\n $.each(origin.attributes, function() {\n if (this.name !== \"contenteditable\" && (!traverseCss || this.name !== STYLE)) {\n $(target).attr(this.name, this.value);\n }\n\n if (traverseCss && this.name === STYLE) {\n $.each(origin.style, function() {\n target.style[this] = origin.style[this];\n });\n }\n });\n },\n\n style: function(node, value) {\n $(node).css(value || {});\n },\n\n unstyle: function(node, value) {\n for (var key in value) {\n if (key == FLOAT) {\n key = kendo.support.cssFloat ? CSSFLOAT : STYLEFLOAT;\n }\n\n node.style[key] = \"\";\n }\n\n if (node.style.cssText === \"\") {\n node.removeAttribute(STYLE);\n }\n },\n\n inlineStyle: function(body, name, attributes) {\n var span = $(Dom.create(body.ownerDocument, name, attributes)),\n style;\n\n body.appendChild(span[0]);\n\n style = map(cssAttributes, function(value) {\n if (browser.msie && value == \"line-height\" && span.css(value) == \"1px\") {\n return \"line-height:1.5\";\n } else {\n return value + \":\" + span.css(value);\n }\n }).join(\";\");\n\n span.remove();\n\n return style;\n },\n\n getEffectiveBackground: function(element) {\n var backgroundStyle = element.css(\"background-color\") || \"\";\n\n if (backgroundStyle.indexOf(\"rgba(0, 0, 0, 0\") < 0 && backgroundStyle !== \"transparent\") {\n return backgroundStyle;\n } else if (element[0].tagName.toLowerCase() === \"html\") {\n return \"Window\";\n } else {\n return Dom.getEffectiveBackground(element.parent());\n }\n },\n\n innerText: function(node) {\n var text = node.innerHTML;\n text = text.replace(//gi, \"\");\n text = text.replace(/<\\/?[^>]+?\\/?>/gm, \"\");\n\n return text;\n },\n\n removeClass: function(node, classNames) {\n var className = \" \" + node.className + \" \",\n classes = classNames.split(\" \"),\n i, len;\n\n for (i = 0, len = classes.length; i < len; i++) {\n className = className.replace(\" \" + classes[i] + \" \", \" \");\n }\n\n className = kendo.trim(className);\n\n if (className.length) {\n node.className = className;\n } else {\n node.removeAttribute(CLASS);\n }\n },\n\n commonAncestor: function() {\n var count = arguments.length,\n paths = [],\n minPathLength = Infinity,\n output = null,\n i, ancestors, node, first, j;\n\n if (!count) {\n return null;\n }\n\n if (count == 1) {\n return arguments[0];\n }\n\n for (i = 0; i < count; i++) {\n ancestors = [];\n node = arguments[i];\n while (node) {\n ancestors.push(node);\n node = node.parentNode;\n }\n paths.push(ancestors.reverse());\n minPathLength = Math.min(minPathLength, ancestors.length);\n }\n\n if (count == 1) {\n return paths[0][0];\n }\n\n for (i = 0; i < minPathLength; i++) {\n first = paths[0][i];\n\n for (j = 1; j < count; j++) {\n if (first != paths[j][i]) {\n return output;\n }\n }\n\n output = first;\n }\n return output;\n },\n\n closestSplittableParent: function(nodes) {\n var result;\n\n if (nodes.length == 1) {\n result = Dom.parentOfType(nodes[0], [\"ul\",\"ol\"]);\n } else {\n result = Dom.commonAncestor.apply(null, nodes);\n }\n\n if (!result) {\n result = Dom.parentOfType(nodes[0], [\"p\", \"td\"]) || nodes[0].ownerDocument.body;\n }\n\n if (Dom.isInline(result)) {\n result = Dom.blockParentOrBody(result);\n }\n\n var editableParents = map(nodes, Dom.editableParent);\n var editableAncestor = Dom.commonAncestor(editableParents)[0];\n\n if ($.contains(result, editableAncestor)) {\n result = editableAncestor;\n }\n\n return result;\n },\n\n closestEditable: function(node, types) {\n var closest;\n var editable = Dom.editableParent(node);\n\n if (Dom.ofType(node, types)) {\n closest = node;\n } else {\n closest = Dom.parentOfType(node, types);\n }\n\n if (closest && editable && $.contains(closest, editable)) {\n closest = editable;\n } else if (!closest && editable) {\n closest = editable;\n }\n\n return closest;\n },\n\n closestEditableOfType: function(node, types) {\n var editable = Dom.closestEditable(node, types);\n\n if (editable && Dom.ofType(editable, types) && !$(editable).is(\".k-editor\")) {\n return editable;\n }\n },\n\n filter: function(tagName, nodes, invert) {\n var filterFn = function(node) {\n return Dom.name(node) == tagName;\n };\n\n return Dom.filterBy(nodes, filterFn, invert);\n },\n\n filterBy: function(nodes, condition, invert) {\n var i = 0;\n var len = nodes.length;\n var result = [];\n var match;\n\n for (; i < len; i++) {\n match = condition(nodes[i]);\n if ((match && !invert) || (!match && invert)) {\n result.push(nodes[i]);\n }\n }\n\n return result;\n },\n\n ensureTrailingBreaks: function(node) {\n var elements = $(node).find(\"p,td,th\");\n var length = elements.length;\n var i = 0;\n\n if (length) {\n for (; i < length; i++) {\n Dom.ensureTrailingBreak(elements[i]);\n }\n } else {\n Dom.ensureTrailingBreak(node);\n }\n },\n\n removeTrailingBreak: function(node) {\n $(node).find(\"br[type=_moz],.k-br\").remove();\n },\n\n ensureTrailingBreak: function(node) {\n Dom.removeTrailingBreak(node);\n\n var lastChild = node.lastChild;\n var name = lastChild && Dom.name(lastChild);\n var br;\n\n if (!name ||\n (name != \"br\" && name != \"img\") ||\n (name == \"br\" && lastChild.className != \"k-br\")) {\n br = node.ownerDocument.createElement(\"br\");\n br.className = \"k-br\";\n node.appendChild(br);\n }\n },\n\n // Start: Table Utilities\n\n reMapTableColumns: function(table, colAttr) {\n Dom._mapColIndices(table, colAttr);\n },\n\n clearTableMappings: function(table, colAttr) {\n $(table).find(\"[\" + colAttr + \"]\").removeAttr(colAttr);\n },\n\n _mapColIndices: function(table, colAttr) {\n var registeredColumns = {};\n\n for (var rowIndex = 0; rowIndex < table.rows.length; rowIndex++) {\n var cells = table.rows[rowIndex].cells;\n var colIndex = 0;\n for (var cellIndex = 0; cellIndex < cells.length; cellIndex++, colIndex++) {\n var cell = cells[cellIndex];\n\n if (cell.rowSpan > 1) {\n this._mapColspan(cell, rowIndex, colIndex, registeredColumns);\n }\n\n if (registeredColumns[rowIndex]) {\n while (registeredColumns[rowIndex][colIndex]) {\n colIndex++;\n }\n }\n\n cell.setAttribute(colAttr, colIndex);\n\n if (cell.colSpan > 1) {\n colIndex = colIndex + cell.colSpan - 1;\n }\n }\n }\n },\n\n _mapColspan: function(cell, rowIndex, colIndex, registeredColumns) {\n var rowSpan = cell.rowSpan,\n colSpan = cell.colSpan,\n index;\n\n for (var ci = 0; ci < colSpan; ci++) {\n index = colIndex + ci;\n\n for (var ri = rowIndex + 1; ri < rowIndex + rowSpan; ri++) {\n\n if (!registeredColumns[ri]) {\n registeredColumns[ri] = {};\n registeredColumns[ri].length = 0;\n }\n\n if (registeredColumns[rowIndex]) {\n while (registeredColumns[rowIndex][index]) {\n index++;\n }\n }\n\n registeredColumns[ri][index] = true;\n registeredColumns[ri].length++;\n }\n }\n\n },\n\n associateWithIds: function(table) {\n var that = this;\n var numberOfTheadRows = 0;\n var tableRows = table.rows;\n var numberOfTableRows = tableRows.length;\n var theadMatrix = [];\n var tbodyMatrix = [];\n var theadRows, i;\n\n if (table.tHead) {\n theadRows = table.tHead.rows;\n numberOfTheadRows = theadRows.length;\n } else {\n numberOfTheadRows = that._getNumberOfHeaderRows(table);\n theadRows = [];\n for (i = 0; i < numberOfTheadRows; i++) {\n theadRows.push(tableRows[i]);\n }\n }\n for (i = 0; i < numberOfTheadRows; i++) {\n theadMatrix.push([]);\n }\n for (i = 0; i < numberOfTableRows; i++) {\n tbodyMatrix.push([]);\n }\n\n that._generateIdsForColumns(theadMatrix, theadRows);\n that._generateIdsForRows(theadMatrix, tbodyMatrix, numberOfTheadRows, tableRows);\n that._assignIds(theadMatrix, tbodyMatrix, numberOfTheadRows, tableRows);\n },\n\n _generateIdsForColumns: function(theadMatrix, theadRows) {\n var timestamp = new Date().getTime();\n var numberOfTheadRows = theadRows ? theadRows.length : 0;\n var row, cells, cell, col, id, colspan, rowspan, i, j, k, l;\n\n for (i = 0; i < numberOfTheadRows; i++) {\n row = theadRows[i];\n cells = row.cells;\n col = 0;\n\n for (j = 0; j < cells.length; j++) {\n cell = cells[j];\n id = \"table\" + i + j + (++timestamp);\n cell.setAttribute(\"id\", id);\n colspan = cell.getAttribute(\"colspan\") || 1;\n rowspan = cell.getAttribute(\"rowspan\") || 1;\n\n while (theadMatrix[i][j + col]) {\n col += 1;\n }\n\n for (k = 0; k < rowspan; k++) {\n for (l = 0; l < colspan; l++) {\n theadMatrix[i + k][j + col + l] = id;\n }\n }\n }\n }\n },\n\n _generateIdsForRows: function(theadMatrix, tbodyMatrix, numberOfTheadRows, tableRows) {\n var that = this;\n var timestamp = new Date().getTime();\n var numberOfTableRows = tableRows.length;\n var row, cells, cell, col, id, colspan, rowspan, i, j, k, l, colIndex, headers;\n\n var pushHeaderId = function(row) {\n headers.push(row[colIndex]);\n };\n\n for (i = numberOfTheadRows; i < numberOfTableRows; i++) {\n row = tableRows[i];\n cells = $(row.cells).filter(\"th\");\n col = 0;\n\n for (j = 0; j < cells.length; j++) {\n cell = cells[j];\n id = \"table\" + i + j + (++timestamp);\n cell.setAttribute(\"id\", id);\n colspan = cell.getAttribute(\"colspan\") || 1;\n rowspan = cell.getAttribute(\"rowspan\") || 1;\n\n while (tbodyMatrix[i][j + col]) {\n col += 1;\n }\n\n for (k = 0; k < rowspan; k++) {\n for (l = 0; l < colspan; l++) {\n tbodyMatrix[i + k][j + col + l] = id;\n }\n }\n\n colIndex = cell.getAttribute(\"col-index\");\n headers = [];\n theadMatrix.forEach(pushHeaderId);\n headers = headers.filter(that._onlyUnique);\n cell.setAttribute(\"headers\", headers.join(\" \").trim());\n }\n }\n },\n\n _assignIds: function(theadMatrix, tbodyMatrix, numberOfTheadRows, tableRows) {\n var that = this;\n var numberOfTableRows = tableRows.length;\n var row, cells, cell, i, j, colIndex, headers;\n\n var pushHeaderId = function(row) {\n headers.push(row[colIndex]);\n };\n\n for (i = numberOfTheadRows; i < numberOfTableRows; i++) {\n row = tableRows[i];\n cells = $(row.cells).filter(\"td\");\n\n for (j = 0; j < cells.length; j++) {\n cell = cells[j];\n colIndex = cell.getAttribute(\"col-index\");\n headers = tbodyMatrix[i].slice();\n\n theadMatrix.forEach(pushHeaderId);\n headers = headers.filter(that._onlyUnique);\n cell.setAttribute(\"headers\", headers.join(\" \").trim());\n }\n }\n },\n\n _getNumberOfColumns: function(table) {\n var cells = $(table).find(\"th, td\");\n var numberOfCols = 0;\n var cell, i, currentIndex;\n\n for (i = 0; i < cells.length; i++) {\n cell = cells[i];\n currentIndex = Number(cell.getAttribute(\"col-index\")) + 1;\n if (currentIndex > numberOfCols) {\n numberOfCols = currentIndex;\n }\n }\n\n return numberOfCols;\n },\n\n _getNumberOfHeaderColumns: function(table, numberOfHeaderRows) {\n var rows = table.rows;\n var numberOfCols = 0;\n var currentIndex, row, i, j, cell;\n\n for (i = numberOfHeaderRows; i < rows.length; i++) {\n row = rows[i];\n\n for (j = 0; j < row.cells.length; j++) {\n cell = row.cells[j];\n\n if (this.is(cell, \"th\")) {\n currentIndex = Number(cell.getAttribute(\"col-index\")) + 1;\n if (currentIndex > numberOfCols) {\n numberOfCols = currentIndex;\n }\n }\n }\n }\n\n return numberOfCols;\n },\n\n _getNumberOfHeaderRows: function(table) {\n var rows = table.rows;\n var thead = table.tHead;\n var number = thead && table.tHead.rows ? table.tHead.rows.length : 0;\n var j, row, cell, length;\n\n if (number === 0) {\n row = rows[0];\n length = row.cells && row.cells.length;\n\n while (row && length && this.is(row.cells[0], \"th\")) {\n for (j = 0; j < length; j++) {\n cell = row ? row.cells[j] : null;\n\n if (!this.is(cell, \"th\")) {\n row = null;\n }\n }\n\n if (row) {\n number += 1;\n row = this.next(row);\n length = row && row.cells && row.cells.length;\n }\n }\n }\n\n return number;\n },\n\n // End: Table Utilities\n\n _onlyUnique: function(value, index, self) {\n return self.indexOf(value) === index;\n }\n };\n\n kendo.ui.editor.Dom = Dom;\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n\n // Imports ================================================================\n var kendo = window.kendo;\n var Editor = kendo.ui.editor;\n var dom = Editor.Dom;\n var extend = $.extend;\n\n var fontSizeMappings = 'xx-small,x-small,small,medium,large,x-large,xx-large'.split(',');\n var quoteRe = /\"/g; //\"\n var brRe = /]*>/i;\n var pixelRe = /^\\d+(\\.\\d*)?(px)?$/i;\n var emptyPRe = /
(?: )?<\\/p>/i;\n var cssDeclaration = /(\\*?[-#\\/\\*\\\\\\w]+(?:\\[[0-9a-z_-]+\\])?)\\s*:\\s*((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^\\)]*?\\)|[^};])+)/g;\n var sizzleAttr = /^sizzle-\\d+/i;\n var scriptAttr = /^k-script-/i;\n var onerrorRe = /\\s*onerror\\s*=\\s*(?:'|\")?([^'\">\\s]*)(?:'|\")?/i;\n var br = ' ';\n var bomSpan = \"\\ufeff\";\n\n var div = document.createElement(\"div\");\n div.innerHTML = \"
\";\n var supportsLeadingWhitespace = div.firstChild.nodeType === 3;\n div = null;\n var isFunction = kendo.isFunction;\n\n var TD = \"td\";\n\n var Serializer = {\n toEditableHtml: function(html) {\n return (html || \"\")\n .replace(//g, \"\")\n .replace(/<(\\/?)script([^>]*)>/ig, \"<$1k:script$2>\")\n .replace(/]*)>/ig, function(match) {\n return match.replace(onerrorRe, \"\");\n })\n .replace(/(<\\/?img[^>]*>)[\\r\\n\\v\\f\\t ]+/ig, \"$1\")\n .replace(/^<(table|blockquote)/i, br + '<$1')\n .replace(/^[\\s]*( |\\u00a0)/i, '$1')\n .replace(/<\\/(table|blockquote)>$/i, '' + br);\n },\n\n _toEditableImmutables: function(body) {\n var immutable = Editor.Immutables.immutable,\n emptyTextNode = dom.emptyTextNode,\n first = body.firstChild,\n last = body.lastChild;\n\n while (emptyTextNode(first)) {\n first = first.nextSibling;\n }\n\n while (emptyTextNode(last)) {\n last = last.previousSibling;\n }\n\n if (first && immutable(first)) {\n $(bomSpan).prependTo(body);\n }\n\n if (last && immutable(last)) {\n $(bomSpan).appendTo(body);\n }\n },\n\n _fillEmptyElements: function(body) {\n // fills empty elements to allow them to be focused\n $(body).find(\"p,td\").each(function() {\n var p = $(this);\n if (/^\\s*$/g.test(p.text()) && !p.find(\"img,input\").length) {\n var node = this;\n while (node.children[0] && node.children[0].nodeType != 3) {\n node = node.children[0];\n }\n\n if (node.nodeType == 1 && !dom.empty[dom.name(node)]) {\n if (dom.is(node, \"td\")) {\n node.innerHTML = kendo.ui.editor.emptyTableCellContent;\n }\n else {\n node.innerHTML = kendo.ui.editor.emptyElementContent;\n }\n }\n }\n });\n },\n\n _removeSystemElements: function(body) {\n // removes persisted system elements\n $(\".k-paste-container\", body).remove();\n },\n\n _resetOrderedLists: function(root) {\n // fix for IE9 OL bug -- https://connect.microsoft.com/IE/feedback/details/657695/ordered-list-numbering-changes-from-correct-to-0-0\n var ols = root.getElementsByTagName(\"ol\"), i, ol, originalStart;\n\n for (i = 0; i < ols.length; i++) {\n ol = ols[i];\n originalStart = ol.getAttribute(\"start\");\n\n ol.setAttribute(\"start\", 1);\n\n if (originalStart) {\n ol.setAttribute(\"start\", originalStart);\n } else {\n ol.removeAttribute(originalStart);\n }\n }\n },\n\n _preventScriptExecution: function(root) {\n $(root).find(\"*\").each(function() {\n var attributes = this.attributes;\n var attribute, i, l, name;\n var attributesToRemove = [];\n\n for (i = 0, l = attributes.length; i < l; i++) {\n attribute = attributes[i];\n name = attribute.nodeName;\n\n if (attribute.specified && /^on/i.test(name)) {\n this.setAttribute(\"k-script-\" + name, attribute.value);\n attributesToRemove.push(name);\n }\n }\n\n for (i = 0, l = attributesToRemove.length; i < l; i++) {\n this.removeAttribute(attributesToRemove[i]);\n }\n });\n },\n\n htmlToDom: function(html, root, options) {\n var browser = kendo.support.browser;\n var msie = browser.msie;\n var o = options || {};\n var immutables = o.immutables;\n\n html = Serializer.toEditableHtml(html);\n\n if (isFunction(o.custom)) {\n html = o.custom(html) || html;\n }\n root.innerHTML = html;\n\n if (immutables) {\n immutables.deserialize(root);\n }\n\n if (msie) {\n // unicode characters denormalize the DOM tree in IE9\n dom.normalize(root);\n\n Serializer._resetOrderedLists(root);\n }\n\n Serializer._preventScriptExecution(root);\n\n Serializer._fillEmptyElements(root);\n\n Serializer._removeSystemElements(root);\n\n Serializer._toEditableImmutables(root);\n\n // add k-table class to all tables\n $(\"table\", root).addClass(\"k-table\");\n\n return root;\n },\n\n domToXhtml: function(root, options) {\n var result = [];\n var immutables = options && options.immutables;\n\n function semanticFilter(attributes) {\n return $.grep(attributes, function(attr) {\n return attr.name != \"style\";\n });\n }\n\n function mapStart(node, tag) {\n result.push('<' + tag);\n attr(node);\n result.push('>');\n }\n\n var tagMap = {\n iframe: {\n start: function(node) { mapStart(node, \"iframe\"); },\n end: function() { result.push(''); }\n },\n 'k:script': {\n start: function(node) { mapStart(node, \"script\"); },\n end: function() { result.push(''); },\n skipEncoding: true\n },\n span: {\n canOptimize: true,\n semantic: true,\n start: function(node) {\n var style = node.style;\n\n var attributes = specifiedAttributes(node);\n var semanticAttributes = semanticFilter(attributes);\n\n if (semanticAttributes.length) {\n result.push(\"\");\n }\n\n if (style.textDecoration == \"underline\") {\n result.push(\"\");\n }\n\n var font = [];\n if (style.color) {\n font.push('color=\"' + dom.toHex(style.color) + '\"');\n }\n\n if (style.fontFamily) {\n font.push('face=\"' + style.fontFamily + '\"');\n }\n\n if (style.fontSize) {\n var size = $.inArray(style.fontSize, fontSizeMappings);\n font.push('size=\"' + size + '\"');\n }\n\n // Apply the rest of the inline styles back\n var inlineStyles = [];\n var ignoredStylePrefixes = [\"text-decoration\", \"color\", \"font\"];\n\n for (let i = 0; i < style.length; i++) {\n var inlineStyle = style[i];\n\n if (ignoredStylePrefixes.filter(prop => inlineStyle.startsWith(prop)).length <= 0) {\n inlineStyles.push(`${inlineStyle}: ${style[inlineStyle]}`);\n }\n }\n\n if (inlineStyles.length) {\n font.push('style=\"' + inlineStyles.join(\";\") + '\"');\n }\n\n if (font.length) {\n result.push(\"\");\n }\n },\n end: function(node) {\n var style = node.style;\n\n if (style.color || style.fontFamily || style.fontSize) {\n result.push(\"\");\n }\n\n if (style.textDecoration == \"underline\") {\n result.push(\"\");\n }\n\n if (semanticFilter(specifiedAttributes(node)).length) {\n result.push(\"\");\n }\n }\n },\n strong: {\n semantic: true,\n start: function(node) { mapStart(node, \"b\"); },\n end: function() { result.push(''); }\n },\n em: {\n semantic: true,\n start: function(node) { mapStart(node, \"i\"); },\n end: function() { result.push(''); }\n },\n b: {\n semantic: false,\n start: function(node) { mapStart(node, \"strong\"); },\n end: function() { result.push(''); }\n },\n i: {\n semantic: false,\n start: function(node) { mapStart(node, \"em\"); },\n end: function() { result.push(''); }\n },\n u: {\n semantic: false,\n start: function(node) {\n result.push('');\n },\n end: function() { result.push(''); }\n },\n font: {\n canOptimize: true,\n semantic: false,\n start: function(node) {\n result.push('');\n },\n end: function() {\n result.push('');\n }\n }\n };\n\n tagMap.script = tagMap[\"k:script\"];\n\n options = options || {};\n\n if (typeof options.semantic == \"undefined\") {\n options.semantic = true;\n }\n\n function cssProperties(cssText) {\n var trim = kendo.trim;\n var css = trim(cssText);\n var match;\n var property, value;\n var properties = [];\n\n cssDeclaration.lastIndex = 0;\n\n while (true) {\n match = cssDeclaration.exec(css);\n\n if (!match) {\n break;\n }\n\n property = trim(match[1].toLowerCase());\n value = trim(match[2]);\n\n if (property == \"font-size-adjust\" || property == \"font-stretch\") {\n continue;\n }\n\n if (property.indexOf('color') >= 0) {\n value = dom.toHex(value);\n } else if (property.indexOf('font') >= 0) {\n value = value.replace(quoteRe, \"'\");\n } else if (/\\burl\\(/g.test(value)) {\n value = value.replace(quoteRe, \"\");\n }\n\n properties.push({ property: property, value: value });\n }\n\n return properties;\n }\n\n function styleAttr(cssText) {\n var properties = cssProperties(cssText);\n var i;\n\n for (i = 0; i < properties.length; i++) {\n result.push(properties[i].property);\n result.push(':');\n result.push(properties[i].value);\n result.push(';');\n }\n }\n\n function specifiedAttributes(node) {\n var result = [];\n var attributes = node.attributes;\n var attribute, i, l;\n var name, value, specified;\n\n for (i = 0, l = attributes.length; i < l; i++) {\n attribute = attributes[i];\n\n name = attribute.nodeName;\n value = attribute.value;\n specified = attribute.specified;\n\n // In IE < 8 the 'value' attribute is not returned as 'specified'. The same goes for type=\"text\"\n if (name == 'value' && 'value' in node && node.value) {\n specified = true;\n } else if (name == 'type' && value == 'text') {\n specified = true;\n } else if (name == \"class\" && !value) {\n specified = false;\n } else if (sizzleAttr.test(name)) {\n specified = false;\n } else if (name == 'complete') {\n specified = false;\n } else if (name == 'altHtml') {\n specified = false;\n } else if (name == 'start' && dom.is(node, \"ul\")) {\n specified = false;\n } else if (name == 'start' && dom.is(node, \"ol\") && value == \"1\") {\n specified = false;\n } else if (name.indexOf('_moz') >= 0) {\n specified = false;\n } else if (scriptAttr.test(name)) {\n specified = !!options.scripts;\n } else if (name == 'data-role' && value == 'resizable' && (dom.is(node, \"tr\") || dom.is(node, \"td\"))) {\n specified = false;\n }\n\n if (specified) {\n result.push(attribute);\n }\n }\n\n return result;\n }\n\n function attr(node, attributes) {\n var i, l, attribute, name, value;\n\n attributes = attributes || specifiedAttributes(node);\n\n if (dom.is(node, 'img')) {\n var width = node.style.width,\n height = node.style.height,\n $node = $(node);\n\n if (width && pixelRe.test(width)) {\n $node.attr('width', parseInt(width, 10));\n dom.unstyle(node, { width: undefined$1 });\n }\n\n if (height && pixelRe.test(height)) {\n $node.attr('height', parseInt(height, 10));\n dom.unstyle(node, { height: undefined$1 });\n }\n }\n\n if (!attributes.length) {\n return;\n }\n\n // Remove the following if everything seems to be in order.\n // https://github.com/telerik/kendo-ui-core/issues/3639\n // attributes.sort(function (a, b) {\n // return a.nodeName > b.nodeName ? 1 : a.nodeName < b.nodeName ? -1 : 0;\n // });\n\n for (i = 0, l = attributes.length; i < l; i++) {\n attribute = attributes[i];\n name = attribute.nodeName;\n value = attribute.value;\n\n if (name == \"class\" && value == \"k-table\") {\n continue;\n }\n\n name = name.replace(scriptAttr, \"\");\n\n result.push(' ');\n result.push(name);\n result.push('=\"');\n\n if (name == 'style') {\n styleAttr(value || node.style.cssText);\n } else if (name == 'src' || name == 'href') {\n result.push(kendo.htmlEncode(node.getAttribute(name, 2)));\n } else {\n result.push(dom.fillAttrs[name] ? name : value);\n }\n\n result.push('\"');\n }\n }\n\n function children(node, skip, skipEncoding) {\n for (var childNode = node.firstChild; childNode; childNode = childNode.nextSibling) {\n child(childNode, skip, skipEncoding);\n }\n }\n\n function text(node) {\n return node.nodeValue.replace(/\\ufeff/g, \"\");\n }\n\n function isEmptyBomNode(node) {\n if (dom.isBom(node)) {\n do {\n node = node.parentNode;\n\n if (dom.is(node, TD) && node.childNodes.length === 1) {\n return true;\n }\n\n if (node.childNodes.length !== 1) {\n return false;\n }\n } while (!dom.isBlock(node));\n\n return true;\n }\n\n return false;\n }\n\n function child(node, skip, skipEncoding) {\n var nodeType = node.nodeType,\n tagName, mapper,\n parent, value, previous, jqNode;\n\n if (immutables && Editor.Immutables.immutable(node)) {\n result.push(immutables.serialize(node));\n } else if (nodeType == 1) {\n tagName = dom.name(node);\n jqNode = $(node);\n\n if (jqNode.hasClass(\"k-element-resize-handle-wrapper\") || jqNode.hasClass(\"k-column-resize-handle-wrapper\") || jqNode.hasClass(\"k-row-resize-handle-wrapper\")) {\n return;\n }\n\n if (!tagName || dom.insignificant(node)) {\n return;\n }\n\n if (!options.scripts && (tagName == \"script\" || tagName == \"k:script\")) {\n return;\n }\n\n mapper = tagMap[tagName];\n\n if (mapper) {\n if (mapper.canOptimize &&\n options.optimizeTags &&\n shouldOptimize(node)) {\n children(node, false, mapper.skipEncoding);\n return;\n }\n\n if (typeof mapper.semantic == \"undefined\" ||\n (options.semantic ^ mapper.semantic)) {\n mapper.start(node);\n children(node, false, mapper.skipEncoding);\n mapper.end(node);\n return;\n }\n }\n\n result.push('<');\n result.push(tagName);\n\n attr(node);\n\n if (dom.empty[tagName]) {\n result.push(' />');\n } else {\n result.push('>');\n children(node, skip || dom.is(node, 'pre'));\n result.push('');\n }\n } else if (nodeType == 3) {\n if (isEmptyBomNode(node)) {\n result.push(' ');\n return;\n }\n\n value = text(node);\n\n if (!skip && supportsLeadingWhitespace) {\n parent = node.parentNode;\n previous = node.previousSibling;\n\n if (!previous) {\n previous = (dom.isInline(parent) ? parent : node).previousSibling;\n }\n\n if (!previous || previous.innerHTML === \"\" || dom.isBlock(previous)) {\n if (options.keepEOL) {\n value = value.replace(/[\\r\\n\\v\\f\\t ]+/, ' ');\n } else {\n value = value.replace(/^[\\r\\n\\v\\f\\t ]+/, '');\n }\n }\n\n value = value.replace(/ +/, ' ');\n }\n\n result.push(skipEncoding ? value : dom.encode(value, options));\n\n } else if (nodeType == 4) {\n result.push('');\n } else if (nodeType == 8) {\n if (node.data.indexOf('[CDATA[') < 0) {\n result.push('');\n } else {\n result.push('');\n }\n }\n }\n\n function shouldOptimize(node) {\n return node.attributes.length === 0;\n }\n\n function textOnly(root) {\n var childrenCount = root.childNodes.length;\n var textChild = childrenCount && root.firstChild.nodeType == 3;\n\n return textChild && (childrenCount == 1 || (childrenCount == 2 && dom.insignificant(root.lastChild)));\n }\n\n function runCustom() {\n if (kendo.isFunction(options.custom)) {\n result = options.custom(result) || result;\n }\n }\n\n if (textOnly(root)) {\n result = dom.encode(text(root.firstChild).replace(/[\\r\\n\\v\\f\\t ]+/, ' '), options);\n runCustom();\n\n return result;\n }\n\n children(root);\n result = result.join('');\n runCustom();\n\n // if serialized dom contains only whitespace elements, consider it empty (required field validation)\n if (result.replace(brRe, \"\").replace(emptyPRe, \"\") === \"\") {\n return \"\";\n }\n\n return result;\n }\n\n };\n\n extend(Editor, {\n Serializer: Serializer\n });\n\n })(window.kendo.jQuery);\n\n (function($) {\n\n // Imports ================================================================\n var kendo = window.kendo,\n Class = kendo.Class,\n extend = $.extend,\n Editor = kendo.ui.editor,\n browser = kendo.support.browser,\n dom = Editor.Dom,\n findNodeIndex = dom.findNodeIndex,\n isDataNode = dom.isDataNode,\n findClosestAncestor = dom.findClosestAncestor,\n getNodeLength = dom.getNodeLength,\n normalize = dom.normalize;\n\n var SelectionUtils = {\n selectionFromWindow: function(window) {\n if (!window) {\n return;\n }\n\n if (!(\"getSelection\" in window)) {\n return new W3CSelection(window.document);\n }\n\n return window.getSelection();\n },\n\n selectionFromRange: function(range) {\n var rangeDocument = RangeUtils.documentFromRange(range);\n return SelectionUtils.selectionFromDocument(rangeDocument);\n },\n\n selectionFromDocument: function(document) {\n return SelectionUtils.selectionFromWindow(dom.windowFromDocument(document));\n }\n };\n\n var W3CRange = Class.extend({\n init: function(doc) {\n $.extend(this, {\n ownerDocument: doc, /* not part of the spec; used when cloning ranges, traversing the dom and creating fragments */\n startContainer: doc,\n endContainer: doc,\n commonAncestorContainer: doc,\n startOffset: 0,\n endOffset: 0,\n collapsed: true\n });\n },\n\n // Positioning Methods\n setStart: function(node, offset) {\n this.startContainer = node;\n this.startOffset = offset;\n updateRangeProperties(this);\n fixIvalidRange(this, true);\n },\n\n setEnd: function(node, offset) {\n this.endContainer = node;\n this.endOffset = offset;\n updateRangeProperties(this);\n fixIvalidRange(this, false);\n },\n\n setStartBefore: function(node) {\n this.setStart(node.parentNode, findNodeIndex(node));\n },\n\n setStartAfter: function(node) {\n this.setStart(node.parentNode, findNodeIndex(node) + 1);\n },\n\n setEndBefore: function(node) {\n this.setEnd(node.parentNode, findNodeIndex(node));\n },\n\n setEndAfter: function(node) {\n this.setEnd(node.parentNode, findNodeIndex(node) + 1);\n },\n\n selectNode: function(node) {\n this.setStartBefore(node);\n this.setEndAfter(node);\n },\n\n selectNodeContents: function(node) {\n this.setStart(node, 0);\n this.setEnd(node, node[node.nodeType === 1 ? 'childNodes' : 'nodeValue'].length);\n },\n\n collapse: function(toStart) {\n var that = this;\n\n if (toStart) {\n that.setEnd(that.startContainer, that.startOffset);\n } else {\n that.setStart(that.endContainer, that.endOffset);\n }\n },\n\n // Editing Methods\n\n deleteContents: function() {\n var that = this,\n range = that.cloneRange();\n\n if (that.startContainer != that.commonAncestorContainer) {\n that.setStartAfter(findClosestAncestor(that.commonAncestorContainer, that.startContainer));\n }\n\n that.collapse(true);\n\n (function deleteSubtree(iterator) {\n while (iterator.next()) {\n if (iterator.hasPartialSubtree()) {\n deleteSubtree(iterator.getSubtreeIterator());\n } else {\n iterator.remove();\n }\n }\n })(new RangeIterator(range));\n },\n\n cloneContents: function() {\n // clone subtree\n var document = RangeUtils.documentFromRange(this);\n return (function cloneSubtree(iterator) {\n var node, frag = document.createDocumentFragment();\n\n while (node = iterator.next()) {\n node = node.cloneNode(!iterator.hasPartialSubtree());\n\n if (iterator.hasPartialSubtree()) {\n node.appendChild(cloneSubtree(iterator.getSubtreeIterator()));\n }\n\n frag.appendChild(node);\n }\n\n return frag;\n })(new RangeIterator(this));\n },\n\n extractContents: function() {\n var that = this,\n range = that.cloneRange();\n\n if (that.startContainer != that.commonAncestorContainer) {\n that.setStartAfter(findClosestAncestor(that.commonAncestorContainer, that.startContainer));\n }\n\n that.collapse(true);\n\n var document = RangeUtils.documentFromRange(that);\n\n return (function extractSubtree(iterator) {\n var node, frag = document.createDocumentFragment();\n\n while (node = iterator.next()) {\n if (iterator.hasPartialSubtree()) {\n node = node.cloneNode(false);\n node.appendChild(extractSubtree(iterator.getSubtreeIterator()));\n } else {\n iterator.remove(that.originalRange);\n }\n\n frag.appendChild(node);\n }\n\n return frag;\n })(new RangeIterator(range));\n },\n\n insertNode: function(node) {\n var that = this;\n\n if (isDataNode(that.startContainer)) {\n if (that.startOffset != that.startContainer.nodeValue.length) {\n dom.splitDataNode(that.startContainer, that.startOffset);\n }\n\n dom.insertAfter(node, that.startContainer);\n } else {\n dom.insertAt(that.startContainer, node, that.startOffset);\n }\n\n that.setStart(that.startContainer, that.startOffset);\n },\n\n cloneRange: function() {\n // fast copy\n return $.extend(new W3CRange(this.ownerDocument), {\n startContainer: this.startContainer,\n endContainer: this.endContainer,\n commonAncestorContainer: this.commonAncestorContainer,\n startOffset: this.startOffset,\n endOffset: this.endOffset,\n collapsed: this.collapsed,\n\n originalRange: this /* not part of the spec; used to update the original range when calling extractContents() on clones */\n });\n },\n\n // used for debug purposes\n toString: function() {\n var startNodeName = this.startContainer.nodeName,\n endNodeName = this.endContainer.nodeName;\n\n return [startNodeName == \"#text\" ? this.startContainer.nodeValue : startNodeName, '(', this.startOffset, ') : ',\n endNodeName == \"#text\" ? this.endContainer.nodeValue : endNodeName, '(', this.endOffset, ')'].join('');\n }\n });\n\n W3CRange.fromNode = function(node) {\n return new W3CRange(node.ownerDocument);\n };\n\n /* can be used in Range.compareBoundaryPoints if we need it one day */\n function compareBoundaries(start, end, startOffset, endOffset) {\n if (start == end) {\n return endOffset - startOffset;\n }\n\n // end is child of start\n var container = end;\n while (container && container.parentNode != start) {\n container = container.parentNode;\n }\n\n if (container) {\n return findNodeIndex(container) - startOffset;\n }\n\n // start is child of end\n container = start;\n while (container && container.parentNode != end) {\n container = container.parentNode;\n }\n\n if (container) {\n return endOffset - findNodeIndex(container) - 1;\n }\n\n // deep traversal\n var root = dom.commonAncestor(start, end);\n var startAncestor = start;\n\n while (startAncestor && startAncestor.parentNode != root) {\n startAncestor = startAncestor.parentNode;\n }\n\n if (!startAncestor) {\n startAncestor = root;\n }\n\n var endAncestor = end;\n while (endAncestor && endAncestor.parentNode != root) {\n endAncestor = endAncestor.parentNode;\n }\n\n if (!endAncestor) {\n endAncestor = root;\n }\n\n if (startAncestor == endAncestor) {\n return 0;\n }\n\n return findNodeIndex(endAncestor) - findNodeIndex(startAncestor);\n }\n\n function fixIvalidRange(range, toStart) {\n function isInvalidRange(range) {\n try {\n return compareBoundaries(range.startContainer, range.endContainer, range.startOffset, range.endOffset) < 0;\n } catch (ex) {\n // range was initially invalid (e.g. when cloned from invalid range) - it must be fixed\n return true;\n }\n }\n\n if (isInvalidRange(range)) {\n if (toStart) {\n range.commonAncestorContainer = range.endContainer = range.startContainer;\n range.endOffset = range.startOffset;\n } else {\n range.commonAncestorContainer = range.startContainer = range.endContainer;\n range.startOffset = range.endOffset;\n }\n\n range.collapsed = true;\n }\n }\n\n function updateRangeProperties(range) {\n range.collapsed = range.startContainer == range.endContainer && range.startOffset == range.endOffset;\n\n var node = range.startContainer;\n while (node && node != range.endContainer && !dom.isAncestorOf(node, range.endContainer)) {\n node = node.parentNode;\n }\n\n range.commonAncestorContainer = node;\n }\n\n var RangeIterator = Class.extend({\n init: function(range) {\n $.extend(this, {\n range: range,\n _current: null,\n _next: null,\n _end: null\n });\n\n if (range.collapsed) {\n return;\n }\n\n var root = range.commonAncestorContainer;\n\n this._next = range.startContainer == root && !isDataNode(range.startContainer) ?\n range.startContainer.childNodes[range.startOffset] :\n findClosestAncestor(root, range.startContainer);\n\n this._end = range.endContainer == root && !isDataNode(range.endContainer) ?\n range.endContainer.childNodes[range.endOffset] :\n findClosestAncestor(root, range.endContainer).nextSibling;\n },\n\n hasNext: function() {\n return !!this._next;\n },\n\n next: function() {\n var that = this,\n current = that._current = that._next;\n that._next = that._current && that._current.nextSibling != that._end ?\n that._current.nextSibling : null;\n\n if (isDataNode(that._current)) {\n if (that.range.endContainer == that._current) {\n current = current.cloneNode(true);\n current.deleteData(that.range.endOffset, current.length - that.range.endOffset);\n }\n\n if (that.range.startContainer == that._current) {\n current = current.cloneNode(true);\n current.deleteData(0, that.range.startOffset);\n }\n }\n\n return current;\n },\n\n traverse: function(callback) {\n var that = this,\n current;\n\n function next() {\n that._current = that._next;\n that._next = that._current && that._current.nextSibling != that._end ? that._current.nextSibling : null;\n return that._current;\n }\n\n while (current = next()) {\n if (that.hasPartialSubtree()) {\n that.getSubtreeIterator().traverse(callback);\n } else {\n callback(current);\n }\n }\n\n return current;\n },\n\n remove: function(originalRange) {\n var that = this,\n inStartContainer = that.range.startContainer == that._current,\n inEndContainer = that.range.endContainer == that._current,\n start, end, delta;\n\n if (isDataNode(that._current) && (inStartContainer || inEndContainer)) {\n start = inStartContainer ? that.range.startOffset : 0;\n end = inEndContainer ? that.range.endOffset : that._current.length;\n delta = end - start;\n\n if (originalRange && (inStartContainer || inEndContainer)) {\n if (that._current == originalRange.startContainer && start <= originalRange.startOffset) {\n originalRange.startOffset -= delta;\n }\n\n if (that._current == originalRange.endContainer && end <= originalRange.endOffset) {\n originalRange.endOffset -= delta;\n }\n }\n\n that._current.deleteData(start, delta);\n } else {\n var parent = that._current.parentNode;\n\n if (originalRange && (that.range.startContainer == parent || that.range.endContainer == parent)) {\n var nodeIndex = findNodeIndex(that._current);\n\n if (parent == originalRange.startContainer && nodeIndex <= originalRange.startOffset) {\n originalRange.startOffset -= 1;\n }\n\n if (parent == originalRange.endContainer && nodeIndex < originalRange.endOffset) {\n originalRange.endOffset -= 1;\n }\n }\n\n dom.remove(that._current);\n }\n },\n\n hasPartialSubtree: function() {\n return !isDataNode(this._current) &&\n (dom.isAncestorOrSelf(this._current, this.range.startContainer) ||\n dom.isAncestorOrSelf(this._current, this.range.endContainer));\n },\n\n getSubtreeIterator: function() {\n return new RangeIterator(this.getSubRange());\n },\n\n getSubRange: function() {\n var that = this,\n subRange = that.range.cloneRange();\n subRange.selectNodeContents(that._current);\n if (dom.isAncestorOrSelf(that._current, that.range.startContainer)) {\n subRange.setStart(that.range.startContainer, that.range.startOffset);\n }\n if (dom.isAncestorOrSelf(that._current, that.range.endContainer)) {\n subRange.setEnd(that.range.endContainer, that.range.endOffset);\n }\n\n return subRange;\n }\n });\n\n var W3CSelection = Class.extend({\n init: function(doc) {\n this.ownerDocument = doc;\n this.rangeCount = 1;\n },\n\n addRange: function(range) {\n var textRange = this.ownerDocument.body.createTextRange();\n\n // end container should be adopted first in order to prevent selection with negative length\n adoptContainer(textRange, range, false);\n adoptContainer(textRange, range, true);\n\n textRange.select();\n },\n\n removeAllRanges: function() {\n var selection = this.ownerDocument.selection;\n\n if (selection.type != \"None\") {\n selection.empty();\n }\n },\n\n getRangeAt: function() {\n var textRange,\n range = new W3CRange(this.ownerDocument),\n selection = this.ownerDocument.selection,\n element, commonAncestor;\n\n try {\n textRange = selection.createRange();\n element = textRange.item ? textRange.item(0) : textRange.parentElement();\n if (element.ownerDocument != this.ownerDocument) {\n return range;\n }\n } catch (ex) {\n return range;\n }\n\n if (selection.type == \"Control\") {\n range.selectNode(textRange.item(0));\n } else {\n commonAncestor = textRangeContainer(textRange);\n adoptEndPoint(textRange, range, commonAncestor, true);\n adoptEndPoint(textRange, range, commonAncestor, false);\n\n if (range.startContainer.nodeType == 9) {\n range.setStart(range.endContainer, range.startOffset);\n }\n\n if (range.endContainer.nodeType == 9) {\n range.setEnd(range.startContainer, range.endOffset);\n }\n\n if (textRange.compareEndPoints(\"StartToEnd\", textRange) === 0) {\n range.collapse(false);\n }\n\n var startContainer = range.startContainer,\n endContainer = range.endContainer,\n body = this.ownerDocument.body;\n\n if (!range.collapsed && range.startOffset === 0 && range.endOffset == getNodeLength(range.endContainer) && // check for full body selection\n !(startContainer == endContainer && isDataNode(startContainer) && startContainer.parentNode == body)) { // but not when single textnode is selected\n var movedStart = false,\n movedEnd = false;\n\n while (findNodeIndex(startContainer) === 0 && startContainer == startContainer.parentNode.firstChild && startContainer != body) {\n startContainer = startContainer.parentNode;\n movedStart = true;\n }\n\n while (findNodeIndex(endContainer) == getNodeLength(endContainer.parentNode) - 1 && endContainer == endContainer.parentNode.lastChild && endContainer != body) {\n endContainer = endContainer.parentNode;\n movedEnd = true;\n }\n\n if (startContainer == body && endContainer == body && movedStart && movedEnd) {\n range.setStart(startContainer, 0);\n range.setEnd(endContainer, getNodeLength(body));\n }\n }\n }\n\n return range;\n }\n });\n\n function textRangeContainer(textRange) {\n var left = textRange.duplicate(),\n right = textRange.duplicate();\n\n left.collapse(true);\n right.collapse(false);\n\n return dom.commonAncestor(textRange.parentElement(), left.parentElement(), right.parentElement());\n }\n\n function adoptContainer(textRange, range, start) {\n // find anchor node and offset\n var container = range[start ? \"startContainer\" : \"endContainer\"],\n offset = range[start ? \"startOffset\" : \"endOffset\"],\n textOffset = 0,\n isData = isDataNode(container),\n anchorNode = isData ? container : container.childNodes[offset] || null,\n anchorParent = isData ? container.parentNode : container,\n doc = range.ownerDocument,\n cursor = doc.body.createTextRange(),\n cursorNode;\n\n // visible data nodes need a text offset\n if (container.nodeType == 3 || container.nodeType == 4) {\n textOffset = offset;\n }\n\n if (!anchorParent) {\n anchorParent = doc.body;\n }\n\n if (anchorParent.nodeName.toLowerCase() == \"img\") {\n cursor.moveToElementText(anchorParent);\n cursor.collapse(false);\n textRange.setEndPoint(start ? \"StartToStart\" : \"EndToStart\", cursor);\n } else {\n // create a cursor element node to position range (since we can't select text nodes)\n cursorNode = anchorParent.insertBefore(dom.create(doc, \"a\"), anchorNode);\n\n cursor.moveToElementText(cursorNode);\n dom.remove(cursorNode);\n cursor[start ? \"moveStart\" : \"moveEnd\"](\"character\", textOffset);\n cursor.collapse(false);\n textRange.setEndPoint(start ? \"StartToStart\" : \"EndToStart\", cursor);\n }\n }\n\n function adoptEndPoint(textRange, range, commonAncestor, start) {\n var cursorNode = dom.create(range.ownerDocument, \"a\"),\n cursor = textRange.duplicate(),\n comparison = start ? \"StartToStart\" : \"StartToEnd\",\n result, parent, target,\n previous, next,\n args, index,\n appended = false;\n\n cursorNode.innerHTML = \"\\ufeff\";\n cursor.collapse(start);\n\n parent = cursor.parentElement();\n\n if (!dom.isAncestorOrSelf(commonAncestor, parent)) {\n parent = commonAncestor;\n }\n\n // detect range end points\n // insert cursorNode within the textRange parent and move the cursor until it gets outside of the textRange\n do {\n if (appended) {\n parent.insertBefore(cursorNode, cursorNode.previousSibling);\n } else {\n parent.appendChild(cursorNode);\n appended = true;\n }\n cursor.moveToElementText(cursorNode);\n } while ((result = cursor.compareEndPoints(comparison, textRange)) > 0 && cursorNode.previousSibling);\n\n target = cursorNode.nextSibling;\n\n if (result == -1 && isDataNode(target)) {\n cursor.setEndPoint(start ? \"EndToStart\" : \"EndToEnd\", textRange);\n\n dom.remove(cursorNode);\n\n args = [target, cursor.text.length];\n } else {\n previous = !start && cursorNode.previousSibling;\n next = start && cursorNode.nextSibling;\n\n if (isDataNode(next)) {\n args = [next, 0];\n } else if (isDataNode(previous)) {\n args = [previous, previous.length];\n } else {\n index = findNodeIndex(cursorNode);\n\n if (parent.nextSibling && index == parent.childNodes.length - 1) {\n args = [parent.nextSibling, 0];\n } else {\n args = [parent, index];\n }\n }\n\n dom.remove(cursorNode);\n }\n\n range[start ? \"setStart\" : \"setEnd\"].apply(range, args);\n }\n\n var RangeEnumerator = Class.extend({\n init: function(range) {\n this.enumerate = function() {\n var nodes = [];\n\n function visit(node) {\n if (dom.is(node, \"img\") || (node.nodeType == 3 && (!dom.isEmptyspace(node) || node.nodeValue == \"\\ufeff\"))) {\n nodes.push(node);\n } else {\n node = node.firstChild;\n while (node) {\n visit(node);\n node = node.nextSibling;\n }\n }\n }\n\n new RangeIterator(range).traverse(visit);\n\n return nodes;\n };\n }\n });\n\n var ImmutablesRangeIterator = RangeIterator.extend({\n hasPartialSubtree: function() {\n var immutable = Editor.Immutables && Editor.Immutables.immutable;\n return immutable && !immutable(this._current) && RangeIterator.fn.hasPartialSubtree.call(this);\n },\n\n getSubtreeIterator: function() {\n return new ImmutablesRangeIterator(this.getSubRange());\n }\n });\n\n var ImmutablesRangeEnumerator = Class.extend({\n init: function(range) {\n this.enumerate = function() {\n var nodes = [];\n var immutable = Editor.Immutables && Editor.Immutables.immutable;\n function visit(node) {\n if (immutable && !immutable(node)) {\n if (dom.is(node, \"img\") || (node.nodeType == 3 && (!dom.isEmptyspace(node) || node.nodeValue == \"\\ufeff\"))) {\n nodes.push(node);\n } else {\n node = node.firstChild;\n while (node) {\n visit(node);\n node = node.nextSibling;\n }\n }\n }\n }\n\n new ImmutablesRangeIterator(range).traverse(visit);\n\n return nodes;\n };\n }\n });\n\n var RestorePoint = Class.extend({\n init: function(range, body, options) {\n var that = this;\n that.range = range;\n that.rootNode = RangeUtils.documentFromRange(range);\n that.body = body || that.getEditable(range);\n if (dom.name(that.body) != \"body\") {\n that.rootNode = that.body;\n }\n\n that.startContainer = that.nodeToPath(range.startContainer);\n that.endContainer = that.nodeToPath(range.endContainer);\n that.startOffset = that.offset(range.startContainer, range.startOffset);\n that.endOffset = that.offset(range.endContainer, range.endOffset);\n\n that.immutables = options && options.immutables;\n\n if (that.immutables) {\n that.serializedImmutables = Editor.Immutables.removeImmutables(that.body);\n }\n\n that.html = that.body.innerHTML;\n\n if (that.immutables && !that.serializedImmutables.empty) {\n Editor.Immutables.restoreImmutables(that.body, that.serializedImmutables);\n }\n },\n\n index: function(node) {\n var result = 0,\n lastType = node.nodeType;\n\n while (node = node.previousSibling) {\n var nodeType = node.nodeType;\n\n if (nodeType != 3 || lastType != nodeType) {\n result ++;\n }\n\n lastType = nodeType;\n }\n\n return result;\n },\n\n getEditable: function(range) {\n var root = range.commonAncestorContainer;\n\n while (root && (root.nodeType == 3 || root.attributes && (!root.attributes.contentEditable || root.attributes.contentEditable.nodeValue.toLowerCase() == \"false\"))) {\n root = root.parentNode;\n }\n\n return root;\n },\n\n restoreHtml: function() {\n var that = this;\n\n dom.removeChildren(that.body);\n that.body.innerHTML = that.html;\n if (that.immutables && !that.serializedImmutables.empty) {\n Editor.Immutables.restoreImmutables(that.body, that.serializedImmutables);\n }\n },\n\n offset: function(node, value) {\n if (node.nodeType == 3) {\n while ((node = node.previousSibling) && node.nodeType == 3) {\n value += node.nodeValue.length;\n }\n }\n\n return value;\n },\n\n nodeToPath: function(node) {\n var path = [];\n\n while (node != this.rootNode) {\n path.push(this.index(node));\n node = node.parentNode;\n }\n\n return path;\n },\n\n toRangePoint: function(range, start, path, denormalizedOffset) {\n var node = this.rootNode,\n length = path.length,\n offset = denormalizedOffset;\n\n while (length-- && node) {\n node = node.childNodes[path[length]];\n }\n\n while (node && node.nodeType == 3 && node.nodeValue.length < offset) {\n offset -= node.nodeValue.length;\n node = node.nextSibling;\n }\n\n if (node && offset >= 0) {\n range[start ? 'setStart' : 'setEnd'](node, offset);\n }\n },\n\n toRange: function() {\n var that = this,\n result = that.range.cloneRange();\n\n that.toRangePoint(result, true, that.startContainer, that.startOffset);\n that.toRangePoint(result, false, that.endContainer, that.endOffset);\n\n return result;\n }\n\n });\n\n var Marker = Class.extend({\n init: function() {\n this.caret = null;\n },\n\n addCaret: function(range) {\n var that = this;\n var caret = that.caret = dom.create(RangeUtils.documentFromRange(range), 'span', { className: 'k-marker' });\n range.insertNode(caret);\n\n dom.stripBomNode(caret.previousSibling);\n dom.stripBomNode(caret.nextSibling);\n\n range.selectNode(caret);\n return caret;\n },\n\n removeCaret: function(range) {\n var that = this,\n previous = that.caret.previousSibling,\n startOffset = 0;\n\n if (previous) {\n startOffset = isDataNode(previous) ? previous.nodeValue.length : findNodeIndex(previous);\n }\n\n var container = that.caret.parentNode;\n var containerIndex = previous ? findNodeIndex(previous) : 0;\n\n dom.remove(that.caret);\n normalize(container);\n\n var node = container.childNodes[containerIndex];\n\n if (isDataNode(node)) {\n range.setStart(node, startOffset);\n } else if (node) {\n var textNode = dom.lastTextNode(node);\n if (textNode) {\n range.setStart(textNode, textNode.nodeValue.length);\n } else {\n range[previous ? 'setStartAfter' : 'setStartBefore'](node);\n }\n } else {\n if (!browser.msie && !container.innerHTML) {\n container.innerHTML = ' ';\n }\n\n range.selectNodeContents(container);\n }\n range.collapse(true);\n },\n\n add: function(range, expand) {\n var that = this;\n\n var collapsed = range.collapsed && !RangeUtils.isExpandable(range);\n var doc = RangeUtils.documentFromRange(range);\n\n if (expand && range.collapsed) {\n that.addCaret(range);\n range = RangeUtils.expand(range);\n }\n\n var rangeBoundary = range.cloneRange();\n\n rangeBoundary.collapse(false);\n that.end = dom.create(doc, 'span', { className: 'k-marker' });\n rangeBoundary.insertNode(that.end);\n\n rangeBoundary = range.cloneRange();\n rangeBoundary.collapse(true);\n that.start = that.end.cloneNode(true);\n rangeBoundary.insertNode(that.start);\n\n that._removeDeadMarkers(that.start, that.end);\n\n if (collapsed) {\n var bom = doc.createTextNode(\"\\ufeff\");\n dom.insertAfter(bom.cloneNode(), that.start);\n dom.insertBefore(bom, that.end);\n }\n\n normalize(range.commonAncestorContainer);\n\n range.setStartBefore(that.start);\n range.setEndAfter(that.end);\n\n return range;\n },\n\n _removeDeadMarkers: function(start, end) {\n if (start.previousSibling && start.previousSibling.nodeValue == \"\\ufeff\") {\n dom.remove(start.previousSibling);\n }\n\n if (end.nextSibling && end.nextSibling.nodeValue == \"\\ufeff\") {\n dom.remove(end.nextSibling);\n }\n },\n\n _normalizedIndex: function(node) {\n var index = findNodeIndex(node);\n var pointer = node;\n\n while (pointer.previousSibling) {\n if (pointer.nodeType == 3 && pointer.previousSibling.nodeType == 3) {\n index--;\n }\n\n pointer = pointer.previousSibling;\n }\n\n return index;\n },\n\n remove: function(range) {\n var that = this,\n start = that.start,\n end = that.end,\n shouldNormalizeStart,\n shouldNormalizeEnd,\n shouldNormalize;\n\n normalize(range.commonAncestorContainer);\n\n while (!start.nextSibling && start.parentNode) {\n start = start.parentNode;\n }\n\n while (!end.previousSibling && end.parentNode) {\n end = end.parentNode;\n }\n\n // merely accessing the siblings will solve range issues in IE\n shouldNormalizeStart = (start.previousSibling && start.previousSibling.nodeType == 3) &&\n (start.nextSibling && start.nextSibling.nodeType == 3);\n\n shouldNormalizeEnd = (end.previousSibling && end.previousSibling.nodeType == 3) &&\n (end.nextSibling && end.nextSibling.nodeType == 3);\n\n shouldNormalize = shouldNormalizeStart && shouldNormalizeEnd;\n\n start = start.nextSibling;\n end = end.previousSibling;\n\n var isBomSelected = start === end && dom.isBom(start);\n if (isBomSelected && start.length > 1) {\n start.nodeValue = start.nodeValue.charAt(0);\n }\n\n var collapsed = isBomSelected;\n var collapsedToStart = false;\n // collapsed range\n if (start == that.end) {\n collapsedToStart = !!that.start.previousSibling;\n start = end = that.start.previousSibling || that.end.nextSibling;\n collapsed = true;\n }\n\n dom.remove(that.start);\n dom.remove(that.end);\n\n if (!start || !end) {\n range.selectNodeContents(range.commonAncestorContainer);\n range.collapse(true);\n return;\n }\n\n var startOffset = collapsed ? isDataNode(start) ? start.nodeValue.length : start.childNodes.length : 0;\n var endOffset = isDataNode(end) ? end.nodeValue.length : end.childNodes.length;\n\n if (start.nodeType == 3) {\n while (start.previousSibling && start.previousSibling.nodeType == 3) {\n start = start.previousSibling;\n startOffset += start.nodeValue.length;\n }\n }\n\n if (end.nodeType == 3) {\n while (end.previousSibling && end.previousSibling.nodeType == 3) {\n end = end.previousSibling;\n endOffset += end.nodeValue.length;\n }\n }\n\n var startParent = start.parentNode;\n var endParent = end.parentNode;\n var startIndex = this._normalizedIndex(start);\n var endIndex = this._normalizedIndex(end);\n\n normalize(startParent);\n if (start.nodeType == 3) {\n start = startParent.childNodes[startIndex];\n }\n\n normalize(endParent);\n if (end.nodeType == 3) {\n end = endParent.childNodes[endIndex];\n }\n\n if (collapsed) {\n if (start.nodeType == 3) {\n range.setStart(start, startOffset);\n } else {\n range[collapsedToStart ? 'setStartAfter' : 'setStartBefore'](start);\n }\n\n range.collapse(true);\n\n } else {\n if (start.nodeType == 3) {\n range.setStart(start, startOffset);\n } else {\n range.setStartBefore(start);\n }\n\n if (end.nodeType == 3) {\n range.setEnd(end, endOffset);\n } else {\n range.setEndAfter(end);\n }\n }\n\n if (that.caret) {\n that.removeCaret(range);\n }\n }\n });\n\n var boundary = /[\\u0009-\\u000d]|\\u0020|\\u00a0|\\ufeff|\\.|,|;|:|!|\\(|\\)|\\?/;\n\n var RangeUtils = {\n nodes: function(range) {\n var nodes = RangeUtils.textNodes(range);\n if (!nodes.length) {\n range.selectNodeContents(range.commonAncestorContainer);\n nodes = RangeUtils.textNodes(range);\n if (!nodes.length) {\n nodes = dom.significantChildNodes(range.commonAncestorContainer);\n }\n }\n return nodes;\n },\n\n textNodes: function(range) {\n var allNodes = new RangeEnumerator(range).enumerate(),\n result = allNodes.filter(function(node) {\n return dom.allowsTextContent(node.parentElement);\n });\n\n return result;\n },\n\n editableTextNodes: function(range) {\n var nodes = [],\n immutableParent = Editor.Immutables && Editor.Immutables.immutableParent,\n result = [];\n\n if (immutableParent && !immutableParent(range.commonAncestorContainer)) {\n nodes = new ImmutablesRangeEnumerator(range).enumerate();\n result = nodes.filter(function(node) {\n return dom.allowsTextContent(node.parentElement);\n });\n }\n\n return result;\n },\n\n documentFromRange: function(range) {\n var startContainer = range.startContainer;\n return startContainer.nodeType == 9 ? startContainer : startContainer.ownerDocument;\n },\n\n createRange: function(document) {\n return document.createRange();\n },\n\n selectRange: function(range) {\n var image = RangeUtils.image(range);\n if (image) {\n range.setStartAfter(image);\n range.setEndAfter(image);\n }\n var selection = SelectionUtils.selectionFromRange(range);\n selection.removeAllRanges();\n selection.addRange(range);\n },\n\n stringify: function(range) {\n return kendo.format(\n \"{0}:{1} - {2}:{3}\",\n dom.name(range.startContainer), range.startOffset,\n dom.name(range.endContainer), range.endOffset\n );\n },\n\n split: function(range, node, trim) {\n function partition(start) {\n var partitionRange = range.cloneRange();\n partitionRange.collapse(start);\n partitionRange[start ? 'setStartBefore' : 'setEndAfter'](node);\n var contents = partitionRange.extractContents();\n if (trim) {\n contents = dom.trim(contents);\n }\n dom[start ? 'insertBefore' : 'insertAfter'](contents, node);\n }\n partition(true);\n partition(false);\n },\n\n mapAll: function(range, map) {\n var nodes = [];\n\n new RangeIterator(range).traverse(function(node) {\n var mapped = map(node);\n\n if (mapped && $.inArray(mapped, nodes) < 0) {\n nodes.push(mapped);\n }\n });\n\n return nodes;\n },\n\n getAll: function(range, predicate) {\n var selector = predicate;\n\n if (typeof predicate == \"string\") {\n predicate = function(node) {\n return dom.is(node, selector);\n };\n }\n\n return RangeUtils.mapAll(range, function(node) {\n if (predicate(node)) {\n return node;\n }\n });\n },\n\n getMarkers: function(range) {\n return RangeUtils.getAll(range, function(node) {\n return node.className == 'k-marker';\n });\n },\n\n image: function(range) {\n var nodes = RangeUtils.getAll(range, \"img\");\n\n if (nodes.length == 1) {\n return nodes[0];\n }\n },\n\n isStartOf: function(originalRange, node) {\n if (originalRange.startOffset !== 0) {\n return false;\n }\n\n var range = originalRange.cloneRange();\n\n while (range.startOffset === 0 && range.startContainer != node) {\n var index = dom.findNodeIndex(range.startContainer);\n var parent = range.startContainer.parentNode;\n\n while (index > 0 && parent[index - 1] && dom.insignificant(parent[index - 1])) {\n index--;\n }\n\n range.setStart(parent, index);\n }\n\n return range.startOffset === 0 && range.startContainer == node;\n },\n\n isEndOf: function(originalRange, node) {\n var range = originalRange.cloneRange();\n\n range.collapse(false);\n\n var start = range.startContainer;\n\n if (dom.isDataNode(start) && range.startOffset == dom.getNodeLength(start)) {\n range.setStart(start.parentNode, dom.findNodeIndex(start) + 1);\n range.collapse(true);\n }\n\n range.setEnd(node, dom.getNodeLength(node));\n\n var nodes = [];\n\n function visit(node) {\n if (!dom.insignificant(node) && !(dom.isDataNode(node) && /^[\\ufeff]*$/.test(node.nodeValue))) {\n nodes.push(node);\n }\n }\n\n new RangeIterator(range).traverse(visit);\n\n return !nodes.length;\n },\n\n wrapSelectedElements: function(range) {\n var startEditable = dom.editableParent(range.startContainer);\n var endEditable = dom.editableParent(range.endContainer);\n\n while (range.startOffset === 0 && range.startContainer != startEditable) {\n range.setStart(range.startContainer.parentNode, dom.findNodeIndex(range.startContainer));\n }\n\n function isEnd(offset, container) {\n var length = dom.getNodeLength(container);\n\n if (offset == length) {\n return true;\n }\n\n for (var i = offset; i < length; i++) {\n if (!dom.insignificant(container.childNodes[i])) {\n return false;\n }\n }\n\n return true;\n }\n\n while (isEnd(range.endOffset, range.endContainer) && range.endContainer != endEditable) {\n range.setEnd(range.endContainer.parentNode, dom.findNodeIndex(range.endContainer) + 1);\n }\n\n return range;\n },\n\n expand: function(range) {\n var result = range.cloneRange();\n\n var startContainer = result.startContainer.childNodes[result.startOffset === 0 ? 0 : result.startOffset - 1];\n var endContainer = result.endContainer.childNodes[result.endOffset];\n\n if (!isDataNode(startContainer) || !isDataNode(endContainer)) {\n return result;\n }\n\n var beforeCaret = startContainer.nodeValue;\n var afterCaret = endContainer.nodeValue;\n\n if (!beforeCaret || !afterCaret) {\n return result;\n }\n\n var startOffset = beforeCaret.split('').reverse().join('').search(boundary);\n var endOffset = afterCaret.search(boundary);\n\n if (!startOffset || !endOffset) {\n return result;\n }\n\n endOffset = endOffset == -1 ? afterCaret.length : endOffset;\n startOffset = startOffset == -1 ? 0 : beforeCaret.length - startOffset;\n\n result.setStart(startContainer, startOffset);\n result.setEnd(endContainer, endOffset);\n\n return result;\n },\n\n isExpandable: function(range) {\n var node = range.startContainer;\n var rangeDocument = RangeUtils.documentFromRange(range);\n\n if (node == rangeDocument || node == rangeDocument.body) {\n return false;\n }\n\n var result = range.cloneRange();\n\n var value = node.nodeValue;\n if (!value) {\n return false;\n }\n\n var beforeCaret = value.substring(0, result.startOffset);\n var afterCaret = value.substring(result.startOffset);\n\n var startOffset = 0, endOffset = 0;\n\n if (beforeCaret) {\n startOffset = beforeCaret.split('').reverse().join('').search(boundary);\n }\n\n if (afterCaret) {\n endOffset = afterCaret.search(boundary);\n }\n\n return startOffset && endOffset;\n }\n };\n\n extend(Editor, {\n SelectionUtils: SelectionUtils,\n W3CRange: W3CRange,\n RangeIterator: RangeIterator,\n W3CSelection: W3CSelection,\n RangeEnumerator: RangeEnumerator,\n RestorePoint: RestorePoint,\n Marker: Marker,\n RangeUtils: RangeUtils\n });\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n var kendo = window.kendo,\n Class = kendo.Class,\n Editor = kendo.ui.editor,\n dom = Editor.Dom,\n template = kendo.template,\n RangeUtils = Editor.RangeUtils,\n complexBlocks = [\"ul\", \"ol\", \"tbody\", \"thead\", \"table\"],\n toolsToBeUpdated = [\n \"bold\",\n \"italic\",\n \"underline\",\n \"strikethrough\",\n \"superscript\",\n \"subscript\",\n \"forecolor\",\n \"backcolor\",\n \"fontname\",\n \"fontsize\",\n \"createlink\",\n \"unlink\",\n \"autolink\",\n \"addcolumnleft\",\n \"addcolumnright\",\n \"addrowabove\",\n \"addrowbelow\",\n \"deleterow\",\n \"deletecolumn\",\n \"mergecells\",\n \"formatting\",\n \"cleanformatting\" ],\n IMMUTABALE = \"k-immutable\",\n IMMUTABALE_MARKER_SELECTOR = \"[\" + IMMUTABALE + \"]\",\n IMMUTABLE_SELECTOR = \"[contenteditable='false']\";\n\n var rootCondition = function(node) {\n return $(node).is(\"body,.k-editor\");\n };\n\n var immutable = function(node) {\n return node.getAttribute && node.getAttribute(\"contenteditable\") == \"false\";\n };\n\n var immutableParent = function(node) {\n return dom.closestBy(node, immutable, rootCondition);\n };\n\n var expandImmutablesIn = function(range) {\n var startImmutableParent = immutableParent(range.startContainer);\n var endImmutableParent = immutableParent(range.endContainer);\n\n if (startImmutableParent || endImmutableParent) {\n if (startImmutableParent) {\n range.setStartBefore(startImmutableParent);\n }\n if (endImmutableParent) {\n range.setEndAfter(endImmutableParent);\n }\n }\n };\n\n var immutablesContext = function(range) {\n if (immutableParent(range.commonAncestorContainer)) {\n return true;\n } else if (immutableParent(range.startContainer) || immutableParent(range.endContainer)) {\n var editableNodes = RangeUtils.editableTextNodes(range);\n if (editableNodes.length === 0) {\n return true;\n }\n }\n return false;\n };\n\n var randomId = function(length) {\n var result = '';\n var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';\n for (var i = length || 10; i > 0; --i) {\n result += chars.charAt(Math.round(Math.random() * (chars.length - 1)));\n }\n return result;\n };\n\n var removeImmutables = function(root) {\n var serializedImmutables = { empty: true }, nodeName, id, serialized;\n $(root).find(IMMUTABLE_SELECTOR).each(function(i, node) {\n nodeName = dom.name(node);\n id = randomId();\n serialized = \"<\" + nodeName + \" \" + IMMUTABALE + \"='\" + id + \"'>\";\n serializedImmutables[id] = { node: node, style: $(node).attr(\"style\") };\n serializedImmutables.empty = false;\n $(node).replaceWith(serialized);\n });\n\n return serializedImmutables;\n };\n\n var restoreImmutables = function(root, serializedImmutables) {\n var id, immutable;\n $(root).find(IMMUTABALE_MARKER_SELECTOR).each(function(i, node) {\n id = node.getAttribute(IMMUTABALE);\n immutable = serializedImmutables[id];\n $(node).replaceWith(immutable.node);\n if (immutable.style != $(immutable.node).attr(\"style\")) {\n $(immutable.node).removeAttr(\"style\").attr(\"style\", immutable.style);\n }\n });\n };\n\n var deletingKey = function(keyCode) {\n var keys = kendo.keys;\n return keyCode === keys.BACKSPACE || keyCode == keys.DELETE;\n };\n var updateToolOptions = function(tool) {\n var options = tool ? tool.options : undefined$1;\n if (options && options.finder) {\n options.finder._initOptions({ immutables: true });\n }\n };\n\n var Immutables = Class.extend({\n init: function(editor) {\n this.editor = editor;\n this.serializedImmutables = {};\n this.options = $.extend({}, editor && editor.options && editor.options.immutables);\n\n var tools = kendo.ui.Editor.defaultTools;\n updateToolOptions(tools.justifyLeft);\n updateToolOptions(tools.justifyCenter);\n updateToolOptions(tools.justifyRight);\n updateToolOptions(tools.justifyFull);\n },\n\n serialize: function(node) {\n var result = this._toHtml(node),\n id;\n\n if (result.indexOf(IMMUTABALE) === -1) {\n id = this.randomId();\n result = result.replace(/>/, ' ' + IMMUTABALE + '=\"' + id + '\">');\n } else {\n id = result.match(/k-immutable\\s*=\\s*['\"](.*)['\"]/)[1];\n }\n\n this.serializedImmutables[id] = node;\n return result;\n },\n\n _toHtml: function(node) {\n var serialization = this.options.serialization;\n var serializationType = typeof serialization;\n var nodeName;\n\n switch (serializationType) {\n case \"string\":\n return template(serialization)(node);\n case \"function\":\n return serialization(node);\n default:\n nodeName = dom.name(node);\n return \"<\" + nodeName + \">\";\n }\n },\n\n deserialize: function(node) {\n var that = this;\n var deserialization = this.options.deserialization;\n\n $(IMMUTABALE_MARKER_SELECTOR, node).each(function() {\n var id = this.getAttribute(IMMUTABALE);\n var immutable = that.serializedImmutables[id];\n if (kendo.isFunction(deserialization)) {\n deserialization(this, immutable);\n }\n $(this).replaceWith(immutable);\n });\n\n that.serializedImmutables = {};\n },\n\n randomId: function(length) {\n return randomId(length);\n },\n\n keydown: function(e, range) {\n var isDeleting = deletingKey(e.keyCode);\n var shouldCancelEvent = (isDeleting && this._cancelDeleting(e, range)) ||\n (!isDeleting && this._cancelTyping(e, range));\n\n if (shouldCancelEvent) {\n e.preventDefault();\n return true;\n }\n },\n\n _cancelTyping: function(e, range) {\n var editor = this.editor;\n var keyboard = editor.keyboard;\n\n return range.collapsed && !keyboard.typingInProgress &&\n keyboard.isTypingKey(e) && immutablesContext(range);\n },\n\n _cancelDeleting: function(e, range) {\n var keys = kendo.keys;\n var backspace = e.keyCode === keys.BACKSPACE;\n var del = e.keyCode == keys.DELETE;\n\n if (!backspace && !del) {\n return false;\n }\n var cancelDeleting = false;\n if (range.collapsed) {\n if (immutablesContext(range)) {\n return true;\n }\n var immutable = this.nextImmutable(range, del);\n if (immutable && backspace) {\n var closestSelectionLi = dom.closest(range.commonAncestorContainer, \"li\");\n if (closestSelectionLi) {\n var closestImmutableLi = dom.closest(immutable, \"li\");\n if (closestImmutableLi && closestImmutableLi !== closestSelectionLi) {\n return cancelDeleting;\n }\n }\n }\n if (immutable && !dom.tableCell(immutable)) {\n if (dom.parentOfType(immutable, complexBlocks) === dom.parentOfType(range.commonAncestorContainer, complexBlocks)) {\n while (immutable && immutable.parentNode.childNodes.length == 1) {\n immutable = immutable.parentNode;\n }\n if (dom.tableCell(immutable)) {\n return cancelDeleting;\n }\n this._removeImmutable(immutable, range);\n }\n cancelDeleting = true;\n }\n }\n return cancelDeleting;\n },\n\n nextImmutable: function(range, forwards) {\n var commonContainer = range.commonAncestorContainer;\n if (dom.isBom(commonContainer) || ((forwards && RangeUtils.isEndOf(range, commonContainer)) || (!forwards && RangeUtils.isStartOf(range, commonContainer)))) {\n var next = this._nextNode(commonContainer, forwards);\n if (next && dom.isBlock(next) && !immutableParent(next)) {\n while (next && next.children && next.children[forwards ? 0 : next.children.length - 1]) {\n next = next.children[forwards ? 0 : next.children.length - 1];\n }\n }\n return immutableParent(next);\n }\n },\n\n _removeImmutable: function(immutable, range) {\n var editor = this.editor;\n var startRestorePoint = new Editor.RestorePoint(range, editor.body);\n dom.remove(immutable);\n Editor._finishUpdate(editor, startRestorePoint);\n },\n\n _nextNode: function(node, forwards) {\n var sibling = forwards ? \"nextSibling\" : \"previousSibling\";\n var current = node, next;\n while (current && !next && !dom.isChildOfBaseContainer(current)) {\n next = current[sibling];\n if (next && dom.isDataNode(next) && /^\\s|[\\ufeff]$/.test(next.nodeValue)) {\n current = next;\n next = current[sibling];\n }\n if (!next) {\n current = current.parentNode;\n }\n }\n return next;\n }\n });\n\n Immutables.immutable = immutable;\n Immutables.immutableParent = immutableParent;\n Immutables.expandImmutablesIn = expandImmutablesIn;\n Immutables.immutablesContext = immutablesContext;\n Immutables.toolsToBeUpdated = toolsToBeUpdated;\n Immutables.removeImmutables = removeImmutables;\n Immutables.restoreImmutables = restoreImmutables;\n\n Editor.Immutables = Immutables;\n })(window.kendo.jQuery);\n\n (function($) {\n\n // Imports ================================================================\n var kendo = window.kendo,\n Class = kendo.Class,\n editorNS = kendo.ui.editor,\n dom = editorNS.Dom,\n RestorePoint = editorNS.RestorePoint,\n Marker = editorNS.Marker,\n extend = $.extend;\n\n function finishUpdate(editor, startRestorePoint) {\n var endRestorePoint = editor.selectionRestorePoint = new RestorePoint(editor.getRange(), editor.body);\n var command = new GenericCommand(startRestorePoint, endRestorePoint);\n command.editor = editor;\n\n editor.undoRedoStack.push(command);\n editor._refreshTools();\n\n return endRestorePoint;\n }\n\n var Command = Class.extend({\n init: function(options) {\n this.options = options;\n this.restorePoint = new RestorePoint(options.range, options.body, { immutables: options.immutables });\n this.marker = new Marker();\n this.formatter = options.formatter;\n },\n\n getRange: function() {\n return this.restorePoint.toRange();\n },\n\n lockRange: function(expand) {\n return this.marker.add(this.getRange(), expand);\n },\n\n releaseRange: function(range) {\n this.marker.remove(range);\n this.editor.selectRange(range);\n },\n\n undo: function() {\n var point = this.restorePoint;\n point.restoreHtml();\n this.editor.selectRange(point.toRange());\n },\n\n redo: function() {\n this.exec();\n },\n\n createDialog: function(content, options) {\n var editor = this.editor;\n\n return $(content).appendTo(document.body)\n .kendoWindow(extend({}, editor.options.dialogOptions, options))\n .closest(\".k-window\")\n .addClass(\"k-editor-window\")\n .toggleClass(\"k-rtl\", kendo.support.isRtl(editor.wrapper)).end();\n },\n\n exec: function() {\n var range = this.lockRange(true);\n this.formatter.editor = this.editor;\n this.formatter.toggle(range);\n this.releaseRange(range);\n },\n\n immutables: function() {\n return this.editor && this.editor.options.immutables;\n },\n\n expandImmutablesIn: function(range) {\n if (this.immutables()) {\n kendo.ui.editor.Immutables.expandImmutablesIn(range);\n this.restorePoint = new RestorePoint(range, this.editor.body);\n }\n },\n\n _actionButtonsTemplate: function({ messages, insertButtonIcon, cancelButtonIcon }) {\n return '