(.*)<\\/div>$/, '$1'\n ];\n },\n\n applicable: function(html) {\n return (/class=\"?Apple-style-span|style=\"[^\"]*-webkit-nbsp-mode/i).test(html);\n }\n });\n\n var DomCleaner = Cleaner.extend({\n clean: function(html) {\n var container = dom.create(document, 'div', { innerHTML: html });\n container = this.cleanDom(container);\n return container.innerHTML;\n },\n\n cleanDom: function(container) {\n return container;\n }\n });\n\n var HtmlTagsCleaner = DomCleaner.extend({\n cleanDom: function(container) {\n var tags = this.collectTags();\n\n $(container).find(tags).each(function() {\n dom.unwrap(this);\n });\n\n return container;\n },\n\n collectTags: function() {\n if (this.options.span) {\n return \"span\";\n }\n },\n\n applicable: function() {\n return this.options.span;\n }\n });\n\n var HtmlAttrCleaner = DomCleaner.extend({\n cleanDom: function(container) {\n var attributes = this.collectAttr();\n var nodes = $(container).find(\"[\" + attributes.join(\"],[\") + \"]\");\n nodes.removeAttr(attributes.join(\" \"));\n\n return container;\n },\n\n collectAttr: function() {\n if (this.options.css) {\n return [\"class\", \"style\"];\n }\n\n return [];\n },\n\n applicable: function() {\n return this.options.css;\n }\n });\n\n var TextContainer = function() {\n this.text = \"\";\n this.add = function(text) {\n this.text += text;\n };\n };\n\n var HtmlTextLines = Class.extend({\n init: function(separators) {\n this.separators = separators || {\n text: \" \",\n line: \"
\"\n };\n this.lines = [];\n this.inlineBlockText = [];\n this.resetLine();\n },\n\n appendText: function(text) {\n if (text.nodeType === 3) {\n text = text.nodeValue;\n }\n\n this.textContainer.add(text);\n },\n\n appendInlineBlockText: function(text) {\n this.inlineBlockText.push(text);\n },\n\n flashInlineBlockText: function() {\n if (this.inlineBlockText.length) {\n this.appendText(this.inlineBlockText.join(\" \"));\n this.inlineBlockText = [];\n }\n },\n\n endLine: function() {\n this.flashInlineBlockText();\n this.resetLine();\n },\n\n html: function() {\n var separators = this.separators;\n var result = \"\";\n var lines = this.lines;\n\n this.flashInlineBlockText();\n\n for (var i = 0, il = lines.length, il1 = il - 1; i < il; i++) {\n var line = lines[i];\n for (var j = 0, jl = line.length, jl1 = jl - 1; j < jl; j++) {\n var text = line[j].text;\n result += text;\n if (j !== jl1) {\n result += separators.text;\n }\n }\n if (i !== il1) {\n result += separators.line;\n }\n }\n\n return result;\n },\n\n resetLine: function() {\n this.textContainer = new TextContainer();\n this.line = [];\n this.line.push(this.textContainer);\n this.lines.push(this.line);\n }\n });\n\n var DomEnumerator = Class.extend({\n init: function(callback) {\n this.callback = callback;\n },\n enumerate: function(node) {\n if (!node) {\n return;\n }\n\n var preventDown = this.callback(node);\n\n var child = node.firstChild;\n if (!preventDown && child) {\n this.enumerate(child);\n }\n\n this.enumerate(node.nextSibling);\n }\n });\n\n var HtmlContentCleaner = Cleaner.extend({\n init: function(options) {\n Cleaner.fn.init.call(this, options);\n this.hasText = false; //unpleasant flag to prevent an empty line at the beginning of the generated content.\n this.enumerator = new DomEnumerator(this.buildText.bind(this));\n },\n\n clean: function(html) {\n var container = dom.create(document, 'div', { innerHTML: html });\n\n return this.cleanDom(container);\n },\n\n cleanDom: function(container) {\n this.separators = this.getDefaultSeparators();\n this.htmlLines = new HtmlTextLines(this.separators);\n this.enumerator.enumerate(container.firstChild);\n this.hasText = false;\n\n return this.htmlLines.html();\n },\n\n buildText: function(node) {\n if (dom.isDataNode(node)) {\n if (dom.isEmptyspace(node)) {\n return;\n }\n this.htmlLines.appendText(node.nodeValue.replace('\\n', this.separators.line));\n this.hasText = true;\n } else if (dom.isBlock(node) && this.hasText) {\n var action = this.actions[dom.name(node)] || this.actions.block;\n return action(this, node);\n } else if (dom.isBr(node)) {\n this.htmlLines.appendText(this.separators.line);\n }\n },\n\n applicable: function() {\n var o = this.options;\n return o.all || o.keepNewLines;\n },\n\n getDefaultSeparators: function() {\n if (this.options.all) {\n return { text: \" \", line: \" \" };\n } else {\n return { text: \" \", line: \"
\" };\n }\n },\n\n actions: {\n ul: $.noop,\n ol: $.noop,\n table: $.noop,\n thead: $.noop,\n tbody: $.noop,\n td: function(cleaner, node) {\n var tdCleaner = new HtmlContentCleaner({ all: true });\n\n var cellText = tdCleaner.cleanDom(node);\n cleaner.htmlLines.appendInlineBlockText(cellText);\n\n return true;\n },\n\n block: function(cleaner) {\n cleaner.htmlLines.endLine();\n }\n }\n });\n\n var CustomCleaner = Cleaner.extend({\n clean: function(html) {\n return this.options.custom(html);\n },\n\n applicable: function() {\n return typeof(this.options.custom) === \"function\";\n }\n });\n\n extend(editorNS, {\n Clipboard: Clipboard,\n Cleaner: Cleaner,\n ScriptCleaner: ScriptCleaner,\n TabCleaner: TabCleaner,\n MSWordFormatCleaner: MSWordFormatCleaner,\n WebkitFormatCleaner: WebkitFormatCleaner,\n HtmlTagsCleaner: HtmlTagsCleaner,\n HtmlAttrCleaner: HtmlAttrCleaner,\n HtmlContentCleaner: HtmlContentCleaner,\n HtmlTextLines: HtmlTextLines,\n CustomCleaner: CustomCleaner\n });\n\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 RangeUtils = editorNS.RangeUtils,\n dom = editorNS.Dom,\n RestorePoint = editorNS.RestorePoint,\n Marker = editorNS.Marker,\n browser = kendo.support.browser,\n bomSpan = \"
\\ufeff\",\n extend = $.extend;\n var nodeTypes = dom.nodeTypes;\n var PREVIOUS_SIBLING = \"previousSibling\";\n\n function selected(node, range) {\n return range.startContainer === node && range.endContainer === node &&\n range.startOffset === 0 && range.endOffset == node.childNodes.length;\n }\n\n function getSibling(node, direction, condition) {\n var sibling = node ? node[direction] : null;\n\n while (sibling && !condition(sibling)) {\n sibling = sibling[direction];\n }\n\n return sibling;\n }\n\n var tableCells = \"td,th,caption\";\n var tableCellsWrappers = \"table,tbody,thead,tfoot,tr\";\n var tableElements = tableCellsWrappers + \",\" + tableCells;\n var inTable = function(range) { return !range.collapsed && $(range.commonAncestorContainer).is(tableCellsWrappers); };\n\n var RemoveTableContent = Class.extend({\n remove: function(range) {\n var that = this;\n var marker = new Marker();\n marker.add(range, false);\n\n var nodes = RangeUtils.getAll(range, function(node) { return $(node).is(tableElements); });\n var doc = RangeUtils.documentFromRange(range);\n var start = marker.start;\n var end = marker.end;\n var cellsTypes = tableCells.split(\",\");\n var startCell = dom.parentOfType(start, cellsTypes);\n var endCell = dom.parentOfType(end, cellsTypes);\n that._removeContent(start, startCell, true);\n that._removeContent(end, endCell, false);\n $(nodes).each(function(i, node) {\n node = $(node);\n (node.is(tableCells) ? node : node.find(tableCells)).each(function(j, cell) {\n cell.innerHTML = \"\";\n });\n });\n if (startCell && !start.previousSibling) {\n dom.insertBefore(doc.createTextNode(\"\\ufeff\"), start);\n }\n if (endCell && !end.nextSibling) {\n dom.insertAfter(doc.createTextNode(\"\\ufeff\"), end);\n }\n if (startCell) {\n range.setStartBefore(start);\n } else if (nodes[0]) {\n startCell = $(nodes[0]);\n startCell = startCell.is(tableCells) ? startCell : startCell.find(tableCells).first();\n if (startCell.length) {\n range.setStart(startCell.get(0), 0);\n }\n }\n\n range.collapse(true);\n\n dom.remove(start);\n dom.remove(end);\n },\n _removeContent: function(start, top, forwards) {\n if (top) {\n var sibling = forwards ? \"nextSibling\" : \"previousSibling\",\n next,\n getNext = function(node) {\n while (node && !node[sibling]) {\n node = node.parentNode;\n }\n return node && $.contains(top, node) ? node[sibling] : null;\n };\n start = getNext(start);\n while (start) {\n next = getNext(start);\n dom.remove(start);\n start = next;\n }\n }\n }\n });\n\n var TypingHandler = Class.extend({\n init: function(editor) {\n this.editor = editor;\n },\n\n keydown: function(e) {\n var that = this,\n editor = that.editor,\n keyboard = editor.keyboard,\n isTypingKey = keyboard.isTypingKey(e),\n evt = extend($.Event(), e);\n\n that.editor.trigger(\"keydown\", evt);\n\n if (evt.isDefaultPrevented()) {\n e.preventDefault();\n return true;\n }\n\n if (!evt.isDefaultPrevented() && isTypingKey && !keyboard.isTypingInProgress()) {\n var range = editor.getRange();\n var body = editor.body;\n that.startRestorePoint = new RestorePoint(range, body);\n\n if (inTable(range)) {\n var removeTableContent = new RemoveTableContent(editor);\n removeTableContent.remove(range);\n editor.selectRange(range);\n }\n\n if (browser.webkit && !range.collapsed && selected(body, range)) {\n body.innerHTML = \"\";\n }\n\n if (editor.immutables && editorNS.Immutables.immutablesContext(range)) {\n var backspaceHandler = new editorNS.BackspaceHandler(editor);\n backspaceHandler.deleteSelection(range);\n }\n\n keyboard.startTyping(function() {\n that._removeBomSpan();\n that.endRestorePoint = editorNS._finishUpdate(editor, that.startRestorePoint);\n });\n\n return true;\n }\n\n return false;\n },\n\n keyup: function(e) {\n var keyboard = this.editor.keyboard;\n\n this.editor.trigger(\"keyup\", e);\n\n if (keyboard.isTypingInProgress()) {\n keyboard.endTyping();\n return true;\n }\n\n return false;\n },\n\n _removeBomSpan: function() {\n var node = this.editor.getRange().commonAncestorContainer;\n\n if (!dom.emptyNode(node)) {\n if (node.nodeType === 3) {\n node = node.parentNode;\n }\n\n if (dom.insignificant(node)) {\n // typing in an insignificant node\n // make it significant\n node.textContent = dom.stripBom(node.textContent);\n dom.unwrap(node);\n }\n }\n }\n });\n\n var BackspaceHandler = Class.extend({\n init: function(editor) {\n this.editor = editor;\n },\n _addCaret: function(container) {\n var caret = dom.create(this.editor.document, \"a\");\n\n // Only if not Chrome: Make sure to include cared in the formatted inline node\n if (!kendo.support.browser.chrome && container.firstChild &&\n container.firstChild.nodeType === nodeTypes.ELEMENT_NODE) {\n\n container = container.firstChild;\n }\n\n dom.insertAt(container, caret, 0);\n dom.stripBomNode(caret.previousSibling);\n dom.stripBomNode(caret.nextSibling);\n return caret;\n },\n _restoreCaret: function(caret) {\n var range = this.editor.createRange();\n\n if (!caret.nextSibling && dom.isDataNode(caret.previousSibling)) {\n range.setStart(caret.previousSibling, caret.previousSibling.length);\n } else {\n range.setStartAfter(caret);\n }\n\n range.collapse(true);\n this.editor.selectRange(range);\n dom.remove(caret);\n },\n _handleDelete: function(range) {\n var node = range.endContainer;\n var block = dom.closestEditableOfType(node, dom.blockElements);\n\n if (block && editorNS.RangeUtils.isEndOf(range, block)) {\n // join with next sibling\n var next = dom.next(block);\n if (!next || dom.name(next) != \"p\") {\n return false;\n }\n\n var caretPlaceholder = dom.significantChildNodes(next)[0];\n caretPlaceholder = (caretPlaceholder && dom.isInline(caretPlaceholder)) ? caretPlaceholder : next;\n var caret = this._addCaret(caretPlaceholder);\n\n this._merge(block, next);\n\n this._restoreCaret(caret);\n\n return true;\n }\n\n return false;\n },\n _cleanBomBefore: function(range) {\n var offset = range.startOffset;\n var node = range.startContainer;\n var text = node.nodeValue;\n var count = 0;\n while (offset - count >= 0 && text[offset - count - 1] == \"\\ufeff\") {\n count++;\n }\n\n if (count > 0) {\n node.deleteData(offset - count, count);\n\n range.setStart(node, Math.max(0, offset - count));\n range.collapse(true);\n\n this.editor.selectRange(range);\n }\n },\n _handleBackspace: function(range) {\n var node = range.startContainer;\n var li = dom.closestEditableOfType(node, ['li']);\n var block = dom.closestEditableOfType(node, 'p,h1,h2,h3,h4,h5,h6'.split(','));\n var editor = this.editor;\n var previousSibling;\n\n if (dom.isDataNode(node)) {\n if (range.collapsed && /^\\s[\\ufeff]+$/.test(node.nodeValue)) {\n range.setStart(node, 0);\n range.setEnd(node, node.length);\n editor.selectRange(range);\n return false;\n }\n this._cleanBomBefore(range);\n }\n\n previousSibling = getSibling(block, PREVIOUS_SIBLING, function(sibling) {\n return !dom.htmlIndentSpace(sibling);\n });\n\n //deleting the first list item with empty content in IE results in invalid range\n if (range.collapsed && range.startOffset !== range.endOffset && range.startOffset < 0) {\n range.startOffset = 0;\n range.endOffset = 0;\n editor.selectRange(range);\n }\n\n var startAtLi = li && editorNS.RangeUtils.isStartOf(range, li);\n var liIndex = li && $(li).index();\n var startAtNonFirstLi = startAtLi && liIndex > 0;\n if (startAtNonFirstLi) {\n block = li;\n previousSibling = dom.prev(li);\n }\n\n if (block && previousSibling && dom.is(previousSibling, 'table') && editorNS.RangeUtils.isStartOf(range, block)) {\n if (block.innerText === '') {\n block.innerHTML = '\\ufeff';\n }\n return true;\n }\n\n // outdent\n if (editorNS.RangeUtils.isStartOf(range, block) && parseInt(block.style.marginLeft,10) > 0) {\n editor.exec(\"outdent\");\n return true;\n }\n\n // unwrap block\n if ((block && previousSibling && editorNS.RangeUtils.isStartOf(range, block)) || startAtNonFirstLi) {\n var caretPlaceholder = dom.significantChildNodes(block)[0];\n caretPlaceholder = (caretPlaceholder && dom.isInline(caretPlaceholder)) ? caretPlaceholder : block;\n var caret = this._addCaret(caretPlaceholder);\n this._merge(previousSibling, block);\n this._restoreCaret(caret);\n\n return true;\n }\n\n // unwrap li element\n if (startAtLi && liIndex === 0) {\n var child = li.firstChild;\n if (!child) {\n li.innerHTML = editorNS.emptyElementContent;\n child = li.firstChild;\n }\n\n var formatter = new editorNS.ListFormatter(dom.name(li.parentNode), \"p\");\n range.selectNodeContents(li);\n formatter.toggle(range);\n\n if (dom.insignificant(child)) {\n range.setStartBefore(child);\n } else {\n range.setStart(child, 0);\n }\n\n editor.selectRange(range);\n\n return true;\n }\n\n var rangeStartNode = node.childNodes[range.startOffset - 1];\n var linkRange = range;\n var anchor = rangeStartNode && dom.closestEditableOfType(rangeStartNode, ['a']);\n var previousNode = getSibling(rangeStartNode || node, PREVIOUS_SIBLING, function(sibling) {\n return !dom.isDataNode(sibling) || (!dom.isBom(sibling) && sibling.length > 0);\n });\n if (anchor || ((range.startOffset === 0 || rangeStartNode) && dom.is(previousNode, \"a\"))) {\n anchor = anchor || previousNode;\n linkRange = editor.createRange();\n linkRange.setStart(anchor, anchor.childNodes.length);\n linkRange.collapse(true);\n }\n\n anchor = anchor || dom.closestEditableOfType(rangeStartNode || linkRange.startContainer, ['a']);\n var isEndOfLink = anchor && editorNS.RangeUtils.isEndOf(linkRange, anchor);\n if (isEndOfLink) {\n var command = new editorNS.UnlinkCommand({ range: linkRange, body: editor.body, immutables: !!editor.immutables });\n editor.execCommand(command);\n editor._selectionChange();\n }\n return false;\n },\n _handleSelection: function(range) {\n var ancestor = range.commonAncestorContainer;\n var table = dom.closest(ancestor, \"table\");\n var emptyParagraphContent = editorNS.emptyElementContent;\n var editor = this.editor;\n var parentElementOrNode;\n\n if (inTable(range)) {\n var removeTableContent = new RemoveTableContent(editor);\n removeTableContent.remove(range);\n editor.selectRange(range);\n return true;\n }\n\n var marker = new Marker();\n marker.add(range, false);\n\n if (range.commonAncestorContainer === editor.body) {\n this._surroundFullyContent(marker, range);\n }\n\n if (editor.immutables) {\n this._handleImmutables(marker);\n }\n\n this._surroundFullySelectedAnchor(marker, range);\n\n range.setStartAfter(marker.start);\n range.setEndBefore(marker.end);\n\n var start = range.startContainer;\n var end = range.endContainer;\n\n range.deleteContents();\n\n if (end.tagName.toLocaleLowerCase() === \"li\" && dom.emptyNode(end)) {\n range.selectNode(end);\n range.deleteContents();\n }\n\n if (table && $(table).text() === \"\") {\n range.selectNode(table);\n range.deleteContents();\n }\n\n ancestor = range.commonAncestorContainer;\n\n if (dom.name(ancestor) === \"p\" && ancestor.innerHTML === \"\") {\n ancestor.innerHTML = emptyParagraphContent;\n range.setStart(ancestor, 0);\n }\n\n this._join(start, end);\n\n dom.insertAfter(editor.document.createTextNode(\"\\ufeff\"), marker.start);\n marker.remove(range);\n\n start = range.startContainer;\n if (dom.name(start) == \"tr\") {\n start = start.childNodes[Math.max(0, range.startOffset - 1)];\n range.setStart(start, dom.getNodeLength(start));\n }\n\n range.collapse(true);\n\n editor.selectRange(range);\n\n parentElementOrNode = start.parentElement || start.parentNode;\n\n if (dom.isDataNode(start) && !dom.emptyNode(parentElementOrNode)) {\n this._cleanBomBefore(range);\n }\n\n return true;\n },\n _handleImmutables: function(marker) {\n var immutableParent = editorNS.Immutables.immutableParent;\n var startImmutable = immutableParent(marker.start);\n var endImmutable = immutableParent(marker.start);\n if (startImmutable) {\n dom.insertBefore(marker.start, startImmutable);\n }\n if (endImmutable) {\n dom.insertAfter(marker.end, endImmutable);\n }\n if (startImmutable) {\n dom.remove(startImmutable);\n }\n if (endImmutable && endImmutable.parentNode) {\n dom.remove(endImmutable);\n }\n },\n _surroundFullyContent: function(marker, range) {\n var children = range.commonAncestorContainer.children,\n startParent = children[0],\n endParent = children[children.length - 1];\n\n this._moveMarker(marker, range, startParent, endParent);\n },\n _surroundFullySelectedAnchor: function(marker, range) {\n var start = marker.start,\n startParent = $(start).closest(\"a\").get(0),\n end = marker.end,\n endParent = $(end).closest(\"a\").get(0);\n\n this._moveMarker(marker, range, startParent, endParent);\n },\n _moveMarker: function(marker, range, startParent, endParent) {\n var start = marker.start,\n end = marker.end;\n\n if (startParent && RangeUtils.isStartOf(range, startParent)) {\n dom.insertBefore(start, startParent);\n }\n\n if (endParent && RangeUtils.isEndOf(range, endParent)) {\n dom.insertAfter(end, endParent);\n }\n },\n _root: function(node) {\n while (node && dom.name(node) != \"body\" && node.parentNode && dom.name(node.parentNode) != \"body\") {\n node = node.parentNode;\n }\n\n return node;\n },\n _join: function(start, end) {\n start = this._root(start);\n end = this._root(end);\n\n if (start != end && dom.is(end, \"p\")) {\n this._merge(start, end);\n }\n },\n _merge: function(dest, src) {\n dom.removeTrailingBreak(dest);\n\n while (dest && src.firstChild) {\n if (dest.nodeType == 1) {\n dest = dom.list(dest) ? dest.children[dest.children.length - 1] : dest;\n\n if (dest) {\n dest.appendChild(src.firstChild);\n }\n } else if (dest.nodeType === nodeTypes.TEXT_NODE) {\n this._mergeWithTextNode(dest, src.firstChild);\n } else {\n dest.parentNode.appendChild(src.firstChild);\n }\n }\n\n dom.remove(src);\n },\n\n _mergeWithTextNode: function(textNode, appendedNode) {\n if (textNode && textNode.nodeType === nodeTypes.TEXT_NODE) {\n if (textNode.nextSibling && this._isCaret(textNode.nextSibling)) {\n dom.insertAfter(appendedNode, textNode.nextSibling);\n }\n else {\n dom.insertAfter(appendedNode, textNode);\n }\n }\n },\n\n _isCaret: function(element) {\n return $(element).is(\"a\");\n },\n\n keydown: function(e) {\n var method, startRestorePoint;\n var editor = this.editor;\n var range = editor.getRange();\n var keyCode = e.keyCode;\n var keys = kendo.keys;\n var backspace = keyCode === keys.BACKSPACE;\n var del = keyCode == keys.DELETE;\n\n if (editor.immutables && editor.immutables.keydown(e, range)) {\n return;\n }\n\n if ((backspace || del) && !range.collapsed) {\n method = \"_handleSelection\";\n } else if (backspace) {\n method = \"_handleBackspace\";\n } else if (del) {\n method = \"_handleDelete\";\n }\n\n if (!method) {\n return;\n }\n\n startRestorePoint = new RestorePoint(range, editor.body);\n\n if (this[method](range)) {\n e.preventDefault();\n\n editorNS._finishUpdate(editor, startRestorePoint);\n }\n },\n deleteSelection: function(range) {\n this._handleSelection(range);\n },\n keyup: $.noop\n });\n\n var SystemHandler = Class.extend({\n init: function(editor) {\n this.editor = editor;\n this.systemCommandIsInProgress = false;\n },\n\n createUndoCommand: function() {\n this.startRestorePoint = this.endRestorePoint = editorNS._finishUpdate(this.editor, this.startRestorePoint);\n },\n\n changed: function() {\n if (this.startRestorePoint) {\n return this.startRestorePoint.html != this.editor.body.innerHTML;\n }\n\n return false;\n },\n\n keydown: function(e) {\n var that = this,\n editor = that.editor,\n keyboard = editor.keyboard;\n\n if (keyboard.isModifierKey(e)) {\n\n if (keyboard.isTypingInProgress()) {\n keyboard.endTyping(true);\n }\n\n that.startRestorePoint = new RestorePoint(editor.getRange(), editor.body);\n return true;\n }\n\n if (keyboard.isSystem(e)) {\n that.systemCommandIsInProgress = true;\n\n if (that.changed()) {\n that.systemCommandIsInProgress = false;\n that.createUndoCommand();\n }\n\n return true;\n }\n\n return false;\n },\n\n keyup: function() {\n var that = this;\n\n if (that.systemCommandIsInProgress && that.changed()) {\n that.systemCommandIsInProgress = false;\n that.createUndoCommand();\n return true;\n }\n\n return false;\n }\n });\n\n var SelectAllHandler = Class.extend({\n init: function(editor) {\n this.editor = editor;\n },\n\n keydown: function(e) {\n if (!browser.webkit || e.isDefaultPrevented() ||\n !(e.ctrlKey && e.keyCode == 65 && !e.altKey && !e.shiftKey)) {\n return;\n }\n if (this.editor.options.immutables) {\n this._toSelectableImmutables();\n }\n this._selectEditorBody();\n },\n\n _selectEditorBody: function() {\n var editor = this.editor;\n var range = editor.getRange();\n range.selectNodeContents(editor.body);\n\n setTimeout(function() {\n editor.selectRange(range);\n });\n },\n\n _toSelectableImmutables: function() {\n var editor = this.editor,\n body = editor.body,\n immutable = editorNS.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 keyup: $.noop\n });\n\n var Keyboard = Class.extend({\n init: function(handlers) {\n this.handlers = handlers;\n this.typingInProgress = false;\n },\n\n isCharacter: function(keyCode) {\n return (keyCode >= 48 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) ||\n (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222) ||\n keyCode == 229;\n },\n\n toolFromShortcut: function(tools, e) {\n var key = String.fromCharCode(e.keyCode),\n toolName,\n toolOptions,\n modifier = this._getShortcutModifier(e, navigator.platform);\n\n for (toolName in tools) {\n toolOptions = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options);\n\n if ((toolOptions.key == key || toolOptions.key == e.keyCode) &&\n toolOptions.ctrl == modifier &&\n toolOptions.alt == e.altKey &&\n toolOptions.shift == e.shiftKey) {\n return toolName;\n }\n }\n },\n\n _getShortcutModifier: function(e, platform) {\n var mac = platform.toUpperCase().indexOf('MAC') >= 0;\n return mac ? e.metaKey : e.ctrlKey;\n },\n\n toolsFromShortcut: function(tools, e) {\n var key = String.fromCharCode(e.keyCode),\n toolName,\n o,\n matchesKey,\n found = [];\n var matchKey = function(toolKey) { return toolKey == key || toolKey == e.keyCode || toolKey == e.charCode; };\n\n for (toolName in tools) {\n o = $.extend({ ctrl: false, alt: false, shift: false }, tools[toolName].options);\n\n matchesKey = Array.isArray(o.key) ? $.grep(o.key, matchKey).length > 0 : matchKey(o.key);\n if (matchesKey &&\n o.ctrl == e.ctrlKey &&\n o.alt == e.altKey &&\n o.shift == e.shiftKey) {\n found.push(tools[toolName]);\n }\n }\n\n return found;\n },\n\n isTypingKey: function(e) {\n var keyCode = e.keyCode;\n return (this.isCharacter(keyCode) && !e.ctrlKey && !e.altKey) ||\n keyCode == 32 || keyCode == 13 || keyCode == 8 ||\n (keyCode == 46 && !e.shiftKey && !e.ctrlKey && !e.altKey);\n },\n\n isModifierKey: function(e) {\n var keyCode = e.keyCode;\n return (keyCode == 17 && !e.shiftKey && !e.altKey) ||\n (keyCode == 16 && !e.ctrlKey && !e.altKey) ||\n (keyCode == 18 && !e.ctrlKey && !e.shiftKey);\n },\n\n isSystem: function(e) {\n return e.keyCode == 46 && e.ctrlKey && !e.altKey && !e.shiftKey;\n },\n\n startTyping: function(callback) {\n this.onEndTyping = callback;\n this.typingInProgress = true;\n },\n\n stopTyping: function() {\n if (this.typingInProgress && this.onEndTyping) {\n this.onEndTyping();\n }\n this.typingInProgress = false;\n },\n\n endTyping: function(force) {\n var that = this;\n that.clearTimeout();\n if (force) {\n that.stopTyping();\n } else {\n that.timeout = window.setTimeout(that.stopTyping.bind(that), 1000);\n }\n },\n\n isTypingInProgress: function() {\n return this.typingInProgress;\n },\n\n clearTimeout: function() {\n window.clearTimeout(this.timeout);\n },\n\n notify: function(e, what) {\n var i, handlers = this.handlers;\n\n for (i = 0; i < handlers.length; i++) {\n if (handlers[i][what](e)) {\n break;\n }\n }\n },\n\n keydown: function(e) {\n this.notify(e, 'keydown');\n },\n\n keyup: function(e) {\n this.notify(e, 'keyup');\n }\n });\n\n extend(editorNS, {\n TypingHandler: TypingHandler,\n SystemHandler: SystemHandler,\n BackspaceHandler: BackspaceHandler,\n SelectAllHandler: SelectAllHandler,\n Keyboard: Keyboard\n });\n\n })(window.kendo.jQuery);\n\n (function($) {\n\n // Imports ================================================================\n var kendo = window.kendo,\n editorNS = kendo.ui.editor,\n Command = editorNS.Command,\n EditorUtils = editorNS.EditorUtils,\n registerTool = EditorUtils.registerTool,\n Tool = editorNS.Tool,\n ToolTemplate = editorNS.ToolTemplate,\n extend = $.extend;\n\n var ExportPdfCommand = Command.extend({\n init: function(options) {\n this.async = true;\n Command.fn.init.call(this, options);\n },\n\n exec: function() {\n var that = this;\n var range = that.lockRange(true);\n var editor = that.editor;\n\n editor._destroyResizings();\n\n editor.saveAsPDF().then(function() {\n that.releaseRange(range);\n editor._initializeColumnResizing();\n editor._initializeRowResizing();\n editor._initializeElementResizing();\n });\n }\n });\n\n extend(editorNS, {\n ExportPdfCommand: ExportPdfCommand\n });\n\n registerTool(\"pdf\", new Tool({ command: ExportPdfCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: \"Export PDF\" }) }));\n\n })(window.kendo.jQuery);\n\n (function($) {\n\n // Imports ================================================================\n var kendo = window.kendo,\n editorNS = kendo.ui.editor,\n Command = editorNS.Command,\n EditorUtils = editorNS.EditorUtils,\n registerTool = EditorUtils.registerTool,\n Tool = editorNS.Tool,\n ToolTemplate = editorNS.ToolTemplate,\n extend = $.extend;\n\n var PrintCommand = Command.extend({\n init: function(options) {\n Command.fn.init.call(this, options);\n\n this.managesUndoRedo = true;\n },\n\n exec: function() {\n var editor = this.editor;\n\n if (kendo.support.browser.msie) {\n editor.document.execCommand(\"print\", false, null);\n } else if (editor.window.print) {\n editor.window.print();\n }\n }\n });\n\n extend(editorNS, {\n PrintCommand: PrintCommand\n });\n\n registerTool(\"print\", new Tool({ command: PrintCommand, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: \"Print\" }) }));\n\n })(window.kendo.jQuery);\n\n (function($) {\n\n var kendo = window.kendo,\n Editor = kendo.ui.editor,\n Tool = Editor.Tool,\n Command = Editor.Command,\n ToolTemplate = Editor.ToolTemplate,\n EditorUtils = Editor.EditorUtils,\n dom = Editor.Dom,\n RangeUtils = Editor.RangeUtils,\n registerTool = EditorUtils.registerTool;\n\n var CopyFormatCommand = Command.extend({\n init: function(options) {\n Command.fn.init.call(this, options);\n },\n\n exec: function() {\n var range = this.lockRange(true);\n this.inlineStyles = [];\n this.blockStyles = [];\n this.collectStyles(range);\n this.editor.inlineStyles = this.inlineStyles;\n this.editor.blockStyles = this.blockStyles;\n this.releaseRange(range);\n },\n\n collectStyles: function(range) {\n var rangeNodes = RangeUtils.nodes(range);\n var node;\n\n if (rangeNodes.length === 1) {\n node = rangeNodes[0].parentNode;\n } else {\n node = range.startContainer;\n }\n\n while (node && !dom.is(node, \"body\") && node.getAttribute(\"data-role\") !== \"editor\") {\n if (dom.isBlock(node)) {\n this.populateStyles(node, \"blockStyles\");\n if (dom.is(node, \"li\")) {\n node = node.parentNode;\n } else {\n node = null;\n }\n } else {\n this.populateStyles(node, \"inlineStyles\");\n node = node.parentNode;\n }\n }\n },\n\n populateStyles: function(node, destination) {\n var styles = node.style;\n var attributes = node.attributes;\n var nodeStyles = {\n tags: [ node.tagName ],\n attr: {\n style: {}\n }\n };\n var styleValue, styleKey, attributeKey, attributeValue, i;\n\n for (i = 0; styles && i < styles.length; i++) {\n styleKey = styles[i];\n styleValue = styles[styleKey];\n nodeStyles.attr.style[styleKey] = styleValue;\n }\n\n for (i = 0; attributes && i < attributes.length; i++) {\n attributeKey = attributes[i].nodeName;\n attributeValue = attributes[i].nodeValue;\n if (attributeKey === \"style\") {\n continue;\n } else if (attributeKey === \"class\") {\n nodeStyles.attr.className = attributeValue;\n } else {\n nodeStyles.attr[attributeKey] = attributeValue;\n }\n }\n\n this[destination].push(nodeStyles);\n }\n });\n\n var ApplyFormatCommand = Command.extend({\n init: function(options) {\n Command.fn.init.call(this, options);\n },\n\n exec: function() {\n var range = this.lockRange(true);\n var markers = RangeUtils.getMarkers(range);\n var editor = this.editor;\n var inlineStyles = editor.inlineStyles;\n var blockStyles = editor.blockStyles;\n var nodes;\n\n if ((!inlineStyles || inlineStyles.length === 0) && (!blockStyles || blockStyles.length === 0)) {\n return;\n }\n\n if (markers.length === 3) {\n this.marker.removeCaret(range);\n this.marker.caret = null;\n }\n\n this.removeEmptyElementsFromRange(range);\n nodes = RangeUtils.nodes(range);\n this.cleanInlineParents(nodes);\n dom.normalize(range.commonAncestorContainer);\n\n if (markers.length === 2) {\n range.setStartAfter(markers[0]);\n range.setEndBefore(markers[1]);\n } else {\n range.setStartBefore(nodes[0]);\n range.setEndAfter(nodes[0]);\n }\n\n nodes = RangeUtils.nodes(range);\n\n if (nodes && blockStyles && blockStyles.length) {\n this.applyBlockStyles(nodes, blockStyles);\n }\n\n if (nodes && inlineStyles && inlineStyles.length) {\n this.applyInlineStyles(nodes, inlineStyles);\n }\n\n this.releaseRange(range);\n },\n\n removeEmptyElementsFromRange: function(range) {\n var isEmptyInline = function(node) {\n return dom.isInline(node) && !node.firstChild && !dom.isMarker(node);\n };\n var emptyElements, i;\n\n emptyElements = RangeUtils.getAll(range, isEmptyInline);\n\n if (emptyElements && emptyElements.length > 0) {\n for (i = 0; i < emptyElements.length; i++) {\n emptyElements[i].parentNode.removeChild(emptyElements[i]);\n }\n }\n },\n\n cleanInlineParents: function(nodes) {\n var i, node, parent, children, j, child, newNode;\n\n for (i = 0; i < nodes.length; i++) {\n node = nodes[i];\n parent = node.parentNode;\n\n if (this.immutableParent(node)) {\n continue;\n }\n\n while (parent && dom.isInline(parent)) {\n children = parent.childNodes;\n\n for (j = 0; j < children.length; j++) {\n child = children[j];\n\n if (!dom.isMarker(child) && child !== node) {\n newNode = parent.cloneNode(true);\n newNode.innerHTML = \"\";\n dom.wrap(child, newNode);\n }\n }\n\n dom.unwrap(parent);\n parent = node.parentNode;\n }\n }\n },\n\n applyBlockStyles: function(nodes, blockStyles) {\n var formatTag = blockStyles[0].tags[0];\n var attr = blockStyles[0].attr;\n var document = this.editor.document;\n var i, len, node, wrapper, blockParent, outerWrapper;\n var previousNodes, nextNodes, previous, next, prevWrapper, nextWrapper, child, j, listItems;\n\n for (i = 0, len = nodes.length; i < len; i++) {\n node = nodes[i];\n\n if (dom.isWhitespace(node) || this.immutableParent(node)) {\n continue;\n }\n\n blockParent = dom.blockParentOrBody(node);\n\n if (blockParent.tagName !== \"BODY\" && blockParent.tagName !== formatTag) {\n if (blockParent.tagName !== \"LI\" && blockParent.tagName !== \"TD\" && blockParent.tagName !== \"TH\") {\n previousNodes = [];\n nextNodes = [];\n previous = node.previousSibling;\n next = node.nextSibling;\n\n while (previous) {\n if (!dom.isMarker(previous)) {\n previousNodes.push(previous);\n }\n\n previous = previous.previousSibling;\n }\n\n if (previousNodes.length) {\n prevWrapper = blockParent.cloneNode(true);\n prevWrapper.innerHTML = \"\";\n dom.insertBefore(prevWrapper, previousNodes[0]);\n\n for (j = 0; j < previousNodes.length; j++) {\n child = previousNodes[j];\n dom.insertAt(prevWrapper, child, 0);\n }\n }\n\n while (next) {\n if (!dom.isMarker(next)) {\n nextNodes.push(next);\n }\n\n next = next.nextSibling;\n }\n\n if (nextNodes.length) {\n nextWrapper = blockParent.cloneNode(true);\n nextWrapper.innerHTML = \"\";\n dom.insertBefore(nextWrapper, nextNodes[0]);\n\n for (j = 0; j < nextNodes.length; j++) {\n child = nextNodes[j];\n nextWrapper.appendChild(child);\n }\n }\n\n dom.unwrap(blockParent);\n }\n\n wrapper = dom.create(document, formatTag, attr);\n dom.wrap(node, wrapper);\n } else if (blockParent.tagName === formatTag) {\n dom.attr(blockParent, attr);\n }\n }\n\n if (blockParent && blockStyles.length === 2 && blockParent.tagName !== \"LI\" && formatTag === \"LI\") {\n listItems = [];\n\n while (dom.is(wrapper, \"li\")) {\n listItems.push(wrapper);\n wrapper = dom.prev(wrapper);\n }\n\n outerWrapper = dom.create(document, blockStyles[1].tags[0], blockStyles[1].attr);\n dom.insertBefore(outerWrapper, listItems[listItems.length - 1]);\n outerWrapper.appendChild(listItems[0]);\n\n for (i = 1, len = listItems.length; i < len; i++) {\n dom.insertBefore(listItems[i], outerWrapper.firstChild);\n }\n } else if (blockParent && blockStyles.length === 2 && blockParent.tagName !== \"LI\") {\n outerWrapper = dom.create(document, blockStyles[1].tags[0], blockStyles[1].attr);\n dom.wrap(wrapper, outerWrapper);\n }\n },\n\n applyInlineStyles: function(nodes, inlineStyles) {\n var document = this.editor.document;\n var currentStyle, createdNode, topNode, i, newNode, node;\n\n for (i = 0; i < inlineStyles.length; i++) {\n currentStyle = inlineStyles[i];\n createdNode = dom.create(document, currentStyle.tags[0], currentStyle.attr);\n\n if (topNode) {\n createdNode.appendChild(topNode);\n }\n\n topNode = createdNode;\n }\n\n if (topNode) {\n for (i = 0; i < nodes.length; i++) {\n node = nodes[i];\n if (dom.isWhitespace(node) || this.immutableParent(node)) {\n continue;\n }\n newNode = topNode.cloneNode(true);\n dom.insertBefore(newNode, node);\n\n while (newNode.children && newNode.children.length) {\n newNode = newNode.children[0];\n }\n\n newNode.appendChild(node);\n }\n }\n },\n\n immutables: function() {\n return this.editor && this.editor.options.immutables;\n },\n\n immutableParent: function(node) {\n return this.immutables() && Editor.Immutables.immutableParent(node);\n }\n });\n\n var CopyFormatTool = Tool.extend({\n init: function(options) {\n Tool.fn.init.call(this, options);\n },\n\n command: function(commandArguments) {\n return new CopyFormatCommand(commandArguments);\n }\n });\n\n var ApplyFormatTool = Tool.extend({\n init: function(options) {\n Tool.fn.init.call(this, options);\n },\n\n command: function(commandArguments) {\n return new ApplyFormatCommand(commandArguments);\n }\n });\n\n $.extend(Editor, {\n CopyFormatCommand: CopyFormatCommand,\n ApplyFormatCommand: ApplyFormatCommand,\n CopyFormatTool: CopyFormatTool,\n ApplyFormatTool: ApplyFormatTool\n });\n\n registerTool(\"copyFormat\", new CopyFormatTool({ template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: \"Copy format\" }) }));\n registerTool(\"applyFormat\", new ApplyFormatTool({ template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: \"Apply format\" }) }));\n\n })(window.kendo.jQuery);\n\n (function(kendo, undefined$1) {\n var global = window;\n var math = global.Math;\n var min = math.min;\n var max = math.max;\n var parseFloat = global.parseFloat;\n\n var $ = kendo.jQuery;\n var extend = $.extend;\n\n var Editor = kendo.ui.editor;\n\n var PERCENTAGE = \"%\";\n var PIXEL = \"px\";\n var REGEX_NUMBER_IN_PERCENTAGES = /(\\d+)(\\.?)(\\d*)%/;\n var REGEX_NUMBER_IN_PIXELS = /(\\d+)(\\.?)(\\d*)px/;\n var STRING = \"string\";\n\n function constrain(options) {\n var value = options.value;\n var lowerBound = options.min;\n var upperBound = options.max;\n\n return max(min(parseFloat(value), parseFloat(upperBound)), parseFloat(lowerBound));\n }\n\n function getScrollBarWidth(element) {\n if (element && !$(element).is(\"body\") && element.scrollHeight > element.clientHeight) {\n return kendo.support.scrollbar();\n }\n\n return 0;\n }\n\n function calculatePercentageRatio(value, total) {\n if (inPercentages(value)) {\n return parseFloat(value);\n }\n else {\n return ((parseFloat(value) / total) * 100);\n }\n }\n\n function inPercentages(value) {\n return (typeof(value) === STRING && REGEX_NUMBER_IN_PERCENTAGES.test(value));\n }\n\n function inPixels(value) {\n return (typeof(value) === STRING && REGEX_NUMBER_IN_PIXELS.test(value));\n }\n\n function toPercentages(value) {\n return (parseFloat(value) + PERCENTAGE);\n }\n\n function toPixels(value) {\n return (parseFloat(value) + PIXEL);\n }\n\n var ResizingUtils = {\n constrain: constrain,\n getScrollBarWidth: getScrollBarWidth,\n calculatePercentageRatio: calculatePercentageRatio,\n inPercentages: inPercentages,\n inPixels: inPixels,\n toPercentages: toPercentages,\n toPixels: toPixels\n };\n\n extend(Editor, {\n ResizingUtils: ResizingUtils\n });\n })(window.kendo);\n\n (function(kendo, undefined$1) {\n var $ = kendo.jQuery;\n var extend = $.extend;\n var noop = $.noop;\n\n var Editor = kendo.ui.editor;\n var Class = kendo.Class;\n\n var KEY_DOWN = \"keydown\";\n var MOUSE_DOWN = \"mousedown\";\n var MOUSE_ENTER = \"mouseenter\";\n var MOUSE_LEAVE = \"mouseleave\";\n var MOUSE_MOVE = \"mousemove\";\n var MOUSE_UP = \"mouseup\";\n\n var COMMA = \",\";\n var DOT = \".\";\n var LAST_CHILD = \":last-child\";\n\n var TABLE = \"table\";\n\n var TableElementResizing = Class.extend({\n init: function(element, options) {\n var that = this;\n\n that.options = extend({}, that.options, options);\n\n that.options.tags = Array.isArray(that.options.tags) ? that.options.tags : [that.options.tags];\n\n if ($(element).is(TABLE)) {\n that.element = element;\n that._attachEventHandlers();\n }\n },\n\n destroy: function() {\n var that = this;\n var eventNamespace = that.options.eventNamespace;\n\n if (that.element) {\n $(that.element).off(eventNamespace);\n that.element = null;\n }\n\n $(that.options.rootElement).off(KEY_DOWN + eventNamespace);\n\n that._destroyResizeHandle();\n },\n\n options: {\n tags: [],\n min: 0,\n rootElement: null,\n eventNamespace: \"\",\n rtl: false,\n handle: {\n dataAttribute: \"\",\n height: 0,\n width: 0,\n classNames: {},\n template: \"\"\n }\n },\n\n _attachEventHandlers: function() {\n var that = this;\n var options = that.options;\n\n $(that.element).on(MOUSE_MOVE + options.eventNamespace, options.tags.join(COMMA), that.detectElementBorderHovering.bind(that));\n },\n\n resizingInProgress: function() {\n var that = this;\n var resizable = that._resizable;\n\n if (resizable) {\n return !!resizable.resizing;\n }\n\n return false;\n },\n\n resize: noop,\n\n detectElementBorderHovering: function(e) {\n var that = this;\n var options = that.options;\n var handleOptions = options.handle;\n var tableElement = $(e.currentTarget);\n var resizeHandle = that.resizeHandle;\n var dataAttribute = handleOptions.dataAttribute;\n\n if (!that.resizingInProgress()) {\n if (!tableElement.is(LAST_CHILD) && that.elementBorderHovered(tableElement, e)) {\n if (resizeHandle) {\n if (resizeHandle.data(dataAttribute) && resizeHandle.data(dataAttribute) !== tableElement[0]) {\n that.showResizeHandle(tableElement, e);\n }\n }\n else {\n that.showResizeHandle(tableElement, e);\n }\n }\n else {\n if (resizeHandle) {\n that._destroyResizeHandle();\n }\n }\n }\n },\n\n elementBorderHovered: noop,\n\n showResizeHandle: function(tableElement, e) {\n var that = this;\n\n if (e.buttons !== 0) {\n //prevent showing when a mouse button is still being pressed\n return;\n }\n\n that._initResizeHandle();\n that.setResizeHandlePosition(tableElement);\n that.setResizeHandleDimensions();\n that.setResizeHandleDataAttributes(tableElement[0]);\n that._attachResizeHandleEventHandlers();\n\n that._initResizable(tableElement);\n\n that._hideResizeMarker();\n that.resizeHandle.show();\n },\n\n _initResizeHandle: function() {\n var that = this;\n var options = that.options;\n\n that._destroyResizeHandle();\n\n that.resizeHandle = $(options.handle.template).appendTo(options.rootElement);\n },\n\n setResizeHandlePosition: noop,\n\n setResizeHandleDimensions: noop,\n\n setResizeHandleDataAttributes: function(tableElement) {\n var that = this;\n\n that.resizeHandle.data(that.options.handle.dataAttribute, tableElement);\n },\n\n _attachResizeHandleEventHandlers: function() {\n var that = this;\n var options = that.options;\n var eventNamespace = options.eventNamespace;\n var markerClass = options.handle.classNames.marker;\n var resizeHandle = that.resizeHandle;\n\n that.resizeHandle\n .on(MOUSE_DOWN + eventNamespace, function() {\n resizeHandle.find(DOT + markerClass).show();\n })\n .on(MOUSE_UP + eventNamespace, function() {\n resizeHandle.find(DOT + markerClass).hide();\n });\n },\n\n _hideResizeMarker: function() {\n var that = this;\n\n that.resizeHandle.find(DOT + that.options.handle.classNames.marker).hide();\n },\n\n _destroyResizeHandle: function() {\n var that = this;\n\n if (that.resizeHandle) {\n that._destroyResizable();\n that.resizeHandle.off(that.options.eventNamespace).remove();\n that.resizeHandle = null;\n }\n },\n\n _initResizable: function(tableElement) {\n var that = this;\n\n if (!that.resizeHandle) {\n return;\n }\n\n that._destroyResizable();\n\n that._resizable = new kendo.ui.Resizable(tableElement, {\n draggableElement: that.resizeHandle[0],\n start: that.onResizeStart.bind(that),\n resize: that.onResize.bind(that),\n resizeend: that.onResizeEnd.bind(that)\n });\n },\n\n _destroyResizable: function() {\n var that = this;\n\n if (that._resizable) {\n that._resizable.destroy();\n that._resizable = null;\n }\n },\n\n onResizeStart: function() {\n this._disableKeyboard();\n },\n\n onResize: function(e) {\n this.setResizeHandleDragPosition(e);\n },\n\n setResizeHandleDragPosition: noop,\n\n onResizeEnd: function(e) {\n var that = this;\n\n that.resize(e);\n that._destroyResizeHandle();\n that._enableKeyboard();\n },\n\n _enableKeyboard: function() {\n var options = this.options;\n\n $(options.rootElement).off(KEY_DOWN + options.eventNamespace);\n },\n\n _disableKeyboard: function() {\n var options = this.options;\n\n $(options.rootElement).on(KEY_DOWN + options.eventNamespace, function(e) {\n e.preventDefault();\n });\n },\n\n _forceResizing: function(e) {\n var resizable = this._resizable;\n\n if (resizable && resizable.userEvents) {\n resizable.userEvents._end(e);\n }\n }\n });\n\n var ResizingFactory = Class.extend({\n create: function(editor, options) {\n var that = this;\n var resizingName = options.name;\n var NS = options.eventNamespace;\n\n $(editor.body)\n .on(MOUSE_ENTER + NS, TABLE, function(e) {\n var table = e.currentTarget;\n var resizing = editor[resizingName];\n\n e.stopPropagation();\n\n if (resizing) {\n if (resizing.element !== table && !resizing.resizingInProgress()) {\n that._destroyResizing(editor, options);\n that._initResizing(editor, table, options);\n }\n }\n else {\n that._initResizing(editor, table, options);\n }\n })\n .on(MOUSE_LEAVE + NS, TABLE, function(e) {\n var parentTable;\n var resizing = editor[resizingName];\n\n e.stopPropagation();\n\n if (resizing && !resizing.resizingInProgress() && !resizing.resizeHandle) {\n parentTable = $(resizing.element).parents(TABLE)[0];\n\n if (parentTable) {\n that._destroyResizing(editor, options);\n that._initResizing(editor, parentTable, options);\n }\n }\n })\n .on(MOUSE_LEAVE + NS, function() {\n var resizing = editor[resizingName];\n\n if (resizing && !resizing.resizingInProgress()) {\n that._destroyResizing(editor, options);\n }\n })\n .on(MOUSE_UP + NS, function(e) {\n var resizing = editor[resizingName];\n var parentTable;\n\n if (resizing && resizing.resizingInProgress()) {\n parentTable = $(e.target).parents(TABLE)[0];\n\n if (parentTable) {\n resizing._forceResizing(e);\n that._destroyResizing(editor, options);\n that._initResizing(editor, parentTable, options);\n }\n }\n });\n },\n\n dispose: function(editor, options) {\n $(editor.body).off(options.eventNamespace);\n },\n\n _initResizing: function(editor, tableElement, options) {\n var resizingName = options.name;\n var resizingType = options.type;\n\n editor[resizingName] = new resizingType(tableElement, {\n rtl: kendo.support.isRtl(editor.element),\n rootElement: editor.body\n });\n },\n\n _destroyResizing: function(editor, options) {\n var resizingName = options.name;\n\n if (editor[resizingName]) {\n editor[resizingName].destroy();\n editor[resizingName] = null;\n }\n }\n });\n ResizingFactory.current = new ResizingFactory();\n\n TableElementResizing.create = function(editor, options) {\n ResizingFactory.current.create(editor, options);\n };\n\n TableElementResizing.dispose = function(editor, options) {\n ResizingFactory.current.dispose(editor, options);\n };\n\n extend(Editor, {\n TableElementResizing: TableElementResizing\n });\n\n })(window.kendo);\n\n (function(kendo, undefined$1) {\n var global = window;\n var math = global.Math;\n var abs = math.abs;\n\n var $ = kendo.jQuery;\n var extend = $.extend;\n\n var Editor = kendo.ui.editor;\n var dom = Editor.Dom;\n var TableElementResizing = Editor.TableElementResizing;\n var ResizingUtils = Editor.ResizingUtils;\n var constrain = ResizingUtils.constrain;\n var calculatePercentageRatio = ResizingUtils.calculatePercentageRatio;\n var getScrollBarWidth = ResizingUtils.getScrollBarWidth;\n var inPercentages = ResizingUtils.inPercentages;\n var toPercentages = ResizingUtils.toPercentages;\n var toPixels = ResizingUtils.toPixels;\n var outerWidth = kendo._outerWidth;\n\n var NS = \".kendoEditorColumnResizing\";\n var RESIZE_HANDLE_CLASS = \"k-column-resize-handle\";\n var RESIZE_MARKER_CLASS = \"k-column-resize-marker\";\n\n var BODY = \"body\";\n var TBODY = \"tbody\";\n var THEAD = \"thead\";\n var TD = \"td\";\n var TH = \"th\";\n var TR = \"tr\";\n\n var COLATTR = \"col-index\";\n\n var COMMA = \",\";\n var WIDTH = \"width\";\n\n var ColumnResizing = TableElementResizing.extend({\n options: {\n tags: [TD, TH],\n min: 20,\n rootElement: null,\n eventNamespace: NS,\n rtl: false,\n handle: {\n dataAttribute: \"column\",\n width: 10,\n height: 0,\n classNames: {\n handle: RESIZE_HANDLE_CLASS,\n marker: RESIZE_MARKER_CLASS\n },\n template:\n '
'\n }\n },\n\n elementBorderHovered: function(column, e) {\n var that = this;\n var options = that.options;\n var handleWidth = options.handle.width;\n var borderOffset = column.offset().left + (options.rtl ? 0 : outerWidth(column));\n\n\n var mousePosition = e.clientX + $(column[0].ownerDocument).scrollLeft();\n\n if ((mousePosition > (borderOffset - handleWidth)) && (mousePosition < (borderOffset + handleWidth))) {\n return true;\n }\n else {\n return false;\n }\n },\n\n setResizeHandlePosition: function(column) {\n var that = this;\n var tableInnerElement = $(that.element.tHead || that.element.tBodies[0]);\n var options = that.options;\n var rtl = options.rtl;\n var handleWidth = options.handle.width;\n var rootElement = $(options.rootElement);\n var scrollTopOffset = rootElement.is(BODY) ? 0 : rootElement.scrollTop();\n var scrollLeftOffset = rootElement.is(BODY) ? 0 : kendo.scrollLeft(rootElement);\n var columnWidthOffset = rtl ? 0 : outerWidth(column);\n var scrollBarWidth = rtl ? getScrollBarWidth(rootElement[0]) : 0;\n var columnOffsetLeft = column.offset().left -\n (rootElement.offset().left + parseFloat(rootElement.css(\"borderLeftWidth\"))) -\n parseFloat(column.css(\"marginLeft\"));\n var innerElementOffsetTop = tableInnerElement.offset().top -\n (rootElement.offset().top + parseFloat(rootElement.css(\"borderTopWidth\"))) -\n parseFloat(tableInnerElement.css(\"marginTop\"));\n var browser = kendo.support.browser;\n\n if (rtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n scrollLeftOffset = scrollLeftOffset * -1;\n }\n\n that.resizeHandle.css({\n top: innerElementOffsetTop + scrollTopOffset,\n left: columnOffsetLeft + columnWidthOffset + (scrollLeftOffset - scrollBarWidth) - (handleWidth / 2),\n position: \"absolute\"\n });\n },\n\n setResizeHandleDimensions: function() {\n var that = this;\n var tableHead = $(that.element).children(THEAD);\n var tableBody = $(that.element).children(TBODY);\n var fullHeight = tableHead.length > 0 ? tableHead.height() + tableBody.height() : tableBody.height();\n\n that.resizeHandle.css({\n width: that.options.handle.width,\n height: fullHeight\n });\n },\n\n setResizeHandleDragPosition: function(e) {\n var that = this;\n var column = $($(e.currentTarget).data(that.options.handle.dataAttribute));\n var options = that.options;\n var rootElement = $(options.rootElement);\n var handleWidth = options.handle ? options.handle.width : 0;\n var min = options.min;\n var rtl = options.rtl;\n var columnWidth = outerWidth(column);\n var columnLeftOffset = column.offset().left -\n (rootElement.offset().left + parseFloat(rootElement.css(\"borderLeftWidth\"))) -\n parseFloat(column.css(\"marginLeft\"));\n var adjacentColumnWidth = outerWidth(column.next());\n var resizeHandle = $(that.resizeHandle);\n var scrollLeftOffset = rootElement.is(BODY) ? 0 : kendo.scrollLeft(rootElement);\n var scrollBarWidth = rtl ? getScrollBarWidth(rootElement[0]) : 0;\n var resizeHandleOffsetLeft = resizeHandle.offset().left -\n (rootElement.offset().left + parseFloat(rootElement.css(\"borderLeftWidth\"))) -\n parseFloat(resizeHandle.css(\"marginLeft\"));\n var browser = kendo.support.browser;\n\n if (rtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n scrollLeftOffset = scrollLeftOffset * -1;\n }\n\n var handleOffset = constrain({\n value: resizeHandleOffsetLeft + (scrollLeftOffset - scrollBarWidth) + e.x.delta,\n min: columnLeftOffset + (scrollLeftOffset - scrollBarWidth) - (rtl ? adjacentColumnWidth : 0) + min,\n max: columnLeftOffset + columnWidth + (scrollLeftOffset - scrollBarWidth) + (rtl ? 0 : adjacentColumnWidth) - handleWidth - min\n });\n\n resizeHandle.css({ left: handleOffset });\n },\n\n resize: function(e) {\n var that = this;\n var column = $($(e.currentTarget).data(that.options.handle.dataAttribute));\n var options = that.options;\n var rtlModifier = options.rtl ? (-1) : 1;\n var min = options.min;\n var initialDeltaX = rtlModifier * e.x.initialDelta;\n var newWidth;\n var initialAdjacentColumnWidth;\n var initialColumnWidth;\n var colIndex;\n var nextColumn;\n\n dom.reMapTableColumns(that.element, COLATTR);\n\n colIndex = parseInt(column.attr(COLATTR), 10);\n\n if (column.prop(\"colSpan\") > 1) {\n column = $(that.element).find(\"[\" + COLATTR + \"=\" + (colIndex + column.prop(\"colSpan\") - 1) + \"]\").eq(0);\n colIndex = parseInt(column.attr(COLATTR), 10);\n }\n\n nextColumn = $(that.element).find(\"[\" + COLATTR + \"=\" + (colIndex + 1) + \"]:not([colspan])\");\n\n that._setTableComputedWidth();\n that._setColumnsComputedWidth();\n\n initialColumnWidth = outerWidth(column);\n initialAdjacentColumnWidth = outerWidth(nextColumn);\n\n newWidth = constrain({\n value: initialColumnWidth + initialDeltaX,\n min: min,\n max: initialColumnWidth + initialAdjacentColumnWidth - min\n });\n\n that._resizeColumn(column[0], newWidth);\n that._resizeTopAndBottomColumns(column[0], newWidth);\n that._resizeAdjacentColumns(parseInt(column.attr(COLATTR),10), initialAdjacentColumnWidth, initialColumnWidth, (initialColumnWidth - newWidth));\n\n dom.clearTableMappings(that.element, COLATTR);\n },\n\n _setTableComputedWidth: function() {\n var element = this.element;\n\n if (element.style[WIDTH] === \"\") {\n element.style[WIDTH] = toPixels(outerWidth($(element)));\n }\n },\n\n _setColumnsComputedWidth: function() {\n var that = this;\n var tableInnerElement = $(that.element.tHead || that.element.tBodies[0]);\n var innerElementWidth = outerWidth(tableInnerElement);\n var columns = tableInnerElement.children(TR).children(TD);\n var length = columns.length;\n var currentColumnsWidths = columns.map(function() {\n return outerWidth($(this));\n });\n var i;\n\n for (i = 0; i < length; i++) {\n if (inPercentages(columns[i].style[WIDTH])) {\n columns[i].style[WIDTH] = toPercentages(calculatePercentageRatio(currentColumnsWidths[i], innerElementWidth));\n }\n else {\n columns[i].style[WIDTH] = toPixels(currentColumnsWidths[i]);\n }\n }\n },\n\n _resizeTopAndBottomColumns: function(column, newWidth) {\n var that = this;\n var columnIndex = $(column).attr(COLATTR);\n var topAndBottomColumns = $(that.element).children(TBODY + COMMA + THEAD).children(TR).children(that.options.tags.join(COMMA))\n .filter(function() {\n var cell = this;\n return ($(cell).attr(COLATTR) === columnIndex && cell !== column);\n });\n var length = topAndBottomColumns.length;\n var i;\n\n for (i = 0; i < length; i++) {\n that._resizeColumn(topAndBottomColumns[i], newWidth);\n }\n },\n\n _resizeColumn: function(column, newWidth) {\n var innerTableElement = $(this.element.tHead || this.element.tBodies[0]);\n if (inPercentages(column.style[WIDTH])) {\n column.style[WIDTH] = toPercentages(calculatePercentageRatio(newWidth, outerWidth(innerTableElement)));\n }\n else {\n column.style[WIDTH] = toPixels(newWidth);\n }\n },\n\n _resizeAdjacentColumns: function(columnIndex, initialAdjacentColumnWidth, initialColumnWidth, deltaWidth) {\n var that = this;\n var adjacentColumns = $(that.element).children(TBODY + COMMA + THEAD).children(TR).children(that.options.tags.join(COMMA))\n .filter(function() {\n return (parseInt($(this).attr(COLATTR),10) === (columnIndex + 1));\n });\n var length = adjacentColumns.length;\n var i;\n\n for (i = 0; i < length; i++) {\n that._resizeAdjacentColumn(adjacentColumns[i], initialAdjacentColumnWidth, initialColumnWidth, deltaWidth);\n }\n },\n\n _resizeAdjacentColumn: function(adjacentColumn, initialAdjacentColumnWidth, initialColumnWidth, deltaWidth) {\n var that = this;\n var min = that.options.min;\n var newWidth;\n\n newWidth = constrain({\n value: initialAdjacentColumnWidth + deltaWidth,\n min: min,\n max: abs(initialColumnWidth + initialAdjacentColumnWidth - min)\n });\n\n that._resizeColumn(adjacentColumn, newWidth);\n }\n });\n\n ColumnResizing.create = function(editor) {\n TableElementResizing.create(editor, {\n name: \"columnResizing\",\n type: ColumnResizing,\n eventNamespace: NS\n });\n };\n\n ColumnResizing.dispose = function(editor) {\n TableElementResizing.dispose(editor, {\n eventNamespace: NS\n });\n };\n\n extend(Editor, {\n ColumnResizing: ColumnResizing\n });\n\n })(window.kendo);\n\n (function(kendo, undefined$1) {\n var math = window.Math;\n var abs = math.abs;\n\n var $ = kendo.jQuery;\n var extend = $.extend;\n\n var Editor = kendo.ui.editor;\n var TableElementResizing = Editor.TableElementResizing;\n var ResizingUtils = Editor.ResizingUtils;\n var getScrollBarWidth = ResizingUtils.getScrollBarWidth;\n var constrain = ResizingUtils.constrain;\n var calculatePercentageRatio = ResizingUtils.calculatePercentageRatio;\n var inPercentages = ResizingUtils.inPercentages;\n var toPercentages = ResizingUtils.toPercentages;\n var toPixels = ResizingUtils.toPixels;\n var outerHeight = kendo._outerHeight;\n\n var NS = \".kendoEditorRowResizing\";\n var RESIZE_HANDLE_CLASS = \"k-row-resize-handle\";\n var RESIZE_HANDLE_MARKER_WRAPPER_CLASS = \"k-row-resize-marker-wrapper\";\n var RESIZE_MARKER_CLASS = \"k-row-resize-marker\";\n\n var BODY = \"body\";\n var TR = \"tr\";\n var TBODY = \"tbody\";\n var THEAD = \"thead\";\n\n var COMMA = \",\";\n var HEIGHT = \"height\";\n\n var RowResizing = TableElementResizing.extend({\n options: {\n tags: [TR],\n min: 20,\n rootElement: null,\n eventNamespace: NS,\n rtl: false,\n handle: {\n dataAttribute: \"row\",\n width: 0,\n height: 10,\n classNames: {\n handle: RESIZE_HANDLE_CLASS,\n marker: RESIZE_MARKER_CLASS\n },\n template:\n '
'\n }\n },\n\n elementBorderHovered: function(tableElement, e) {\n var that = this;\n var handleHeight = that.options.handle[HEIGHT];\n var borderOffset = tableElement.offset().top + outerHeight(tableElement);\n var mousePosition = e.clientY + $(tableElement[0].ownerDocument).scrollTop();\n\n if ((mousePosition > (borderOffset - handleHeight)) && (mousePosition < (borderOffset + handleHeight))) {\n return true;\n }\n else {\n return false;\n }\n },\n\n setResizeHandlePosition: function(row) {\n var that = this;\n var options = that.options;\n var handleHeight = options.handle[HEIGHT];\n var rootElement = $(options.rootElement);\n var scrollTopOffset = rootElement.is(BODY) ? 0 : rootElement.scrollTop();\n var scrollLeftOffset = rootElement.is(BODY) ? 0 : kendo.scrollLeft(rootElement);\n var scrollBarWidth = options.rtl ? getScrollBarWidth(rootElement[0]) : 0;\n\n var rowOffsetLeft = row.offset().left -\n (rootElement.offset().left + parseFloat(rootElement.css(\"borderLeftWidth\"))) -\n parseFloat(row.css(\"marginLeft\"));\n var rowOffsetTop = row.offset().top -\n (rootElement.offset().top + parseFloat(rootElement.css(\"borderTopWidth\"))) -\n parseFloat(row.css(\"marginTop\"));\n var browser = kendo.support.browser;\n\n if (options.rtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n scrollLeftOffset = scrollLeftOffset * -1;\n }\n\n that.resizeHandle.css({\n top: rowOffsetTop + outerHeight(row) + scrollTopOffset - (handleHeight / 2),\n left: rowOffsetLeft + (scrollLeftOffset - scrollBarWidth),\n position: \"absolute\"\n });\n },\n\n setResizeHandleDimensions: function() {\n var that = this;\n var innerTableElement = $(that.element.tHead || that.element.tBodies[0]);\n\n that.resizeHandle.css({\n width: innerTableElement.width(),\n height: that.options.handle[HEIGHT]\n });\n },\n\n setResizeHandleDragPosition: function(e) {\n var that = this;\n var options = that.options;\n var min = options.min;\n var tableHead = $(that.element).children(THEAD);\n var tableBody = $(that.element).children(TBODY);\n var topInnerTableElement = tableHead.length > 0 ? tableHead : tableBody;\n var resizeHandle = $(that.resizeHandle);\n var row = $(e.currentTarget).data(options.handle.dataAttribute);\n var $row = $(row);\n var rootElement = $(options.rootElement);\n var scrollTopOffset = rootElement.is(BODY) ? 0 : rootElement.scrollTop();\n var tableTopOffset = topInnerTableElement.offset().top -\n (rootElement.offset().top + parseFloat(rootElement.css(\"borderTopWidth\"))) -\n parseFloat(topInnerTableElement.css(\"marginTop\"));\n\n var rowOffsetTop = $row.offset().top -\n (rootElement.offset().top + parseFloat(rootElement.css(\"borderTopWidth\"))) -\n parseFloat($row.css(\"marginTop\"));\n\n var resizeHandleOffsetTop = resizeHandle.offset().top -\n (Math.max(0 , rootElement.offset().top) + parseFloat(rootElement.css(\"borderTopWidth\"))) -\n parseFloat(resizeHandle.css(\"marginTop\"));\n\n var handleOffset = constrain({\n value: resizeHandleOffsetTop + scrollTopOffset + e.y.delta,\n min: rowOffsetTop + scrollTopOffset + min,\n max: tableTopOffset + outerHeight(tableHead) + outerHeight(tableBody) + scrollTopOffset - options.handle[HEIGHT] - min\n });\n\n resizeHandle.css({ top: handleOffset });\n },\n\n resize: function(e) {\n var that = this;\n var options = that.options;\n var row = $(e.currentTarget).data(options.handle.dataAttribute);\n var currentRowHeight = outerHeight($(row));\n var element = $(that.element);\n var initialTableHeight = outerHeight(element);\n var tableHead = element.children(THEAD);\n var tableHeadHeight = tableHead.length > 0 ? tableHead.height() : 0;\n var tableBody = element.children(TBODY);\n var tableBodyHeight = tableBody.height();\n var initialStyleHeight = row.style[HEIGHT];\n var newRowHeight = constrain({\n value: currentRowHeight + e.y.initialDelta,\n min: options.min,\n max: abs(tableHeadHeight + tableBodyHeight - options.min)\n });\n\n that._setRowsHeightInPixels();\n row.style[HEIGHT] = toPixels(newRowHeight);\n that._setTableHeight(initialTableHeight + (newRowHeight - currentRowHeight));\n\n if (inPercentages(initialStyleHeight)) {\n //resize rows in percentages as late as possible to prevent incorrect precision calculations\n that._setRowsHeightInPercentages();\n }\n },\n\n _setRowsHeightInPixels: function() {\n var that = this;\n var rows = $(that.element).children(TBODY + COMMA + THEAD).children(TR);\n var length = rows.length;\n var currentRowsHeights = rows.map(function() {\n return outerHeight($(this));\n });\n var i;\n\n for (i = 0; i < length; i++) {\n rows[i].style[HEIGHT] = toPixels(currentRowsHeights[i]);\n }\n },\n\n _setRowsHeightInPercentages: function() {\n var that = this;\n var tableHead = $(that.element).children(THEAD);\n var tableHeadHeight = tableHead.length > 0 ? tableHead.height() : 0;\n var tableBody = $(that.element).children(TBODY);\n var tableBodyHeight = tableBody.height();\n var rows = $(that.element).children(THEAD + COMMA + TBODY).children(TR);\n var length = rows.length;\n var currentRowsHeights = rows.map(function() {\n return outerHeight($(this));\n });\n var i;\n\n for (i = 0; i < length; i++) {\n rows[i].style[HEIGHT] = toPercentages(calculatePercentageRatio(currentRowsHeights[i], tableHeadHeight + tableBodyHeight));\n }\n },\n\n _setTableHeight: function(newHeight) {\n var element = this.element;\n\n if (inPercentages(element.style[HEIGHT])) {\n element.style[HEIGHT] = toPercentages(calculatePercentageRatio(newHeight, $(element).parent().height()));\n }\n else {\n element.style[HEIGHT] = toPixels(newHeight);\n }\n }\n });\n\n RowResizing.create = function(editor) {\n TableElementResizing.create(editor, {\n name: \"rowResizing\",\n type: RowResizing,\n eventNamespace: NS\n });\n };\n\n RowResizing.dispose = function(editor) {\n TableElementResizing.dispose(editor, {\n eventNamespace: NS\n });\n };\n\n extend(Editor, {\n RowResizing: RowResizing\n });\n\n })(window.kendo);\n\n (function(kendo, undefined$1) {\n var $ = kendo.jQuery;\n var extend = $.extend;\n var noop = $.noop;\n\n var Editor = kendo.ui.editor;\n var Class = kendo.Class;\n var Draggable = kendo.ui.Draggable;\n var Observable = kendo.Observable;\n var getScrollBarWidth = Editor.ResizingUtils.getScrollBarWidth;\n var outerWidth = kendo._outerWidth;\n var outerHeight = kendo._outerHeight;\n\n var NS = \".kendoEditorElementResizeHandle\";\n var RESIZE_HANDLE_CLASS = \"k-element-resize-handle\";\n\n var DRAG_START = \"dragStart\";\n var DRAG = \"drag\";\n var DRAG_END = \"dragEnd\";\n var HALF_INSIDE = \"halfInside\";\n var MOUSE_OVER = \"mouseover\";\n var MOUSE_OUT = \"mouseout\";\n\n var BODY = \"body\";\n var TABLE = \"table\";\n\n var EAST = \"east\";\n var NORTH = \"north\";\n var NORTHEAST = \"northeast\";\n var NORTHWEST = \"northwest\";\n var SOUTH = \"south\";\n var SOUTHEAST = \"southeast\";\n var SOUTHWEST = \"southwest\";\n var WEST = \"west\";\n\n var DOT = \".\";\n\n var ElementResizeHandle = Observable.extend({\n init: function(options) {\n var that = this;\n\n Observable.fn.init.call(that);\n\n that.options = extend({}, that.options, options);\n that.element = $(that.options.template).appendTo(that.options.appendTo)[0];\n\n that._attachEventHandlers();\n that._addStyles();\n that._initDraggable();\n that._initPositioningStrategy();\n that._initDraggingStrategy();\n\n $(that.element).data(TABLE, that.options.resizableElement);\n },\n\n destroy: function() {\n var that = this;\n\n $(that.element).off(NS).remove();\n that.element = null;\n\n that._destroyDraggable();\n\n that.unbind();\n },\n\n options: {\n appendTo: null,\n direction: SOUTHEAST,\n resizableElement: null,\n rtl: false,\n template:\n \"
\"\n },\n\n events: [\n DRAG_START,\n DRAG,\n DRAG_END,\n MOUSE_OVER,\n MOUSE_OUT\n ],\n\n show: function() {\n this._setPosition();\n },\n\n _setPosition: function() {\n var that = this;\n var position = that._positioningStrategy.getPosition();\n\n $(that.element).css({\n top: position.top,\n left: position.left,\n position: \"absolute\"\n });\n },\n\n _attachEventHandlers: function() {\n var that = this;\n\n $(that.element)\n .on(MOUSE_OVER + NS, that._onMouseOver.bind(that))\n .on(MOUSE_OUT + NS, that._onMouseOut.bind(that));\n },\n\n _onMouseOver: function() {\n this.trigger(MOUSE_OVER);\n },\n\n _onMouseOut: function() {\n this.trigger(MOUSE_OUT);\n },\n\n _addStyles: function() {\n var that = this;\n $(that.element).children(DOT + RESIZE_HANDLE_CLASS).addClass(\"k-resize-\" + that.options.direction);\n },\n\n _initPositioningStrategy: function() {\n var that = this;\n var options = that.options;\n\n that._positioningStrategy = HandlePositioningStrategy.create({\n name: options.direction,\n handle: that.element,\n resizableElement: options.resizableElement,\n rootElement: options.rootElement,\n rtl: options.rtl\n });\n },\n\n _initDraggable: function() {\n var that = this;\n var element = that.element;\n\n if (that._draggable || !element) {\n return;\n }\n\n that._draggable = new Draggable(element, {\n dragstart: that._onDragStart.bind(that),\n drag: that._onDrag.bind(that),\n dragend: that._onDragEnd.bind(that)\n });\n },\n\n _onDragStart: function() {\n this.trigger(DRAG_START);\n },\n\n _onDrag: function(e) {\n var that = this;\n\n that.trigger(DRAG, that._draggingStrategy.adjustDragDelta({\n deltaX: e.x.delta,\n deltaY: e.y.delta,\n initialDeltaX: e.x.initialDelta,\n initialDeltaY: e.y.initialDelta\n }));\n },\n\n _onDragEnd: function() {\n this.trigger(DRAG_END);\n },\n\n _destroyDraggable: function() {\n var that = this;\n\n if (that._draggable) {\n that._draggable.destroy();\n that._draggable = null;\n }\n },\n\n _initDraggingStrategy: function() {\n var that = this;\n\n that._draggingStrategy = HandleDraggingStrategy.create({\n name: that.options.direction\n });\n }\n });\n\n var StrategyFactory = Class.extend({\n init: function() {\n this._items = [];\n },\n\n register: function(name, type) {\n this._items.push({\n name: name,\n type: type\n });\n },\n\n create: function(options) {\n var items = this._items;\n var itemsLength = items.length;\n var name = options.name ? options.name.toLowerCase() : \"\";\n var match;\n var item;\n var i;\n\n for (i = 0; i < itemsLength; i++) {\n item = items[i];\n\n if (item.name.toLowerCase() === name) {\n match = item;\n break;\n }\n }\n\n if (match) {\n return new match.type(options);\n }\n }\n });\n\n var PositioningStrategyFactory = StrategyFactory.extend({});\n PositioningStrategyFactory.current = new PositioningStrategyFactory();\n\n var HandlePositioningStrategy = Class.extend({\n init: function(options) {\n var that = this;\n that.options = extend({}, that.options, options);\n },\n\n options: {\n handle: null,\n offset: HALF_INSIDE,\n resizableElement: null,\n rootElement: null,\n rtl: false\n },\n\n getPosition: function() {\n var that = this;\n\n var position = that.calculatePosition();\n var handleOffsetPosition = that.applyHandleOffset(position);\n var scrollOffsetPosition = that.applyScrollOffset(handleOffsetPosition);\n\n return scrollOffsetPosition;\n },\n\n calculatePosition: noop,\n\n applyHandleOffset: function(position) {\n var options = this.options;\n var handle = $(options.handle);\n\n if (options.offset === HALF_INSIDE) {\n return {\n top: position.top - (outerHeight(handle) / 2),\n left: position.left - (outerWidth(handle) / 2)\n };\n }\n\n return position;\n },\n\n applyScrollOffset: function(position) {\n var options = this.options;\n var rootElement = $(options.rootElement);\n var scrollBarWidth = options.rtl ? getScrollBarWidth(rootElement[0]) : 0;\n var browser = kendo.support.browser;\n var rootLeft;\n\n if (!rootElement.is(BODY)) {\n rootLeft = kendo.scrollLeft(rootElement) || 0;\n\n if (options.rtl && (browser.mozilla || (browser.webkit && browser.version >= 85))) {\n rootLeft = rootLeft * -1;\n }\n\n return {\n top: position.top + (rootElement.scrollTop() || 0),\n left: position.left + rootLeft - scrollBarWidth\n };\n }\n\n return position;\n }\n });\n\n HandlePositioningStrategy.create = function(options) {\n return PositioningStrategyFactory.current.create(options);\n };\n\n var EastPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top + (outerHeight(resizableElement) / 2),\n left: offset.left + outerWidth(resizableElement) + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(EAST, EastPositioningStrategy);\n\n var NorthPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top,\n left: offset.left + (outerWidth(resizableElement) / 2) + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(NORTH, NorthPositioningStrategy);\n\n var NortheastPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top,\n left: offset.left + outerWidth(resizableElement) + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(NORTHEAST, NortheastPositioningStrategy);\n\n var NorthwestPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top,\n left: offset.left + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(NORTHWEST, NorthwestPositioningStrategy);\n\n var SouthPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top + outerHeight(resizableElement),\n left: offset.left + (outerWidth(resizableElement) / 2) + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(SOUTH, SouthPositioningStrategy);\n\n var SoutheastPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top + outerHeight(resizableElement),\n left: offset.left + outerWidth(resizableElement) + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(SOUTHEAST, SoutheastPositioningStrategy);\n\n var SouthwestPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top + outerHeight(resizableElement),\n left: offset.left + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(SOUTHWEST, SouthwestPositioningStrategy);\n\n var WestPositioningStrategy = HandlePositioningStrategy.extend({\n calculatePosition: function() {\n var resizableElement = $(this.options.resizableElement);\n var offset = resizableElement.position();\n var marginLeft = parseInt(resizableElement.css(\"marginLeft\"), 10);\n\n return {\n top: offset.top + (outerHeight(resizableElement) / 2),\n left: offset.left + marginLeft\n };\n }\n });\n PositioningStrategyFactory.current.register(WEST, WestPositioningStrategy);\n\n var DraggingStrategyFactory = StrategyFactory.extend({});\n DraggingStrategyFactory.current = new DraggingStrategyFactory();\n\n var HandleDraggingStrategy = Class.extend({\n init: function(options) {\n var that = this;\n that.options = extend({}, that.options, options);\n },\n\n options: {\n deltaX: {\n adjustment: null,\n modifier: null\n },\n deltaY: {\n adjustment: null,\n modifier: null\n }\n },\n\n adjustDragDelta: function(deltas) {\n var options = this.options;\n var xAxisAdjustment = options.deltaX.adjustment * options.deltaX.modifier;\n var yAxisAdjustment = options.deltaY.adjustment * options.deltaY.modifier;\n\n return {\n deltaX: deltas.deltaX * xAxisAdjustment,\n deltaY: deltas.deltaY * yAxisAdjustment,\n initialDeltaX: deltas.initialDeltaX * xAxisAdjustment,\n initialDeltaY: deltas.initialDeltaY * yAxisAdjustment\n };\n }\n });\n\n HandleDraggingStrategy.create = function(options) {\n return DraggingStrategyFactory.current.create(options);\n };\n\n var HorizontalDraggingStrategy = HandleDraggingStrategy.extend({\n options: {\n deltaX: {\n adjustment: 1,\n modifier: 1\n },\n deltaY: {\n adjustment: 0,\n modifier: 0\n }\n }\n });\n\n var EastDraggingStrategy = HorizontalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: 1\n }\n }\n });\n DraggingStrategyFactory.current.register(EAST, EastDraggingStrategy);\n\n var WestDraggingStrategy = HorizontalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: (-1)\n }\n }\n });\n DraggingStrategyFactory.current.register(WEST, WestDraggingStrategy);\n\n var VerticalDraggingStrategy = HandleDraggingStrategy.extend({\n options: {\n deltaX: {\n adjustment: 0,\n modifier: 0\n },\n deltaY: {\n adjustment: 1,\n modifier: 1\n }\n }\n });\n\n var NorthDraggingStrategy = VerticalDraggingStrategy.extend({\n options: {\n deltaY: {\n modifier: (-1)\n }\n }\n });\n DraggingStrategyFactory.current.register(NORTH, NorthDraggingStrategy);\n\n var SouthDraggingStrategy = VerticalDraggingStrategy.extend({\n options: {\n deltaY: {\n modifier: 1\n }\n }\n });\n DraggingStrategyFactory.current.register(SOUTH, SouthDraggingStrategy);\n\n var HorizontalAndVerticalDraggingStrategy = HandleDraggingStrategy.extend({\n options: {\n deltaX: {\n adjustment: 1,\n modifier: 1\n },\n deltaY: {\n adjustment: 1,\n modifier: 1\n }\n }\n });\n\n var NorthEastDraggingStrategy = HorizontalAndVerticalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: 1\n },\n deltaY: {\n modifier: (-1)\n }\n }\n });\n DraggingStrategyFactory.current.register(NORTHEAST, NorthEastDraggingStrategy);\n\n var NorthWestDraggingStrategy = HorizontalAndVerticalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: (-1)\n },\n deltaY: {\n modifier: (-1)\n }\n }\n });\n DraggingStrategyFactory.current.register(NORTHWEST, NorthWestDraggingStrategy);\n\n var SouthEastDraggingStrategy = HorizontalAndVerticalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: 1\n },\n deltaY: {\n modifier: 1\n }\n }\n });\n DraggingStrategyFactory.current.register(SOUTHEAST, SouthEastDraggingStrategy);\n\n var SouthWestDraggingStrategy = HorizontalAndVerticalDraggingStrategy.extend({\n options: {\n deltaX: {\n modifier: (-1)\n },\n deltaY: {\n modifier: 1\n }\n }\n });\n DraggingStrategyFactory.current.register(SOUTHWEST, SouthWestDraggingStrategy);\n\n extend(Editor, {\n ElementResizeHandle: ElementResizeHandle\n });\n })(window.kendo);\n\n (function(kendo, undefined$1) {\n var global = window;\n var math = global.Math;\n var min = math.min;\n var max = math.max;\n\n var $ = kendo.jQuery;\n var contains = $.contains;\n var extend = $.extend;\n\n var browser = kendo.support.browser;\n var Editor = kendo.ui.editor;\n var Class = kendo.Class;\n var ElementResizeHandle = Editor.ElementResizeHandle;\n var ResizingUtils = Editor.ResizingUtils;\n var calculatePercentageRatio = ResizingUtils.calculatePercentageRatio;\n var constrain = ResizingUtils.constrain;\n var inPercentages = ResizingUtils.inPercentages;\n var inPixels = ResizingUtils.inPixels;\n var toPercentages = ResizingUtils.toPercentages;\n var toPixels = ResizingUtils.toPixels;\n var outerWidth = kendo._outerWidth;\n var outerHeight = kendo._outerHeight;\n var RangeUtils = Editor.RangeUtils;\n\n var NS = \".kendoEditorElementResizing\";\n var RESIZE_HANDLE_WRAPPER_CLASS = \"k-element-resize-handle-wrapper\";\n var TABLE_CLASS = \"k-table\";\n var ELEMENT_RESIZING_CLASS = \"k-element-resizing\";\n\n var DRAG_START = \"dragStart\";\n var DRAG = \"drag\";\n var DRAG_END = \"dragEnd\";\n var KEY_DOWN = \"keydown\";\n var MOUSE_DOWN = \"mousedown\";\n var SELECT = \"select\";\n var DROP = \"drop\";\n\n var COLUMN = \"td\";\n var ROW = \"tr\";\n var TBODY = \"tbody\";\n var THEAD = \"thead\";\n var TABLE = \"table\";\n var IMG = \"img\";\n var ELEMENT_TYPES = [\"TABLE\", \"IMG\"];\n\n var COMMA = \",\";\n var WIDTH = \"width\";\n var HEIGHT = \"height\";\n\n var EAST = \"east\";\n var NORTH = \"north\";\n var NORTHEAST = \"northeast\";\n var NORTHWEST = \"northwest\";\n var SOUTH = \"south\";\n var SOUTHEAST = \"southeast\";\n var SOUTHWEST = \"southwest\";\n var WEST = \"west\";\n\n var DOT = \".\";\n\n function isUndefined(value) {\n return typeof(value) === \"undefined\";\n }\n\n var ElementResizing = Class.extend({\n init: function(element, options) {\n var that = this;\n\n that.options = extend({}, that.options, options);\n that.handles = [];\n\n // Check whether the element is TABLE or IMG\n if (ELEMENT_TYPES.indexOf(element.nodeName) >= 0) {\n that.element = element;\n }\n },\n\n destroy: function() {\n var that = this;\n\n $(that.element).off(NS);\n that.element = null;\n\n $(that.options.rootElement).off(KEY_DOWN + NS);\n\n that._destroyResizeHandles();\n },\n\n options: {\n appendHandlesTo: null,\n rtl: false,\n rootElement: null,\n minWidth: 10,\n minHeight: 10,\n handles: [{\n direction: NORTHWEST\n }, {\n direction: NORTH\n }, {\n direction: NORTHEAST\n }, {\n direction: EAST\n }, {\n direction: SOUTHEAST\n }, {\n direction: SOUTH\n }, {\n direction: SOUTHWEST\n }, {\n direction: WEST\n }]\n },\n\n resize: function(args) {\n var that = this;\n var deltas = extend({}, {\n deltaX: 0,\n deltaY: 0,\n initialDeltaX: 0,\n initialDeltaY: 0\n }, args);\n\n that._resizeWidth(deltas.deltaX, deltas.initialDeltaX);\n that._resizeHeight(deltas.deltaY, deltas.initialDeltaY);\n\n that.showResizeHandles();\n },\n\n _resizeWidth: function() {\n return false;\n },\n\n _resizeHeight: function() {\n return false;\n },\n\n _getMaxDimensionValue: function(dimension) {\n var that = this;\n var element = $(that.element);\n var dimensionLowercase = dimension.toLowerCase();\n var rtlModifier = that.options.rtl ? (-1) : 1;\n var parent = $(that.element).parent();\n var parentElement = parent[0];\n var parentDimension = parent[dimensionLowercase]();\n var parentScrollOffset = rtlModifier * (dimension === WIDTH ? kendo.scrollLeft(parent) : parent.scrollTop());\n\n if (parentElement && parentElement === element.closest(COLUMN)[0]) {\n if (parentElement.style[dimensionLowercase] === \"\" && !inPercentages(that.element.style[dimensionLowercase])) {\n return Infinity;\n }\n else {\n return (parentDimension + parentScrollOffset);\n }\n }\n else {\n return (parentDimension + parentScrollOffset);\n }\n },\n\n showResizeHandles: function() {\n var that = this;\n\n that._initResizeHandles();\n that._showResizeHandles();\n },\n\n _initResizeHandles: function() {\n var that = this;\n var handles = that.handles;\n var options = that.options;\n var handleOptions = that.options.handles;\n var length = handleOptions.length;\n var i;\n\n if (handles && handles.length > 0) {\n return;\n }\n\n for (i = 0; i < length; i++) {\n that.handles.push(new ElementResizeHandle(extend({\n appendTo: options.appendHandlesTo,\n resizableElement: that.element,\n rootElement: options.rootElement,\n rtl: options.rtl\n }, handleOptions[i])));\n }\n\n that._bindToResizeHandlesEvents();\n },\n\n _destroyResizeHandles: function() {\n var that = this;\n var length = that.handles ? that.handles.length : 0;\n\n for (var i = 0; i < length; i++) {\n that.handles[i].destroy();\n }\n\n that.handles = [];\n },\n\n _showResizeHandles: function() {\n var that = this;\n var handles = that.handles || [];\n var length = handles.length;\n var i;\n\n for (i = 0; i < length; i++) {\n that.handles[i].show();\n }\n },\n\n _bindToResizeHandlesEvents: function() {\n return false;\n },\n\n _onResizeHandleDragStart: function() {\n var that = this;\n var element = $(that.element);\n\n element.addClass(ELEMENT_RESIZING_CLASS);\n\n that._initialElementHeight = outerHeight(element);\n that._initialElementWidth = outerWidth(element);\n that._disableKeyboard();\n },\n\n _onResizeHandleDrag: function(e) {\n this.resize(e);\n },\n\n _onResizeHandleDragEnd: function() {\n var that = this;\n $(that.element).removeClass(ELEMENT_RESIZING_CLASS);\n that._enableKeyboard();\n },\n\n _enableKeyboard: function() {\n $(this.options.rootElement).off(KEY_DOWN + NS);\n },\n\n _disableKeyboard: function() {\n $(this.options.rootElement).on(KEY_DOWN + NS, function(e) {\n e.preventDefault();\n });\n }\n });\n\n var TableResizing = ElementResizing.extend({\n _bindToResizeHandlesEvents: function() {\n var that = this;\n var handles = that.handles || [];\n var length = handles.length;\n var i;\n var handle;\n\n for (i = 0; i < length; i++) {\n handle = handles[i];\n handle.bind(DRAG_START, that._onResizeHandleDragStart.bind(that));\n handle.bind(DRAG, that._onResizeHandleDrag.bind(that));\n handle.bind(DRAG_END, that._onResizeHandleDragEnd.bind(that));\n }\n },\n\n _hasRowsInPixels: function() {\n var that = this;\n var rows = $(that.element).children(THEAD + COMMA + TBODY).children(ROW);\n\n for (var i = 0; i < rows.length; i++) {\n if (rows[i].style.height === \"\" || inPixels(rows[i].style.height)) {\n return true;\n }\n }\n\n return false;\n },\n\n _resizeWidth: function(delta, initialDelta) {\n var that = this;\n var element = $(that.element);\n var styleWidth = element[0].style[WIDTH];\n var currentWidth = outerWidth(element);\n var parentWidth = element.parent().width();\n var maxWidth = that._getMaxDimensionValue(WIDTH);\n var newWidth;\n var ratioValue;\n var ratioTotalValue;\n var constrainedWidth;\n\n if (delta === 0) {\n return;\n }\n\n if (isUndefined(that._initialElementWidth)) {\n that._initialElementWidth = currentWidth;\n }\n\n //use initial delta instead of delta as changing the width with a small value (e.g. 1px)\n //on each drag does not work due to browser calculation of computed styles\n constrainedWidth = constrain({\n value: that._initialElementWidth + initialDelta,\n min: that.options.minWidth,\n max: maxWidth\n });\n\n if (inPercentages(styleWidth)) {\n //detect resizing greater than 100%\n if (currentWidth + delta > parentWidth) {\n ratioValue = max(constrainedWidth, parentWidth);\n ratioTotalValue = min(constrainedWidth, parentWidth);\n }\n else {\n ratioValue = min(constrainedWidth, parentWidth);\n ratioTotalValue = max(constrainedWidth, parentWidth);\n }\n\n newWidth = toPercentages(calculatePercentageRatio(ratioValue, ratioTotalValue));\n }\n else {\n newWidth = toPixels(constrainedWidth);\n }\n\n that._setColumnsWidth();\n\n element[0].style[WIDTH] = newWidth;\n },\n\n _resizeHeight: function(delta, initialDelta) {\n var that = this;\n var element = $(that.element);\n var styleHeight = element[0].style[HEIGHT];\n var currentHeight = outerHeight(element);\n var parent = element.parent();\n var parentHeight = parent.height();\n var maxHeight = that._getMaxDimensionValue(HEIGHT);\n var newHeight;\n var ratioValue;\n var ratioTotalValue;\n var constrainedHeight;\n var minHeight = that.options.minHeight;\n var hasRowsInPixels = that._hasRowsInPixels();\n\n if (delta === 0) {\n return;\n }\n\n if (isUndefined(that._initialElementHeight)) {\n that._initialElementHeight = currentHeight;\n }\n\n //use initial delta instead of delta as changing the height with a small value (e.g. 1px)\n //on each drag does not work due to browser calculation of computed styles\n constrainedHeight = constrain({\n value: that._initialElementHeight + initialDelta,\n min: minHeight,\n max: maxHeight\n });\n\n if (hasRowsInPixels && delta < 0) {\n //decreasing table height when rows are sized in pixels is not possible\n that._setRowsHeightInPercentages();\n }\n\n if (inPercentages(styleHeight)) {\n //detect resizing greater than 100%\n if (currentHeight + delta > parentHeight) {\n ratioValue = max(constrainedHeight, parentHeight);\n ratioTotalValue = min(constrainedHeight, parentHeight);\n }\n else {\n ratioValue = min(constrainedHeight, parentHeight);\n ratioTotalValue = max(constrainedHeight, parentHeight);\n }\n\n newHeight = toPercentages(calculatePercentageRatio(ratioValue, ratioTotalValue));\n }\n else {\n newHeight = toPixels(constrainedHeight);\n }\n\n element[0].style[HEIGHT] = newHeight;\n\n if (hasRowsInPixels && delta < 0) {\n //restore original rows height unit\n that._setRowsHeightInPixels();\n }\n },\n\n _setColumnsWidth: function() {\n var that = this;\n var element = $(that.element);\n var parentElement = element.parent()[0];\n var parentColumn = element.closest(COLUMN);\n var columns = parentColumn.closest(ROW).children();\n var columnsLength = columns.length;\n var i;\n\n function isWidthInPercentages(element) {\n var styleWidth = element.style.width;\n\n if (styleWidth !== \"\") {\n return inPercentages(styleWidth) ? true : false;\n }\n else {\n return $(element).hasClass(TABLE_CLASS) ? true : false;\n }\n }\n\n if (isWidthInPercentages(element[0]) && parentElement === parentColumn[0] && parentElement.style[WIDTH] === \"\") {\n for (i = 0; i < columnsLength; i++) {\n columns[i].style[WIDTH] = toPixels($(columns[i]).width());\n }\n }\n },\n\n _setRowsHeightInPercentages: function() {\n var that = this;\n var tableHead = $(that.element).children(THEAD);\n var tableHeadHeight = tableHead.length > 0 ? tableHead.height() : 0;\n var tableBody = $(that.element).children(TBODY);\n var tableBodyHeight = tableBody.height();\n var rows = $(that.element).children(THEAD + COMMA + TBODY).children(ROW);\n var length = rows.length;\n var currentRowsHeights = rows.map(function() {\n return outerHeight($(this));\n });\n var i;\n\n for (i = 0; i < length; i++) {\n rows[i].style[HEIGHT] = toPercentages(calculatePercentageRatio(currentRowsHeights[i], tableHeadHeight + tableBodyHeight));\n }\n },\n\n _setRowsHeightInPixels: function() {\n var that = this;\n var rows = $(that.element).children(THEAD + COMMA + TBODY).children(ROW);\n var length = rows.length;\n var currentRowsHeights = rows.map(function() {\n return outerHeight($(this));\n });\n var i;\n\n for (i = 0; i < length; i++) {\n rows[i].style[HEIGHT] = toPixels(currentRowsHeights[i]);\n }\n }\n });\n\n var ImageResizing = ElementResizing.extend({\n _bindToResizeHandlesEvents: function() {\n var that = this;\n var handles = that.handles || [];\n var length = handles.length;\n var i;\n var handle;\n\n for (i = 0; i < length; i++) {\n handle = handles[i];\n handle.bind(DRAG_START, that._onResizeHandleDragStart.bind(that));\n\n if (handle.options.direction === \"north\" || handle.options.direction === \"south\") {\n handle.bind(DRAG, that._onResizeHandleDragVertical.bind(that));\n } else if (handle.options.direction === \"east\" || handle.options.direction === \"west\") {\n handle.bind(DRAG, that._onResizeHandleDragHorizontal.bind(that));\n } else {\n handle.bind(DRAG, that._onResizeHandleDragLocked.bind(that));\n }\n\n handle.bind(DRAG_END, that._onResizeHandleDragEnd.bind(that));\n }\n },\n\n _getDeltas: function(args) {\n return extend({}, {\n deltaX: 0,\n deltaY: 0,\n initialDeltaX: 0,\n initialDeltaY: 0\n }, args);\n },\n\n _onResizeHandleDragVertical: function(args) {\n var deltas = this._getDeltas(args);\n\n this._resizeHeight(deltas.deltaY, deltas.initialDeltaY);\n this.showResizeHandles();\n },\n\n _onResizeHandleDragHorizontal: function(args) {\n var deltas = this._getDeltas(args);\n\n this._resizeWidth(deltas.deltaX, deltas.initialDeltaX);\n this.showResizeHandles();\n },\n\n _onResizeHandleDragLocked: function(args) {\n var min = Math.min(Math.abs(args.initialDeltaX), Math.abs(args.initialDeltaY)),\n initialWidth = this._initialElementWidth,\n initialHeight = this._initialElementHeight,\n deltas;\n\n if (min === args.initialDeltaX || min === args.initialDeltaX * -1) {\n args.initialDeltaY = args.initialDeltaX * initialHeight / initialWidth;\n args.deltaY = args.deltaX;\n } else if (min === args.initialDeltaY || min === args.initialDeltaY * -1) {\n args.initialDeltaX = args.initialDeltaY * initialWidth / initialHeight;\n args.deltaX = args.deltaY;\n }\n\n deltas = this._getDeltas(args);\n\n this._resizeWidth(deltas.deltaX, deltas.initialDeltaX);\n this._resizeHeight(deltas.deltaY, deltas.initialDeltaY);\n\n this.showResizeHandles();\n },\n\n _resizeWidth: function(delta, initialDelta) {\n var that = this;\n var element = $(that.element);\n var currentWidth = outerWidth(element);\n var newWidth;\n var constrainedWidth;\n\n if (delta === 0) {\n return;\n }\n\n if (isUndefined(that._initialElementWidth)) {\n that._initialElementWidth = currentWidth;\n }\n\n //use initial delta instead of delta as changing the width with a small value (e.g. 1px)\n //on each drag does not work due to browser calculation of computed styles\n constrainedWidth = constrain({\n value: that._initialElementWidth + initialDelta,\n min: that.options.minWidth,\n max: that._getMaxDimensionValue(WIDTH)\n });\n\n newWidth = toPixels(constrainedWidth);\n element[0].style[WIDTH] = newWidth;\n element.attr(WIDTH, Math.floor(constrainedWidth));\n },\n\n _resizeHeight: function(delta, initialDelta) {\n var that = this;\n var element = $(that.element);\n var currentHeight = outerHeight(element);\n var newHeight;\n var constrainedHeight;\n\n if (delta === 0) {\n return;\n }\n\n if (isUndefined(that._initialElementHeight)) {\n that._initialElementHeight = currentHeight;\n }\n\n //use initial delta instead of delta as changing the height with a small value (e.g. 1px)\n //on each drag does not work due to browser calculation of computed styles\n constrainedHeight = constrain({\n value: that._initialElementHeight + initialDelta,\n min: that.options.minHeight,\n max: Number.MAX_SAFE_INTEGER\n });\n\n newHeight = toPixels(constrainedHeight);\n element[0].style[HEIGHT] = newHeight;\n element.attr(HEIGHT, Math.floor(constrainedHeight));\n }\n });\n\n var ElementResizingFactory = Class.extend({\n create: function(editor) {\n var factory = this;\n\n $(editor.body)\n .on(\"dragstart\" + NS, function() {\n var nodes = RangeUtils.nodes(editor.getRange()),\n hasImg = false;\n\n nodes.forEach(function(node) {\n if (node.nodeName === \"IMG\") {\n hasImg = true;\n }\n });\n\n if (hasImg && nodes.length > 1) {\n editor.elementResizing._destroyResizeHandles();\n }\n })\n .on(DROP + NS, function() {\n setTimeout(function() {\n var image = RangeUtils.image(editor.getRange());\n\n if (image) {\n editor.elementResizing._destroyResizeHandles();\n editor.elementResizing.element = image;\n editor.elementResizing.showResizeHandles();\n }\n });\n })\n .on(MOUSE_DOWN + NS, TABLE + COMMA + IMG, function(e) {\n var eventTarget = e.target;\n var eventCurrentTarget = e.currentTarget;\n var elementResizing = editor.elementResizing;\n var element = elementResizing ? elementResizing.element : null;\n\n if (elementResizing) {\n if (element && eventCurrentTarget !== element) {\n if (contains(eventCurrentTarget, element) && element !== eventTarget && contains(element, eventTarget)) {\n //prevent a parent table resizing init when clicking on a nested table when the event bubbles\n //instead of stopping event propagation\n return;\n }\n else {\n if (element !== eventTarget) {\n editor._destroyElementResizing();\n factory._initResizing(editor, eventCurrentTarget);\n }\n }\n }\n }\n else {\n factory._initResizing(editor, eventCurrentTarget);\n }\n\n editor._showElementResizeHandles();\n })\n .on(MOUSE_DOWN + NS, function(e) {\n var elementResizing = editor.elementResizing;\n var element = elementResizing ? elementResizing.element : null;\n var target = e.target;\n var isResizeHandleOrChild = $(target).hasClass(RESIZE_HANDLE_WRAPPER_CLASS) || $(target).parents(DOT + RESIZE_HANDLE_WRAPPER_CLASS).length > 0;\n\n if (elementResizing && element !== target && !contains(element, target) && !isResizeHandleOrChild) {\n editor._destroyElementResizing();\n }\n });\n },\n\n dispose: function(editor) {\n $(editor.body).off(NS);\n },\n\n _initResizing: function(editor, element) {\n // table and image resizing is natively supported in IE\n // https://stackoverflow.com/questions/53831846/resizing-images-in-contenteditable-div-stopped-working-in-firefox\n // Enable custom resize handlers for FF too\n if (!browser.msie) {\n if ($(element).is(TABLE)) {\n editor.elementResizing = editor.tableResizing = new TableResizing(element, {\n appendHandlesTo: editor.body,\n rtl: kendo.support.isRtl(editor.element),\n rootElement: editor.body\n });\n } else if ($(element).is(IMG)) {\n editor.elementResizing = new ImageResizing(element, {\n appendHandlesTo: editor.body,\n rtl: kendo.support.isRtl(editor.element),\n rootElement: editor.body\n });\n }\n\n if (editor._showElementResizeHandlesProxy) {\n editor.unbind(SELECT, editor._showElementResizeHandlesProxy);\n editor.bind(SELECT, editor._showElementResizeHandlesProxy);\n }\n }\n }\n });\n\n ElementResizingFactory.current = new ElementResizingFactory();\n\n extend(Editor, {\n TableResizing: TableResizing,\n ImageResizing: ImageResizing,\n ElementResizing: ElementResizing,\n ElementResizingFactory: ElementResizingFactory\n });\n\n })(window.kendo);\n\n (function($, undefined$1) {\n\n var kendo = window.kendo,\n Editor = kendo.ui.editor,\n EditorUtils = Editor.EditorUtils,\n RangeUtils = Editor.RangeUtils,\n dom = Editor.Dom,\n registerTool = EditorUtils.registerTool,\n ToolTemplate = Editor.ToolTemplate,\n Command = Editor.Command;\n\n var tableFormatFinder = new Editor.BlockFormatFinder([{ tags: [\"table\"] }]);\n var cellsFormatFinder = new Editor.BlockFormatFinder([{ tags: [\"td\",\"th\"] }]);\n var reUnit = /([a-z]+|%)$/i;\n\n var COL = \"col\";\n var ROW = \"row\";\n var COLGROUP = \"colgroup\";\n var SCOPE = \"scope\";\n var COL_INDEX = \"col-index\";\n var TH = \"th\";\n var TD = \"td\";\n var THEAD = \"thead\";\n var HEADERS = \"headers\";\n var TABLE = \"table\";\n\n var TableWizardCommand = Command.extend({\n exec: function() {\n var cmd = this;\n var editor = cmd.editor;\n var range = cmd.range = cmd.lockRange();\n var selectedTable = cmd._sourceTable = !cmd.options.insertNewTable ? cmd._selectedTable(range) : undefined$1;\n var selectedCells = cmd._selectedTableCells = selectedTable ? cmd._selectedCells(range) : undefined$1;\n var options = {\n visible: false,\n messages: editor.options.messages,\n closeCallback: cmd.onDialogClose.bind(cmd),\n table: cmd.parseTable(selectedTable, selectedCells),\n dialogOptions: editor.options.dialogOptions,\n isRtl: kendo.support.isRtl(editor.wrapper)\n };\n\n var dialog = new Editor.TableWizardDialog(options);\n dialog.open();\n },\n\n onDialogClose: function(data) {\n var cmd = this;\n cmd.releaseRange(cmd.range);\n\n if (data) { //Ok button pressed\n if (cmd.options.insertNewTable) {\n cmd.insertTable(cmd.createNewTable(data));\n } else {\n cmd.updateTable(data, cmd._sourceTable, cmd._selectedTableCells);\n }\n }\n },\n releaseRange: function(range) {\n var cmd = this;\n var doc = cmd.editor.document;\n dom.windowFromDocument(doc).focus();\n Command.fn.releaseRange.call(cmd, range);\n },\n insertTable: function(table) {\n var range = this.range;\n\n range.insertNode(table);\n range.collapse(true);\n this.editor.selectRange(range);\n\n this._ensureFocusableAfterTable(table);\n },\n _ensureFocusableAfterTable: function(table) {\n var siblingNodes = $(table).parent().contents();\n var lastSiblingIndex = siblingNodes.length - 1;\n var lastSibling = siblingNodes.get(lastSiblingIndex);\n\n while (lastSibling.nodeValue !== null && (lastSibling.nodeValue === \" \" || lastSibling.nodeValue === \"\")) {\n lastSiblingIndex -= 1;\n lastSibling = siblingNodes.get(lastSiblingIndex);\n }\n\n if (lastSibling === table) {\n dom.insertAfter(dom.createEmptyNode(this.editor.document, \"p\"), table);\n }\n },\n updateTable: function(data, table, selectedCells) {\n var cmd = this;\n var tableRows = $(table.rows).toArray();\n var tableProp = data.tableProperties;\n var rows = tableProp.rows;\n var tHead = table.tHead;\n var last = cmd._lastInCollection;\n var lastSelectedRow, cellProp;\n\n //Leave only first selected cell\n while (selectedCells.length > 1) {\n selectedCells.pop();\n }\n\n lastSelectedRow = selectedCells.length ? last(selectedCells).parentNode : last(tableRows);\n\n cmd._deleteTableRows(tableRows, tableRows.length - rows);\n\n if (tableRows.length < rows) {\n cmd._addRows(lastSelectedRow, rows, tableRows);\n }\n\n dom.reMapTableColumns(table, COL_INDEX);\n cmd._updateColumns(tableRows, tableProp.columns, selectedCells, lastSelectedRow);\n cmd._updateTableProperties(table, tableProp);\n\n cellProp = data.cellProperties;\n if (selectedCells[0]) {\n dom.attr(selectedCells[0], { id: cellProp.id || null });\n }\n (cellProp.selectAllCells ? $(tableRows).children() : $(selectedCells)).each(function(i, cell) {\n cmd._updateCellProperties(cell, cellProp);\n });\n\n cmd._updateCaption(table, tableProp);\n\n if (tHead) {\n cmd._updateHeadersWithThead(table, data);\n } else {\n cmd._updateHeadersNoThead(table, data);\n }\n\n cmd._updateHeaderAssociates(table, tableProp);\n dom.clearTableMappings(table, COL_INDEX);\n },\n _isHeadingRow: function(row) {\n return dom.is(row.cells[0], TH) && dom.is(row.parentNode, THEAD);\n },\n _isHeadingCell: function(cell) {\n return dom.is(cell, TH);\n },\n cellsWithHeadersAssociated: function(table) {\n var cells = $(table.rows).children();\n var headingIds = [];\n var checkHeader = function(header) {\n return headingIds.indexOf(header) > -1;\n };\n\n cells.each(function(c, cell) {\n if (cell.id && dom.is(cell, TH)) {\n headingIds.push(cell.id);\n }\n });\n\n var associatedCells = cells.filter(function(c, cell) {\n var headersAttr = cell.getAttribute(HEADERS);\n var headersArray;\n\n if (headersAttr && !dom.is(cell, TH)) {\n headersArray = headersAttr.split(\" \");\n\n if (headersArray && headersArray.length > 0) {\n return headersArray.some(checkHeader);\n }\n }\n\n return false;\n });\n\n return !!associatedCells.length;\n },\n _insertCells: function(count, row, index) {\n index = isNaN(index) ? -1 : index;\n for (var i = 0, cell; i < count; i++) {\n cell = row.insertCell(index);\n cell.innerHTML = \" \";\n }\n },\n _deleteTableRows: function(rows, count) {\n for (var i = 0, row, rowParent; i < count; i++) {\n row = rows.pop();\n rowParent = row.parentNode;\n rowParent.removeChild(row);\n if (!rowParent.rows.length) {\n dom.remove(rowParent);\n }\n }\n },\n createNewTable: function(data) {\n var cmd = this;\n var doc = cmd.editor.document;\n var tableProp = data.tableProperties;\n var table = dom.create(doc, TABLE);\n var rowIndex = 0;\n var thead;\n\n cmd._updateTableProperties(table, tableProp);\n cmd._updateCaption(table, tableProp);\n\n if (tableProp.headerRows && tableProp.headerRows > 0) {\n thead = table.createTHead();\n cmd._createTableRows(data, thead, rowIndex, true);\n rowIndex += tableProp.headerRows;\n }\n\n var tbody = table.createTBody();\n cmd._createTableRows(data, tbody, rowIndex, false);\n\n dom.reMapTableColumns(table, COL_INDEX);\n\n if (tableProp.cellsWithHeaders === \"ids\") {\n dom.associateWithIds(table);\n } else if (tableProp.cellsWithHeaders === \"scope\") {\n cmd._addScopes(table, tableProp.headerRows, tableProp.headerColumns);\n }\n\n dom.clearTableMappings(table, COL_INDEX);\n\n return table;\n },\n _createTableRows: function(data, container, initialIndex, headerRows) {\n var cmd = this;\n var tableProp = data.tableProperties;\n var cellProp = data.cellProperties;\n var columns = tableProp.columns;\n var rows = headerRows ? tableProp.headerRows : tableProp.rows;\n var cellPropToAll = cellProp.selectAllCells;\n var headerColumns = tableProp.headerColumns;\n\n for (var r = initialIndex, row; r < rows; r++) {\n row = container.insertRow();\n\n for (var c = 0, cell; c < columns; c++) {\n if (headerRows || headerColumns > c) {\n cell = document.createElement(TH);\n } else {\n cell = document.createElement(TD);\n }\n\n row.appendChild(cell);\n cell.innerHTML = \" \";\n if (r === 0 && c === 0 && cellProp.id) {\n cell.id = cellProp.id;\n }\n cmd._updateCellProperties(cell, (cellPropToAll || (r === 0 && c === 0)) ? cellProp : {});\n }\n }\n },\n _addRows: function(lastSelectedRow, rows, tableRows) {\n var cmd = this;\n var rowIndex = $(lastSelectedRow).index();\n var cellsLength = lastSelectedRow.cells.length;\n var newRowsCount = rows - tableRows.length;\n var parent = lastSelectedRow.parentNode;\n var row;\n\n while (newRowsCount) {\n row = parent.insertRow(rowIndex + 1);\n cmd._insertCells(cellsLength - row.cells.length, row);\n newRowsCount--;\n }\n },\n _updateColumns: function(tableRows, columns, selectedCells, lastSelectedRow) {\n var cmd = this;\n var last = cmd._lastInCollection;\n var firstRowLastCell = last(tableRows[0].cells);\n var numberOfColumns = Number(firstRowLastCell.getAttribute(COL_INDEX)) + firstRowLastCell.colSpan;\n\n if (numberOfColumns > columns) {\n $(tableRows).each(function(i, row) {\n var lastCurrentCell = last(row.cells);\n var rowColumns = Number(lastCurrentCell.getAttribute(COL_INDEX)) + lastCurrentCell.colSpan;\n\n while (rowColumns > columns) {\n if (lastCurrentCell.colSpan && lastCurrentCell.colSpan > 1) {\n lastCurrentCell.colSpan -= 1;\n } else {\n row.deleteCell(-1);\n }\n\n lastCurrentCell = last(row.cells);\n rowColumns = Number(lastCurrentCell.getAttribute(COL_INDEX)) + lastCurrentCell.colSpan;\n }\n });\n }\n\n if (numberOfColumns < columns) {\n var cellIndex = $(last(selectedCells) || last(lastSelectedRow.cells)).index();\n $(tableRows).each(function(i, row) {\n var lastCurrentCell = last(row.cells);\n cmd._insertCells(columns - Number(lastCurrentCell.getAttribute(COL_INDEX)) - lastCurrentCell.colSpan, row, cellIndex + 1);\n });\n }\n },\n _updateTableProperties: function(table, data) {\n var style = this._getStylesData(data);\n dom.attr(table, {\n cellSpacing: data.cellSpacing || null,\n cellPadding: data.cellPadding || null,\n className: data.className || null,\n id: data.id || null,\n summary: data.summary || null,\n style: style || null\n });\n $(table).addClass(\"k-table\");\n },\n _updateCellProperties: function(cell, data) {\n var style = this._getStylesData(data);\n style.padding = data.cellPadding || null;\n style.margin = data.cellMargin || null;\n dom.attr(cell, {\n style: style || null,\n className: data.className || null\n });\n },\n _updateCaption: function(table, data) {\n if (table.caption && !data.captionContent) {\n table.deleteCaption();\n } else if (data.captionContent) {\n var caption = table.createCaption();\n caption.innerHTML = data.captionContent;\n var alignment = this._getAlignmentData(data.captionAlignment);\n dom.attr(caption, {\n style: {\n textAlign: alignment.textAlign,\n verticalAlign: alignment.verticalAlign\n }\n });\n }\n },\n _updateHeadersNoThead: function(table, data) {\n var cmd = this;\n var tableProp = data.tableProperties;\n var rows = table.rows;\n var row, cells, cell, i, j;\n\n for (i = 0; i < rows.length; i++) {\n row = rows[i];\n cells = row.cells;\n\n for (j = 0; j < cells.length; j++) {\n cell = cells[j];\n if (!cmd._isHeadingCell(cell) && (i < tableProp.headerRows || tableProp.headerColumns > cell.getAttribute(COL_INDEX))) {\n dom.changeTag(cell, TH, false);\n } else if (cmd._isHeadingCell(cell) && i >= tableProp.headerRows && tableProp.headerColumns <= cell.getAttribute(COL_INDEX)) {\n dom.changeTag(cell, TD, false);\n }\n }\n }\n },\n _updateHeadersWithThead: function(table, data) {\n var cmd = this;\n var tableProp = data.tableProperties;\n var thead = table.tHead;\n var rowIndex = 0;\n var tbody = table.tBodies[0];\n var row, cell, i;\n\n if (!tbody) {\n tbody = table.createTBody();\n }\n\n if (tableProp.headerRows && tableProp.headerRows > 0) {\n if (!thead) {\n thead = table.createTHead();\n }\n\n while (thead.rows.length < tableProp.headerRows) {\n thead.appendChild(tbody.rows[0]);\n }\n\n while (thead.rows.length > tableProp.headerRows) {\n tbody.appendChild(thead.rows[0]);\n }\n\n cmd._swapToHeaderCells(thead);\n } else if (thead) {\n while (thead.rows.length > 0) {\n tbody.appendChild(thead.rows[thead.rows.length - 1]);\n }\n\n table.deleteTHead();\n }\n\n while (tbody.rows.length > rowIndex) {\n row = tbody.rows[rowIndex];\n for (i = 0; i < row.cells.length; i++) {\n cell = row.cells[i];\n if (cmd._isHeadingCell(cell) && tableProp.headerColumns <= cell.getAttribute(COL_INDEX)) {\n dom.changeTag(cell, TD, false);\n } else if (!cmd._isHeadingCell(cell) && tableProp.headerColumns > cell.getAttribute(COL_INDEX)) {\n dom.changeTag(cell, TH, false);\n }\n }\n rowIndex += 1;\n }\n },\n _updateHeaderAssociates: function(table, tableProp) {\n var cmd = this;\n\n if (tableProp.cellsWithHeaders === \"ids\") {\n if (!cmd.cellsWithHeadersAssociated(table)) {\n cmd._removeScopes(table);\n }\n dom.associateWithIds(table);\n } else if (tableProp.cellsWithHeaders === \"scope\") {\n if (cmd.cellsWithHeadersAssociated(table)) {\n cmd._removeAssociates(table);\n }\n cmd._addScopes(table, tableProp.headerRows, tableProp.headerColumns);\n } else {\n if (cmd.cellsWithHeadersAssociated(table)) {\n cmd._removeAssociates(table);\n } else {\n cmd._removeScopes(table);\n }\n }\n },\n _addScopes: function(table, headerRows, headerCols) {\n var rows = table.rows;\n var i, j, row, cell;\n\n for (i = 0; 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 (i < headerRows) {\n cell.setAttribute(SCOPE, COL);\n } else if (cell.getAttribute(COL_INDEX) < headerCols) {\n cell.setAttribute(SCOPE, ROW);\n }\n }\n }\n },\n _removeScopes: function(table) {\n $(table).find(TH).removeAttr(SCOPE);\n $(table).find(COL).remove();\n $(table).find(COLGROUP).remove();\n },\n _removeAssociates: function(table) {\n $(table).find(\"th, td\").removeAttr(\"id headers\");\n },\n _swapToHeaderCells: function(thead) {\n var tds = $(thead).find(\"td\");\n var swapCell = function(index, cell) {\n dom.changeTag(cell, TH, false);\n };\n tds.each(swapCell);\n },\n _getStylesData: function(data) {\n var alignment = this._getAlignmentData(data.alignment);\n var whiteSpace = \"wrapText\" in data ? (data.wrapText ? \"\" : \"nowrap\") : null;\n\n return {\n width: data.width ? data.width + data.widthUnit : null,\n height: data.height ? data.height + data.heightUnit : null,\n textAlign: alignment.textAlign,\n verticalAlign: alignment.verticalAlign,\n backgroundColor: data.bgColor || \"\",\n borderWidth: data.borderWidth,\n borderStyle: data.borderStyle,\n borderColor: data.borderColor || \"\",\n borderCollapse: data.collapseBorders ? \"collapse\" : null,\n whiteSpace: whiteSpace\n };\n },\n _getAlignmentData: function(alignment) {\n var textAlign = \"\";\n var verticalAlign = textAlign;\n\n if (alignment) {\n if (alignment.indexOf(\" \") != -1) {\n var align = alignment.split(\" \");\n textAlign = align[0];\n verticalAlign = align[1];\n } else {\n textAlign = alignment;\n }\n }\n return { textAlign: textAlign, verticalAlign: verticalAlign };\n },\n parseTable: function(table, selectedCells) {\n if (!table) {\n return { tableProperties: {}, selectedCells: [] };\n }\n\n var cmd = this;\n var tStyle = table.style;\n var rows = table.rows;\n var caption = table.caption;\n var captionClone = $(caption ? caption.cloneNode(true) : undefined$1);\n captionClone.find(\".k-marker\").remove();\n\n var cssClass = table.className;\n cssClass = cssClass.replace(/^k-table\\s|\\sk-table$/, \"\");\n cssClass = cssClass.replace(/\\sk-table\\s/, \" \");\n cssClass = cssClass.replace(/^k-table$/, \"\");\n\n var tableAlignment = cmd._getAlignment(table, true);\n var captionAlignment = caption ? cmd._getAlignment(caption) : undefined$1;\n var numberOfHeaderRows = dom._getNumberOfHeaderRows(table);\n\n var cellsWithHeaders;\n if (cmd.cellsWithHeadersAssociated(table)) {\n cellsWithHeaders = \"ids\";\n } else if ($(table).find(\"th[scope]\").length > 0) {\n cellsWithHeaders = \"scope\";\n } else {\n cellsWithHeaders = \"none\";\n }\n\n dom.reMapTableColumns(table, COL_INDEX);\n var numberOfColumns = dom._getNumberOfColumns(table);\n var numberOfHeaderColumns = dom._getNumberOfHeaderColumns(table, numberOfHeaderRows);\n dom.clearTableMappings(table, COL_INDEX);\n\n var tableJson = {\n tableProperties: {\n width: tStyle.width || table.width ? parseFloat(tStyle.width || table.width) : null,\n height: tStyle.height || table.height ? parseFloat(tStyle.height || table.height) : null,\n columns: numberOfColumns,\n rows: rows.length,\n widthUnit: cmd._getUnit(tStyle.width),\n heightUnit: cmd._getUnit(tStyle.height),\n cellSpacing: table.cellSpacing,\n cellPadding: table.cellPadding,\n alignment: tableAlignment.textAlign,\n bgColor: tStyle.backgroundColor || table.bgColor,\n className: cssClass,\n id: table.id,\n borderWidth: tStyle.borderWidth || table.border,\n borderColor: tStyle.borderColor,\n borderStyle: tStyle.borderStyle || \"\",\n collapseBorders: !!tStyle.borderCollapse,\n summary: table.summary,\n captionContent: caption ? captionClone.html() : \"\",\n captionAlignment: caption && captionAlignment.textAlign ? captionAlignment.textAlign + \" \" + captionAlignment.verticalAlign : \"\",\n headerRows: numberOfHeaderRows,\n headerColumns: numberOfHeaderColumns,\n cellsWithHeaders: cellsWithHeaders\n },\n selectedCells: []\n };\n\n tableJson.rows = cmd.parseTableRows(rows, selectedCells, tableJson);\n\n return tableJson;\n },\n parseTableRows: function(rows, selectedCells, tableJson) {\n var cmd = this;\n var data = [], row, rowData, cells, cell, cellData;\n for (var i = 0; i < rows.length; i++) {\n row = rows[i];\n rowData = { cells: [] };\n cells = row.cells;\n data.push(rowData);\n for (var j = 0; j < cells.length; j++) {\n cell = cells[j];\n cellData = cmd.parseCell(cell);\n if ($.inArray(cell, selectedCells) != -1) {\n tableJson.selectedCells.push(cellData);\n }\n rowData.cells.push(cellData);\n }\n }\n return data;\n },\n parseCell: function(cell) {\n var cmd = this;\n var cStyle = cell.style;\n var alignment = cmd._getAlignment(cell);\n alignment = alignment.textAlign ? alignment.textAlign + \" \" + alignment.verticalAlign : \"\";\n\n var data = {\n width: cStyle.width || cell.width ? parseFloat(cStyle.width || cell.width) : null,\n height: cStyle.height || cell.height ? parseFloat(cStyle.height || cell.height) : null,\n widthUnit: cmd._getUnit(cStyle.width),\n heightUnit: cmd._getUnit(cStyle.height),\n cellMargin: cStyle.margin,\n cellPadding: cStyle.padding,\n alignment: alignment,\n bgColor: cStyle.backgroundColor || cell.bgColor,\n className: cell.className,\n id: cell.id,\n borderWidth: cStyle.borderWidth || cell.border,\n borderColor: cStyle.borderColor,\n borderStyle: cStyle.borderStyle,\n wrapText: cStyle.whiteSpace != \"nowrap\"\n };\n\n return data;\n },\n _getAlignment: function(element, horizontalOnly) {\n var style = element.style;\n var hAlign = style.textAlign || element.align || \"\";\n if (horizontalOnly) {\n return { textAlign: hAlign };\n }\n var vAlign = style.verticalAlign || element.vAlign || \"\";\n if (hAlign && vAlign) {\n return { textAlign: hAlign, verticalAlign: vAlign };\n }\n if (!hAlign && vAlign) {\n return { textAlign: \"left\", verticalAlign: vAlign };\n }\n if (hAlign && !vAlign) {\n return { textAlign: hAlign, verticalAlign: \"top\" };\n }\n return { textAlign: \"\", verticalAlign: \"\" };\n },\n _getUnit: function(value) {\n var unit = (value || \"\").match(reUnit);\n return unit ? unit[0] : \"px\";\n },\n _selectedTable: function(range) {\n var nodes = dom.filterBy(RangeUtils.nodes(range), dom.htmlIndentSpace, true);\n return tableFormatFinder.findSuitable(nodes)[0];\n },\n _selectedCells: function(range) {\n var nodes = dom.filterBy(RangeUtils.nodes(range), dom.htmlIndentSpace, true);\n return cellsFormatFinder.findSuitable(nodes);\n },\n _lastInCollection: function(collection) {\n return collection[collection.length - 1];\n }\n });\n\n var TableWizardTool = Editor.Tool.extend({\n command: function(options) {\n options.insertNewTable = this.options.insertNewTable;\n return new TableWizardCommand(options);\n }\n });\n\n var TableWizardEditTool = TableWizardTool.extend({\n update: function(ui, nodes) {\n var isFormatted = !tableFormatFinder.isFormatted(nodes);\n\n if (isFormatted === true) {\n ui.parent().addClass(\"k-hidden k-disabled\");\n ui.attr(\"disabled\", \"disabled\");\n ui.addClass(\"k-disabled\");\n } else {\n ui.parent().removeClass(\"k-hidden k-disabled\");\n ui.prop(\"disabled\", false);\n ui.removeClass(\"k-disabled\");\n }\n }\n });\n\n kendo.ui.editor.TableWizardTool = TableWizardTool;\n kendo.ui.editor.TableWizardCommand = TableWizardCommand;\n\n registerTool(\"tableWizard\", new TableWizardEditTool({ command: TableWizardCommand, insertNewTable: false, template: new ToolTemplate({ template: EditorUtils.buttonTemplate, title: \"Table Wizard\" }) }));\n\n })(window.kendo.jQuery);\n\n (function($, undefined$1) {\n\n var kendo = window.kendo,\n numericTextBoxSettings = { format: \"0\", min: 0 },\n units = [\"px\", \"em\"],\n borderStyles = [\"solid\", \"dotted\", \"dashed\", \"double\", \"groove\", \"ridge\", \"inset\", \"outset\", \"initial\", \"inherit\", \"none\", \"hidden\"];\n\n var DEFAULT_NUMBER_OF_COLS_AND_ROWS = 4;\n\n var tableAlignmentDropDownSettings = {\n dataSource: [{\n className: \"k-icon k-i-table-align-middle-left\",\n value: \"left\"\n }, {\n className: \"k-icon k-i-table-align-middle-center\",\n value: \"center\"\n }, {\n className: \"k-icon k-i-table-align-middle-right\",\n value: \"right\"\n }, {\n className: \"k-icon k-i-align-remove\",\n value: \"\"\n }],\n dataTextField: \"className\",\n dataValueField: \"value\",\n template: \"
\",\n valueTemplate: \"
\"\n };\n\n var cellAlignmentDropDownSettings = {\n dataSource: [{\n className: \"k-icon k-i-table-align-top-left\",\n value: \"left top\"\n }, {\n className: \"k-icon k-i-table-align-top-center\",\n value: \"center top\"\n }, {\n className: \"k-icon k-i-table-align-top-right\",\n value: \"right top\"\n }, {\n className: \"k-icon k-i-table-align-middle-left\",\n value: \"left middle\"\n }, {\n className: \"k-icon k-i-table-align-middle-center\",\n value: \"center middle\"\n }, {\n className: \"k-icon k-i-table-align-middle-right\",\n value: \"right middle\"\n }, {\n className: \"k-icon k-i-table-align-bottom-left\",\n value: \"left bottom\"\n }, {\n className: \"k-icon k-i-table-align-bottom-center\",\n value: \"center bottom\"\n }, {\n className: \"k-icon k-i-table-align-bottom-right\",\n value: \"right bottom\"\n }, {\n className: \"k-icon k-i-align-remove\",\n value: \"\"\n }],\n dataTextField: \"className\",\n dataValueField: \"value\",\n template: \"
\",\n valueTemplate: \"
\"\n };\n\n var accessibilityAlignmentDropDownSettings = {\n dataSource: [{\n className: \"k-icon k-i-table-align-top-left\",\n value: \"left top\"\n }, {\n className: \"k-icon k-i-table-align-top-center\",\n value: \"center top\"\n }, {\n className: \"k-icon k-i-table-align-top-right\",\n value: \"right top\"\n }, {\n className: \"k-icon k-i-table-align-bottom-left\",\n value: \"left bottom\"\n }, {\n className: \"k-icon k-i-table-align-bottom-center\",\n value: \"center bottom\"\n }, {\n className: \"k-icon k-i-table-align-bottom-right\",\n value: \"right bottom\"\n }, {\n className: \"k-icon k-i-align-remove\",\n value: \"\"\n }],\n dataTextField: \"className\",\n dataValueField: \"value\",\n template: \"
\",\n valueTemplate: \"
\"\n };\n\n var dialogTemplate =\n '
';\n\n var TableWizardDialog = kendo.Class.extend({\n init: function(options) {\n this.options = options;\n },\n open: function() {\n var that = this,\n options = that.options,\n dialogOptions = options.dialogOptions,\n tableData = options.table,\n dialog,\n messages = options.messages,\n isIE = kendo.support.browser.msie;\n\n function close(e) {\n e.preventDefault();\n that.destroy();\n dialog.destroy();\n }\n\n function okHandler(e) {\n that.collectDialogValues(tableData);\n\n close(e);\n\n if (that.change) {\n that.change();\n }\n\n options.closeCallback(tableData);\n }\n\n function closeHandler(e) {\n close(e);\n options.closeCallback();\n }\n\n dialogOptions.close = closeHandler;\n dialogOptions.title = messages.tableWizard;\n dialogOptions.visible = options.visible;\n\n dialog = $(that._dialogTemplate(messages)).appendTo(document.body)\n .kendoWindow(dialogOptions)\n .closest(\".k-window\").toggleClass(\"k-rtl\", options.isRtl).end()\n .find(\".k-dialog-ok\").on(\"click\", okHandler).end()\n .find(\".k-dialog-close\").on(\"click\", closeHandler).end()\n .data(\"kendoWindow\");\n\n var element = dialog.element;\n that._initTabStripComponent(element);\n that._initTableViewComponents(element, tableData);\n that._initCellViewComponents(element, tableData);\n that._initAccessibilityViewComponents(element, tableData);\n\n dialog.center();\n dialog.open();\n\n if (isIE) {\n var dialogHeight = element.closest(\".k-window\").height();\n element.css(\"max-height\", dialogHeight);\n }\n },\n\n _initTabStripComponent: function(element) {\n var components = this.components = {};\n components.tabStrip = element.find(\"#k-table-wizard-tabs\").kendoTabStrip({\n animation: false\n }).data(\"kendoTabStrip\");\n },\n\n collectDialogValues: function() {\n var that = this;\n var data = that.options.table;\n that._collectTableViewValues(data);\n that._collectCellViewValues(data);\n that._collectAccessibilityViewValues(data);\n },\n\n _collectTableViewValues: function(tableData) {\n var tableView = this.components.tableView;\n var tableProperties = tableData.tableProperties;\n tableProperties.width = tableView.width.value();\n tableProperties.widthUnit = tableView.widthUnit.value();\n tableProperties.height = tableView.height.value();\n tableProperties.columns = tableView.columns.value();\n tableProperties.rows = tableView.rows.value();\n tableProperties.heightUnit = tableView.heightUnit.value();\n tableProperties.cellSpacing = tableView.cellSpacing.value();\n tableProperties.cellPadding = tableView.cellPadding.value();\n tableProperties.alignment = tableView.alignment.value();\n tableProperties.bgColor = tableView.bgColor.value();\n tableProperties.className = tableView.className.value;\n tableProperties.id = tableView.id.value;\n tableProperties.borderWidth = tableView.borderWidth.value();\n tableProperties.borderColor = tableView.borderColor.value();\n tableProperties.borderStyle = tableView.borderStyle.value();\n tableProperties.collapseBorders = tableView.collapseBorders.checked;\n },\n\n _collectCellViewValues: function(table) {\n var cellData = table.cellProperties = {};\n var cellView = this.components.cellView;\n\n cellData.selectAllCells = cellView.selectAllCells.checked;\n cellData.width = cellView.width.value();\n cellData.widthUnit = cellView.widthUnit.value();\n cellData.height = cellView.height.value();\n cellData.heightUnit = cellView.heightUnit.value();\n cellData.cellMargin = cellView.cellMargin.value();\n cellData.cellPadding = cellView.cellPadding.value();\n cellData.alignment = cellView.alignment.value();\n cellData.bgColor = cellView.bgColor.value();\n cellData.className = cellView.className.value;\n cellData.id = cellView.id.value;\n cellData.borderWidth = cellView.borderWidth.value();\n cellData.borderColor = cellView.borderColor.value();\n cellData.borderStyle = cellView.borderStyle.value();\n cellData.wrapText = cellView.wrapText.checked;\n\n if (!cellData.width) {\n cellData.selectAllCells = true;\n cellData.width = 100 / table.tableProperties.columns;\n cellData.widthUnit = \"%\";\n }\n },\n\n _collectAccessibilityViewValues: function(table) {\n var tableProperties = table.tableProperties;\n var accessibilityView = this.components.accessibilityView;\n tableProperties.captionContent = accessibilityView.captionContent.value;\n tableProperties.captionAlignment = accessibilityView.captionAlignment.value();\n tableProperties.summary = accessibilityView.summary.value;\n tableProperties.cellsWithHeaders = accessibilityView.cellsWithHeaders.value();\n\n tableProperties.headerRows = accessibilityView.headerRows.value();\n tableProperties.headerColumns = accessibilityView.headerColumns.value();\n },\n _addUnit: function(units, value) {\n if (value && $.inArray(value, units) == -1) {\n units.push(value);\n }\n },\n _initTableViewComponents: function(element, table) {\n var that = this;\n var components = that.components;\n var tableView = components.tableView = {};\n var tableProperties = table.tableProperties = table.tableProperties || {};\n tableProperties.borderStyle = tableProperties.borderStyle || \"\";\n\n var onColumnsNumberChange = function(args) {\n var accessibilityView = that.components.accessibilityView;\n var headerColumnsNumeric = accessibilityView.headerColumns;\n var currentNumberOfColumnsHeaders = headerColumnsNumeric.value();\n var numberOfColumns = args.sender.value();\n\n if (numberOfColumns < currentNumberOfColumnsHeaders) {\n headerColumnsNumeric.value(numberOfColumns);\n }\n\n headerColumnsNumeric.max(numberOfColumns);\n };\n\n var onRowsNumberChange = function(args) {\n var accessibilityView = that.components.accessibilityView;\n var headerRowsNumeric = accessibilityView.headerRows;\n var currentNumberOfRowHeaders = headerRowsNumeric.value();\n var numberOfRows = args.sender.value();\n\n if (numberOfRows < currentNumberOfRowHeaders) {\n headerRowsNumeric.value(numberOfRows);\n }\n\n headerRowsNumeric.max(numberOfRows);\n };\n\n that._addUnit(units, tableProperties.widthUnit);\n that._addUnit(units, tableProperties.heightUnit);\n\n that._initNumericTextbox(element.find(\"#k-editor-table-width\"), \"width\", tableProperties, tableView);\n that._initNumericTextbox(element.find(\"#k-editor-table-height\"), \"height\", tableProperties, tableView);\n that._initNumericTextbox(element.find(\"#k-editor-table-columns\"), \"columns\", tableProperties, tableView, { min: 1, value: DEFAULT_NUMBER_OF_COLS_AND_ROWS, change: onColumnsNumberChange });\n that._initNumericTextbox(element.find(\"#k-editor-table-rows\"), \"rows\", tableProperties, tableView, { min: 1, value: DEFAULT_NUMBER_OF_COLS_AND_ROWS, change: onRowsNumberChange });\n that._initDropDownList(element.find(\"#k-editor-table-width-type\"), \"widthUnit\", tableProperties, tableView, units);\n that._initDropDownList(element.find(\"#k-editor-table-height-type\"), \"heightUnit\", tableProperties, tableView, units);\n that._initNumericTextbox(element.find(\"#k-editor-table-cell-spacing\"), \"cellSpacing\", tableProperties, tableView);\n that._initNumericTextbox(element.find(\"#k-editor-table-cell-padding\"), \"cellPadding\", tableProperties, tableView);\n that._initTableAlignmentDropDown(element.find(\"#k-editor-table-alignment\"), tableProperties);\n that._initColorPicker(element.find(\"#k-editor-table-bg\"), \"bgColor\", tableProperties, tableView);\n that._initInput(element.find(\"#k-editor-css-class\"), \"className\", tableProperties, tableView);\n that._initInput(element.find(\"#k-editor-id\"), \"id\", tableProperties, tableView);\n that._initNumericTextbox(element.find(\"#k-editor-border-width\"), \"borderWidth\", tableProperties, tableView);\n that._initColorPicker(element.find(\"#k-editor-border-color\"), \"borderColor\", tableProperties, tableView);\n that._initBorderStyleDropDown(element.find(\"#k-editor-border-style\"), \"borderStyle\", tableProperties, tableView, borderStyles);\n that._initCheckbox(element.find(\"#k-editor-collapse-borders\"), \"collapseBorders\", tableProperties, tableView);\n },\n\n _initCellViewComponents: function(element, table) {\n var components = this.components;\n var cellView = components.cellView = {};\n table.selectedCells = table.selectedCells = table.selectedCells || [];\n var cellProperties = table.selectedCells[0] || { borderStyle: \"\", wrapText: true };\n this._addUnit(units, cellProperties.widthUnit);\n this._addUnit(units, cellProperties.heightUnit);\n\n this._initCheckbox(element.find(\"#k-editor-selectAllCells\"), \"selectAllCells\", table.tableProperties, cellView);\n this._initNumericTextbox(element.find(\"#k-editor-cell-width\"), \"width\", cellProperties, cellView);\n this._initNumericTextbox(element.find(\"#k-editor-cell-height\"), \"height\", cellProperties, cellView);\n this._initDropDownList(element.find(\"#k-editor-cell-width-type\"), \"widthUnit\", cellProperties, cellView, units);\n this._initDropDownList(element.find(\"#k-editor-cell-height-type\"), \"heightUnit\", cellProperties, cellView, units);\n this._initNumericTextbox(element.find(\"#k-editor-table-cell-margin\"), \"cellMargin\", cellProperties, cellView);\n this._initNumericTextbox(element.find(\"#k-editor-table-cells-padding\"), \"cellPadding\", cellProperties, cellView);\n this._initCellAlignmentDropDown(element.find(\"#k-editor-cell-alignment\"), cellProperties);\n this._initColorPicker(element.find(\"#k-editor-cell-bg\"), \"bgColor\", cellProperties, cellView);\n this._initInput(element.find(\"#k-editor-cell-css-class\"), \"className\", cellProperties, cellView);\n this._initInput(element.find(\"#k-editor-cell-id\"), \"id\", cellProperties, cellView);\n this._initNumericTextbox(element.find(\"#k-editor-cell-border-width\"), \"borderWidth\", cellProperties, cellView);\n this._initColorPicker(element.find(\"#k-editor-cell-border-color\"), \"borderColor\", cellProperties, cellView);\n this._initBorderStyleDropDown(element.find(\"#k-editor-cell-border-style\"), \"borderStyle\", cellProperties, cellView, borderStyles);\n this._initCheckbox(element.find(\"#k-editor-wrap-text\"), \"wrapText\", cellProperties, cellView);\n },\n\n _initAccessibilityViewComponents: function(element, table) {\n var components = this.components;\n var accessibilityView = components.accessibilityView = {};\n var tableProperties = table.tableProperties;\n\n this._initInput(element.find(\"#k-editor-table-caption\"), \"captionContent\", tableProperties, accessibilityView);\n this._initAccessibilityAlignmentDropDown(element.find(\"#k-editor-accessibility-alignment\"), tableProperties);\n this._initInput(element.find(\"#k-editor-accessibility-summary\"), \"summary\", tableProperties, accessibilityView);\n this._initAssociationDropDown(element.find(\"#k-editor-cells-headers\"), \"cellsWithHeaders\", { valuePrimitive: true }, tableProperties, accessibilityView);\n this._initNumericTextbox(element.find(\"#k-editor-table-header-rows\"), \"headerRows\", tableProperties, accessibilityView, { max: tableProperties.rows || DEFAULT_NUMBER_OF_COLS_AND_ROWS });\n this._initNumericTextbox(element.find(\"#k-editor-table-header-columns\"), \"headerColumns\", tableProperties, accessibilityView, { max: tableProperties.columns || DEFAULT_NUMBER_OF_COLS_AND_ROWS });\n },\n\n _initNumericTextbox: function(element, property, data, storage, settings) {\n var component = storage[property] = element.kendoNumericTextBox(\n settings ? $.extend({}, numericTextBoxSettings, settings) : numericTextBoxSettings\n ).data(\"kendoNumericTextBox\");\n if (property in data) {\n component.value(parseInt(data[property], 10));\n }\n },\n\n _initDropDownList: function(element, property, data, storage, dataSource) {\n var component = storage[property] = element.kendoDropDownList({\n dataSource: dataSource\n }).data(\"kendoDropDownList\");\n this._setComponentValue(component, data, property);\n },\n\n _initBorderStyleDropDown: function(element, property, data, storage, dataSource) {\n var component = storage[property] = element.kendoDropDownList({\n dataSource: dataSource,\n optionLabel: this.options.messages.borderNone\n }).data(\"kendoDropDownList\");\n this._setComponentValue(component, data, property);\n },\n\n _initTableAlignmentDropDown: function(element, data) {\n var messages = this.options.messages;\n var tableView = this.components.tableView;\n var dataSource = tableAlignmentDropDownSettings.dataSource;\n dataSource[0].tooltip = messages.alignLeft;\n dataSource[1].tooltip = messages.alignCenter;\n dataSource[2].tooltip = messages.alignRight;\n dataSource[3].tooltip = messages.alignRemove;\n\n this._initAlignmentDropDown(element, tableAlignmentDropDownSettings, \"alignment\", data, tableView);\n },\n\n _initCellAlignmentDropDown: function(element, data) {\n var messages = this.options.messages;\n var cellView = this.components.cellView;\n var dataSource = cellAlignmentDropDownSettings.dataSource;\n dataSource[0].tooltip = messages.alignLeftTop;\n dataSource[1].tooltip = messages.alignCenterTop;\n dataSource[2].tooltip = messages.alignRightTop;\n dataSource[3].tooltip = messages.alignLeftMiddle;\n dataSource[4].tooltip = messages.alignCenterMiddle;\n dataSource[5].tooltip = messages.alignRightMiddle;\n dataSource[6].tooltip = messages.alignLeftBottom;\n dataSource[7].tooltip = messages.alignCenterBottom;\n dataSource[8].tooltip = messages.alignRightBottom;\n dataSource[9].tooltip = messages.alignRemove;\n\n this._initAlignmentDropDown(element, cellAlignmentDropDownSettings, \"alignment\", data, cellView);\n },\n\n _initAccessibilityAlignmentDropDown: function(element, data) {\n var messages = this.options.messages;\n var accessibilityView = this.components.accessibilityView;\n var dataSource = accessibilityAlignmentDropDownSettings.dataSource;\n dataSource[0].tooltip = messages.alignLeftTop;\n dataSource[1].tooltip = messages.alignCenterTop;\n dataSource[2].tooltip = messages.alignRightTop;\n dataSource[3].tooltip = messages.alignLeftBottom;\n dataSource[4].tooltip = messages.alignCenterBottom;\n dataSource[5].tooltip = messages.alignRightBottom;\n dataSource[6].tooltip = messages.alignRemove;\n\n this._initAlignmentDropDown(element, accessibilityAlignmentDropDownSettings, \"captionAlignment\", data, accessibilityView);\n },\n _initAlignmentDropDown: function(element, settings, name, data, storage) {\n var component = storage[name] =\n element.kendoDropDownList(settings).data(\"kendoDropDownList\");\n\n component.list.addClass('k-align').css('width', '110px');\n this._setComponentValue(component, data, name);\n },\n _initAssociationDropDown: function(element, name, settings, data, storage) {\n var component = storage[name] =\n element.kendoDropDownList(settings).data(\"kendoDropDownList\");\n\n this._setComponentValue(component, data, name);\n },\n _setComponentValue: function(component, data, property) {\n if (property in data) {\n component.value(data[property]);\n }\n },\n\n _initColorPicker: function(element, property, data, storage) {\n var component = storage[property] =\n element.kendoColorPicker({ buttons: false, clearButton: true }).data(\"kendoColorPicker\");\n\n if (data[property]) {\n component.value(data[property]);\n }\n },\n _initInput: function(element, property, data, storage) {\n var component = storage[property] = element.get(0);\n if (property in data) {\n component.value = data[property];\n }\n },\n\n _initCheckbox: function(element, property, data, storage) {\n var component = storage[property] = element.get(0);\n if (property in data) {\n component.checked = data[property];\n }\n },\n\n destroy: function() {\n this._destroyComponents(this.components.tableView);\n this._destroyComponents(this.components.cellView);\n this._destroyComponents(this.components.accessibilityView);\n this._destroyComponents(this.components);\n\n delete this.components;\n },\n _destroyComponents: function(components) {\n for (var widget in components) {\n if (components[widget].destroy) {\n components[widget].destroy();\n }\n delete components[widget];\n }\n },\n\n _dialogTemplate: function(messages) {\n return kendo.template(dialogTemplate)({ messages: messages });\n }\n });\n\n kendo.ui.editor.TableWizardDialog = TableWizardDialog;\n\n })(window.kendo.jQuery);\n\n var __meta__ = {\n id: \"editor\",\n name: \"Editor\",\n category: \"web\",\n description: \"Rich text editor component\",\n depends: [ \"combobox\", \"dropdownlist\", \"window\", \"colorpicker\" ],\n features: [ {\n id: \"editor-imagebrowser\",\n name: \"Image Browser\",\n description: \"Support for uploading and inserting images\",\n depends: [ \"imagebrowser\" ]\n }, {\n id: \"editor-resizable\",\n name: \"Resize handle\",\n description: \"Support for resizing the content area via a resize handle\",\n depends: [ \"resizable\" ]\n }, {\n id: \"editor-tablewizard\",\n name: \"Table wizard dialog\",\n description: \"Support for table properties configuration\",\n depends: [ \"tabstrip\", \"button\", \"numerictextbox\" ]\n }, {\n id: \"editor-pdf-export\",\n name: \"PDF export\",\n description: \"Export Editor content as PDF\",\n depends: [ \"pdf\", \"drawing\" ]\n }]\n };\n\n}));\n"]}