'); - }; - var openContainer = function (rootTag, rootAttrs) { - var key; - var attrs = []; - var tag = '<' + rootTag; - if (typeof rootAttrs === 'object') { - for (key in rootAttrs) { - if (rootAttrs.hasOwnProperty(key)) { - attrs.push(key + '="' + global$5.encodeAllRaw(rootAttrs[key]) + '"'); + var isPlainText = function (text) { + return !/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(text); + }; + var toBRs = function (text) { + return text.replace(/\r?\n/g, '
'); + }; + var openContainer = function (rootTag, rootAttrs) { + var key; + var attrs = []; + var tag = '<' + rootTag; + if (typeof rootAttrs === 'object') { + for (key in rootAttrs) { + if (rootAttrs.hasOwnProperty(key)) { + attrs.push(key + '="' + global$5.encodeAllRaw(rootAttrs[key]) + '"'); + } } + if (attrs.length) { + tag += ' ' + attrs.join(' '); + } } - if (attrs.length) { - tag += ' ' + attrs.join(' '); - } - } - return tag + '>'; - }; - var toBlockElements = function (text, rootTag, rootAttrs) { - var blocks = text.split(/\n\n/); - var tagOpen = openContainer(rootTag, rootAttrs); - var tagClose = ''; - var paragraphs = global$3.map(blocks, function (p) { - return p.split(/\n/).join('
'); - }); - var stitch = function (p) { - return tagOpen + p + tagClose; + return tag + '>'; }; - return paragraphs.length === 1 ? paragraphs[0] : global$3.map(paragraphs, stitch).join(''); - }; - var convert = function (text, rootTag, rootAttrs) { - return rootTag ? toBlockElements(text, rootTag, rootAttrs) : toBRs(text); - }; - var $_4h3hnrisjjgwecu2 = { - isPlainText: isPlainText, - convert: convert, - toBRs: toBRs, - toBlockElements: toBlockElements - }; + var toBlockElements = function (text, rootTag, rootAttrs) { + var blocks = text.split(/\n\n/); + var tagOpen = openContainer(rootTag, rootAttrs); + var tagClose = ''; + var paragraphs = global$3.map(blocks, function (p) { + return p.split(/\n/).join('
'); + }); + var stitch = function (p) { + return tagOpen + p + tagClose; + }; + return paragraphs.length === 1 ? paragraphs[0] : global$3.map(paragraphs, stitch).join(''); + }; + var convert = function (text, rootTag, rootAttrs) { + return rootTag ? toBlockElements(text, rootTag, rootAttrs) : toBRs(text); + }; + var Newlines = { + isPlainText: isPlainText, + convert: convert, + toBRs: toBRs, + toBlockElements: toBlockElements + }; - var global$6 = tinymce.util.Tools.resolve('tinymce.html.DomParser'); + var global$6 = tinymce.util.Tools.resolve('tinymce.html.DomParser'); - var global$7 = tinymce.util.Tools.resolve('tinymce.html.Node'); + var global$7 = tinymce.util.Tools.resolve('tinymce.html.Node'); - var global$8 = tinymce.util.Tools.resolve('tinymce.html.Schema'); + var global$8 = tinymce.util.Tools.resolve('tinymce.html.Schema'); - var global$9 = tinymce.util.Tools.resolve('tinymce.html.Serializer'); + var global$9 = tinymce.util.Tools.resolve('tinymce.html.Serializer'); - function filter(content, items) { - global$3.each(items, function (v) { - if (v.constructor === RegExp) { - content = content.replace(v, ''); - } else { - content = content.replace(v[0], v[1]); - } - }); - return content; - } - function innerText(html) { - var schema = global$8(); - var domParser = global$6({}, schema); - var text = ''; - var shortEndedElements = schema.getShortEndedElements(); - var ignoreElements = global$3.makeMap('script noscript style textarea video audio iframe object', ' '); - var blockElements = schema.getBlockElements(); - function walk(node) { - var name$$1 = node.name, currentNode = node; - if (name$$1 === 'br') { - text += '\n'; - return; - } - if (shortEndedElements[name$$1]) { - text += ' '; - } - if (ignoreElements[name$$1]) { - text += ' '; - return; - } - if (node.type === 3) { - text += node.value; - } - if (!node.shortEnded) { - if (node = node.firstChild) { - do { - walk(node); - } while (node = node.next); + function filter(content, items) { + global$3.each(items, function (v) { + if (v.constructor === RegExp) { + content = content.replace(v, ''); + } else { + content = content.replace(v[0], v[1]); } - } - if (blockElements[name$$1] && currentNode.next) { - text += '\n'; - if (name$$1 === 'p') { + }); + return content; + } + function innerText(html) { + var schema = global$8(); + var domParser = global$6({}, schema); + var text = ''; + var shortEndedElements = schema.getShortEndedElements(); + var ignoreElements = global$3.makeMap('script noscript style textarea video audio iframe object', ' '); + var blockElements = schema.getBlockElements(); + function walk(node) { + var name$$1 = node.name, currentNode = node; + if (name$$1 === 'br') { text += '\n'; + return; } + if (name$$1 === 'wbr') { + return; + } + if (shortEndedElements[name$$1]) { + text += ' '; + } + if (ignoreElements[name$$1]) { + text += ' '; + return; + } + if (node.type === 3) { + text += node.value; + } + if (!node.shortEnded) { + if (node = node.firstChild) { + do { + walk(node); + } while (node = node.next); + } + } + if (blockElements[name$$1] && currentNode.next) { + text += '\n'; + if (name$$1 === 'p') { + text += '\n'; + } + } } + html = filter(html, [//g]); + walk(domParser.parse(html)); + return text; } - html = filter(html, [//g]); - walk(domParser.parse(html)); - return text; - } - function trimHtml(html) { - function trimSpaces(all, s1, s2) { - if (!s1 && !s2) { - return ' '; + function trimHtml(html) { + function trimSpaces(all, s1, s2) { + if (!s1 && !s2) { + return ' '; + } + return '\xA0'; } - return '\xA0'; + html = filter(html, [ + /^[\s\S]*
/g, + /
$/i + ]); + return html; } - html = filter(html, [ - /^[\s\S]*
/g, - /
$/i - ]); - return html; - } - function createIdGenerator(prefix) { - var count = 0; - return function () { - return prefix + count++; + function createIdGenerator(prefix) { + var count = 0; + return function () { + return prefix + count++; + }; + } + var isMsEdge = function () { + return navigator.userAgent.indexOf(' Edge/') !== -1; }; - } - var isMsEdge = function () { - return navigator.userAgent.indexOf(' Edge/') !== -1; - }; - var $_4bi2o9j0jjgwecui = { - filter: filter, - innerText: innerText, - trimHtml: trimHtml, - createIdGenerator: createIdGenerator, - isMsEdge: isMsEdge - }; + var Utils = { + filter: filter, + innerText: innerText, + trimHtml: trimHtml, + createIdGenerator: createIdGenerator, + isMsEdge: isMsEdge + }; - function isWordContent(content) { - return / 1) { + currentListNode.attr('start', '' + start); + } + paragraphNode.wrap(currentListNode); } else { - prevListNode = currentListNode; - currentListNode = null; + currentListNode.append(paragraphNode); } + paragraphNode.name = 'li'; + if (level > lastLevel && prevListNode) { + prevListNode.lastChild.append(currentListNode); + } + lastLevel = level; + removeIgnoredNodes(paragraphNode); + trimListStart(paragraphNode, /^\u00a0+/); + trimListStart(paragraphNode, /^\s*([\u2022\u00b7\u00a7\u25CF]|\w+\.)/); + trimListStart(paragraphNode, /^\u00a0+/); } - if (!currentListNode || currentListNode.name !== listName) { - prevListNode = prevListNode || currentListNode; - currentListNode = new global$7(listName, 1); - if (start > 1) { - currentListNode.attr('start', '' + start); + var elements = []; + var child = node.firstChild; + while (typeof child !== 'undefined' && child !== null) { + elements.push(child); + child = child.walk(); + if (child !== null) { + while (typeof child !== 'undefined' && child.parent !== node) { + child = child.walk(); + } } - paragraphNode.wrap(currentListNode); - } else { - currentListNode.append(paragraphNode); } - paragraphNode.name = 'li'; - if (level > lastLevel && prevListNode) { - prevListNode.lastChild.append(currentListNode); - } - lastLevel = level; - removeIgnoredNodes(paragraphNode); - trimListStart(paragraphNode, /^\u00a0+/); - trimListStart(paragraphNode, /^\s*([\u2022\u00b7\u00a7\u25CF]|\w+\.)/); - trimListStart(paragraphNode, /^\u00a0+/); - } - var elements = []; - var child = node.firstChild; - while (typeof child !== 'undefined' && child !== null) { - elements.push(child); - child = child.walk(); - if (child !== null) { - while (typeof child !== 'undefined' && child.parent !== node) { - child = child.walk(); + for (var i = 0; i < elements.length; i++) { + node = elements[i]; + if (node.name === 'p' && node.firstChild) { + var nodeText = getText(node); + if (isBulletList(nodeText)) { + convertParagraphToLi(node, 'ul'); + continue; + } + if (isNumericList(nodeText)) { + var matches = /([0-9]+)\./.exec(nodeText); + var start = 1; + if (matches) { + start = parseInt(matches[1], 10); + } + convertParagraphToLi(node, 'ol', start); + continue; + } + if (node._listLevel) { + convertParagraphToLi(node, 'ul', 1); + continue; + } + currentListNode = null; + } else { + prevListNode = currentListNode; + currentListNode = null; } } } - for (var i = 0; i < elements.length; i++) { - node = elements[i]; - if (node.name === 'p' && node.firstChild) { - var nodeText = getText(node); - if (isBulletList(nodeText)) { - convertParagraphToLi(node, 'ul'); - continue; - } - if (isNumericList(nodeText)) { - var matches = /([0-9]+)\./.exec(nodeText); - var start = 1; + function filterStyles(editor, validStyles, node, styleValue) { + var outputStyles = {}, matches; + var styles = editor.dom.parseStyle(styleValue); + global$3.each(styles, function (value, name) { + switch (name) { + case 'mso-list': + matches = /\w+ \w+([0-9]+)/i.exec(styleValue); if (matches) { - start = parseInt(matches[1], 10); + node._listLevel = parseInt(matches[1], 10); } - convertParagraphToLi(node, 'ol', start); - continue; + if (/Ignore/i.test(value) && node.firstChild) { + node._listIgnore = true; + node.firstChild._listIgnore = true; + } + break; + case 'horiz-align': + name = 'text-align'; + break; + case 'vert-align': + name = 'vertical-align'; + break; + case 'font-color': + case 'mso-foreground': + name = 'color'; + break; + case 'mso-background': + case 'mso-highlight': + name = 'background'; + break; + case 'font-weight': + case 'font-style': + if (value !== 'normal') { + outputStyles[name] = value; + } + return; + case 'mso-element': + if (/^(comment|comment-list)$/i.test(value)) { + node.remove(); + return; + } + break; } - if (node._listLevel) { - convertParagraphToLi(node, 'ul', 1); - continue; + if (name.indexOf('mso-comment') === 0) { + node.remove(); + return; } - currentListNode = null; - } else { - prevListNode = currentListNode; - currentListNode = null; + if (name.indexOf('mso-') === 0) { + return; + } + if (Settings.getRetainStyleProps(editor) === 'all' || validStyles && validStyles[name]) { + outputStyles[name] = value; + } + }); + if (/(bold)/i.test(outputStyles['font-weight'])) { + delete outputStyles['font-weight']; + node.wrap(new global$7('b', 1)); } + if (/(italic)/i.test(outputStyles['font-style'])) { + delete outputStyles['font-style']; + node.wrap(new global$7('i', 1)); + } + outputStyles = editor.dom.serializeStyle(outputStyles, node.name); + if (outputStyles) { + return outputStyles; + } + return null; } - } - function filterStyles(editor, validStyles, node, styleValue) { - var outputStyles = {}, matches; - var styles = editor.dom.parseStyle(styleValue); - global$3.each(styles, function (value, name) { - switch (name) { - case 'mso-list': - matches = /\w+ \w+([0-9]+)/i.exec(styleValue); - if (matches) { - node._listLevel = parseInt(matches[1], 10); + var filterWordContent = function (editor, content) { + var retainStyleProperties, validStyles; + retainStyleProperties = Settings.getRetainStyleProps(editor); + if (retainStyleProperties) { + validStyles = global$3.makeMap(retainStyleProperties.split(/[, ]/)); + } + content = Utils.filter(content, [ + /
/gi, + /
/gi, - /
[\\s\\r\\n]+|
)*(<\\/?(' + blockElements.join('|') + ')[^>]*>)(?:
[\\s\\r\\n]+|
)*', 'g'); + html = Utils.filter(html, [[ + explorerBlocksRegExp, + '$1' + ]]); + html = Utils.filter(html, [ + [ + /
/g, + '
' + ], + [ + /
/g, + ' ' + ], + [ + /
/g, + '
' + ] + ]); return html; } - var blockElements = []; - global$3.each(editor.schema.getBlockElements(), function (block, blockName) { - blockElements.push(blockName); - }); - var explorerBlocksRegExp = new RegExp('(?:
[\\s\\r\\n]+|
)*(<\\/?(' + blockElements.join('|') + ')[^>]*>)(?:
[\\s\\r\\n]+|
)*', 'g'); - html = $_4bi2o9j0jjgwecui.filter(html, [[ - explorerBlocksRegExp, - '$1' - ]]); - html = $_4bi2o9j0jjgwecui.filter(html, [ - [ - /
/g, - '
' - ], - [ - /
/g, - ' ' - ], - [ - /
/g, - '
' - ] - ]); - return html; - } - function removeWebKitStyles(editor, content, internal, isWordHtml) { - if (isWordHtml || internal) { - return content; - } - var webKitStylesSetting = $_xr8b0ikjjgwectl.getWebkitStyles(editor); - var webKitStyles; - if ($_xr8b0ikjjgwectl.shouldRemoveWebKitStyles(editor) === false || webKitStylesSetting === 'all') { - return content; - } - if (webKitStylesSetting) { - webKitStyles = webKitStylesSetting.split(/[, ]/); - } - if (webKitStyles) { - var dom_1 = editor.dom, node_1 = editor.selection.getNode(); - content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, function (all, before, value, after) { - var inputStyles = dom_1.parseStyle(dom_1.decode(value)); - var outputStyles = {}; - if (webKitStyles === 'none') { - return before + after; - } - for (var i = 0; i < webKitStyles.length; i++) { - var inputValue = inputStyles[webKitStyles[i]], currentValue = dom_1.getStyle(node_1, webKitStyles[i], true); - if (/color/.test(webKitStyles[i])) { - inputValue = dom_1.toHex(inputValue); - currentValue = dom_1.toHex(currentValue); + function removeWebKitStyles(editor, content, internal, isWordHtml) { + if (isWordHtml || internal) { + return content; + } + var webKitStylesSetting = Settings.getWebkitStyles(editor); + var webKitStyles; + if (Settings.shouldRemoveWebKitStyles(editor) === false || webKitStylesSetting === 'all') { + return content; + } + if (webKitStylesSetting) { + webKitStyles = webKitStylesSetting.split(/[, ]/); + } + if (webKitStyles) { + var dom_1 = editor.dom, node_1 = editor.selection.getNode(); + content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, function (all, before, value, after) { + var inputStyles = dom_1.parseStyle(dom_1.decode(value)); + var outputStyles = {}; + if (webKitStyles === 'none') { + return before + after; } - if (currentValue !== inputValue) { - outputStyles[webKitStyles[i]] = inputValue; + for (var i = 0; i < webKitStyles.length; i++) { + var inputValue = inputStyles[webKitStyles[i]], currentValue = dom_1.getStyle(node_1, webKitStyles[i], true); + if (/color/.test(webKitStyles[i])) { + inputValue = dom_1.toHex(inputValue); + currentValue = dom_1.toHex(currentValue); + } + if (currentValue !== inputValue) { + outputStyles[webKitStyles[i]] = inputValue; + } } - } - outputStyles = dom_1.serializeStyle(outputStyles, 'span'); - if (outputStyles) { - return before + ' style="' + outputStyles + '"' + after; - } - return before + after; + outputStyles = dom_1.serializeStyle(outputStyles, 'span'); + if (outputStyles) { + return before + ' style="' + outputStyles + '"' + after; + } + return before + after; + }); + } else { + content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, '$1$3'); + } + content = content.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi, function (all, before, value, after) { + return before + ' style="' + value + '"' + after; }); - } else { - content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, '$1$3'); + return content; } - content = content.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi, function (all, before, value, after) { - return before + ' style="' + value + '"' + after; - }); - return content; - } - function removeUnderlineAndFontInAnchor(editor, root) { - editor.$('a', root).find('font,u').each(function (i, node) { - editor.dom.remove(node, true); - }); - } - var setup$2 = function (editor) { - if (global$1.webkit) { - addPreProcessFilter(editor, removeWebKitStyles); + function removeUnderlineAndFontInAnchor(editor, root) { + editor.$('a', root).find('font,u').each(function (i, node) { + editor.dom.remove(node, true); + }); } - if (global$1.ie) { - addPreProcessFilter(editor, removeExplorerBrElementsAfterBlocks); - addPostProcessFilter(editor, removeUnderlineAndFontInAnchor); - } - }; - var $_36tmgyj7jjgwecvc = { setup: setup$2 }; - - var curry = function (f) { - var x = []; - for (var _i = 1; _i < arguments.length; _i++) { - x[_i - 1] = arguments[_i]; - } - var args = new Array(arguments.length - 1); - for (var i = 1; i < arguments.length; i++) - args[i - 1] = arguments[i]; - return function () { - var x = []; - for (var _i = 0; _i < arguments.length; _i++) { - x[_i] = arguments[_i]; + var setup$2 = function (editor) { + if (global$1.webkit) { + addPreProcessFilter(editor, removeWebKitStyles); } - var newArgs = new Array(arguments.length); - for (var j = 0; j < newArgs.length; j++) - newArgs[j] = arguments[j]; - var all = args.concat(newArgs); - return f.apply(null, all); + if (global$1.ie) { + addPreProcessFilter(editor, removeExplorerBrElementsAfterBlocks); + addPostProcessFilter(editor, removeUnderlineAndFontInAnchor); + } }; - }; + var Quirks = { setup: setup$2 }; - var stateChange = function (editor, clipboard, e) { - var ctrl = e.control; - ctrl.active(clipboard.pasteFormat.get() === 'text'); - editor.on('PastePlainTextToggle', function (e) { - ctrl.active(e.state); + var stateChange = function (editor, clipboard, e) { + var ctrl = e.control; + ctrl.active(clipboard.pasteFormat.get() === 'text'); + editor.on('PastePlainTextToggle', function (e) { + ctrl.active(e.state); + }); + }; + var register$2 = function (editor, clipboard) { + var postRender = curry(stateChange, editor, clipboard); + editor.addButton('pastetext', { + active: false, + icon: 'pastetext', + tooltip: 'Paste as text', + cmd: 'mceTogglePlainTextPaste', + onPostRender: postRender + }); + editor.addMenuItem('pastetext', { + text: 'Paste as text', + selectable: true, + active: clipboard.pasteFormat, + cmd: 'mceTogglePlainTextPaste', + onPostRender: postRender + }); + }; + var Buttons = { register: register$2 }; + + global.add('paste', function (editor) { + if (DetectProPlugin.hasProPlugin(editor) === false) { + var userIsInformedState = Cell(false); + var draggingInternallyState = Cell(false); + var pasteFormat = Cell(Settings.isPasteAsTextEnabled(editor) ? 'text' : 'html'); + var clipboard = Clipboard(editor, pasteFormat); + var quirks = Quirks.setup(editor); + Buttons.register(editor, clipboard); + Commands.register(editor, clipboard, userIsInformedState); + PrePostProcess.setup(editor); + CutCopy.register(editor); + DragDrop.setup(editor, clipboard, draggingInternallyState); + return Api.get(clipboard, quirks); + } }); - }; - var register$2 = function (editor, clipboard) { - var postRender = curry(stateChange, editor, clipboard); - editor.addButton('pastetext', { - active: false, - icon: 'pastetext', - tooltip: 'Paste as text', - cmd: 'mceTogglePlainTextPaste', - onPostRender: postRender - }); - editor.addMenuItem('pastetext', { - text: 'Paste as text', - selectable: true, - active: clipboard.pasteFormat, - cmd: 'mceTogglePlainTextPaste', - onPostRender: postRender - }); - }; - var $_g9yhwdj8jjgwecvf = { register: register$2 }; - - global.add('paste', function (editor) { - if ($_15bf6siejjgwect1.hasProPlugin(editor) === false) { - var userIsInformedState = Cell(false); - var draggingInternallyState = Cell(false); - var pasteFormat = Cell($_xr8b0ikjjgwectl.isPasteAsTextEnabled(editor) ? 'text' : 'html'); - var clipboard = Clipboard(editor, pasteFormat); - var quirks = $_36tmgyj7jjgwecvc.setup(editor); - $_g9yhwdj8jjgwecvf.register(editor, clipboard); - $_fldd1mihjjgwecth.register(editor, clipboard, userIsInformedState); - $_c5bihmj6jjgwecva.setup(editor); - $_32blojj3jjgwecv4.register(editor); - $_b4etj0j4jjgwecv7.setup(editor, clipboard, draggingInternallyState); - return $_6gtliyigjjgwecte.get(clipboard, quirks); + function Plugin () { } - }); - function Plugin () { - } - return Plugin; + return Plugin; }()); })(); Index: src/js/_enqueues/vendor/tinymce/plugins/paste/plugin.min.js =================================================================== --- src/js/_enqueues/vendor/tinymce/plugins/paste/plugin.min.js (revision 44695) +++ src/js/_enqueues/vendor/tinymce/plugins/paste/plugin.min.js (working copy) @@ -1 +1 @@ -!function(){"use strict";var u=function(e){var t=e,n=function(){return t};return{get:n,set:function(e){t=e},clone:function(){return u(n())}}},t=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=function(e){return!(!/(^|[ ,])powerpaste([, ]|$)/.test(e.settings.plugins)||!t.get("powerpaste")||("undefined"!=typeof window.console&&window.console.log&&window.console.log("PowerPaste is incompatible with Paste plugin! Remove 'paste' from the 'plugins' option."),0))},s=function(e,t){return{clipboard:e,quirks:t}},f=function(e,t,n,r){return e.fire("PastePreProcess",{content:t,internal:n,wordContent:r})},d=function(e,t,n,r){return e.fire("PastePostProcess",{node:t,internal:n,wordContent:r})},l=function(e,t){return e.fire("PastePlainTextToggle",{state:t})},n=function(e,t){return e.fire("paste",{ieFake:t})},m={shouldPlainTextInform:function(e){return e.getParam("paste_plaintext_inform",!0)},shouldBlockDrop:function(e){return e.getParam("paste_block_drop",!1)},shouldPasteDataImages:function(e){return e.getParam("paste_data_images",!1)},shouldFilterDrop:function(e){return e.getParam("paste_filter_drop",!0)},getPreProcess:function(e){return e.getParam("paste_preprocess")},getPostProcess:function(e){return e.getParam("paste_postprocess")},getWebkitStyles:function(e){return e.getParam("paste_webkit_styles")},shouldRemoveWebKitStyles:function(e){return e.getParam("paste_remove_styles_if_webkit",!0)},shouldMergeFormats:function(e){return e.getParam("paste_merge_formats",!0)},isSmartPasteEnabled:function(e){return e.getParam("smart_paste",!0)},isPasteAsTextEnabled:function(e){return e.getParam("paste_as_text",!1)},getRetainStyleProps:function(e){return e.getParam("paste_retain_style_properties")},getWordValidElements:function(e){return e.getParam("paste_word_valid_elements","-strong/b,-em/i,-u,-span,-p,-ol,-ul,-li,-h1,-h2,-h3,-h4,-h5,-h6,-p/div,-a[href|name],sub,sup,strike,br,del,table[width],tr,td[colspan|rowspan|width],th[colspan|rowspan|width],thead,tfoot,tbody")},shouldConvertWordFakeLists:function(e){return e.getParam("paste_convert_word_fake_lists",!0)},shouldUseDefaultFilters:function(e){return e.getParam("paste_enable_default_filters",!0)}},r=function(e,t,n){var r,a,i;"text"===t.pasteFormat.get()?(t.pasteFormat.set("html"),l(e,!1)):(t.pasteFormat.set("text"),l(e,!0),i=e,!1===n.get()&&m.shouldPlainTextInform(i)&&(a="Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.",(r=e).notificationManager.open({text:r.translate(a),type:"info"}),n.set(!0))),e.focus()},c=function(e,n,t){e.addCommand("mceTogglePlainTextPaste",function(){r(e,n,t)}),e.addCommand("mceInsertClipboardContent",function(e,t){t.content&&n.pasteHtml(t.content,t.internal),t.text&&n.pasteText(t.text)})},v=tinymce.util.Tools.resolve("tinymce.Env"),h=tinymce.util.Tools.resolve("tinymce.util.Delay"),b=tinymce.util.Tools.resolve("tinymce.util.Tools"),a=tinymce.util.Tools.resolve("tinymce.util.VK"),e="x-tinymce/html",i="\x3c!-- "+e+" --\x3e",p=function(e){return i+e},g=function(e){return e.replace(i,"")},y=function(e){return-1!==e.indexOf(i)},x=function(){return e},P=tinymce.util.Tools.resolve("tinymce.html.Entities"),w=function(e){return e.replace(/\r?\n/g,"
")},_=function(e,t,n){var r=e.split(/\n\n/),a=function(e,t){var n,r=[],a="<"+e;if("object"==typeof t){for(n in t)t.hasOwnProperty(n)&&r.push(n+'="'+P.encodeAllRaw(t[n])+'"');r.length&&(a+=" "+r.join(" "))}return a+">"}(t,n),i="",o=b.map(r,function(e){return e.split(/\n/).join("
")});return 1===o.length?o[0]:b.map(o,function(e){return a+e+i}).join("")},D=function(e){return!/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(e)},T=function(e,t,n){return t?_(e,t,n):w(e)},C=tinymce.util.Tools.resolve("tinymce.html.DomParser"),k=tinymce.util.Tools.resolve("tinymce.html.Node"),R=tinymce.util.Tools.resolve("tinymce.html.Schema"),F=tinymce.util.Tools.resolve("tinymce.html.Serializer");function E(t,e){return b.each(e,function(e){t=e.constructor===RegExp?t.replace(e,""):t.replace(e[0],e[1])}),t}var S={filter:E,innerText:function(t){var n=R(),r=C({},n),a="",i=n.getShortEndedElements(),o=b.makeMap("script noscript style textarea video audio iframe object"," "),s=n.getBlockElements();return t=E(t,[//g]),function e(t){var n=t.name,r=t;if("br"!==n)if(i[n]&&(a+=" "),o[n])a+=" ";else{if(3===t.type&&(a+=t.value),!t.shortEnded&&(t=t.firstChild))for(;e(t),t=t.next;);s[n]&&r.next&&(a+="\n","p"===n&&(a+="\n"))}else a+="\n"}(r.parse(t)),a},trimHtml:function(e){return e=E(e,[/^[\s\S]*
/g,/
$/i])},createIdGenerator:function(e){var t=0;return function(){return e+t++}},isMsEdge:function(){return-1!==navigator.userAgent.indexOf(" Edge/")}};function I(t){var n,e;return e=[/^[IVXLMCD]{1,2}\.[ \u00a0]/,/^[ivxlmcd]{1,2}\.[ \u00a0]/,/^[a-z]{1,2}[\.\)][ \u00a0]/,/^[A-Z]{1,2}[\.\)][ \u00a0]/,/^[0-9]+\.[ \u00a0]/,/^[\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d]+\.[ \u00a0]/,/^[\u58f1\u5f10\u53c2\u56db\u4f0d\u516d\u4e03\u516b\u4e5d\u62fe]+\.[ \u00a0]/],t=t.replace(/^[\u00a0 ]+/,""),b.each(e,function(e){if(e.test(t))return!(n=!0)}),n}function M(e){var i,o,s=1;function n(e){var t="";if(3===e.type)return e.value;if(e=e.firstChild)for(;t+=n(e),e=e.next;);return t}function l(e,t){if(3===e.type&&t.test(e.value))return e.value=e.value.replace(t,""),!1;if(e=e.firstChild)do{if(!l(e,t))return!1}while(e=e.next);return!0}function t(t,n,r){var a=t._listLevel||s;a!==s&&(a
)*(<\\/?("+n.join("|")+")[^>]*>)(?:
[\\s\\r\\n]+|
)*","g");return t=S.filter(t,[[r,"$1"]]),t=S.filter(t,[[/
/g,"
"],[/
/g," "],[/
/g,"
"]])}function xe(e,t,n,r){if(r||n)return t;var u,a=m.getWebkitStyles(e);if(!1===m.shouldRemoveWebKitStyles(e)||"all"===a)return t;if(a&&(u=a.split(/[, ]/)),u){var c=e.dom,f=e.selection.getNode();t=t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,function(e,t,n,r){var a=c.parseStyle(c.decode(n)),i={};if("none"===u)return t+r;for(var o=0;o
")});return 1===a.length?a[0]:y.map(a,function(t){return o+t+i}).join("")},D=function(t){return!/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(t)},T=function(t,e,n){return e?_(t,e,n):w(t)},C=tinymce.util.Tools.resolve("tinymce.html.DomParser"),k=tinymce.util.Tools.resolve("tinymce.html.Node"),S=tinymce.util.Tools.resolve("tinymce.html.Schema"),O=tinymce.util.Tools.resolve("tinymce.html.Serializer");function R(e,t){return y.each(t,function(t){e=t.constructor===RegExp?e.replace(t,""):e.replace(t[0],t[1])}),e}var F={filter:R,innerText:function(e){var n=S(),r=C({},n),o="",i=n.getShortEndedElements(),a=y.makeMap("script noscript style textarea video audio iframe object"," "),s=n.getBlockElements();return e=R(e,[//g]),function t(e){var n=e.name,r=e;if("br"!==n){if("wbr"!==n)if(i[n]&&(o+=" "),a[n])o+=" ";else{if(3===e.type&&(o+=e.value),!e.shortEnded&&(e=e.firstChild))for(;t(e),e=e.next;);s[n]&&r.next&&(o+="\n","p"===n&&(o+="\n"))}}else o+="\n"}(r.parse(e)),o},trimHtml:function(t){return t=R(t,[/^[\s\S]*
/g,/
$/i])},createIdGenerator:function(t){var e=0;return function(){return t+e++}},isMsEdge:function(){return-1!==navigator.userAgent.indexOf(" Edge/")}};function E(e){var n,t;return t=[/^[IVXLMCD]{1,2}\.[ \u00a0]/,/^[ivxlmcd]{1,2}\.[ \u00a0]/,/^[a-z]{1,2}[\.\)][ \u00a0]/,/^[A-Z]{1,2}[\.\)][ \u00a0]/,/^[0-9]+\.[ \u00a0]/,/^[\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d]+\.[ \u00a0]/,/^[\u58f1\u5f10\u53c2\u56db\u4f0d\u516d\u4e03\u516b\u4e5d\u62fe]+\.[ \u00a0]/],e=e.replace(/^[\u00a0 ]+/,""),y.each(t,function(t){if(t.test(e))return!(n=!0)}),n}function A(t){var i,a,s=1;function n(t){var e="";if(3===t.type)return t.value;if(t=t.firstChild)for(;e+=n(t),t=t.next;);return e}function u(t,e){if(3===t.type&&e.test(t.value))return t.value=t.value.replace(e,""),!1;if(t=t.firstChild)do{if(!u(t,e))return!1}while(t=t.next);return!0}function e(e,n,r){var o=e._listLevel||s;o!==s&&(o
)*(<\\/?("+n.join("|")+")[^>]*>)(?:
[\\s\\r\\n]+|
)*","g");return e=F.filter(e,[[r,"$1"]]),e=F.filter(e,[[/
/g,"
"],[/
/g," "],[/
/g,"
"]])}function qt(t,e,n,r){if(r||n)return e;var l,o=m.getWebkitStyles(t);if(!1===m.shouldRemoveWebKitStyles(t)||"all"===o)return e;if(o&&(l=o.split(/[, ]/)),l){var c=t.dom,f=t.selection.getNode();e=e.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,function(t,e,n,r){var o=c.parseStyle(c.decode(n)),i={};if("none"===l)return e+r;for(var a=0;a
' + (isNoColor ? '×' : '') + '
' + '| '; - } else { - color = colors[i]; - html += getColorCellHtml(color.color, color.text); + var getHtml = function (cols, rows, colorMap, hasColorPicker) { + var colors, color, html, last, x, y, i, count = 0; + var id = global$1.DOM.uniqueId('mcearia'); + var getColorCellHtml = function (color, title) { + var isNoColor = color === 'transparent'; + return ' | ' + ' ' + (isNoColor ? '×' : '') + ' ' + ' | ';
+ };
+ colors = TextColor.mapColors(colorMap);
+ colors.push({
+ text: global$3.translate('No color'),
+ color: 'transparent'
+ });
+ html = '
| '; + } else { + color = colors[i]; + html += getColorCellHtml(color.color, color.text); + } } + html += ' |
| ' + '' + ' | ' + '
| ' + '' + ' | ' + '
'+(o?"×":"")+"
"};for((n=g(o)).push({text:h.translate("No color"),color:"transparent"}),l='' + '' + '
';
- },
- bindStates: function () {
- var self$$1 = this, $ = self$$1.$, textCls = self$$1.classPrefix + 'txt';
- function setButtonText(text) {
- var $span = $('span.' + textCls, self$$1.getEl());
- if (text) {
- if (!$span[0]) {
- $('button:first', self$$1.getEl()).append('');
- $span = $('span.' + textCls, self$$1.getEl());
+ if (settings.icon) {
+ self$$1.icon(settings.icon);
+ }
+ },
+ icon: function (icon) {
+ if (!arguments.length) {
+ return this.state.get('icon');
+ }
+ this.state.set('icon', icon);
+ return this;
+ },
+ repaint: function () {
+ var btnElm = this.getEl().firstChild;
+ var btnStyle;
+ if (btnElm) {
+ btnStyle = btnElm.style;
+ btnStyle.width = btnStyle.height = '100%';
+ }
+ this._super();
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ var icon = self$$1.state.get('icon'), image;
+ var text = self$$1.state.get('text');
+ var textHtml = '';
+ var ariaPressed;
+ var settings = self$$1.settings;
+ image = settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
}
- $span.html(self$$1.encode(text));
+ image = ' style="background-image: url(\'' + image + '\')"';
} else {
- $span.remove();
+ image = '';
}
- self$$1.classes.toggle('btn-has-text', !!text);
- }
- self$$1.state.on('change:text', function (e) {
- setButtonText(e.value);
- });
- self$$1.state.on('change:icon', function (e) {
- var icon = e.value;
- var prefix = self$$1.classPrefix;
- self$$1.settings.icon = icon;
- icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
- var btnElm = self$$1.getEl().firstChild;
- var iconElm = btnElm.getElementsByTagName('i')[0];
- if (icon) {
- if (!iconElm || iconElm !== btnElm.firstChild) {
- iconElm = document.createElement('i');
- btnElm.insertBefore(iconElm, btnElm.firstChild);
- }
- iconElm.className = icon;
- } else if (iconElm) {
- btnElm.removeChild(iconElm);
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
}
- setButtonText(self$$1.state.get('text'));
- });
- return self$$1._super();
- }
- });
-
- var BrowseButton = Button.extend({
- init: function (settings) {
- var self = this;
- settings = global$4.extend({
- text: 'Browse...',
- multiple: false,
- accept: null
- }, settings);
- self._super(settings);
- self.classes.add('browsebutton');
- if (settings.multiple) {
- self.classes.add('multiple');
- }
- },
- postRender: function () {
- var self = this;
- var input = funcs.create('input', {
- type: 'file',
- id: self._id + '-browse',
- accept: self.settings.accept
- });
- self._super();
- global$7(input).on('change', function (e) {
- var files = e.target.files;
- self.value = function () {
- if (!files.length) {
- return null;
- } else if (self.settings.multiple) {
- return files;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
+ return '' + '' + '
';
+ },
+ bindStates: function () {
+ var self$$1 = this, $ = self$$1.$, textCls = self$$1.classPrefix + 'txt';
+ function setButtonText(text) {
+ var $span = $('span.' + textCls, self$$1.getEl());
+ if (text) {
+ if (!$span[0]) {
+ $('button:first', self$$1.getEl()).append('');
+ $span = $('span.' + textCls, self$$1.getEl());
+ }
+ $span.html(self$$1.encode(text));
} else {
- return files[0];
+ $span.remove();
}
- };
- e.preventDefault();
- if (files.length) {
- self.fire('change', e);
+ self$$1.classes.toggle('btn-has-text', !!text);
}
- });
- global$7(input).on('click', function (e) {
- e.stopPropagation();
- });
- global$7(self.getEl('button')).on('click', function (e) {
- e.stopPropagation();
- input.click();
- });
- self.getEl().appendChild(input);
- },
- remove: function () {
- global$7(this.getEl('button')).off();
- global$7(this.getEl('input')).off();
- this._super();
- }
- });
+ self$$1.state.on('change:text', function (e) {
+ setButtonText(e.value);
+ });
+ self$$1.state.on('change:icon', function (e) {
+ var icon = e.value;
+ var prefix = self$$1.classPrefix;
+ self$$1.settings.icon = icon;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
+ var btnElm = self$$1.getEl().firstChild;
+ var iconElm = btnElm.getElementsByTagName('i')[0];
+ if (icon) {
+ if (!iconElm || iconElm !== btnElm.firstChild) {
+ iconElm = document.createElement('i');
+ btnElm.insertBefore(iconElm, btnElm.firstChild);
+ }
+ iconElm.className = icon;
+ } else if (iconElm) {
+ btnElm.removeChild(iconElm);
+ }
+ setButtonText(self$$1.state.get('text'));
+ });
+ return self$$1._super();
+ }
+ });
- var ButtonGroup = Container.extend({
- Defaults: {
- defaultType: 'button',
- role: 'group'
- },
- renderHtml: function () {
- var self = this, layout = self._layout;
- self.classes.add('btn-group');
- self.preRender();
- layout.preRender(self);
- return '' + '
';
- }
- });
-
- var Checkbox = Widget.extend({
- Defaults: {
- classes: 'checkbox',
- role: 'checkbox',
- checked: false
- },
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- self$$1.on('click mousedown', function (e) {
- e.preventDefault();
- });
- self$$1.on('click', function (e) {
- e.preventDefault();
- if (!self$$1.disabled()) {
- self$$1.checked(!self$$1.checked());
+ var BrowseButton = Button.extend({
+ init: function (settings) {
+ var self = this;
+ settings = global$4.extend({
+ text: 'Browse...',
+ multiple: false,
+ accept: null
+ }, settings);
+ self._super(settings);
+ self.classes.add('browsebutton');
+ if (settings.multiple) {
+ self.classes.add('multiple');
}
- });
- self$$1.checked(self$$1.settings.checked);
- },
- checked: function (state) {
- if (!arguments.length) {
- return this.state.get('checked');
+ },
+ postRender: function () {
+ var self = this;
+ var input = funcs.create('input', {
+ type: 'file',
+ id: self._id + '-browse',
+ accept: self.settings.accept
+ });
+ self._super();
+ global$7(input).on('change', function (e) {
+ var files = e.target.files;
+ self.value = function () {
+ if (!files.length) {
+ return null;
+ } else if (self.settings.multiple) {
+ return files;
+ } else {
+ return files[0];
+ }
+ };
+ e.preventDefault();
+ if (files.length) {
+ self.fire('change', e);
+ }
+ });
+ global$7(input).on('click', function (e) {
+ e.stopPropagation();
+ });
+ global$7(self.getEl('button')).on('click', function (e) {
+ e.stopPropagation();
+ input.click();
+ });
+ self.getEl().appendChild(input);
+ },
+ remove: function () {
+ global$7(this.getEl('button')).off();
+ global$7(this.getEl('input')).off();
+ this._super();
}
- this.state.set('checked', state);
- return this;
- },
- value: function (state) {
- if (!arguments.length) {
- return this.checked();
+ });
+
+ var ButtonGroup = Container.extend({
+ Defaults: {
+ defaultType: 'button',
+ role: 'group'
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout;
+ self.classes.add('btn-group');
+ self.preRender();
+ layout.preRender(self);
+ return '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '
';
}
- return this.checked(state);
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
- return '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '' + '' + self$$1.encode(self$$1.state.get('text')) + '' + '
';
- },
- bindStates: function () {
- var self$$1 = this;
- function checked(state) {
- self$$1.classes.toggle('checked', state);
- self$$1.aria('checked', state);
- }
- self$$1.state.on('change:text', function (e) {
- self$$1.getEl('al').firstChild.data = self$$1.translate(e.value);
- });
- self$$1.state.on('change:checked change:value', function (e) {
- self$$1.fire('change');
- checked(e.value);
- });
- self$$1.state.on('change:icon', function (e) {
- var icon = e.value;
- var prefix = self$$1.classPrefix;
- if (typeof icon === 'undefined') {
- return self$$1.settings.icon;
+ });
+
+ var Checkbox = Widget.extend({
+ Defaults: {
+ classes: 'checkbox',
+ role: 'checkbox',
+ checked: false
+ },
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ self$$1.on('click mousedown', function (e) {
+ e.preventDefault();
+ });
+ self$$1.on('click', function (e) {
+ e.preventDefault();
+ if (!self$$1.disabled()) {
+ self$$1.checked(!self$$1.checked());
+ }
+ });
+ self$$1.checked(self$$1.settings.checked);
+ },
+ checked: function (state) {
+ if (!arguments.length) {
+ return this.state.get('checked');
}
- self$$1.settings.icon = icon;
- icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
- var btnElm = self$$1.getEl().firstChild;
- var iconElm = btnElm.getElementsByTagName('i')[0];
- if (icon) {
- if (!iconElm || iconElm !== btnElm.firstChild) {
- iconElm = document.createElement('i');
- btnElm.insertBefore(iconElm, btnElm.firstChild);
+ this.state.set('checked', state);
+ return this;
+ },
+ value: function (state) {
+ if (!arguments.length) {
+ return this.checked();
+ }
+ return this.checked(state);
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ return '' + '' + '' + self$$1.encode(self$$1.state.get('text')) + '' + '
';
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ function checked(state) {
+ self$$1.classes.toggle('checked', state);
+ self$$1.aria('checked', state);
+ }
+ self$$1.state.on('change:text', function (e) {
+ self$$1.getEl('al').firstChild.data = self$$1.translate(e.value);
+ });
+ self$$1.state.on('change:checked change:value', function (e) {
+ self$$1.fire('change');
+ checked(e.value);
+ });
+ self$$1.state.on('change:icon', function (e) {
+ var icon = e.value;
+ var prefix = self$$1.classPrefix;
+ if (typeof icon === 'undefined') {
+ return self$$1.settings.icon;
}
- iconElm.className = icon;
- } else if (iconElm) {
- btnElm.removeChild(iconElm);
+ self$$1.settings.icon = icon;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
+ var btnElm = self$$1.getEl().firstChild;
+ var iconElm = btnElm.getElementsByTagName('i')[0];
+ if (icon) {
+ if (!iconElm || iconElm !== btnElm.firstChild) {
+ iconElm = document.createElement('i');
+ btnElm.insertBefore(iconElm, btnElm.firstChild);
+ }
+ iconElm.className = icon;
+ } else if (iconElm) {
+ btnElm.removeChild(iconElm);
+ }
+ });
+ if (self$$1.state.get('checked')) {
+ checked(true);
}
- });
- if (self$$1.state.get('checked')) {
- checked(true);
+ return self$$1._super();
}
- return self$$1._super();
- }
- });
+ });
- var global$15 = tinymce.util.Tools.resolve('tinymce.util.VK');
+ var global$f = tinymce.util.Tools.resolve('tinymce.util.VK');
- var ComboBox = Widget.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- settings = self$$1.settings;
- self$$1.classes.add('combobox');
- self$$1.subinput = true;
- self$$1.ariaTarget = 'inp';
- settings.menu = settings.menu || settings.values;
- if (settings.menu) {
- settings.icon = 'caret';
- }
- self$$1.on('click', function (e) {
- var elm = e.target;
- var root = self$$1.getEl();
- if (!global$7.contains(root, elm) && elm !== root) {
- return;
+ var ComboBox = Widget.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ settings = self$$1.settings;
+ self$$1.classes.add('combobox');
+ self$$1.subinput = true;
+ self$$1.ariaTarget = 'inp';
+ settings.menu = settings.menu || settings.values;
+ if (settings.menu) {
+ settings.icon = 'caret';
}
- while (elm && elm !== root) {
- if (elm.id && elm.id.indexOf('-open') !== -1) {
- self$$1.fire('action');
- if (settings.menu) {
- self$$1.showMenu();
- if (e.aria) {
- self$$1.menu.items()[0].focus();
+ self$$1.on('click', function (e) {
+ var elm = e.target;
+ var root = self$$1.getEl();
+ if (!global$7.contains(root, elm) && elm !== root) {
+ return;
+ }
+ while (elm && elm !== root) {
+ if (elm.id && elm.id.indexOf('-open') !== -1) {
+ self$$1.fire('action');
+ if (settings.menu) {
+ self$$1.showMenu();
+ if (e.aria) {
+ self$$1.menu.items()[0].focus();
+ }
}
}
+ elm = elm.parentNode;
}
- elm = elm.parentNode;
+ });
+ self$$1.on('keydown', function (e) {
+ var rootControl;
+ if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {
+ e.preventDefault();
+ self$$1.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
+ });
+ self$$1.on('keyup', function (e) {
+ if (e.target.nodeName === 'INPUT') {
+ var oldValue = self$$1.state.get('value');
+ var newValue = e.target.value;
+ if (newValue !== oldValue) {
+ self$$1.state.set('value', newValue);
+ self$$1.fire('autocomplete', e);
+ }
+ }
+ });
+ self$$1.on('mouseover', function (e) {
+ var tooltip = self$$1.tooltip().moveTo(-65535);
+ if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) {
+ var statusMessage = self$$1.statusMessage() || 'Ok';
+ var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [
+ 'bc-tc',
+ 'bc-tl',
+ 'bc-tr'
+ ]);
+ tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
+ tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
+ tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
+ tooltip.moveRel(e.target, rel);
+ }
+ });
+ },
+ statusLevel: function (value) {
+ if (arguments.length > 0) {
+ this.state.set('statusLevel', value);
}
- });
- self$$1.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {
- e.preventDefault();
- self$$1.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
+ return this.state.get('statusLevel');
+ },
+ statusMessage: function (value) {
+ if (arguments.length > 0) {
+ this.state.set('statusMessage', value);
+ }
+ return this.state.get('statusMessage');
+ },
+ showMenu: function () {
+ var self$$1 = this;
+ var settings = self$$1.settings;
+ var menu;
+ if (!self$$1.menu) {
+ menu = settings.menu || [];
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
+ }
+ self$$1.menu = global$b.create(menu).parent(self$$1).renderTo(self$$1.getContainerElm());
+ self$$1.fire('createmenu');
+ self$$1.menu.reflow();
+ self$$1.menu.on('cancel', function (e) {
+ if (e.control === self$$1.menu) {
+ self$$1.focus();
}
});
- self$$1.fire('submit', { data: rootControl.toJSON() });
+ self$$1.menu.on('show hide', function (e) {
+ e.control.items().each(function (ctrl) {
+ ctrl.active(ctrl.value() === self$$1.value());
+ });
+ }).fire('show');
+ self$$1.menu.on('select', function (e) {
+ self$$1.value(e.control.value());
+ });
+ self$$1.on('focusin', function (e) {
+ if (e.target.tagName.toUpperCase() === 'INPUT') {
+ self$$1.menu.hide();
+ }
+ });
+ self$$1.aria('expanded', true);
}
- });
- self$$1.on('keyup', function (e) {
- if (e.target.nodeName === 'INPUT') {
- var oldValue = self$$1.state.get('value');
- var newValue = e.target.value;
- if (newValue !== oldValue) {
- self$$1.state.set('value', newValue);
- self$$1.fire('autocomplete', e);
- }
+ self$$1.menu.show();
+ self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ },
+ focus: function () {
+ this.getEl('inp').focus();
+ },
+ repaint: function () {
+ var self$$1 = this, elm = self$$1.getEl(), openElm = self$$1.getEl('open'), rect = self$$1.layoutRect();
+ var width, lineHeight, innerPadding = 0;
+ var inputElm = elm.firstChild;
+ if (self$$1.statusLevel() && self$$1.statusLevel() !== 'none') {
+ innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);
}
- });
- self$$1.on('mouseover', function (e) {
- var tooltip = self$$1.tooltip().moveTo(-65535);
- if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) {
- var statusMessage = self$$1.statusMessage() || 'Ok';
- var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [
- 'bc-tc',
- 'bc-tl',
- 'bc-tr'
- ]);
- tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
- tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
- tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
- tooltip.moveRel(e.target, rel);
+ if (openElm) {
+ width = rect.w - funcs.getSize(openElm).width - 10;
+ } else {
+ width = rect.w - 10;
}
- });
- },
- statusLevel: function (value) {
- if (arguments.length > 0) {
- this.state.set('statusLevel', value);
- }
- return this.state.get('statusLevel');
- },
- statusMessage: function (value) {
- if (arguments.length > 0) {
- this.state.set('statusMessage', value);
- }
- return this.state.get('statusMessage');
- },
- showMenu: function () {
- var self$$1 = this;
- var settings = self$$1.settings;
- var menu;
- if (!self$$1.menu) {
- menu = settings.menu || [];
- if (menu.length) {
- menu = {
- type: 'menu',
- items: menu
+ var doc = document;
+ if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
+ lineHeight = self$$1.layoutRect().h - 2 + 'px';
+ }
+ global$7(inputElm).css({
+ width: width - innerPadding,
+ lineHeight: lineHeight
+ });
+ self$$1._super();
+ return self$$1;
+ },
+ postRender: function () {
+ var self$$1 = this;
+ global$7(this.getEl('inp')).on('change', function (e) {
+ self$$1.state.set('value', e.target.value);
+ self$$1.fire('change', e);
+ });
+ return self$$1._super();
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, settings = self$$1.settings, prefix = self$$1.classPrefix;
+ var value = self$$1.state.get('value') || '';
+ var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';
+ if ('spellcheck' in settings) {
+ extraAttrs += ' spellcheck="' + settings.spellcheck + '"';
+ }
+ if (settings.maxLength) {
+ extraAttrs += ' maxlength="' + settings.maxLength + '"';
+ }
+ if (settings.size) {
+ extraAttrs += ' size="' + settings.size + '"';
+ }
+ if (settings.subtype) {
+ extraAttrs += ' type="' + settings.subtype + '"';
+ }
+ statusHtml = '';
+ if (self$$1.disabled()) {
+ extraAttrs += ' disabled="disabled"';
+ }
+ icon = settings.icon;
+ if (icon && icon !== 'caret') {
+ icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;
+ }
+ text = self$$1.state.get('text');
+ if (icon || text) {
+ openBtnHtml = '' + '' + '
';
+ self$$1.classes.add('has-open');
+ }
+ return '' + '' + statusHtml + openBtnHtml + '
';
+ },
+ value: function (value) {
+ if (arguments.length) {
+ this.state.set('value', value);
+ return this;
+ }
+ if (this.state.get('rendered')) {
+ this.state.set('value', this.getEl('inp').value);
+ }
+ return this.state.get('value');
+ },
+ showAutoComplete: function (items, term) {
+ var self$$1 = this;
+ if (items.length === 0) {
+ self$$1.hideMenu();
+ return;
+ }
+ var insert = function (value, title) {
+ return function () {
+ self$$1.fire('selectitem', {
+ title: title,
+ value: value
+ });
};
+ };
+ if (self$$1.menu) {
+ self$$1.menu.items().remove();
} else {
- menu.type = menu.type || 'menu';
+ self$$1.menu = global$b.create({
+ type: 'menu',
+ classes: 'combobox-menu',
+ layout: 'flow'
+ }).parent(self$$1).renderTo();
}
- self$$1.menu = global$11.create(menu).parent(self$$1).renderTo(self$$1.getContainerElm());
- self$$1.fire('createmenu');
- self$$1.menu.reflow();
+ global$4.each(items, function (item) {
+ self$$1.menu.add({
+ text: item.title,
+ url: item.previewUrl,
+ match: term,
+ classes: 'menu-item-ellipsis',
+ onclick: insert(item.value, item.title)
+ });
+ });
+ self$$1.menu.renderNew();
+ self$$1.hideMenu();
self$$1.menu.on('cancel', function (e) {
- if (e.control === self$$1.menu) {
+ if (e.control.parent() === self$$1.menu) {
+ e.stopPropagation();
self$$1.focus();
+ self$$1.hideMenu();
}
});
- self$$1.menu.on('show hide', function (e) {
- e.control.items().each(function (ctrl) {
- ctrl.active(ctrl.value() === self$$1.value());
- });
- }).fire('show');
- self$$1.menu.on('select', function (e) {
- self$$1.value(e.control.value());
+ self$$1.menu.on('select', function () {
+ self$$1.focus();
});
- self$$1.on('focusin', function (e) {
- if (e.target.tagName.toUpperCase() === 'INPUT') {
- self$$1.menu.hide();
+ var maxW = self$$1.layoutRect().w;
+ self$$1.menu.layoutRect({
+ w: maxW,
+ minW: 0,
+ maxW: maxW
+ });
+ self$$1.menu.repaint();
+ self$$1.menu.reflow();
+ self$$1.menu.show();
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ },
+ hideMenu: function () {
+ if (this.menu) {
+ this.menu.hide();
+ }
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:value', function (e) {
+ if (self$$1.getEl('inp').value !== e.value) {
+ self$$1.getEl('inp').value = e.value;
}
});
- self$$1.aria('expanded', true);
- }
- self$$1.menu.show();
- self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- },
- focus: function () {
- this.getEl('inp').focus();
- },
- repaint: function () {
- var self$$1 = this, elm = self$$1.getEl(), openElm = self$$1.getEl('open'), rect = self$$1.layoutRect();
- var width, lineHeight, innerPadding = 0;
- var inputElm = elm.firstChild;
- if (self$$1.statusLevel() && self$$1.statusLevel() !== 'none') {
- innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);
- }
- if (openElm) {
- width = rect.w - funcs.getSize(openElm).width - 10;
- } else {
- width = rect.w - 10;
- }
- var doc = document;
- if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
- lineHeight = self$$1.layoutRect().h - 2 + 'px';
- }
- global$7(inputElm).css({
- width: width - innerPadding,
- lineHeight: lineHeight
- });
- self$$1._super();
- return self$$1;
- },
- postRender: function () {
- var self$$1 = this;
- global$7(this.getEl('inp')).on('change', function (e) {
- self$$1.state.set('value', e.target.value);
- self$$1.fire('change', e);
- });
- return self$$1._super();
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, settings = self$$1.settings, prefix = self$$1.classPrefix;
- var value = self$$1.state.get('value') || '';
- var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';
- if ('spellcheck' in settings) {
- extraAttrs += ' spellcheck="' + settings.spellcheck + '"';
- }
- if (settings.maxLength) {
- extraAttrs += ' maxlength="' + settings.maxLength + '"';
- }
- if (settings.size) {
- extraAttrs += ' size="' + settings.size + '"';
- }
- if (settings.subtype) {
- extraAttrs += ' type="' + settings.subtype + '"';
- }
- statusHtml = '';
- if (self$$1.disabled()) {
- extraAttrs += ' disabled="disabled"';
- }
- icon = settings.icon;
- if (icon && icon !== 'caret') {
- icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;
- }
- text = self$$1.state.get('text');
- if (icon || text) {
- openBtnHtml = '' + '' + '
';
- self$$1.classes.add('has-open');
- }
- return '' + '' + statusHtml + openBtnHtml + '
';
- },
- value: function (value) {
- if (arguments.length) {
- this.state.set('value', value);
- return this;
- }
- if (this.state.get('rendered')) {
- this.state.set('value', this.getEl('inp').value);
- }
- return this.state.get('value');
- },
- showAutoComplete: function (items, term) {
- var self$$1 = this;
- if (items.length === 0) {
- self$$1.hideMenu();
- return;
- }
- var insert = function (value, title) {
- return function () {
- self$$1.fire('selectitem', {
- title: title,
- value: value
- });
+ self$$1.state.on('change:disabled', function (e) {
+ self$$1.getEl('inp').disabled = e.value;
+ });
+ self$$1.state.on('change:statusLevel', function (e) {
+ var statusIconElm = self$$1.getEl('status');
+ var prefix = self$$1.classPrefix, value = e.value;
+ funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');
+ funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');
+ funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');
+ funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');
+ self$$1.classes.toggle('has-status', value !== 'none');
+ self$$1.repaint();
+ });
+ funcs.on(self$$1.getEl('status'), 'mouseleave', function () {
+ self$$1.tooltip().hide();
+ });
+ self$$1.on('cancel', function (e) {
+ if (self$$1.menu && self$$1.menu.visible()) {
+ e.stopPropagation();
+ self$$1.hideMenu();
+ }
+ });
+ var focusIdx = function (idx, menu) {
+ if (menu && menu.items().length > 0) {
+ menu.items().eq(idx)[0].focus();
+ }
};
- };
- if (self$$1.menu) {
- self$$1.menu.items().remove();
- } else {
- self$$1.menu = global$11.create({
- type: 'menu',
- classes: 'combobox-menu',
- layout: 'flow'
- }).parent(self$$1).renderTo();
+ self$$1.on('keydown', function (e) {
+ var keyCode = e.keyCode;
+ if (e.target.nodeName === 'INPUT') {
+ if (keyCode === global$f.DOWN) {
+ e.preventDefault();
+ self$$1.fire('autocomplete');
+ focusIdx(0, self$$1.menu);
+ } else if (keyCode === global$f.UP) {
+ e.preventDefault();
+ focusIdx(-1, self$$1.menu);
+ }
+ }
+ });
+ return self$$1._super();
+ },
+ remove: function () {
+ global$7(this.getEl('inp')).off();
+ if (this.menu) {
+ this.menu.remove();
+ }
+ this._super();
}
- global$4.each(items, function (item) {
- self$$1.menu.add({
- text: item.title,
- url: item.previewUrl,
- match: term,
- classes: 'menu-item-ellipsis',
- onclick: insert(item.value, item.title)
+ });
+
+ var ColorBox = ComboBox.extend({
+ init: function (settings) {
+ var self = this;
+ settings.spellcheck = false;
+ if (settings.onaction) {
+ settings.icon = 'none';
+ }
+ self._super(settings);
+ self.classes.add('colorbox');
+ self.on('change keyup postrender', function () {
+ self.repaintColor(self.value());
});
- });
- self$$1.menu.renderNew();
- self$$1.hideMenu();
- self$$1.menu.on('cancel', function (e) {
- if (e.control.parent() === self$$1.menu) {
- e.stopPropagation();
- self$$1.focus();
- self$$1.hideMenu();
+ },
+ repaintColor: function (value) {
+ var openElm = this.getEl('open');
+ var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;
+ if (elm) {
+ try {
+ elm.style.background = value;
+ } catch (ex) {
+ }
}
- });
- self$$1.menu.on('select', function () {
- self$$1.focus();
- });
- var maxW = self$$1.layoutRect().w;
- self$$1.menu.layoutRect({
- w: maxW,
- minW: 0,
- maxW: maxW
- });
- self$$1.menu.repaint();
- self$$1.menu.reflow();
- self$$1.menu.show();
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- },
- hideMenu: function () {
- if (this.menu) {
- this.menu.hide();
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:value', function (e) {
+ if (self.state.get('rendered')) {
+ self.repaintColor(e.value);
+ }
+ });
+ return self._super();
}
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:value', function (e) {
- if (self$$1.getEl('inp').value !== e.value) {
- self$$1.getEl('inp').value = e.value;
+ });
+
+ var PanelButton = Button.extend({
+ showPanel: function () {
+ var self = this, settings = self.settings;
+ self.classes.add('opened');
+ if (!self.panel) {
+ var panelSettings = settings.panel;
+ if (panelSettings.type) {
+ panelSettings = {
+ layout: 'grid',
+ items: panelSettings
+ };
+ }
+ panelSettings.role = panelSettings.role || 'dialog';
+ panelSettings.popover = true;
+ panelSettings.autohide = true;
+ panelSettings.ariaRoot = true;
+ self.panel = new FloatPanel(panelSettings).on('hide', function () {
+ self.classes.remove('opened');
+ }).on('cancel', function (e) {
+ e.stopPropagation();
+ self.focus();
+ self.hidePanel();
+ }).parent(self).renderTo(self.getContainerElm());
+ self.panel.fire('show');
+ self.panel.reflow();
+ } else {
+ self.panel.show();
}
- });
- self$$1.state.on('change:disabled', function (e) {
- self$$1.getEl('inp').disabled = e.value;
- });
- self$$1.state.on('change:statusLevel', function (e) {
- var statusIconElm = self$$1.getEl('status');
- var prefix = self$$1.classPrefix, value = e.value;
- funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');
- funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');
- funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');
- funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');
- self$$1.classes.toggle('has-status', value !== 'none');
- self$$1.repaint();
- });
- funcs.on(self$$1.getEl('status'), 'mouseleave', function () {
- self$$1.tooltip().hide();
- });
- self$$1.on('cancel', function (e) {
- if (self$$1.menu && self$$1.menu.visible()) {
- e.stopPropagation();
- self$$1.hideMenu();
+ var rtlRels = [
+ 'bc-tc',
+ 'bc-tl',
+ 'bc-tr'
+ ];
+ var ltrRels = [
+ 'bc-tc',
+ 'bc-tr',
+ 'bc-tl',
+ 'tc-bc',
+ 'tc-br',
+ 'tc-bl'
+ ];
+ var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));
+ self.panel.classes.toggle('start', rel.substr(-1) === 'l');
+ self.panel.classes.toggle('end', rel.substr(-1) === 'r');
+ var isTop = rel.substr(0, 1) === 't';
+ self.panel.classes.toggle('bottom', !isTop);
+ self.panel.classes.toggle('top', isTop);
+ self.panel.moveRel(self.getEl(), rel);
+ },
+ hidePanel: function () {
+ var self = this;
+ if (self.panel) {
+ self.panel.hide();
}
- });
- var focusIdx = function (idx, menu) {
- if (menu && menu.items().length > 0) {
- menu.items().eq(idx)[0].focus();
- }
- };
- self$$1.on('keydown', function (e) {
- var keyCode = e.keyCode;
- if (e.target.nodeName === 'INPUT') {
- if (keyCode === global$15.DOWN) {
- e.preventDefault();
- self$$1.fire('autocomplete');
- focusIdx(0, self$$1.menu);
- } else if (keyCode === global$15.UP) {
- e.preventDefault();
- focusIdx(-1, self$$1.menu);
+ },
+ postRender: function () {
+ var self = this;
+ self.aria('haspopup', true);
+ self.on('click', function (e) {
+ if (e.control === self) {
+ if (self.panel && self.panel.visible()) {
+ self.hidePanel();
+ } else {
+ self.showPanel();
+ self.panel.focus(!!e.aria);
+ }
}
+ });
+ return self._super();
+ },
+ remove: function () {
+ if (this.panel) {
+ this.panel.remove();
+ this.panel = null;
}
- });
- return self$$1._super();
- },
- remove: function () {
- global$7(this.getEl('inp')).off();
- if (this.menu) {
- this.menu.remove();
+ return this._super();
}
- this._super();
- }
- });
+ });
- var ColorBox = ComboBox.extend({
- init: function (settings) {
- var self = this;
- settings.spellcheck = false;
- if (settings.onaction) {
- settings.icon = 'none';
- }
- self._super(settings);
- self.classes.add('colorbox');
- self.on('change keyup postrender', function () {
- self.repaintColor(self.value());
- });
- },
- repaintColor: function (value) {
- var openElm = this.getEl('open');
- var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;
- if (elm) {
- try {
- elm.style.background = value;
- } catch (ex) {
+ var DOM = global$2.DOM;
+ var ColorButton = PanelButton.extend({
+ init: function (settings) {
+ this._super(settings);
+ this.classes.add('splitbtn');
+ this.classes.add('colorbutton');
+ },
+ color: function (color) {
+ if (color) {
+ this._color = color;
+ this.getEl('preview').style.backgroundColor = color;
+ return this;
}
+ return this._color;
+ },
+ resetColor: function () {
+ this._color = null;
+ this.getEl('preview').style.backgroundColor = null;
+ return this;
+ },
+ renderHtml: function () {
+ var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text');
+ var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
+ var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : '';
+ var textHtml = '';
+ if (text) {
+ self.classes.add('btn-has-text');
+ textHtml = '' + self.encode(text) + '';
+ }
+ return '' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self = this, onClickHandler = self.settings.onclick;
+ self.on('click', function (e) {
+ if (e.aria && e.aria.key === 'down') {
+ return;
+ }
+ if (e.control === self && !DOM.getParent(e.target, '.' + self.classPrefix + 'open')) {
+ e.stopImmediatePropagation();
+ onClickHandler.call(self, e);
+ }
+ });
+ delete self.settings.onclick;
+ return self._super();
}
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:value', function (e) {
- if (self.state.get('rendered')) {
- self.repaintColor(e.value);
- }
- });
- return self._super();
- }
- });
+ });
- var PanelButton = Button.extend({
- showPanel: function () {
- var self = this, settings = self.settings;
- self.classes.add('opened');
- if (!self.panel) {
- var panelSettings = settings.panel;
- if (panelSettings.type) {
- panelSettings = {
- layout: 'grid',
- items: panelSettings
+ var global$g = tinymce.util.Tools.resolve('tinymce.util.Color');
+
+ var ColorPicker = Widget.extend({
+ Defaults: { classes: 'widget colorpicker' },
+ init: function (settings) {
+ this._super(settings);
+ },
+ postRender: function () {
+ var self = this;
+ var color = self.color();
+ var hsv, hueRootElm, huePointElm, svRootElm, svPointElm;
+ hueRootElm = self.getEl('h');
+ huePointElm = self.getEl('hp');
+ svRootElm = self.getEl('sv');
+ svPointElm = self.getEl('svp');
+ function getPos(elm, event) {
+ var pos = funcs.getPos(elm);
+ var x, y;
+ x = event.pageX - pos.x;
+ y = event.pageY - pos.y;
+ x = Math.max(0, Math.min(x / elm.clientWidth, 1));
+ y = Math.max(0, Math.min(y / elm.clientHeight, 1));
+ return {
+ x: x,
+ y: y
};
}
- panelSettings.role = panelSettings.role || 'dialog';
- panelSettings.popover = true;
- panelSettings.autohide = true;
- panelSettings.ariaRoot = true;
- self.panel = new FloatPanel(panelSettings).on('hide', function () {
- self.classes.remove('opened');
- }).on('cancel', function (e) {
- e.stopPropagation();
- self.focus();
- self.hidePanel();
- }).parent(self).renderTo(self.getContainerElm());
- self.panel.fire('show');
- self.panel.reflow();
- } else {
- self.panel.show();
- }
- var rtlRels = [
- 'bc-tc',
- 'bc-tl',
- 'bc-tr'
- ];
- var ltrRels = [
- 'bc-tc',
- 'bc-tr',
- 'bc-tl',
- 'tc-bc',
- 'tc-br',
- 'tc-bl'
- ];
- var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));
- self.panel.classes.toggle('start', rel.substr(-1) === 'l');
- self.panel.classes.toggle('end', rel.substr(-1) === 'r');
- var isTop = rel.substr(0, 1) === 't';
- self.panel.classes.toggle('bottom', !isTop);
- self.panel.classes.toggle('top', isTop);
- self.panel.moveRel(self.getEl(), rel);
- },
- hidePanel: function () {
- var self = this;
- if (self.panel) {
- self.panel.hide();
- }
- },
- postRender: function () {
- var self = this;
- self.aria('haspopup', true);
- self.on('click', function (e) {
- if (e.control === self) {
- if (self.panel && self.panel.visible()) {
- self.hidePanel();
- } else {
- self.showPanel();
- self.panel.focus(!!e.aria);
+ function updateColor(hsv, hueUpdate) {
+ var hue = (360 - hsv.h) / 360;
+ funcs.css(huePointElm, { top: hue * 100 + '%' });
+ if (!hueUpdate) {
+ funcs.css(svPointElm, {
+ left: hsv.s + '%',
+ top: 100 - hsv.v + '%'
+ });
}
+ svRootElm.style.background = global$g({
+ s: 100,
+ v: 100,
+ h: hsv.h
+ }).toHex();
+ self.color().parse({
+ s: hsv.s,
+ v: hsv.v,
+ h: hsv.h
+ });
}
- });
- return self._super();
- },
- remove: function () {
- if (this.panel) {
- this.panel.remove();
- this.panel = null;
- }
- return this._super();
- }
- });
-
- var DOM = global$2.DOM;
- var ColorButton = PanelButton.extend({
- init: function (settings) {
- this._super(settings);
- this.classes.add('splitbtn');
- this.classes.add('colorbutton');
- },
- color: function (color) {
- if (color) {
- this._color = color;
- this.getEl('preview').style.backgroundColor = color;
- return this;
- }
- return this._color;
- },
- resetColor: function () {
- this._color = null;
- this.getEl('preview').style.backgroundColor = null;
- return this;
- },
- renderHtml: function () {
- var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text');
- var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
- var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : '';
- var textHtml = '';
- if (text) {
- self.classes.add('btn-has-text');
- textHtml = '' + self.encode(text) + '';
- }
- return '' + '' + '' + '
';
- },
- postRender: function () {
- var self = this, onClickHandler = self.settings.onclick;
- self.on('click', function (e) {
- if (e.aria && e.aria.key === 'down') {
- return;
+ function updateSaturationAndValue(e) {
+ var pos;
+ pos = getPos(svRootElm, e);
+ hsv.s = pos.x * 100;
+ hsv.v = (1 - pos.y) * 100;
+ updateColor(hsv);
+ self.fire('change');
}
- if (e.control === self && !DOM.getParent(e.target, '.' + self.classPrefix + 'open')) {
- e.stopImmediatePropagation();
- onClickHandler.call(self, e);
+ function updateHue(e) {
+ var pos;
+ pos = getPos(hueRootElm, e);
+ hsv = color.toHsv();
+ hsv.h = (1 - pos.y) * 360;
+ updateColor(hsv, true);
+ self.fire('change');
}
- });
- delete self.settings.onclick;
- return self._super();
- }
- });
-
- var global$16 = tinymce.util.Tools.resolve('tinymce.util.Color');
-
- var ColorPicker = Widget.extend({
- Defaults: { classes: 'widget colorpicker' },
- init: function (settings) {
- this._super(settings);
- },
- postRender: function () {
- var self = this;
- var color = self.color();
- var hsv, hueRootElm, huePointElm, svRootElm, svPointElm;
- hueRootElm = self.getEl('h');
- huePointElm = self.getEl('hp');
- svRootElm = self.getEl('sv');
- svPointElm = self.getEl('svp');
- function getPos(elm, event) {
- var pos = funcs.getPos(elm);
- var x, y;
- x = event.pageX - pos.x;
- y = event.pageY - pos.y;
- x = Math.max(0, Math.min(x / elm.clientWidth, 1));
- y = Math.max(0, Math.min(y / elm.clientHeight, 1));
- return {
- x: x,
- y: y
+ self._repaint = function () {
+ hsv = color.toHsv();
+ updateColor(hsv);
};
- }
- function updateColor(hsv, hueUpdate) {
- var hue = (360 - hsv.h) / 360;
- funcs.css(huePointElm, { top: hue * 100 + '%' });
- if (!hueUpdate) {
- funcs.css(svPointElm, {
- left: hsv.s + '%',
- top: 100 - hsv.v + '%'
- });
- }
- svRootElm.style.background = global$16({
- s: 100,
- v: 100,
- h: hsv.h
- }).toHex();
- self.color().parse({
- s: hsv.s,
- v: hsv.v,
- h: hsv.h
+ self._super();
+ self._svdraghelper = new DragHelper(self._id + '-sv', {
+ start: updateSaturationAndValue,
+ drag: updateSaturationAndValue
});
- }
- function updateSaturationAndValue(e) {
- var pos;
- pos = getPos(svRootElm, e);
- hsv.s = pos.x * 100;
- hsv.v = (1 - pos.y) * 100;
- updateColor(hsv);
- self.fire('change');
- }
- function updateHue(e) {
- var pos;
- pos = getPos(hueRootElm, e);
- hsv = color.toHsv();
- hsv.h = (1 - pos.y) * 360;
- updateColor(hsv, true);
- self.fire('change');
- }
- self._repaint = function () {
- hsv = color.toHsv();
- updateColor(hsv);
- };
- self._super();
- self._svdraghelper = new DragHelper(self._id + '-sv', {
- start: updateSaturationAndValue,
- drag: updateSaturationAndValue
- });
- self._hdraghelper = new DragHelper(self._id + '-h', {
- start: updateHue,
- drag: updateHue
- });
- self._repaint();
- },
- rgb: function () {
- return this.color().toRgb();
- },
- value: function (value) {
- var self = this;
- if (arguments.length) {
- self.color().parse(value);
- if (self._rendered) {
- self._repaint();
+ self._hdraghelper = new DragHelper(self._id + '-h', {
+ start: updateHue,
+ drag: updateHue
+ });
+ self._repaint();
+ },
+ rgb: function () {
+ return this.color().toRgb();
+ },
+ value: function (value) {
+ var self = this;
+ if (arguments.length) {
+ self.color().parse(value);
+ if (self._rendered) {
+ self._repaint();
+ }
+ } else {
+ return self.color().toHex();
}
- } else {
- return self.color().toHex();
- }
- },
- color: function () {
- if (!this._color) {
- this._color = global$16();
- }
- return this._color;
- },
- renderHtml: function () {
- var self = this;
- var id = self._id;
- var prefix = self.classPrefix;
- var hueHtml;
- var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000';
- function getOldIeFallbackHtml() {
- var i, l, html = '', gradientPrefix, stopsList;
- gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=';
- stopsList = stops.split(',');
- for (i = 0, l = stopsList.length - 1; i < l; i++) {
- html += '';
+ },
+ color: function () {
+ if (!this._color) {
+ this._color = global$g();
}
- return html;
+ return this._color;
+ },
+ renderHtml: function () {
+ var self = this;
+ var id = self._id;
+ var prefix = self.classPrefix;
+ var hueHtml;
+ var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000';
+ function getOldIeFallbackHtml() {
+ var i, l, html = '', gradientPrefix, stopsList;
+ gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=';
+ stopsList = stops.split(',');
+ for (i = 0, l = stopsList.length - 1; i < l; i++) {
+ html += '';
+ }
+ return html;
+ }
+ var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');';
+ hueHtml = '' + getOldIeFallbackHtml() + '' + '
';
+ return '' + '
';
}
- var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');';
- hueHtml = '' + '' + '
' + hueHtml + '' + getOldIeFallbackHtml() + '' + '
';
- return '' + '
';
- }
- });
+ });
- var DropZone = Widget.extend({
- init: function (settings) {
- var self = this;
- settings = global$4.extend({
- height: 100,
- text: 'Drop an image here',
- multiple: false,
- accept: null
- }, settings);
- self._super(settings);
- self.classes.add('dropzone');
- if (settings.multiple) {
- self.classes.add('multiple');
- }
- },
- renderHtml: function () {
- var self = this;
- var attrs, elm;
- var cfg = self.settings;
- attrs = {
- id: self._id,
- hidefocus: '1'
- };
- elm = funcs.create('div', attrs, '' + this.translate(cfg.text) + '');
- if (cfg.height) {
- funcs.css(elm, 'height', cfg.height + 'px');
- }
- if (cfg.width) {
- funcs.css(elm, 'width', cfg.width + 'px');
- }
- elm.className = self.classes;
- return elm.outerHTML;
- },
- postRender: function () {
- var self = this;
- var toggleDragClass = function (e) {
- e.preventDefault();
- self.classes.toggle('dragenter');
- self.getEl().className = self.classes;
- };
- var filter = function (files) {
- var accept = self.settings.accept;
- if (typeof accept !== 'string') {
- return files;
+ var DropZone = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ settings = global$4.extend({
+ height: 100,
+ text: 'Drop an image here',
+ multiple: false,
+ accept: null
+ }, settings);
+ self._super(settings);
+ self.classes.add('dropzone');
+ if (settings.multiple) {
+ self.classes.add('multiple');
}
- var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i');
- return global$4.grep(files, function (file) {
- return re.test(file.name);
- });
- };
- self._super();
- self.$el.on('dragover', function (e) {
- e.preventDefault();
- });
- self.$el.on('dragenter', toggleDragClass);
- self.$el.on('dragleave', toggleDragClass);
- self.$el.on('drop', function (e) {
- e.preventDefault();
- if (self.state.get('disabled')) {
- return;
+ },
+ renderHtml: function () {
+ var self = this;
+ var attrs, elm;
+ var cfg = self.settings;
+ attrs = {
+ id: self._id,
+ hidefocus: '1'
+ };
+ elm = funcs.create('div', attrs, '' + this.translate(cfg.text) + '');
+ if (cfg.height) {
+ funcs.css(elm, 'height', cfg.height + 'px');
}
- var files = filter(e.dataTransfer.files);
- self.value = function () {
- if (!files.length) {
- return null;
- } else if (self.settings.multiple) {
+ if (cfg.width) {
+ funcs.css(elm, 'width', cfg.width + 'px');
+ }
+ elm.className = self.classes;
+ return elm.outerHTML;
+ },
+ postRender: function () {
+ var self = this;
+ var toggleDragClass = function (e) {
+ e.preventDefault();
+ self.classes.toggle('dragenter');
+ self.getEl().className = self.classes;
+ };
+ var filter = function (files) {
+ var accept = self.settings.accept;
+ if (typeof accept !== 'string') {
return files;
- } else {
- return files[0];
}
+ var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i');
+ return global$4.grep(files, function (file) {
+ return re.test(file.name);
+ });
};
- if (files.length) {
- self.fire('change', e);
- }
- });
- },
- remove: function () {
- this.$el.off();
- this._super();
- }
- });
+ self._super();
+ self.$el.on('dragover', function (e) {
+ e.preventDefault();
+ });
+ self.$el.on('dragenter', toggleDragClass);
+ self.$el.on('dragleave', toggleDragClass);
+ self.$el.on('drop', function (e) {
+ e.preventDefault();
+ if (self.state.get('disabled')) {
+ return;
+ }
+ var files = filter(e.dataTransfer.files);
+ self.value = function () {
+ if (!files.length) {
+ return null;
+ } else if (self.settings.multiple) {
+ return files;
+ } else {
+ return files[0];
+ }
+ };
+ if (files.length) {
+ self.fire('change', e);
+ }
+ });
+ },
+ remove: function () {
+ this.$el.off();
+ this._super();
+ }
+ });
- var Path = Widget.extend({
- init: function (settings) {
- var self = this;
- if (!settings.delimiter) {
- settings.delimiter = '\xBB';
- }
- self._super(settings);
- self.classes.add('path');
- self.canFocus = true;
- self.on('click', function (e) {
- var index;
- var target = e.target;
- if (index = target.getAttribute('data-index')) {
- self.fire('select', {
- value: self.row()[index],
- index: index
- });
+ var Path = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ if (!settings.delimiter) {
+ settings.delimiter = '\xBB';
}
- });
- self.row(self.settings.row);
- },
- focus: function () {
- var self = this;
- self.getEl().firstChild.focus();
- return self;
- },
- row: function (row) {
- if (!arguments.length) {
- return this.state.get('row');
+ self._super(settings);
+ self.classes.add('path');
+ self.canFocus = true;
+ self.on('click', function (e) {
+ var index;
+ var target = e.target;
+ if (index = target.getAttribute('data-index')) {
+ self.fire('select', {
+ value: self.row()[index],
+ index: index
+ });
+ }
+ });
+ self.row(self.settings.row);
+ },
+ focus: function () {
+ var self = this;
+ self.getEl().firstChild.focus();
+ return self;
+ },
+ row: function (row) {
+ if (!arguments.length) {
+ return this.state.get('row');
+ }
+ this.state.set('row', row);
+ return this;
+ },
+ renderHtml: function () {
+ var self = this;
+ return '' + '' + '
' + hueHtml + '' + self._getDataPathHtml(self.state.get('row')) + '
';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:row', function (e) {
+ self.innerHtml(self._getDataPathHtml(e.value));
+ });
+ return self._super();
+ },
+ _getDataPathHtml: function (data) {
+ var self = this;
+ var parts = data || [];
+ var i, l, html = '';
+ var prefix = self.classPrefix;
+ for (i = 0, l = parts.length; i < l; i++) {
+ html += (i > 0 ? '' : '') + '' + parts[i].name + '
';
+ }
+ if (!html) {
+ html = '\xA0
';
+ }
+ return html;
}
- this.state.set('row', row);
- return this;
- },
- renderHtml: function () {
- var self = this;
- return '' + self._getDataPathHtml(self.state.get('row')) + '
';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:row', function (e) {
- self.innerHtml(self._getDataPathHtml(e.value));
- });
- return self._super();
- },
- _getDataPathHtml: function (data) {
- var self = this;
- var parts = data || [];
- var i, l, html = '';
- var prefix = self.classPrefix;
- for (i = 0, l = parts.length; i < l; i++) {
- html += (i > 0 ? '' : '') + '' + parts[i].name + '
';
- }
- if (!html) {
- html = '\xA0
';
- }
- return html;
- }
- });
+ });
- var ElementPath = Path.extend({
- postRender: function () {
- var self = this, editor = self.settings.editor;
- function isHidden(elm) {
- if (elm.nodeType === 1) {
- if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
- return true;
+ var ElementPath = Path.extend({
+ postRender: function () {
+ var self = this, editor = self.settings.editor;
+ function isHidden(elm) {
+ if (elm.nodeType === 1) {
+ if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
+ return true;
+ }
+ if (elm.getAttribute('data-mce-type') === 'bookmark') {
+ return true;
+ }
}
- if (elm.getAttribute('data-mce-type') === 'bookmark') {
- return true;
- }
+ return false;
}
- return false;
- }
- if (editor.settings.elementpath !== false) {
- self.on('select', function (e) {
- editor.focus();
- editor.selection.select(this.row()[e.index].element);
- editor.nodeChanged();
- });
- editor.on('nodeChange', function (e) {
- var outParents = [];
- var parents = e.parents;
- var i = parents.length;
- while (i--) {
- if (parents[i].nodeType === 1 && !isHidden(parents[i])) {
- var args = editor.fire('ResolveName', {
- name: parents[i].nodeName.toLowerCase(),
- target: parents[i]
- });
- if (!args.isDefaultPrevented()) {
- outParents.push({
- name: args.name,
- element: parents[i]
+ if (editor.settings.elementpath !== false) {
+ self.on('select', function (e) {
+ editor.focus();
+ editor.selection.select(this.row()[e.index].element);
+ editor.nodeChanged();
+ });
+ editor.on('nodeChange', function (e) {
+ var outParents = [];
+ var parents = e.parents;
+ var i = parents.length;
+ while (i--) {
+ if (parents[i].nodeType === 1 && !isHidden(parents[i])) {
+ var args = editor.fire('ResolveName', {
+ name: parents[i].nodeName.toLowerCase(),
+ target: parents[i]
});
+ if (!args.isDefaultPrevented()) {
+ outParents.push({
+ name: args.name,
+ element: parents[i]
+ });
+ }
+ if (args.isPropagationStopped()) {
+ break;
+ }
}
- if (args.isPropagationStopped()) {
- break;
- }
}
- }
- self.row(outParents);
- });
+ self.row(outParents);
+ });
+ }
+ return self._super();
}
- return self._super();
- }
- });
+ });
- var FormItem = Container.extend({
- Defaults: {
- layout: 'flex',
- align: 'center',
- defaults: { flex: 1 }
- },
- renderHtml: function () {
- var self = this, layout = self._layout, prefix = self.classPrefix;
- self.classes.add('formitem');
- layout.preRender(self);
- return '' + (self.settings.title ? '
';
- }
- });
+ var FormItem = Container.extend({
+ Defaults: {
+ layout: 'flex',
+ align: 'center',
+ defaults: { flex: 1 }
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout, prefix = self.classPrefix;
+ self.classes.add('formitem');
+ layout.preRender(self);
+ return '' + self.settings.title + '
' : '') + '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + (self.settings.title ? '
';
+ }
+ });
- var Form = Container.extend({
- Defaults: {
- containerCls: 'form',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- flex: 1,
- padding: 15,
- labelGap: 30,
- spacing: 10,
- callbacks: {
- submit: function () {
- this.submit();
+ var Form = Container.extend({
+ Defaults: {
+ containerCls: 'form',
+ layout: 'flex',
+ direction: 'column',
+ align: 'stretch',
+ flex: 1,
+ padding: 15,
+ labelGap: 30,
+ spacing: 10,
+ callbacks: {
+ submit: function () {
+ this.submit();
+ }
}
- }
- },
- preRender: function () {
- var self = this, items = self.items();
- if (!self.settings.formItemDefaults) {
- self.settings.formItemDefaults = {
- layout: 'flex',
- autoResize: 'overflow',
- defaults: { flex: 1 }
- };
- }
- items.each(function (ctrl) {
- var formItem;
- var label = ctrl.settings.label;
- if (label) {
- formItem = new FormItem(global$4.extend({
- items: {
- type: 'label',
- id: ctrl._id + '-l',
- text: label,
- flex: 0,
- forId: ctrl._id,
- disabled: ctrl.disabled()
+ },
+ preRender: function () {
+ var self = this, items = self.items();
+ if (!self.settings.formItemDefaults) {
+ self.settings.formItemDefaults = {
+ layout: 'flex',
+ autoResize: 'overflow',
+ defaults: { flex: 1 }
+ };
+ }
+ items.each(function (ctrl) {
+ var formItem;
+ var label = ctrl.settings.label;
+ if (label) {
+ formItem = new FormItem(global$4.extend({
+ items: {
+ type: 'label',
+ id: ctrl._id + '-l',
+ text: label,
+ flex: 0,
+ forId: ctrl._id,
+ disabled: ctrl.disabled()
+ }
+ }, self.settings.formItemDefaults));
+ formItem.type = 'formitem';
+ ctrl.aria('labelledby', ctrl._id + '-l');
+ if (typeof ctrl.settings.flex === 'undefined') {
+ ctrl.settings.flex = 1;
}
- }, self.settings.formItemDefaults));
- formItem.type = 'formitem';
- ctrl.aria('labelledby', ctrl._id + '-l');
- if (typeof ctrl.settings.flex === 'undefined') {
- ctrl.settings.flex = 1;
+ self.replace(ctrl, formItem);
+ formItem.add(ctrl);
}
- self.replace(ctrl, formItem);
- formItem.add(ctrl);
- }
- });
- },
- submit: function () {
- return this.fire('submit', { data: this.toJSON() });
- },
- postRender: function () {
- var self = this;
- self._super();
- self.fromJSON(self.settings.data);
- },
- bindStates: function () {
- var self = this;
- self._super();
- function recalcLabels() {
- var maxLabelWidth = 0;
- var labels = [];
- var i, labelGap, items;
- if (self.settings.labelGapCalc === false) {
- return;
- }
- if (self.settings.labelGapCalc === 'children') {
- items = self.find('formitem');
- } else {
- items = self.items();
- }
- items.filter('formitem').each(function (item) {
- var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth;
- maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth;
- labels.push(labelCtrl);
});
- labelGap = self.settings.labelGap || 0;
- i = labels.length;
- while (i--) {
- labels[i].settings.minWidth = maxLabelWidth + labelGap;
+ },
+ submit: function () {
+ return this.fire('submit', { data: this.toJSON() });
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.fromJSON(self.settings.data);
+ },
+ bindStates: function () {
+ var self = this;
+ self._super();
+ function recalcLabels() {
+ var maxLabelWidth = 0;
+ var labels = [];
+ var i, labelGap, items;
+ if (self.settings.labelGapCalc === false) {
+ return;
+ }
+ if (self.settings.labelGapCalc === 'children') {
+ items = self.find('formitem');
+ } else {
+ items = self.items();
+ }
+ items.filter('formitem').each(function (item) {
+ var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth;
+ maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth;
+ labels.push(labelCtrl);
+ });
+ labelGap = self.settings.labelGap || 0;
+ i = labels.length;
+ while (i--) {
+ labels[i].settings.minWidth = maxLabelWidth + labelGap;
+ }
}
+ self.on('show', recalcLabels);
+ recalcLabels();
}
- self.on('show', recalcLabels);
- recalcLabels();
- }
- });
+ });
- var FieldSet = Form.extend({
- Defaults: {
- containerCls: 'fieldset',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- flex: 1,
- padding: '25 15 5 15',
- labelGap: 30,
- spacing: 10,
- border: 1
- },
- renderHtml: function () {
- var self = this, layout = self._layout, prefix = self.classPrefix;
- self.preRender();
- layout.preRender(self);
- return '';
- }
- });
+ var FieldSet = Form.extend({
+ Defaults: {
+ containerCls: 'fieldset',
+ layout: 'flex',
+ direction: 'column',
+ align: 'stretch',
+ flex: 1,
+ padding: '25 15 5 15',
+ labelGap: 30,
+ spacing: 10,
+ border: 1
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout, prefix = self.classPrefix;
+ self.preRender();
+ layout.preRender(self);
+ return '';
+ }
+ });
- var unique$1 = 0;
- var generate = function (prefix) {
- var date = new Date();
- var time = date.getTime();
- var random = Math.floor(Math.random() * 1000000000);
- unique$1++;
- return prefix + '_' + random + unique$1 + String(time);
- };
+ var unique$1 = 0;
+ var generate = function (prefix) {
+ var date = new Date();
+ var time = date.getTime();
+ var random = Math.floor(Math.random() * 1000000000);
+ unique$1++;
+ return prefix + '_' + random + unique$1 + String(time);
+ };
- var fromHtml = function (html, scope) {
- var doc = scope || document;
- var div = doc.createElement('div');
- div.innerHTML = html;
- if (!div.hasChildNodes() || div.childNodes.length > 1) {
- console.error('HTML does not have a single root node', html);
- throw 'HTML must have a single root node';
- }
- return fromDom(div.childNodes[0]);
- };
- var fromTag = function (tag, scope) {
- var doc = scope || document;
- var node = doc.createElement(tag);
- return fromDom(node);
- };
- var fromText = function (text, scope) {
- var doc = scope || document;
- var node = doc.createTextNode(text);
- return fromDom(node);
- };
- var fromDom = function (node) {
- if (node === null || node === undefined)
- throw new Error('Node cannot be null or undefined');
- return { dom: constant(node) };
- };
- var fromPoint = function (docElm, x, y) {
- var doc = docElm.dom();
- return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
- };
- var Element$$1 = {
- fromHtml: fromHtml,
- fromTag: fromTag,
- fromText: fromText,
- fromDom: fromDom,
- fromPoint: fromPoint
- };
-
- var cached = function (f) {
- var called = false;
- var r;
- return function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
+ var fromHtml = function (html, scope) {
+ var doc = scope || document;
+ var div = doc.createElement('div');
+ div.innerHTML = html;
+ if (!div.hasChildNodes() || div.childNodes.length > 1) {
+ console.error('HTML does not have a single root node', html);
+ throw 'HTML must have a single root node';
}
- if (!called) {
- called = true;
- r = f.apply(null, args);
- }
- return r;
+ return fromDom(div.childNodes[0]);
};
- };
+ var fromTag = function (tag, scope) {
+ var doc = scope || document;
+ var node = doc.createElement(tag);
+ return fromDom(node);
+ };
+ var fromText = function (text, scope) {
+ var doc = scope || document;
+ var node = doc.createTextNode(text);
+ return fromDom(node);
+ };
+ var fromDom = function (node) {
+ if (node === null || node === undefined)
+ throw new Error('Node cannot be null or undefined');
+ return { dom: constant(node) };
+ };
+ var fromPoint = function (docElm, x, y) {
+ var doc = docElm.dom();
+ return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
+ };
+ var Element$$1 = {
+ fromHtml: fromHtml,
+ fromTag: fromTag,
+ fromText: fromText,
+ fromDom: fromDom,
+ fromPoint: fromPoint
+ };
- var $_2jrgnk1apjjgwek8y = {
- ATTRIBUTE: Node.ATTRIBUTE_NODE,
- CDATA_SECTION: Node.CDATA_SECTION_NODE,
- COMMENT: Node.COMMENT_NODE,
- DOCUMENT: Node.DOCUMENT_NODE,
- DOCUMENT_TYPE: Node.DOCUMENT_TYPE_NODE,
- DOCUMENT_FRAGMENT: Node.DOCUMENT_FRAGMENT_NODE,
- ELEMENT: Node.ELEMENT_NODE,
- TEXT: Node.TEXT_NODE,
- PROCESSING_INSTRUCTION: Node.PROCESSING_INSTRUCTION_NODE,
- ENTITY_REFERENCE: Node.ENTITY_REFERENCE_NODE,
- ENTITY: Node.ENTITY_NODE,
- NOTATION: Node.NOTATION_NODE
- };
-
- var name = function (element) {
- var r = element.dom().nodeName;
- return r.toLowerCase();
- };
- var type = function (element) {
- return element.dom().nodeType;
- };
- var value = function (element) {
- return element.dom().nodeValue;
- };
- var isType$2 = function (t) {
- return function (element) {
- return type(element) === t;
+ var cached = function (f) {
+ var called = false;
+ var r;
+ return function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ if (!called) {
+ called = true;
+ r = f.apply(null, args);
+ }
+ return r;
+ };
};
- };
- var isComment = function (element) {
- return type(element) === $_2jrgnk1apjjgwek8y.COMMENT || name(element) === '#comment';
- };
- var isElement = isType$2($_2jrgnk1apjjgwek8y.ELEMENT);
- var isText = isType$2($_2jrgnk1apjjgwek8y.TEXT);
- var isDocument = isType$2($_2jrgnk1apjjgwek8y.DOCUMENT);
- var $_fv3as1aojjgwek8x = {
- name: name,
- type: type,
- value: value,
- isElement: isElement,
- isText: isText,
- isDocument: isDocument,
- isComment: isComment
- };
- var inBody = function (element) {
- var dom = $_fv3as1aojjgwek8x.isText(element) ? element.dom().parentNode : element.dom();
- return dom !== undefined && dom !== null && dom.ownerDocument.body.contains(dom);
- };
- var body = cached(function () {
- return getBody(Element$$1.fromDom(document));
- });
- var getBody = function (doc) {
- var body = doc.dom().body;
- if (body === null || body === undefined)
- throw 'Body is not available yet';
- return Element$$1.fromDom(body);
- };
- var $_d2glpe1amjjgwek8t = {
- body: body,
- getBody: getBody,
- inBody: inBody
- };
+ var ATTRIBUTE = Node.ATTRIBUTE_NODE;
+ var CDATA_SECTION = Node.CDATA_SECTION_NODE;
+ var COMMENT = Node.COMMENT_NODE;
+ var DOCUMENT = Node.DOCUMENT_NODE;
+ var DOCUMENT_TYPE = Node.DOCUMENT_TYPE_NODE;
+ var DOCUMENT_FRAGMENT = Node.DOCUMENT_FRAGMENT_NODE;
+ var ELEMENT = Node.ELEMENT_NODE;
+ var TEXT = Node.TEXT_NODE;
+ var PROCESSING_INSTRUCTION = Node.PROCESSING_INSTRUCTION_NODE;
+ var ENTITY_REFERENCE = Node.ENTITY_REFERENCE_NODE;
+ var ENTITY = Node.ENTITY_NODE;
+ var NOTATION = Node.NOTATION_NODE;
- var Immutable = function () {
- var fields = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- fields[_i] = arguments[_i];
- }
- return function () {
- var values = [];
+ var Immutable = function () {
+ var fields = [];
for (var _i = 0; _i < arguments.length; _i++) {
- values[_i] = arguments[_i];
+ fields[_i] = arguments[_i];
}
- if (fields.length !== values.length) {
- throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
- }
- var struct = {};
- each(fields, function (name, i) {
- struct[name] = constant(values[i]);
- });
- return struct;
+ return function () {
+ var values = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ values[_i] = arguments[_i];
+ }
+ if (fields.length !== values.length) {
+ throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
+ }
+ var struct = {};
+ each(fields, function (name, i) {
+ struct[name] = constant(values[i]);
+ });
+ return struct;
+ };
};
- };
- var toArray = function (target, f) {
- var r = [];
- var recurse = function (e) {
- r.push(e);
- return f(e);
+ var node = function () {
+ var f = Global$1.getOrDie('Node');
+ return f;
};
- var cur = f(target);
- do {
- cur = cur.bind(recurse);
- } while (cur.isSome());
- return r;
- };
- var $_607sf01awjjgweka0 = { toArray: toArray };
+ var compareDocumentPosition = function (a, b, match) {
+ return (a.compareDocumentPosition(b) & match) !== 0;
+ };
+ var documentPositionPreceding = function (a, b) {
+ return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
+ };
+ var documentPositionContainedBy = function (a, b) {
+ return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
+ };
+ var Node$1 = {
+ documentPositionPreceding: documentPositionPreceding,
+ documentPositionContainedBy: documentPositionContainedBy
+ };
- var node = function () {
- var f = $_8wnjhx19gjjgwek54.getOrDie('Node');
- return f;
- };
- var compareDocumentPosition = function (a, b, match) {
- return (a.compareDocumentPosition(b) & match) !== 0;
- };
- var documentPositionPreceding = function (a, b) {
- return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
- };
- var documentPositionContainedBy = function (a, b) {
- return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
- };
- var $_d0o64o1ayjjgwekaa = {
- documentPositionPreceding: documentPositionPreceding,
- documentPositionContainedBy: documentPositionContainedBy
- };
-
- var firstMatch = function (regexes, s) {
- for (var i = 0; i < regexes.length; i++) {
- var x = regexes[i];
- if (x.test(s))
- return x;
- }
- return undefined;
- };
- var find$2 = function (regexes, agent) {
- var r = firstMatch(regexes, agent);
- if (!r)
+ var firstMatch = function (regexes, s) {
+ for (var i = 0; i < regexes.length; i++) {
+ var x = regexes[i];
+ if (x.test(s))
+ return x;
+ }
+ return undefined;
+ };
+ var find$2 = function (regexes, agent) {
+ var r = firstMatch(regexes, agent);
+ if (!r)
+ return {
+ major: 0,
+ minor: 0
+ };
+ var group = function (i) {
+ return Number(agent.replace(r, '$' + i));
+ };
+ return nu(group(1), group(2));
+ };
+ var detect = function (versionRegexes, agent) {
+ var cleanedAgent = String(agent).toLowerCase();
+ if (versionRegexes.length === 0)
+ return unknown();
+ return find$2(versionRegexes, cleanedAgent);
+ };
+ var unknown = function () {
+ return nu(0, 0);
+ };
+ var nu = function (major, minor) {
return {
- major: 0,
- minor: 0
+ major: major,
+ minor: minor
};
- var group = function (i) {
- return Number(agent.replace(r, '$' + i));
};
- return nu(group(1), group(2));
- };
- var detect = function (versionRegexes, agent) {
- var cleanedAgent = String(agent).toLowerCase();
- if (versionRegexes.length === 0)
- return unknown();
- return find$2(versionRegexes, cleanedAgent);
- };
- var unknown = function () {
- return nu(0, 0);
- };
- var nu = function (major, minor) {
- return {
- major: major,
- minor: minor
+ var Version = {
+ nu: nu,
+ detect: detect,
+ unknown: unknown
};
- };
- var $_bhlk9t1b2jjgwekaq = {
- nu: nu,
- detect: detect,
- unknown: unknown
- };
- var edge = 'Edge';
- var chrome = 'Chrome';
- var ie = 'IE';
- var opera = 'Opera';
- var firefox = 'Firefox';
- var safari = 'Safari';
- var isBrowser = function (name, current) {
- return function () {
- return current === name;
+ var edge = 'Edge';
+ var chrome = 'Chrome';
+ var ie = 'IE';
+ var opera = 'Opera';
+ var firefox = 'Firefox';
+ var safari = 'Safari';
+ var isBrowser = function (name, current) {
+ return function () {
+ return current === name;
+ };
};
- };
- var unknown$1 = function () {
- return nu$1({
- current: undefined,
- version: $_bhlk9t1b2jjgwekaq.unknown()
- });
- };
- var nu$1 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isEdge: isBrowser(edge, current),
- isChrome: isBrowser(chrome, current),
- isIE: isBrowser(ie, current),
- isOpera: isBrowser(opera, current),
- isFirefox: isBrowser(firefox, current),
- isSafari: isBrowser(safari, current)
+ var unknown$1 = function () {
+ return nu$1({
+ current: undefined,
+ version: Version.unknown()
+ });
};
- };
- var $_3j4jht1b1jjgwekal = {
- unknown: unknown$1,
- nu: nu$1,
- edge: constant(edge),
- chrome: constant(chrome),
- ie: constant(ie),
- opera: constant(opera),
- firefox: constant(firefox),
- safari: constant(safari)
- };
-
- var windows$1 = 'Windows';
- var ios = 'iOS';
- var android = 'Android';
- var linux = 'Linux';
- var osx = 'OSX';
- var solaris = 'Solaris';
- var freebsd = 'FreeBSD';
- var isOS = function (name, current) {
- return function () {
- return current === name;
+ var nu$1 = function (info) {
+ var current = info.current;
+ var version = info.version;
+ return {
+ current: current,
+ version: version,
+ isEdge: isBrowser(edge, current),
+ isChrome: isBrowser(chrome, current),
+ isIE: isBrowser(ie, current),
+ isOpera: isBrowser(opera, current),
+ isFirefox: isBrowser(firefox, current),
+ isSafari: isBrowser(safari, current)
+ };
};
- };
- var unknown$2 = function () {
- return nu$2({
- current: undefined,
- version: $_bhlk9t1b2jjgwekaq.unknown()
- });
- };
- var nu$2 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isWindows: isOS(windows$1, current),
- isiOS: isOS(ios, current),
- isAndroid: isOS(android, current),
- isOSX: isOS(osx, current),
- isLinux: isOS(linux, current),
- isSolaris: isOS(solaris, current),
- isFreeBSD: isOS(freebsd, current)
+ var Browser = {
+ unknown: unknown$1,
+ nu: nu$1,
+ edge: constant(edge),
+ chrome: constant(chrome),
+ ie: constant(ie),
+ opera: constant(opera),
+ firefox: constant(firefox),
+ safari: constant(safari)
};
- };
- var $_7je60a1b3jjgwekar = {
- unknown: unknown$2,
- nu: nu$2,
- windows: constant(windows$1),
- ios: constant(ios),
- android: constant(android),
- linux: constant(linux),
- osx: constant(osx),
- solaris: constant(solaris),
- freebsd: constant(freebsd)
- };
- function DeviceType (os, browser, userAgent) {
- var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
- var isiPhone = os.isiOS() && !isiPad;
- var isAndroid3 = os.isAndroid() && os.version.major === 3;
- var isAndroid4 = os.isAndroid() && os.version.major === 4;
- var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
- var isTouch = os.isiOS() || os.isAndroid();
- var isPhone = isTouch && !isTablet;
- var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
- return {
- isiPad: constant(isiPad),
- isiPhone: constant(isiPhone),
- isTablet: constant(isTablet),
- isPhone: constant(isPhone),
- isTouch: constant(isTouch),
- isAndroid: os.isAndroid,
- isiOS: os.isiOS,
- isWebView: constant(iOSwebview)
+ var windows$1 = 'Windows';
+ var ios = 'iOS';
+ var android = 'Android';
+ var linux = 'Linux';
+ var osx = 'OSX';
+ var solaris = 'Solaris';
+ var freebsd = 'FreeBSD';
+ var isOS = function (name, current) {
+ return function () {
+ return current === name;
+ };
};
- }
-
- var detect$1 = function (candidates, userAgent) {
- var agent = String(userAgent).toLowerCase();
- return find(candidates, function (candidate) {
- return candidate.search(agent);
- });
- };
- var detectBrowser = function (browsers, userAgent) {
- return detect$1(browsers, userAgent).map(function (browser) {
- var version = $_bhlk9t1b2jjgwekaq.detect(browser.versionRegexes, userAgent);
+ var unknown$2 = function () {
+ return nu$2({
+ current: undefined,
+ version: Version.unknown()
+ });
+ };
+ var nu$2 = function (info) {
+ var current = info.current;
+ var version = info.version;
return {
- current: browser.name,
- version: version
+ current: current,
+ version: version,
+ isWindows: isOS(windows$1, current),
+ isiOS: isOS(ios, current),
+ isAndroid: isOS(android, current),
+ isOSX: isOS(osx, current),
+ isLinux: isOS(linux, current),
+ isSolaris: isOS(solaris, current),
+ isFreeBSD: isOS(freebsd, current)
};
- });
- };
- var detectOs = function (oses, userAgent) {
- return detect$1(oses, userAgent).map(function (os) {
- var version = $_bhlk9t1b2jjgwekaq.detect(os.versionRegexes, userAgent);
+ };
+ var OperatingSystem = {
+ unknown: unknown$2,
+ nu: nu$2,
+ windows: constant(windows$1),
+ ios: constant(ios),
+ android: constant(android),
+ linux: constant(linux),
+ osx: constant(osx),
+ solaris: constant(solaris),
+ freebsd: constant(freebsd)
+ };
+
+ var DeviceType = function (os, browser, userAgent) {
+ var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+ var isiPhone = os.isiOS() && !isiPad;
+ var isAndroid3 = os.isAndroid() && os.version.major === 3;
+ var isAndroid4 = os.isAndroid() && os.version.major === 4;
+ var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
+ var isTouch = os.isiOS() || os.isAndroid();
+ var isPhone = isTouch && !isTablet;
+ var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
return {
- current: os.name,
- version: version
+ isiPad: constant(isiPad),
+ isiPhone: constant(isiPhone),
+ isTablet: constant(isTablet),
+ isPhone: constant(isPhone),
+ isTouch: constant(isTouch),
+ isAndroid: os.isAndroid,
+ isiOS: os.isiOS,
+ isWebView: constant(iOSwebview)
};
- });
- };
- var $_1uo66k1b5jjgwekb9 = {
- detectBrowser: detectBrowser,
- detectOs: detectOs
- };
+ };
- var contains$1 = function (str, substr) {
- return str.indexOf(substr) !== -1;
- };
+ var detect$1 = function (candidates, userAgent) {
+ var agent = String(userAgent).toLowerCase();
+ return find(candidates, function (candidate) {
+ return candidate.search(agent);
+ });
+ };
+ var detectBrowser = function (browsers, userAgent) {
+ return detect$1(browsers, userAgent).map(function (browser) {
+ var version = Version.detect(browser.versionRegexes, userAgent);
+ return {
+ current: browser.name,
+ version: version
+ };
+ });
+ };
+ var detectOs = function (oses, userAgent) {
+ return detect$1(oses, userAgent).map(function (os) {
+ var version = Version.detect(os.versionRegexes, userAgent);
+ return {
+ current: os.name,
+ version: version
+ };
+ });
+ };
+ var UaString = {
+ detectBrowser: detectBrowser,
+ detectOs: detectOs
+ };
- var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
- var checkContains = function (target) {
- return function (uastring) {
- return contains$1(uastring, target);
+ var contains$1 = function (str, substr) {
+ return str.indexOf(substr) !== -1;
};
- };
- var browsers = [
- {
- name: 'Edge',
- versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
- search: function (uastring) {
- var monstrosity = contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
- return monstrosity;
+
+ var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+ var checkContains = function (target) {
+ return function (uastring) {
+ return contains$1(uastring, target);
+ };
+ };
+ var browsers = [
+ {
+ name: 'Edge',
+ versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+ search: function (uastring) {
+ var monstrosity = contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+ return monstrosity;
+ }
+ },
+ {
+ name: 'Chrome',
+ versionRegexes: [
+ /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+ normalVersionRegex
+ ],
+ search: function (uastring) {
+ return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+ }
+ },
+ {
+ name: 'IE',
+ versionRegexes: [
+ /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+ /.*?rv:([0-9]+)\.([0-9]+).*/
+ ],
+ search: function (uastring) {
+ return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+ }
+ },
+ {
+ name: 'Opera',
+ versionRegexes: [
+ normalVersionRegex,
+ /.*?opera\/([0-9]+)\.([0-9]+).*/
+ ],
+ search: checkContains('opera')
+ },
+ {
+ name: 'Firefox',
+ versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+ search: checkContains('firefox')
+ },
+ {
+ name: 'Safari',
+ versionRegexes: [
+ normalVersionRegex,
+ /.*?cpu os ([0-9]+)_([0-9]+).*/
+ ],
+ search: function (uastring) {
+ return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+ }
}
- },
- {
- name: 'Chrome',
- versionRegexes: [
- /.*?chrome\/([0-9]+)\.([0-9]+).*/,
- normalVersionRegex
- ],
- search: function (uastring) {
- return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+ ];
+ var oses = [
+ {
+ name: 'Windows',
+ search: checkContains('win'),
+ versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+ },
+ {
+ name: 'iOS',
+ search: function (uastring) {
+ return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+ },
+ versionRegexes: [
+ /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+ /.*cpu os ([0-9]+)_([0-9]+).*/,
+ /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+ ]
+ },
+ {
+ name: 'Android',
+ search: checkContains('android'),
+ versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+ },
+ {
+ name: 'OSX',
+ search: checkContains('os x'),
+ versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
+ },
+ {
+ name: 'Linux',
+ search: checkContains('linux'),
+ versionRegexes: []
+ },
+ {
+ name: 'Solaris',
+ search: checkContains('sunos'),
+ versionRegexes: []
+ },
+ {
+ name: 'FreeBSD',
+ search: checkContains('freebsd'),
+ versionRegexes: []
}
- },
- {
- name: 'IE',
- versionRegexes: [
- /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
- /.*?rv:([0-9]+)\.([0-9]+).*/
- ],
- search: function (uastring) {
- return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
- }
- },
- {
- name: 'Opera',
- versionRegexes: [
- normalVersionRegex,
- /.*?opera\/([0-9]+)\.([0-9]+).*/
- ],
- search: checkContains('opera')
- },
- {
- name: 'Firefox',
- versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
- search: checkContains('firefox')
- },
- {
- name: 'Safari',
- versionRegexes: [
- normalVersionRegex,
- /.*?cpu os ([0-9]+)_([0-9]+).*/
- ],
- search: function (uastring) {
- return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
- }
- }
- ];
- var oses = [
- {
- name: 'Windows',
- search: checkContains('win'),
- versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'iOS',
- search: function (uastring) {
- return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
- },
- versionRegexes: [
- /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
- /.*cpu os ([0-9]+)_([0-9]+).*/,
- /.*cpu iphone os ([0-9]+)_([0-9]+).*/
- ]
- },
- {
- name: 'Android',
- search: checkContains('android'),
- versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'OSX',
- search: checkContains('os x'),
- versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
- },
- {
- name: 'Linux',
- search: checkContains('linux'),
- versionRegexes: []
- },
- {
- name: 'Solaris',
- search: checkContains('sunos'),
- versionRegexes: []
- },
- {
- name: 'FreeBSD',
- search: checkContains('freebsd'),
- versionRegexes: []
- }
- ];
- var $_4f7v971b6jjgwekbd = {
- browsers: constant(browsers),
- oses: constant(oses)
- };
+ ];
+ var PlatformInfo = {
+ browsers: constant(browsers),
+ oses: constant(oses)
+ };
- var detect$2 = function (userAgent) {
- var browsers = $_4f7v971b6jjgwekbd.browsers();
- var oses = $_4f7v971b6jjgwekbd.oses();
- var browser = $_1uo66k1b5jjgwekb9.detectBrowser(browsers, userAgent).fold($_3j4jht1b1jjgwekal.unknown, $_3j4jht1b1jjgwekal.nu);
- var os = $_1uo66k1b5jjgwekb9.detectOs(oses, userAgent).fold($_7je60a1b3jjgwekar.unknown, $_7je60a1b3jjgwekar.nu);
- var deviceType = DeviceType(os, browser, userAgent);
- return {
- browser: browser,
- os: os,
- deviceType: deviceType
+ var detect$2 = function (userAgent) {
+ var browsers = PlatformInfo.browsers();
+ var oses = PlatformInfo.oses();
+ var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+ var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+ var deviceType = DeviceType(os, browser, userAgent);
+ return {
+ browser: browser,
+ os: os,
+ deviceType: deviceType
+ };
};
- };
- var $_d71emz1b0jjgwekak = { detect: detect$2 };
+ var PlatformDetection = { detect: detect$2 };
- var detect$3 = cached(function () {
- var userAgent = navigator.userAgent;
- return $_d71emz1b0jjgwekak.detect(userAgent);
- });
- var $_9xrxmy1azjjgwekac = { detect: detect$3 };
+ var detect$3 = cached(function () {
+ var userAgent = navigator.userAgent;
+ return PlatformDetection.detect(userAgent);
+ });
+ var PlatformDetection$1 = { detect: detect$3 };
- var ELEMENT = $_2jrgnk1apjjgwek8y.ELEMENT;
- var DOCUMENT = $_2jrgnk1apjjgwek8y.DOCUMENT;
- var is = function (element, selector) {
- var elem = element.dom();
- if (elem.nodeType !== ELEMENT)
- return false;
- else if (elem.matches !== undefined)
- return elem.matches(selector);
- else if (elem.msMatchesSelector !== undefined)
- return elem.msMatchesSelector(selector);
- else if (elem.webkitMatchesSelector !== undefined)
- return elem.webkitMatchesSelector(selector);
- else if (elem.mozMatchesSelector !== undefined)
- return elem.mozMatchesSelector(selector);
- else
- throw new Error('Browser lacks native selectors');
- };
- var bypassSelector = function (dom) {
- return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT || dom.childElementCount === 0;
- };
- var all = function (selector, scope) {
- var base = scope === undefined ? document : scope.dom();
- return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element$$1.fromDom);
- };
- var one = function (selector, scope) {
- var base = scope === undefined ? document : scope.dom();
- return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element$$1.fromDom);
- };
- var $_e63uk51bajjgwekbq = {
- all: all,
- is: is,
- one: one
- };
+ var ELEMENT$1 = ELEMENT;
+ var DOCUMENT$1 = DOCUMENT;
+ var bypassSelector = function (dom) {
+ return dom.nodeType !== ELEMENT$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0;
+ };
+ var all = function (selector, scope) {
+ var base = scope === undefined ? document : scope.dom();
+ return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element$$1.fromDom);
+ };
+ var one = function (selector, scope) {
+ var base = scope === undefined ? document : scope.dom();
+ return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element$$1.fromDom);
+ };
- var eq = function (e1, e2) {
- return e1.dom() === e2.dom();
- };
- var isEqualNode = function (e1, e2) {
- return e1.dom().isEqualNode(e2.dom());
- };
- var member = function (element, elements) {
- return exists(elements, curry(eq, element));
- };
- var regularContains = function (e1, e2) {
- var d1 = e1.dom(), d2 = e2.dom();
- return d1 === d2 ? false : d1.contains(d2);
- };
- var ieContains = function (e1, e2) {
- return $_d0o64o1ayjjgwekaa.documentPositionContainedBy(e1.dom(), e2.dom());
- };
- var browser = $_9xrxmy1azjjgwekac.detect().browser;
- var contains$2 = browser.isIE() ? ieContains : regularContains;
- var $_36s5ie1axjjgweka1 = {
- eq: eq,
- isEqualNode: isEqualNode,
- member: member,
- contains: contains$2,
- is: $_e63uk51bajjgwekbq.is
- };
-
- var owner = function (element) {
- return Element$$1.fromDom(element.dom().ownerDocument);
- };
- var documentElement = function (element) {
- return Element$$1.fromDom(element.dom().ownerDocument.documentElement);
- };
- var defaultView = function (element) {
- var el = element.dom();
- var defaultView = el.ownerDocument.defaultView;
- return Element$$1.fromDom(defaultView);
- };
- var parent$1 = function (element) {
- var dom = element.dom();
- return Option.from(dom.parentNode).map(Element$$1.fromDom);
- };
- var findIndex$1 = function (element) {
- return parent$1(element).bind(function (p) {
- var kin = children(p);
- return findIndex(kin, function (elem) {
- return $_36s5ie1axjjgweka1.eq(element, elem);
- });
- });
- };
- var parents = function (element, isRoot) {
- var stop = isFunction$1(isRoot) ? isRoot : constant(false);
- var dom = element.dom();
- var ret = [];
- while (dom.parentNode !== null && dom.parentNode !== undefined) {
- var rawParent = dom.parentNode;
- var parent = Element$$1.fromDom(rawParent);
- ret.push(parent);
- if (stop(parent) === true)
- break;
- else
- dom = rawParent;
- }
- return ret;
- };
- var siblings = function (element) {
- var filterSelf = function (elements) {
- return filter(elements, function (x) {
- return !$_36s5ie1axjjgweka1.eq(element, x);
- });
+ var regularContains = function (e1, e2) {
+ var d1 = e1.dom(), d2 = e2.dom();
+ return d1 === d2 ? false : d1.contains(d2);
};
- return parent$1(element).map(children).map(filterSelf).getOr([]);
- };
- var offsetParent = function (element) {
- var dom = element.dom();
- return Option.from(dom.offsetParent).map(Element$$1.fromDom);
- };
- var prevSibling = function (element) {
- var dom = element.dom();
- return Option.from(dom.previousSibling).map(Element$$1.fromDom);
- };
- var nextSibling = function (element) {
- var dom = element.dom();
- return Option.from(dom.nextSibling).map(Element$$1.fromDom);
- };
- var prevSiblings = function (element) {
- return reverse($_607sf01awjjgweka0.toArray(element, prevSibling));
- };
- var nextSiblings = function (element) {
- return $_607sf01awjjgweka0.toArray(element, nextSibling);
- };
- var children = function (element) {
- var dom = element.dom();
- return map(dom.childNodes, Element$$1.fromDom);
- };
- var child = function (element, index) {
- var children = element.dom().childNodes;
- return Option.from(children[index]).map(Element$$1.fromDom);
- };
- var firstChild = function (element) {
- return child(element, 0);
- };
- var lastChild = function (element) {
- return child(element, element.dom().childNodes.length - 1);
- };
- var childNodesCount = function (element) {
- return element.dom().childNodes.length;
- };
- var hasChildNodes = function (element) {
- return element.dom().hasChildNodes();
- };
- var spot = Immutable('element', 'offset');
- var leaf = function (element, offset) {
- var cs = children(element);
- return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
- };
- var $_fk3hdw1aqjjgwek91 = {
- owner: owner,
- defaultView: defaultView,
- documentElement: documentElement,
- parent: parent$1,
- findIndex: findIndex$1,
- parents: parents,
- siblings: siblings,
- prevSibling: prevSibling,
- offsetParent: offsetParent,
- prevSiblings: prevSiblings,
- nextSibling: nextSibling,
- nextSiblings: nextSiblings,
- children: children,
- child: child,
- firstChild: firstChild,
- lastChild: lastChild,
- childNodesCount: childNodesCount,
- hasChildNodes: hasChildNodes,
- leaf: leaf
- };
+ var ieContains = function (e1, e2) {
+ return Node$1.documentPositionContainedBy(e1.dom(), e2.dom());
+ };
+ var browser = PlatformDetection$1.detect().browser;
+ var contains$2 = browser.isIE() ? ieContains : regularContains;
- var all$1 = function (predicate) {
- return descendants($_d2glpe1amjjgwek8t.body(), predicate);
- };
- var ancestors = function (scope, predicate, isRoot) {
- return filter($_fk3hdw1aqjjgwek91.parents(scope, isRoot), predicate);
- };
- var siblings$1 = function (scope, predicate) {
- return filter($_fk3hdw1aqjjgwek91.siblings(scope), predicate);
- };
- var children$1 = function (scope, predicate) {
- return filter($_fk3hdw1aqjjgwek91.children(scope), predicate);
- };
- var descendants = function (scope, predicate) {
- var result = [];
- each($_fk3hdw1aqjjgwek91.children(scope), function (x) {
- if (predicate(x)) {
- result = result.concat([x]);
- }
- result = result.concat(descendants(x, predicate));
- });
- return result;
- };
- var $_4re57m1aljjgwek8p = {
- all: all$1,
- ancestors: ancestors,
- siblings: siblings$1,
- children: children$1,
- descendants: descendants
- };
+ var spot = Immutable('element', 'offset');
- var all$2 = function (selector) {
- return $_e63uk51bajjgwekbq.all(selector);
- };
- var ancestors$1 = function (scope, selector, isRoot) {
- return $_4re57m1aljjgwek8p.ancestors(scope, function (e) {
- return $_e63uk51bajjgwekbq.is(e, selector);
- }, isRoot);
- };
- var siblings$2 = function (scope, selector) {
- return $_4re57m1aljjgwek8p.siblings(scope, function (e) {
- return $_e63uk51bajjgwekbq.is(e, selector);
- });
- };
- var children$2 = function (scope, selector) {
- return $_4re57m1aljjgwek8p.children(scope, function (e) {
- return $_e63uk51bajjgwekbq.is(e, selector);
- });
- };
- var descendants$1 = function (scope, selector) {
- return $_e63uk51bajjgwekbq.all(selector, scope);
- };
- var $_1jc9su1akjjgwek8o = {
- all: all$2,
- ancestors: ancestors$1,
- siblings: siblings$2,
- children: children$2,
- descendants: descendants$1
- };
+ var descendants$1 = function (scope, selector) {
+ return all(selector, scope);
+ };
- var trim$1 = global$4.trim;
- var hasContentEditableState = function (value) {
- return function (node) {
- if (node && node.nodeType === 1) {
- if (node.contentEditable === value) {
- return true;
+ var trim$1 = global$4.trim;
+ var hasContentEditableState = function (value) {
+ return function (node) {
+ if (node && node.nodeType === 1) {
+ if (node.contentEditable === value) {
+ return true;
+ }
+ if (node.getAttribute('data-mce-contenteditable') === value) {
+ return true;
+ }
}
- if (node.getAttribute('data-mce-contenteditable') === value) {
- return true;
+ return false;
+ };
+ };
+ var isContentEditableTrue = hasContentEditableState('true');
+ var isContentEditableFalse = hasContentEditableState('false');
+ var create$4 = function (type, title, url, level, attach) {
+ return {
+ type: type,
+ title: title,
+ url: url,
+ level: level,
+ attach: attach
+ };
+ };
+ var isChildOfContentEditableTrue = function (node) {
+ while (node = node.parentNode) {
+ var value = node.contentEditable;
+ if (value && value !== 'inherit') {
+ return isContentEditableTrue(node);
}
}
return false;
};
- };
- var isContentEditableTrue = hasContentEditableState('true');
- var isContentEditableFalse = hasContentEditableState('false');
- var create$4 = function (type, title, url, level, attach) {
- return {
- type: type,
- title: title,
- url: url,
- level: level,
- attach: attach
+ var select = function (selector, root) {
+ return map(descendants$1(Element$$1.fromDom(root), selector), function (element) {
+ return element.dom();
+ });
};
- };
- var isChildOfContentEditableTrue = function (node) {
- while (node = node.parentNode) {
- var value = node.contentEditable;
- if (value && value !== 'inherit') {
- return isContentEditableTrue(node);
- }
- }
- return false;
- };
- var select = function (selector, root) {
- return map($_1jc9su1akjjgwek8o.descendants(Element$$1.fromDom(root), selector), function (element) {
- return element.dom();
- });
- };
- var getElementText = function (elm) {
- return elm.innerText || elm.textContent;
- };
- var getOrGenerateId = function (elm) {
- return elm.id ? elm.id : generate('h');
- };
- var isAnchor = function (elm) {
- return elm && elm.nodeName === 'A' && (elm.id || elm.name);
- };
- var isValidAnchor = function (elm) {
- return isAnchor(elm) && isEditable(elm);
- };
- var isHeader = function (elm) {
- return elm && /^(H[1-6])$/.test(elm.nodeName);
- };
- var isEditable = function (elm) {
- return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
- };
- var isValidHeader = function (elm) {
- return isHeader(elm) && isEditable(elm);
- };
- var getLevel = function (elm) {
- return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
- };
- var headerTarget = function (elm) {
- var headerId = getOrGenerateId(elm);
- var attach = function () {
- elm.id = headerId;
+ var getElementText = function (elm) {
+ return elm.innerText || elm.textContent;
};
- return create$4('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
- };
- var anchorTarget = function (elm) {
- var anchorId = elm.id || elm.name;
- var anchorText = getElementText(elm);
- return create$4('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
- };
- var getHeaderTargets = function (elms) {
- return map(filter(elms, isValidHeader), headerTarget);
- };
- var getAnchorTargets = function (elms) {
- return map(filter(elms, isValidAnchor), anchorTarget);
- };
- var getTargetElements = function (elm) {
- var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
- return elms;
- };
- var hasTitle = function (target) {
- return trim$1(target.title).length > 0;
- };
- var find$3 = function (elm) {
- var elms = getTargetElements(elm);
- return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
- };
- var $_5ia43q1ahjjgwek7u = { find: find$3 };
+ var getOrGenerateId = function (elm) {
+ return elm.id ? elm.id : generate('h');
+ };
+ var isAnchor = function (elm) {
+ return elm && elm.nodeName === 'A' && (elm.id || elm.name);
+ };
+ var isValidAnchor = function (elm) {
+ return isAnchor(elm) && isEditable(elm);
+ };
+ var isHeader = function (elm) {
+ return elm && /^(H[1-6])$/.test(elm.nodeName);
+ };
+ var isEditable = function (elm) {
+ return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
+ };
+ var isValidHeader = function (elm) {
+ return isHeader(elm) && isEditable(elm);
+ };
+ var getLevel = function (elm) {
+ return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
+ };
+ var headerTarget = function (elm) {
+ var headerId = getOrGenerateId(elm);
+ var attach = function () {
+ elm.id = headerId;
+ };
+ return create$4('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
+ };
+ var anchorTarget = function (elm) {
+ var anchorId = elm.id || elm.name;
+ var anchorText = getElementText(elm);
+ return create$4('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
+ };
+ var getHeaderTargets = function (elms) {
+ return map(filter(elms, isValidHeader), headerTarget);
+ };
+ var getAnchorTargets = function (elms) {
+ return map(filter(elms, isValidAnchor), anchorTarget);
+ };
+ var getTargetElements = function (elm) {
+ var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
+ return elms;
+ };
+ var hasTitle = function (target) {
+ return trim$1(target.title).length > 0;
+ };
+ var find$3 = function (elm) {
+ var elms = getTargetElements(elm);
+ return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
+ };
+ var LinkTargets = { find: find$3 };
- var getActiveEditor = function () {
- return window.tinymce ? window.tinymce.activeEditor : global$5.activeEditor;
- };
- var history = {};
- var HISTORY_LENGTH = 5;
- var clearHistory = function () {
- history = {};
- };
- var toMenuItem = function (target) {
- return {
- title: target.title,
- value: {
- title: { raw: target.title },
- url: target.url,
- attach: target.attach
- }
+ var getActiveEditor = function () {
+ return window.tinymce ? window.tinymce.activeEditor : global$5.activeEditor;
};
- };
- var toMenuItems = function (targets) {
- return global$4.map(targets, toMenuItem);
- };
- var staticMenuItem = function (title, url) {
- return {
- title: title,
- value: {
+ var history = {};
+ var HISTORY_LENGTH = 5;
+ var clearHistory = function () {
+ history = {};
+ };
+ var toMenuItem = function (target) {
+ return {
+ title: target.title,
+ value: {
+ title: { raw: target.title },
+ url: target.url,
+ attach: target.attach
+ }
+ };
+ };
+ var toMenuItems = function (targets) {
+ return global$4.map(targets, toMenuItem);
+ };
+ var staticMenuItem = function (title, url) {
+ return {
title: title,
- url: url,
- attach: noop
- }
+ value: {
+ title: title,
+ url: url,
+ attach: noop
+ }
+ };
};
- };
- var isUniqueUrl = function (url, targets) {
- var foundTarget = exists(targets, function (target) {
- return target.url === url;
- });
- return !foundTarget;
- };
- var getSetting = function (editorSettings, name, defaultValue) {
- var value = name in editorSettings ? editorSettings[name] : defaultValue;
- return value === false ? null : value;
- };
- var createMenuItems = function (term, targets, fileType, editorSettings) {
- var separator = { title: '-' };
- var fromHistoryMenuItems = function (history) {
- var historyItems = history.hasOwnProperty(fileType) ? history[fileType] : [];
- var uniqueHistory = filter(historyItems, function (url) {
- return isUniqueUrl(url, targets);
+ var isUniqueUrl = function (url, targets) {
+ var foundTarget = exists(targets, function (target) {
+ return target.url === url;
});
- return global$4.map(uniqueHistory, function (url) {
- return {
- title: url,
- value: {
- title: url,
- url: url,
- attach: noop
- }
- };
- });
+ return !foundTarget;
};
- var fromMenuItems = function (type) {
- var filteredTargets = filter(targets, function (target) {
- return target.type === type;
- });
- return toMenuItems(filteredTargets);
+ var getSetting = function (editorSettings, name, defaultValue) {
+ var value = name in editorSettings ? editorSettings[name] : defaultValue;
+ return value === false ? null : value;
};
- var anchorMenuItems = function () {
- var anchorMenuItems = fromMenuItems('anchor');
- var topAnchor = getSetting(editorSettings, 'anchor_top', '#top');
- var bottomAchor = getSetting(editorSettings, 'anchor_bottom', '#bottom');
- if (topAnchor !== null) {
- anchorMenuItems.unshift(staticMenuItem('' + self.settings.title + '
' : '') + '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '
';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.getEl('body').firstChild.data = self.encode(e.value);
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
});
- } else {
- body.innerHTML = html;
- if (callback) {
- callback();
- }
+ self.state.on('change:help', function (e) {
+ self.classes.toggle('has-help', e.value);
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
+ });
+ return self._super();
}
- return this;
- }
- });
+ });
- var InfoBox = Widget.extend({
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('widget').add('infobox');
- self.canFocus = false;
- },
- severity: function (level) {
- this.classes.remove('error');
- this.classes.remove('warning');
- this.classes.remove('success');
- this.classes.add(level);
- },
- help: function (state) {
- this.state.set('help', state);
- },
- renderHtml: function () {
- var self = this, prefix = self.classPrefix;
- return '' + self.encode(self.state.get('text')) + '' + '
' + '' + '
';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.getEl('body').firstChild.data = self.encode(e.value);
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
+ var Label = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.classes.add('widget').add('label');
+ self.canFocus = false;
+ if (settings.multiline) {
+ self.classes.add('autoscroll');
}
- });
- self.state.on('change:help', function (e) {
- self.classes.toggle('has-help', e.value);
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
+ if (settings.strong) {
+ self.classes.add('strong');
}
- });
- return self._super();
- }
- });
-
- var Label = Widget.extend({
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('widget').add('label');
- self.canFocus = false;
- if (settings.multiline) {
- self.classes.add('autoscroll');
- }
- if (settings.strong) {
- self.classes.add('strong');
- }
- },
- initLayoutRect: function () {
- var self = this, layoutRect = self._super();
- if (self.settings.multiline) {
- var size = funcs.getSize(self.getEl());
- if (size.width > layoutRect.maxW) {
- layoutRect.minW = layoutRect.maxW;
- self.classes.add('multiline');
+ },
+ initLayoutRect: function () {
+ var self = this, layoutRect = self._super();
+ if (self.settings.multiline) {
+ var size = funcs.getSize(self.getEl());
+ if (size.width > layoutRect.maxW) {
+ layoutRect.minW = layoutRect.maxW;
+ self.classes.add('multiline');
+ }
+ self.getEl().style.width = layoutRect.minW + 'px';
+ layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height);
}
- self.getEl().style.width = layoutRect.minW + 'px';
- layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height);
- }
- return layoutRect;
- },
- repaint: function () {
- var self = this;
- if (!self.settings.multiline) {
- self.getEl().style.lineHeight = self.layoutRect().h + 'px';
- }
- return self._super();
- },
- severity: function (level) {
- this.classes.remove('error');
- this.classes.remove('warning');
- this.classes.remove('success');
- this.classes.add(level);
- },
- renderHtml: function () {
- var self = this;
- var targetCtrl, forName, forId = self.settings.forId;
- var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text'));
- if (!forId && (forName = self.settings.forName)) {
- targetCtrl = self.getRoot().find('#' + forName)[0];
- if (targetCtrl) {
- forId = targetCtrl._id;
+ return layoutRect;
+ },
+ repaint: function () {
+ var self = this;
+ if (!self.settings.multiline) {
+ self.getEl().style.lineHeight = self.layoutRect().h + 'px';
}
+ return self._super();
+ },
+ severity: function (level) {
+ this.classes.remove('error');
+ this.classes.remove('warning');
+ this.classes.remove('success');
+ this.classes.add(level);
+ },
+ renderHtml: function () {
+ var self = this;
+ var targetCtrl, forName, forId = self.settings.forId;
+ var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text'));
+ if (!forId && (forName = self.settings.forName)) {
+ targetCtrl = self.getRoot().find('#' + forName)[0];
+ if (targetCtrl) {
+ forId = targetCtrl._id;
+ }
+ }
+ if (forId) {
+ return '';
+ }
+ return '' + text + '';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.innerHtml(self.encode(e.value));
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
+ });
+ return self._super();
}
- if (forId) {
- return '';
+ });
+
+ var Toolbar$1 = Container.extend({
+ Defaults: {
+ role: 'toolbar',
+ layout: 'flow'
+ },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.classes.add('toolbar');
+ },
+ postRender: function () {
+ var self = this;
+ self.items().each(function (ctrl) {
+ ctrl.classes.add('toolbar-item');
+ });
+ return self._super();
}
- return '' + text + '';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.innerHtml(self.encode(e.value));
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
- }
- });
- return self._super();
- }
- });
+ });
- var Toolbar$1 = Container.extend({
- Defaults: {
- role: 'toolbar',
- layout: 'flow'
- },
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('toolbar');
- },
- postRender: function () {
- var self = this;
- self.items().each(function (ctrl) {
- ctrl.classes.add('toolbar-item');
- });
- return self._super();
- }
- });
+ var MenuBar = Toolbar$1.extend({
+ Defaults: {
+ role: 'menubar',
+ containerCls: 'menubar',
+ ariaRoot: true,
+ defaults: { type: 'menubutton' }
+ }
+ });
- var MenuBar = Toolbar$1.extend({
- Defaults: {
- role: 'menubar',
- containerCls: 'menubar',
- ariaRoot: true,
- defaults: { type: 'menubutton' }
- }
- });
-
- function isChildOf$1(node, parent$$1) {
- while (node) {
- if (parent$$1 === node) {
- return true;
+ function isChildOf$1(node, parent$$1) {
+ while (node) {
+ if (parent$$1 === node) {
+ return true;
+ }
+ node = node.parentNode;
}
- node = node.parentNode;
+ return false;
}
- return false;
- }
- var MenuButton = Button.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._renderOpen = true;
- self$$1._super(settings);
- settings = self$$1.settings;
- self$$1.classes.add('menubtn');
- if (settings.fixedWidth) {
- self$$1.classes.add('fixed-width');
- }
- self$$1.aria('haspopup', true);
- self$$1.state.set('menu', settings.menu || self$$1.render());
- },
- showMenu: function (toggle) {
- var self$$1 = this;
- var menu;
- if (self$$1.menu && self$$1.menu.visible() && toggle !== false) {
- return self$$1.hideMenu();
- }
- if (!self$$1.menu) {
- menu = self$$1.state.get('menu') || [];
- self$$1.classes.add('opened');
- if (menu.length) {
- menu = {
- type: 'menu',
- animate: true,
- items: menu
- };
- } else {
- menu.type = menu.type || 'menu';
- menu.animate = true;
+ var MenuButton = Button.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._renderOpen = true;
+ self$$1._super(settings);
+ settings = self$$1.settings;
+ self$$1.classes.add('menubtn');
+ if (settings.fixedWidth) {
+ self$$1.classes.add('fixed-width');
}
- if (!menu.renderTo) {
- self$$1.menu = global$11.create(menu).parent(self$$1).renderTo();
+ self$$1.aria('haspopup', true);
+ self$$1.state.set('menu', settings.menu || self$$1.render());
+ },
+ showMenu: function (toggle) {
+ var self$$1 = this;
+ var menu;
+ if (self$$1.menu && self$$1.menu.visible() && toggle !== false) {
+ return self$$1.hideMenu();
+ }
+ if (!self$$1.menu) {
+ menu = self$$1.state.get('menu') || [];
+ self$$1.classes.add('opened');
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ animate: true,
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
+ menu.animate = true;
+ }
+ if (!menu.renderTo) {
+ self$$1.menu = global$b.create(menu).parent(self$$1).renderTo();
+ } else {
+ self$$1.menu = menu.parent(self$$1).show().renderTo();
+ }
+ self$$1.fire('createmenu');
+ self$$1.menu.reflow();
+ self$$1.menu.on('cancel', function (e) {
+ if (e.control.parent() === self$$1.menu) {
+ e.stopPropagation();
+ self$$1.focus();
+ self$$1.hideMenu();
+ }
+ });
+ self$$1.menu.on('select', function () {
+ self$$1.focus();
+ });
+ self$$1.menu.on('show hide', function (e) {
+ if (e.type === 'hide' && e.control.parent() === self$$1) {
+ self$$1.classes.remove('opened-under');
+ }
+ if (e.control === self$$1.menu) {
+ self$$1.activeMenu(e.type === 'show');
+ self$$1.classes.toggle('opened', e.type === 'show');
+ }
+ self$$1.aria('expanded', e.type === 'show');
+ }).fire('show');
+ }
+ self$$1.menu.show();
+ self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
+ self$$1.menu.repaint();
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ var menuLayoutRect = self$$1.menu.layoutRect();
+ var selfBottom = self$$1.$el.offset().top + self$$1.layoutRect().h;
+ if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) {
+ self$$1.classes.add('opened-under');
+ }
+ self$$1.fire('showmenu');
+ },
+ hideMenu: function () {
+ var self$$1 = this;
+ if (self$$1.menu) {
+ self$$1.menu.items().each(function (item) {
+ if (item.hideMenu) {
+ item.hideMenu();
+ }
+ });
+ self$$1.menu.hide();
+ }
+ },
+ activeMenu: function (state) {
+ this.classes.toggle('active', state);
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ var icon = self$$1.settings.icon, image;
+ var text = self$$1.state.get('text');
+ var textHtml = '';
+ image = self$$1.settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
+ }
+ image = ' style="background-image: url(\'' + image + '\')"';
} else {
- self$$1.menu = menu.parent(self$$1).show().renderTo();
+ image = '';
}
- self$$1.fire('createmenu');
- self$$1.menu.reflow();
- self$$1.menu.on('cancel', function (e) {
- if (e.control.parent() === self$$1.menu) {
- e.stopPropagation();
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
+ }
+ icon = self$$1.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ self$$1.aria('role', self$$1.parent() instanceof MenuBar ? 'menuitem' : 'button');
+ return '' + self.encode(self.state.get('text')) + '' + '
' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self$$1 = this;
+ self$$1.on('click', function (e) {
+ if (e.control === self$$1 && isChildOf$1(e.target, self$$1.getEl())) {
self$$1.focus();
- self$$1.hideMenu();
+ self$$1.showMenu(!e.aria);
+ if (e.aria) {
+ self$$1.menu.items().filter(':visible')[0].focus();
+ }
}
});
- self$$1.menu.on('select', function () {
- self$$1.focus();
+ self$$1.on('mouseenter', function (e) {
+ var overCtrl = e.control;
+ var parent$$1 = self$$1.parent();
+ var hasVisibleSiblingMenu;
+ if (overCtrl && parent$$1 && overCtrl instanceof MenuButton && overCtrl.parent() === parent$$1) {
+ parent$$1.items().filter('MenuButton').each(function (ctrl) {
+ if (ctrl.hideMenu && ctrl !== overCtrl) {
+ if (ctrl.menu && ctrl.menu.visible()) {
+ hasVisibleSiblingMenu = true;
+ }
+ ctrl.hideMenu();
+ }
+ });
+ if (hasVisibleSiblingMenu) {
+ overCtrl.focus();
+ overCtrl.showMenu();
+ }
+ }
});
- self$$1.menu.on('show hide', function (e) {
- if (e.control === self$$1.menu) {
- self$$1.activeMenu(e.type === 'show');
- self$$1.classes.toggle('opened', e.type === 'show');
+ return self$$1._super();
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:menu', function () {
+ if (self$$1.menu) {
+ self$$1.menu.remove();
}
- self$$1.aria('expanded', e.type === 'show');
- }).fire('show');
- }
- self$$1.menu.show();
- self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
- self$$1.menu.repaint();
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- self$$1.fire('showmenu');
- },
- hideMenu: function () {
- var self$$1 = this;
- if (self$$1.menu) {
- self$$1.menu.items().each(function (item) {
- if (item.hideMenu) {
- item.hideMenu();
- }
+ self$$1.menu = null;
});
- self$$1.menu.hide();
- }
- },
- activeMenu: function (state) {
- this.classes.toggle('active', state);
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
- var icon = self$$1.settings.icon, image;
- var text = self$$1.state.get('text');
- var textHtml = '';
- image = self$$1.settings.image;
- if (image) {
- icon = 'none';
- if (typeof image !== 'string') {
- image = window.getSelection ? image[0] : image[1];
+ return self$$1._super();
+ },
+ remove: function () {
+ this._super();
+ if (this.menu) {
+ this.menu.remove();
}
- image = ' style="background-image: url(\'' + image + '\')"';
- } else {
- image = '';
}
- if (text) {
- self$$1.classes.add('btn-has-text');
- textHtml = '' + self$$1.encode(text) + '';
- }
- icon = self$$1.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
- self$$1.aria('role', self$$1.parent() instanceof MenuBar ? 'menuitem' : 'button');
- return '' + '' + '
';
- },
- postRender: function () {
- var self$$1 = this;
- self$$1.on('click', function (e) {
- if (e.control === self$$1 && isChildOf$1(e.target, self$$1.getEl())) {
- self$$1.focus();
- self$$1.showMenu(!e.aria);
- if (e.aria) {
- self$$1.menu.items().filter(':visible')[0].focus();
- }
- }
- });
- self$$1.on('mouseenter', function (e) {
- var overCtrl = e.control;
- var parent$$1 = self$$1.parent();
- var hasVisibleSiblingMenu;
- if (overCtrl && parent$$1 && overCtrl instanceof MenuButton && overCtrl.parent() === parent$$1) {
- parent$$1.items().filter('MenuButton').each(function (ctrl) {
- if (ctrl.hideMenu && ctrl !== overCtrl) {
- if (ctrl.menu && ctrl.menu.visible()) {
- hasVisibleSiblingMenu = true;
- }
- ctrl.hideMenu();
+ });
+
+ function Throbber (elm, inline) {
+ var self = this;
+ var state;
+ var classPrefix = Control$1.classPrefix;
+ var timer;
+ self.show = function (time, callback) {
+ function render() {
+ if (state) {
+ global$7(elm).append('');
+ if (callback) {
+ callback();
}
- });
- if (hasVisibleSiblingMenu) {
- overCtrl.focus();
- overCtrl.showMenu();
}
}
- });
- return self$$1._super();
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:menu', function () {
- if (self$$1.menu) {
- self$$1.menu.remove();
+ self.hide();
+ state = true;
+ if (time) {
+ timer = global$3.setTimeout(render, time);
+ } else {
+ render();
}
- self$$1.menu = null;
- });
- return self$$1._super();
- },
- remove: function () {
- this._super();
- if (this.menu) {
- this.menu.remove();
- }
+ return self;
+ };
+ self.hide = function () {
+ var child = elm.lastChild;
+ global$3.clearTimeout(timer);
+ if (child && child.className.indexOf('throbber') !== -1) {
+ child.parentNode.removeChild(child);
+ }
+ state = false;
+ return self;
+ };
}
- });
- function Throbber (elm, inline) {
- var self = this;
- var state;
- var classPrefix = Control$1.classPrefix;
- var timer;
- self.show = function (time, callback) {
- function render() {
- if (state) {
- global$7(elm).append('');
- if (callback) {
- callback();
+ var Menu = FloatPanel.extend({
+ Defaults: {
+ defaultType: 'menuitem',
+ border: 1,
+ layout: 'stack',
+ role: 'application',
+ bodyRole: 'menu',
+ ariaRoot: true
+ },
+ init: function (settings) {
+ var self = this;
+ settings.autohide = true;
+ settings.constrainToViewport = true;
+ if (typeof settings.items === 'function') {
+ settings.itemsFactory = settings.items;
+ settings.items = [];
+ }
+ if (settings.itemDefaults) {
+ var items = settings.items;
+ var i = items.length;
+ while (i--) {
+ items[i] = global$4.extend({}, settings.itemDefaults, items[i]);
}
}
- }
- self.hide();
- state = true;
- if (time) {
- timer = global$3.setTimeout(render, time);
- } else {
- render();
- }
- return self;
- };
- self.hide = function () {
- var child = elm.lastChild;
- global$3.clearTimeout(timer);
- if (child && child.className.indexOf('throbber') !== -1) {
- child.parentNode.removeChild(child);
- }
- state = false;
- return self;
- };
- }
-
- var Menu = FloatPanel.extend({
- Defaults: {
- defaultType: 'menuitem',
- border: 1,
- layout: 'stack',
- role: 'application',
- bodyRole: 'menu',
- ariaRoot: true
- },
- init: function (settings) {
- var self = this;
- settings.autohide = true;
- settings.constrainToViewport = true;
- if (typeof settings.items === 'function') {
- settings.itemsFactory = settings.items;
- settings.items = [];
- }
- if (settings.itemDefaults) {
- var items = settings.items;
- var i = items.length;
- while (i--) {
- items[i] = global$4.extend({}, settings.itemDefaults, items[i]);
+ self._super(settings);
+ self.classes.add('menu');
+ if (settings.animate && global$1.ie !== 11) {
+ self.classes.add('animate');
}
- }
- self._super(settings);
- self.classes.add('menu');
- if (settings.animate && global$1.ie !== 11) {
- self.classes.add('animate');
- }
- },
- repaint: function () {
- this.classes.toggle('menu-align', true);
- this._super();
- this.getEl().style.height = '';
- this.getEl('body').style.height = '';
- return this;
- },
- cancel: function () {
- var self = this;
- self.hideAll();
- self.fire('select');
- },
- load: function () {
- var self = this;
- var time, factory;
- function hideThrobber() {
- if (self.throbber) {
- self.throbber.hide();
- self.throbber = null;
+ },
+ repaint: function () {
+ this.classes.toggle('menu-align', true);
+ this._super();
+ this.getEl().style.height = '';
+ this.getEl('body').style.height = '';
+ return this;
+ },
+ cancel: function () {
+ var self = this;
+ self.hideAll();
+ self.fire('select');
+ },
+ load: function () {
+ var self = this;
+ var time, factory;
+ function hideThrobber() {
+ if (self.throbber) {
+ self.throbber.hide();
+ self.throbber = null;
+ }
}
- }
- factory = self.settings.itemsFactory;
- if (!factory) {
- return;
- }
- if (!self.throbber) {
- self.throbber = new Throbber(self.getEl('body'), true);
- if (self.items().length === 0) {
- self.throbber.show();
- self.fire('loading');
- } else {
- self.throbber.show(100, function () {
- self.items().remove();
- self.fire('loading');
- });
- }
- self.on('hide close', hideThrobber);
- }
- self.requestTime = time = new Date().getTime();
- self.settings.itemsFactory(function (items) {
- if (items.length === 0) {
- self.hide();
+ factory = self.settings.itemsFactory;
+ if (!factory) {
return;
}
- if (self.requestTime !== time) {
- return;
+ if (!self.throbber) {
+ self.throbber = new Throbber(self.getEl('body'), true);
+ if (self.items().length === 0) {
+ self.throbber.show();
+ self.fire('loading');
+ } else {
+ self.throbber.show(100, function () {
+ self.items().remove();
+ self.fire('loading');
+ });
+ }
+ self.on('hide close', hideThrobber);
}
- self.getEl().style.width = '';
- self.getEl('body').style.width = '';
- hideThrobber();
- self.items().remove();
- self.getEl('body').innerHTML = '';
- self.add(items);
- self.renderNew();
- self.fire('loaded');
- });
- },
- hideAll: function () {
- var self = this;
- this.find('menuitem').exec('hideMenu');
- return self._super();
- },
- preRender: function () {
- var self = this;
- self.items().each(function (ctrl) {
- var settings = ctrl.settings;
- if (settings.icon || settings.image || settings.selectable) {
- self._hasIcons = true;
- return false;
+ self.requestTime = time = new Date().getTime();
+ self.settings.itemsFactory(function (items) {
+ if (items.length === 0) {
+ self.hide();
+ return;
+ }
+ if (self.requestTime !== time) {
+ return;
+ }
+ self.getEl().style.width = '';
+ self.getEl('body').style.width = '';
+ hideThrobber();
+ self.items().remove();
+ self.getEl('body').innerHTML = '';
+ self.add(items);
+ self.renderNew();
+ self.fire('loaded');
+ });
+ },
+ hideAll: function () {
+ var self = this;
+ this.find('menuitem').exec('hideMenu');
+ return self._super();
+ },
+ preRender: function () {
+ var self = this;
+ self.items().each(function (ctrl) {
+ var settings = ctrl.settings;
+ if (settings.icon || settings.image || settings.selectable) {
+ self._hasIcons = true;
+ return false;
+ }
+ });
+ if (self.settings.itemsFactory) {
+ self.on('postrender', function () {
+ if (self.settings.itemsFactory) {
+ self.load();
+ }
+ });
}
- });
- if (self.settings.itemsFactory) {
- self.on('postrender', function () {
- if (self.settings.itemsFactory) {
- self.load();
+ self.on('show hide', function (e) {
+ if (e.control === self) {
+ if (e.type === 'show') {
+ global$3.setTimeout(function () {
+ self.classes.add('in');
+ }, 0);
+ } else {
+ self.classes.remove('in');
+ }
}
});
+ return self._super();
}
- self.on('show hide', function (e) {
- if (e.control === self) {
- if (e.type === 'show') {
- global$3.setTimeout(function () {
- self.classes.add('in');
- }, 0);
- } else {
- self.classes.remove('in');
- }
- }
- });
- return self._super();
- }
- });
+ });
- var ListBox = MenuButton.extend({
- init: function (settings) {
- var self = this;
- var values, selected, selectedText, lastItemCtrl;
- function setSelected(menuValues) {
- for (var i = 0; i < menuValues.length; i++) {
- selected = menuValues[i].selected || settings.value === menuValues[i].value;
- if (selected) {
- selectedText = selectedText || menuValues[i].text;
- self.state.set('value', menuValues[i].value);
- return true;
- }
- if (menuValues[i].menu) {
- if (setSelected(menuValues[i].menu)) {
+ var ListBox = MenuButton.extend({
+ init: function (settings) {
+ var self = this;
+ var values, selected, selectedText, lastItemCtrl;
+ function setSelected(menuValues) {
+ for (var i = 0; i < menuValues.length; i++) {
+ selected = menuValues[i].selected || settings.value === menuValues[i].value;
+ if (selected) {
+ selectedText = selectedText || menuValues[i].text;
+ self.state.set('value', menuValues[i].value);
return true;
}
+ if (menuValues[i].menu) {
+ if (setSelected(menuValues[i].menu)) {
+ return true;
+ }
+ }
}
}
- }
- self._super(settings);
- settings = self.settings;
- self._values = values = settings.values;
- if (values) {
- if (typeof settings.value !== 'undefined') {
- setSelected(values);
+ self._super(settings);
+ settings = self.settings;
+ self._values = values = settings.values;
+ if (values) {
+ if (typeof settings.value !== 'undefined') {
+ setSelected(values);
+ }
+ if (!selected && values.length > 0) {
+ selectedText = values[0].text;
+ self.state.set('value', values[0].value);
+ }
+ self.state.set('menu', values);
}
- if (!selected && values.length > 0) {
- selectedText = values[0].text;
- self.state.set('value', values[0].value);
+ self.state.set('text', settings.text || selectedText);
+ self.classes.add('listbox');
+ self.on('select', function (e) {
+ var ctrl = e.control;
+ if (lastItemCtrl) {
+ e.lastControl = lastItemCtrl;
+ }
+ if (settings.multiple) {
+ ctrl.active(!ctrl.active());
+ } else {
+ self.value(e.control.value());
+ }
+ lastItemCtrl = ctrl;
+ });
+ },
+ value: function (value) {
+ if (arguments.length === 0) {
+ return this.state.get('value');
}
- self.state.set('menu', values);
- }
- self.state.set('text', settings.text || selectedText);
- self.classes.add('listbox');
- self.on('select', function (e) {
- var ctrl = e.control;
- if (lastItemCtrl) {
- e.lastControl = lastItemCtrl;
+ if (typeof value === 'undefined') {
+ return this;
}
- if (settings.multiple) {
- ctrl.active(!ctrl.active());
+ function valueExists(values) {
+ return exists(values, function (a) {
+ return a.menu ? valueExists(a.menu) : a.value === value;
+ });
+ }
+ if (this.settings.values) {
+ if (valueExists(this.settings.values)) {
+ this.state.set('value', value);
+ } else if (value === null) {
+ this.state.set('value', null);
+ }
} else {
- self.value(e.control.value());
+ this.state.set('value', value);
}
- lastItemCtrl = ctrl;
- });
- },
- value: function (value) {
- if (arguments.length === 0) {
- return this.state.get('value');
- }
- if (typeof value === 'undefined') {
return this;
- }
- if (this.settings.values) {
- var matchingValues = global$4.grep(this.settings.values, function (a) {
- return a.value === value;
- });
- if (matchingValues.length > 0) {
- this.state.set('value', value);
- } else if (value === null) {
- this.state.set('value', null);
+ },
+ bindStates: function () {
+ var self = this;
+ function activateMenuItemsByValue(menu, value) {
+ if (menu instanceof Menu) {
+ menu.items().each(function (ctrl) {
+ if (!ctrl.hasMenus()) {
+ ctrl.active(ctrl.value() === value);
+ }
+ });
+ }
}
- } else {
- this.state.set('value', value);
- }
- return this;
- },
- bindStates: function () {
- var self = this;
- function activateMenuItemsByValue(menu, value) {
- if (menu instanceof Menu) {
- menu.items().each(function (ctrl) {
- if (!ctrl.hasMenus()) {
- ctrl.active(ctrl.value() === value);
+ function getSelectedItem(menuValues, value) {
+ var selectedItem;
+ if (!menuValues) {
+ return;
+ }
+ for (var i = 0; i < menuValues.length; i++) {
+ if (menuValues[i].value === value) {
+ return menuValues[i];
}
- });
+ if (menuValues[i].menu) {
+ selectedItem = getSelectedItem(menuValues[i].menu, value);
+ if (selectedItem) {
+ return selectedItem;
+ }
+ }
+ }
}
+ self.on('show', function (e) {
+ activateMenuItemsByValue(e.control, self.value());
+ });
+ self.state.on('change:value', function (e) {
+ var selectedItem = getSelectedItem(self.state.get('menu'), e.value);
+ if (selectedItem) {
+ self.text(selectedItem.text);
+ } else {
+ self.text(self.settings.text);
+ }
+ });
+ return self._super();
}
- function getSelectedItem(menuValues, value) {
- var selectedItem;
- if (!menuValues) {
- return;
+ });
+
+ var toggleTextStyle = function (ctrl, state) {
+ var textStyle = ctrl._textStyle;
+ if (textStyle) {
+ var textElm = ctrl.getEl('text');
+ textElm.setAttribute('style', textStyle);
+ if (state) {
+ textElm.style.color = '';
+ textElm.style.backgroundColor = '';
}
- for (var i = 0; i < menuValues.length; i++) {
- if (menuValues[i].value === value) {
- return menuValues[i];
+ }
+ };
+ var MenuItem = Widget.extend({
+ Defaults: {
+ border: 0,
+ role: 'menuitem'
+ },
+ init: function (settings) {
+ var self = this;
+ var text;
+ self._super(settings);
+ settings = self.settings;
+ self.classes.add('menu-item');
+ if (settings.menu) {
+ self.classes.add('menu-item-expand');
+ }
+ if (settings.preview) {
+ self.classes.add('menu-item-preview');
+ }
+ text = self.state.get('text');
+ if (text === '-' || text === '|') {
+ self.classes.add('menu-item-sep');
+ self.aria('role', 'separator');
+ self.state.set('text', '-');
+ }
+ if (settings.selectable) {
+ self.aria('role', 'menuitemcheckbox');
+ self.classes.add('menu-item-checkbox');
+ settings.icon = 'selected';
+ }
+ if (!settings.preview && !settings.selectable) {
+ self.classes.add('menu-item-normal');
+ }
+ self.on('mousedown', function (e) {
+ e.preventDefault();
+ });
+ if (settings.menu && !settings.ariaHideMenu) {
+ self.aria('haspopup', true);
+ }
+ },
+ hasMenus: function () {
+ return !!this.settings.menu;
+ },
+ showMenu: function () {
+ var self = this;
+ var settings = self.settings;
+ var menu;
+ var parent = self.parent();
+ parent.items().each(function (ctrl) {
+ if (ctrl !== self) {
+ ctrl.hideMenu();
}
- if (menuValues[i].menu) {
- selectedItem = getSelectedItem(menuValues[i].menu, value);
- if (selectedItem) {
- return selectedItem;
+ });
+ if (settings.menu) {
+ menu = self.menu;
+ if (!menu) {
+ menu = settings.menu;
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
}
+ if (parent.settings.itemDefaults) {
+ menu.itemDefaults = parent.settings.itemDefaults;
+ }
+ menu = self.menu = global$b.create(menu).parent(self).renderTo();
+ menu.reflow();
+ menu.on('cancel', function (e) {
+ e.stopPropagation();
+ self.focus();
+ menu.hide();
+ });
+ menu.on('show hide', function (e) {
+ if (e.control.items) {
+ e.control.items().each(function (ctrl) {
+ ctrl.active(ctrl.settings.selected);
+ });
+ }
+ }).fire('show');
+ menu.on('hide', function (e) {
+ if (e.control === menu) {
+ self.classes.remove('selected');
+ }
+ });
+ menu.submenu = true;
+ } else {
+ menu.show();
}
+ menu._parentMenu = parent;
+ menu.classes.add('menu-sub');
+ var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [
+ 'tl-tr',
+ 'bl-br',
+ 'tr-tl',
+ 'br-bl'
+ ] : [
+ 'tr-tl',
+ 'br-bl',
+ 'tl-tr',
+ 'bl-br'
+ ]);
+ menu.moveRel(self.getEl(), rel);
+ menu.rel = rel;
+ rel = 'menu-sub-' + rel;
+ menu.classes.remove(menu._lastRel).add(rel);
+ menu._lastRel = rel;
+ self.classes.add('selected');
+ self.aria('expanded', true);
}
- }
- self.on('show', function (e) {
- activateMenuItemsByValue(e.control, self.value());
- });
- self.state.on('change:value', function (e) {
- var selectedItem = getSelectedItem(self.state.get('menu'), e.value);
- if (selectedItem) {
- self.text(selectedItem.text);
- } else {
- self.text(self.settings.text);
+ },
+ hideMenu: function () {
+ var self = this;
+ if (self.menu) {
+ self.menu.items().each(function (item) {
+ if (item.hideMenu) {
+ item.hideMenu();
+ }
+ });
+ self.menu.hide();
+ self.aria('expanded', false);
}
- });
- return self._super();
- }
- });
-
- var toggleTextStyle = function (ctrl, state) {
- var textStyle = ctrl._textStyle;
- if (textStyle) {
- var textElm = ctrl.getEl('text');
- textElm.setAttribute('style', textStyle);
- if (state) {
- textElm.style.color = '';
- textElm.style.backgroundColor = '';
- }
- }
- };
- var MenuItem = Widget.extend({
- Defaults: {
- border: 0,
- role: 'menuitem'
- },
- init: function (settings) {
- var self = this;
- var text;
- self._super(settings);
- settings = self.settings;
- self.classes.add('menu-item');
- if (settings.menu) {
- self.classes.add('menu-item-expand');
- }
- if (settings.preview) {
- self.classes.add('menu-item-preview');
- }
- text = self.state.get('text');
- if (text === '-' || text === '|') {
- self.classes.add('menu-item-sep');
- self.aria('role', 'separator');
- self.state.set('text', '-');
- }
- if (settings.selectable) {
- self.aria('role', 'menuitemcheckbox');
- self.classes.add('menu-item-checkbox');
- settings.icon = 'selected';
- }
- if (!settings.preview && !settings.selectable) {
- self.classes.add('menu-item-normal');
- }
- self.on('mousedown', function (e) {
- e.preventDefault();
- });
- if (settings.menu && !settings.ariaHideMenu) {
- self.aria('haspopup', true);
- }
- },
- hasMenus: function () {
- return !!this.settings.menu;
- },
- showMenu: function () {
- var self = this;
- var settings = self.settings;
- var menu;
- var parent = self.parent();
- parent.items().each(function (ctrl) {
- if (ctrl !== self) {
- ctrl.hideMenu();
- }
- });
- if (settings.menu) {
- menu = self.menu;
- if (!menu) {
- menu = settings.menu;
- if (menu.length) {
- menu = {
- type: 'menu',
- items: menu
+ return self;
+ },
+ renderHtml: function () {
+ var self = this;
+ var id = self._id;
+ var settings = self.settings;
+ var prefix = self.classPrefix;
+ var text = self.state.get('text');
+ var icon = self.settings.icon, image = '', shortcut = settings.shortcut;
+ var url = self.encode(settings.url), iconHtml = '';
+ function convertShortcut(shortcut) {
+ var i, value, replace = {};
+ if (global$1.mac) {
+ replace = {
+ alt: '⌥',
+ ctrl: '⌘',
+ shift: '⇧',
+ meta: '⌘'
};
} else {
- menu.type = menu.type || 'menu';
+ replace = { meta: 'Ctrl' };
}
- if (parent.settings.itemDefaults) {
- menu.itemDefaults = parent.settings.itemDefaults;
+ shortcut = shortcut.split('+');
+ for (i = 0; i < shortcut.length; i++) {
+ value = replace[shortcut[i].toLowerCase()];
+ if (value) {
+ shortcut[i] = value;
+ }
}
- menu = self.menu = global$11.create(menu).parent(self).renderTo();
- menu.reflow();
- menu.on('cancel', function (e) {
- e.stopPropagation();
- self.focus();
- menu.hide();
- });
- menu.on('show hide', function (e) {
- if (e.control.items) {
- e.control.items().each(function (ctrl) {
- ctrl.active(ctrl.settings.selected);
+ return shortcut.join('+');
+ }
+ function escapeRegExp(str) {
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ }
+ function markMatches(text) {
+ var match = settings.match || '';
+ return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) {
+ return '!mce~match[' + match + ']mce~match!';
+ }) : text;
+ }
+ function boldMatches(text) {
+ return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '');
+ }
+ if (icon) {
+ self.parent().classes.add('menu-has-icons');
+ }
+ if (settings.image) {
+ image = ' style="background-image: url(\'' + settings.image + '\')"';
+ }
+ if (shortcut) {
+ shortcut = convertShortcut(shortcut);
+ }
+ icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none');
+ iconHtml = text !== '-' ? '\xA0' : '';
+ text = boldMatches(self.encode(markMatches(text)));
+ url = boldMatches(self.encode(markMatches(url)));
+ return '' + iconHtml + (text !== '-' ? '' + text + '' : '') + (shortcut ? '' : '') + (settings.menu ? '' : '') + (url ? '' : '') + '
';
+ },
+ postRender: function () {
+ var self = this, settings = self.settings;
+ var textStyle = settings.textStyle;
+ if (typeof textStyle === 'function') {
+ textStyle = textStyle.call(this);
+ }
+ if (textStyle) {
+ var textElm = self.getEl('text');
+ if (textElm) {
+ textElm.setAttribute('style', textStyle);
+ self._textStyle = textStyle;
+ }
+ }
+ self.on('mouseenter click', function (e) {
+ if (e.control === self) {
+ if (!settings.menu && e.type === 'click') {
+ self.fire('select');
+ global$3.requestAnimationFrame(function () {
+ self.parent().hideAll();
});
+ } else {
+ self.showMenu();
+ if (e.aria) {
+ self.menu.focus(true);
+ }
}
- }).fire('show');
- menu.on('hide', function (e) {
- if (e.control === menu) {
- self.classes.remove('selected');
- }
- });
- menu.submenu = true;
- } else {
- menu.show();
- }
- menu._parentMenu = parent;
- menu.classes.add('menu-sub');
- var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [
- 'tl-tr',
- 'bl-br',
- 'tr-tl',
- 'br-bl'
- ] : [
- 'tr-tl',
- 'br-bl',
- 'tl-tr',
- 'bl-br'
- ]);
- menu.moveRel(self.getEl(), rel);
- menu.rel = rel;
- rel = 'menu-sub-' + rel;
- menu.classes.remove(menu._lastRel).add(rel);
- menu._lastRel = rel;
- self.classes.add('selected');
- self.aria('expanded', true);
- }
- },
- hideMenu: function () {
- var self = this;
- if (self.menu) {
- self.menu.items().each(function (item) {
- if (item.hideMenu) {
- item.hideMenu();
}
});
- self.menu.hide();
- self.aria('expanded', false);
- }
- return self;
- },
- renderHtml: function () {
- var self = this;
- var id = self._id;
- var settings = self.settings;
- var prefix = self.classPrefix;
- var text = self.state.get('text');
- var icon = self.settings.icon, image = '', shortcut = settings.shortcut;
- var url = self.encode(settings.url), iconHtml = '';
- function convertShortcut(shortcut) {
- var i, value, replace = {};
- if (global$1.mac) {
- replace = {
- alt: '⌥',
- ctrl: '⌘',
- shift: '⇧',
- meta: '⌘'
- };
- } else {
- replace = { meta: 'Ctrl' };
+ self._super();
+ return self;
+ },
+ hover: function () {
+ var self = this;
+ self.parent().items().each(function (ctrl) {
+ ctrl.classes.remove('selected');
+ });
+ self.classes.toggle('selected', true);
+ return self;
+ },
+ active: function (state) {
+ toggleTextStyle(this, state);
+ if (typeof state !== 'undefined') {
+ this.aria('checked', state);
}
- shortcut = shortcut.split('+');
- for (i = 0; i < shortcut.length; i++) {
- value = replace[shortcut[i].toLowerCase()];
- if (value) {
- shortcut[i] = value;
- }
+ return this._super(state);
+ },
+ remove: function () {
+ this._super();
+ if (this.menu) {
+ this.menu.remove();
}
- return shortcut.join('+');
}
- function escapeRegExp(str) {
- return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ });
+
+ var Radio = Checkbox.extend({
+ Defaults: {
+ classes: 'radio',
+ role: 'radio'
}
- function markMatches(text) {
- var match = settings.match || '';
- return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) {
- return '!mce~match[' + match + ']mce~match!';
- }) : text;
- }
- function boldMatches(text) {
- return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '');
- }
- if (icon) {
- self.parent().classes.add('menu-has-icons');
- }
- if (settings.image) {
- image = ' style="background-image: url(\'' + settings.image + '\')"';
- }
- if (shortcut) {
- shortcut = convertShortcut(shortcut);
- }
- icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none');
- iconHtml = text !== '-' ? '\xA0' : '';
- text = boldMatches(self.encode(markMatches(text)));
- url = boldMatches(self.encode(markMatches(url)));
- return '' + iconHtml + (text !== '-' ? '' + text + '' : '') + (shortcut ? '' : '') + (settings.menu ? '' : '') + (url ? '' : '') + '
';
- },
- postRender: function () {
- var self = this, settings = self.settings;
- var textStyle = settings.textStyle;
- if (typeof textStyle === 'function') {
- textStyle = textStyle.call(this);
- }
- if (textStyle) {
- var textElm = self.getEl('text');
- if (textElm) {
- textElm.setAttribute('style', textStyle);
- self._textStyle = textStyle;
+ });
+
+ var ResizeHandle = Widget.extend({
+ renderHtml: function () {
+ var self = this, prefix = self.classPrefix;
+ self.classes.add('resizehandle');
+ if (self.settings.direction === 'both') {
+ self.classes.add('resizehandle-both');
}
- }
- self.on('mouseenter click', function (e) {
- if (e.control === self) {
- if (!settings.menu && e.type === 'click') {
- self.fire('select');
- global$3.requestAnimationFrame(function () {
- self.parent().hideAll();
- });
- } else {
- self.showMenu();
- if (e.aria) {
- self.menu.focus(true);
+ self.canFocus = false;
+ return '' + '' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.resizeDragHelper = new DragHelper(this._id, {
+ start: function () {
+ self.fire('ResizeStart');
+ },
+ drag: function (e) {
+ if (self.settings.direction !== 'both') {
+ e.deltaX = 0;
}
+ self.fire('Resize', e);
+ },
+ stop: function () {
+ self.fire('ResizeEnd');
}
+ });
+ },
+ remove: function () {
+ if (this.resizeDragHelper) {
+ this.resizeDragHelper.destroy();
}
- });
- self._super();
- return self;
- },
- hover: function () {
- var self = this;
- self.parent().items().each(function (ctrl) {
- ctrl.classes.remove('selected');
- });
- self.classes.toggle('selected', true);
- return self;
- },
- active: function (state) {
- toggleTextStyle(this, state);
- if (typeof state !== 'undefined') {
- this.aria('checked', state);
+ return this._super();
}
- return this._super(state);
- },
- remove: function () {
- this._super();
- if (this.menu) {
- this.menu.remove();
- }
- }
- });
+ });
- var Radio = Checkbox.extend({
- Defaults: {
- classes: 'radio',
- role: 'radio'
- }
- });
-
- var ResizeHandle = Widget.extend({
- renderHtml: function () {
- var self = this, prefix = self.classPrefix;
- self.classes.add('resizehandle');
- if (self.settings.direction === 'both') {
- self.classes.add('resizehandle-both');
- }
- self.canFocus = false;
- return '' + '' + '
';
- },
- postRender: function () {
- var self = this;
- self._super();
- self.resizeDragHelper = new DragHelper(this._id, {
- start: function () {
- self.fire('ResizeStart');
- },
- drag: function (e) {
- if (self.settings.direction !== 'both') {
- e.deltaX = 0;
- }
- self.fire('Resize', e);
- },
- stop: function () {
- self.fire('ResizeEnd');
+ function createOptions(options) {
+ var strOptions = '';
+ if (options) {
+ for (var i = 0; i < options.length; i++) {
+ strOptions += '';
}
- });
- },
- remove: function () {
- if (this.resizeDragHelper) {
- this.resizeDragHelper.destroy();
}
- return this._super();
+ return strOptions;
}
- });
-
- function createOptions(options) {
- var strOptions = '';
- if (options) {
- for (var i = 0; i < options.length; i++) {
- strOptions += '';
- }
- }
- return strOptions;
- }
- var SelectBox = Widget.extend({
- Defaults: {
- classes: 'selectbox',
- role: 'selectbox',
- options: []
- },
- init: function (settings) {
- var self = this;
- self._super(settings);
- if (self.settings.size) {
- self.size = self.settings.size;
- }
- if (self.settings.options) {
- self._options = self.settings.options;
- }
- self.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13) {
- e.preventDefault();
- self.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
- }
- });
- self.fire('submit', { data: rootControl.toJSON() });
+ var SelectBox = Widget.extend({
+ Defaults: {
+ classes: 'selectbox',
+ role: 'selectbox',
+ options: []
+ },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ if (self.settings.size) {
+ self.size = self.settings.size;
}
- });
- },
- options: function (state) {
- if (!arguments.length) {
- return this.state.get('options');
- }
- this.state.set('options', state);
- return this;
- },
- renderHtml: function () {
- var self = this;
- var options, size = '';
- options = createOptions(self._options);
- if (self.size) {
- size = ' size = "' + self.size + '"';
- }
- return '';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:options', function (e) {
- self.getEl().innerHTML = createOptions(e.value);
- });
- return self._super();
- }
- });
-
- function constrain(value, minVal, maxVal) {
- if (value < minVal) {
- value = minVal;
- }
- if (value > maxVal) {
- value = maxVal;
- }
- return value;
- }
- function setAriaProp(el, name, value) {
- el.setAttribute('aria-' + name, value);
- }
- function updateSliderHandle(ctrl, value) {
- var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl;
- if (ctrl.settings.orientation === 'v') {
- stylePosName = 'top';
- sizeName = 'height';
- shortSizeName = 'h';
- } else {
- stylePosName = 'left';
- sizeName = 'width';
- shortSizeName = 'w';
- }
- handleEl = ctrl.getEl('handle');
- maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
- styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px';
- handleEl.style[stylePosName] = styleValue;
- handleEl.style.height = ctrl.layoutRect().h + 'px';
- setAriaProp(handleEl, 'valuenow', value);
- setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value));
- setAriaProp(handleEl, 'valuemin', ctrl._minValue);
- setAriaProp(handleEl, 'valuemax', ctrl._maxValue);
- }
- var Slider = Widget.extend({
- init: function (settings) {
- var self = this;
- if (!settings.previewFilter) {
- settings.previewFilter = function (value) {
- return Math.round(value * 100) / 100;
- };
- }
- self._super(settings);
- self.classes.add('slider');
- if (settings.orientation === 'v') {
- self.classes.add('vertical');
- }
- self._minValue = isNumber$1(settings.minValue) ? settings.minValue : 0;
- self._maxValue = isNumber$1(settings.maxValue) ? settings.maxValue : 100;
- self._initValue = self.state.get('value');
- },
- renderHtml: function () {
- var self = this, id = self._id, prefix = self.classPrefix;
- return '' + '' + '
';
- },
- reset: function () {
- this.value(this._initValue).repaint();
- },
- postRender: function () {
- var self = this;
- var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName;
- function toFraction(min, max, val) {
- return (val + min) / (max - min);
- }
- function fromFraction(min, max, val) {
- return val * (max - min) - min;
- }
- function handleKeyboard(minValue, maxValue) {
- function alter(delta) {
- var value;
- value = self.value();
- value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05);
- value = constrain(value, minValue, maxValue);
- self.value(value);
- self.fire('dragstart', { value: value });
- self.fire('drag', { value: value });
- self.fire('dragend', { value: value });
+ if (self.settings.options) {
+ self._options = self.settings.options;
}
self.on('keydown', function (e) {
- switch (e.keyCode) {
- case 37:
- case 38:
- alter(-1);
- break;
- case 39:
- case 40:
- alter(1);
- break;
+ var rootControl;
+ if (e.keyCode === 13) {
+ e.preventDefault();
+ self.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self.fire('submit', { data: rootControl.toJSON() });
}
});
- }
- function handleDrag(minValue, maxValue, handleEl) {
- var startPos, startHandlePos, maxHandlePos, handlePos, value;
- self._dragHelper = new DragHelper(self._id, {
- handle: self._id + '-handle',
- start: function (e) {
- startPos = e[screenCordName];
- startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10);
- maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
- self.fire('dragstart', { value: value });
- },
- drag: function (e) {
- var delta = e[screenCordName] - startPos;
- handlePos = constrain(startHandlePos + delta, 0, maxHandlePos);
- handleEl.style[stylePosName] = handlePos + 'px';
- value = minValue + handlePos / maxHandlePos * (maxValue - minValue);
- self.value(value);
- self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc');
- self.fire('drag', { value: value });
- },
- stop: function () {
- self.tooltip().hide();
- self.fire('dragend', { value: value });
- }
+ },
+ options: function (state) {
+ if (!arguments.length) {
+ return this.state.get('options');
+ }
+ this.state.set('options', state);
+ return this;
+ },
+ renderHtml: function () {
+ var self = this;
+ var options, size = '';
+ options = createOptions(self._options);
+ if (self.size) {
+ size = ' size = "' + self.size + '"';
+ }
+ return '';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:options', function (e) {
+ self.getEl().innerHTML = createOptions(e.value);
});
+ return self._super();
}
- minValue = self._minValue;
- maxValue = self._maxValue;
- if (self.settings.orientation === 'v') {
- screenCordName = 'screenY';
+ });
+
+ function constrain(value, minVal, maxVal) {
+ if (value < minVal) {
+ value = minVal;
+ }
+ if (value > maxVal) {
+ value = maxVal;
+ }
+ return value;
+ }
+ function setAriaProp(el, name, value) {
+ el.setAttribute('aria-' + name, value);
+ }
+ function updateSliderHandle(ctrl, value) {
+ var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl;
+ if (ctrl.settings.orientation === 'v') {
stylePosName = 'top';
sizeName = 'height';
shortSizeName = 'h';
} else {
- screenCordName = 'screenX';
stylePosName = 'left';
sizeName = 'width';
shortSizeName = 'w';
}
- self._super();
- handleKeyboard(minValue, maxValue);
- handleDrag(minValue, maxValue, self.getEl('handle'));
- },
- repaint: function () {
- this._super();
- updateSliderHandle(this, this.value());
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:value', function (e) {
- updateSliderHandle(self, e.value);
- });
- return self._super();
+ handleEl = ctrl.getEl('handle');
+ maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
+ styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px';
+ handleEl.style[stylePosName] = styleValue;
+ handleEl.style.height = ctrl.layoutRect().h + 'px';
+ setAriaProp(handleEl, 'valuenow', value);
+ setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value));
+ setAriaProp(handleEl, 'valuemin', ctrl._minValue);
+ setAriaProp(handleEl, 'valuemax', ctrl._maxValue);
}
- });
+ var Slider = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ if (!settings.previewFilter) {
+ settings.previewFilter = function (value) {
+ return Math.round(value * 100) / 100;
+ };
+ }
+ self._super(settings);
+ self.classes.add('slider');
+ if (settings.orientation === 'v') {
+ self.classes.add('vertical');
+ }
+ self._minValue = isNumber$1(settings.minValue) ? settings.minValue : 0;
+ self._maxValue = isNumber$1(settings.maxValue) ? settings.maxValue : 100;
+ self._initValue = self.state.get('value');
+ },
+ renderHtml: function () {
+ var self = this, id = self._id, prefix = self.classPrefix;
+ return '' + '' + '
';
+ },
+ reset: function () {
+ this.value(this._initValue).repaint();
+ },
+ postRender: function () {
+ var self = this;
+ var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName;
+ function toFraction(min, max, val) {
+ return (val + min) / (max - min);
+ }
+ function fromFraction(min, max, val) {
+ return val * (max - min) - min;
+ }
+ function handleKeyboard(minValue, maxValue) {
+ function alter(delta) {
+ var value;
+ value = self.value();
+ value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05);
+ value = constrain(value, minValue, maxValue);
+ self.value(value);
+ self.fire('dragstart', { value: value });
+ self.fire('drag', { value: value });
+ self.fire('dragend', { value: value });
+ }
+ self.on('keydown', function (e) {
+ switch (e.keyCode) {
+ case 37:
+ case 38:
+ alter(-1);
+ break;
+ case 39:
+ case 40:
+ alter(1);
+ break;
+ }
+ });
+ }
+ function handleDrag(minValue, maxValue, handleEl) {
+ var startPos, startHandlePos, maxHandlePos, handlePos, value;
+ self._dragHelper = new DragHelper(self._id, {
+ handle: self._id + '-handle',
+ start: function (e) {
+ startPos = e[screenCordName];
+ startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10);
+ maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
+ self.fire('dragstart', { value: value });
+ },
+ drag: function (e) {
+ var delta = e[screenCordName] - startPos;
+ handlePos = constrain(startHandlePos + delta, 0, maxHandlePos);
+ handleEl.style[stylePosName] = handlePos + 'px';
+ value = minValue + handlePos / maxHandlePos * (maxValue - minValue);
+ self.value(value);
+ self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc');
+ self.fire('drag', { value: value });
+ },
+ stop: function () {
+ self.tooltip().hide();
+ self.fire('dragend', { value: value });
+ }
+ });
+ }
+ minValue = self._minValue;
+ maxValue = self._maxValue;
+ if (self.settings.orientation === 'v') {
+ screenCordName = 'screenY';
+ stylePosName = 'top';
+ sizeName = 'height';
+ shortSizeName = 'h';
+ } else {
+ screenCordName = 'screenX';
+ stylePosName = 'left';
+ sizeName = 'width';
+ shortSizeName = 'w';
+ }
+ self._super();
+ handleKeyboard(minValue, maxValue);
+ handleDrag(minValue, maxValue, self.getEl('handle'));
+ },
+ repaint: function () {
+ this._super();
+ updateSliderHandle(this, this.value());
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:value', function (e) {
+ updateSliderHandle(self, e.value);
+ });
+ return self._super();
+ }
+ });
- var Spacer = Widget.extend({
- renderHtml: function () {
- var self = this;
- self.classes.add('spacer');
- self.canFocus = false;
- return '';
- }
- });
+ var Spacer = Widget.extend({
+ renderHtml: function () {
+ var self = this;
+ self.classes.add('spacer');
+ self.canFocus = false;
+ return '';
+ }
+ });
- var SplitButton = MenuButton.extend({
- Defaults: {
- classes: 'widget btn splitbtn',
- role: 'button'
- },
- repaint: function () {
- var self$$1 = this;
- var elm = self$$1.getEl();
- var rect = self$$1.layoutRect();
- var mainButtonElm, menuButtonElm;
- self$$1._super();
- mainButtonElm = elm.firstChild;
- menuButtonElm = elm.lastChild;
- global$7(mainButtonElm).css({
- width: rect.w - funcs.getSize(menuButtonElm).width,
- height: rect.h - 2
- });
- global$7(menuButtonElm).css({ height: rect.h - 2 });
- return self$$1;
- },
- activeMenu: function (state) {
- var self$$1 = this;
- global$7(self$$1.getEl().lastChild).toggleClass(self$$1.classPrefix + 'active', state);
- },
- renderHtml: function () {
- var self$$1 = this;
- var id = self$$1._id;
- var prefix = self$$1.classPrefix;
- var image;
- var icon = self$$1.state.get('icon');
- var text = self$$1.state.get('text');
- var settings = self$$1.settings;
- var textHtml = '', ariaPressed;
- image = settings.image;
- if (image) {
- icon = 'none';
- if (typeof image !== 'string') {
- image = window.getSelection ? image[0] : image[1];
+ var SplitButton = MenuButton.extend({
+ Defaults: {
+ classes: 'widget btn splitbtn',
+ role: 'button'
+ },
+ repaint: function () {
+ var self$$1 = this;
+ var elm = self$$1.getEl();
+ var rect = self$$1.layoutRect();
+ var mainButtonElm, menuButtonElm;
+ self$$1._super();
+ mainButtonElm = elm.firstChild;
+ menuButtonElm = elm.lastChild;
+ global$7(mainButtonElm).css({
+ width: rect.w - funcs.getSize(menuButtonElm).width,
+ height: rect.h - 2
+ });
+ global$7(menuButtonElm).css({ height: rect.h - 2 });
+ return self$$1;
+ },
+ activeMenu: function (state) {
+ var self$$1 = this;
+ global$7(self$$1.getEl().lastChild).toggleClass(self$$1.classPrefix + 'active', state);
+ },
+ renderHtml: function () {
+ var self$$1 = this;
+ var id = self$$1._id;
+ var prefix = self$$1.classPrefix;
+ var image;
+ var icon = self$$1.state.get('icon');
+ var text = self$$1.state.get('text');
+ var settings = self$$1.settings;
+ var textHtml = '', ariaPressed;
+ image = settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
+ }
+ image = ' style="background-image: url(\'' + image + '\')"';
+ } else {
+ image = '';
}
- image = ' style="background-image: url(\'' + image + '\')"';
- } else {
- image = '';
- }
- icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
- if (text) {
- self$$1.classes.add('btn-has-text');
- textHtml = '' + self$$1.encode(text) + '';
- }
- ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
- return '' + '' + '' + '
';
- },
- postRender: function () {
- var self$$1 = this, onClickHandler = self$$1.settings.onclick;
- self$$1.on('click', function (e) {
- var node = e.target;
- if (e.control === this) {
- while (node) {
- if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) {
- e.stopImmediatePropagation();
- if (onClickHandler) {
- onClickHandler.call(this, e);
+ icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
+ }
+ ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
+ return '' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self$$1 = this, onClickHandler = self$$1.settings.onclick;
+ self$$1.on('click', function (e) {
+ var node = e.target;
+ if (e.control === this) {
+ while (node) {
+ if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) {
+ e.stopImmediatePropagation();
+ if (onClickHandler) {
+ onClickHandler.call(this, e);
+ }
+ return;
}
- return;
+ node = node.parentNode;
}
- node = node.parentNode;
}
- }
- });
- delete self$$1.settings.onclick;
- return self$$1._super();
- }
- });
+ });
+ delete self$$1.settings.onclick;
+ return self$$1._super();
+ }
+ });
- var StackLayout = FlowLayout.extend({
- Defaults: {
- containerClass: 'stack-layout',
- controlClass: 'stack-layout-item',
- endClass: 'break'
- },
- isNative: function () {
- return true;
- }
- });
+ var StackLayout = FlowLayout.extend({
+ Defaults: {
+ containerClass: 'stack-layout',
+ controlClass: 'stack-layout-item',
+ endClass: 'break'
+ },
+ isNative: function () {
+ return true;
+ }
+ });
- var TabPanel = Panel.extend({
- Defaults: {
- layout: 'absolute',
- defaults: { type: 'panel' }
- },
- activateTab: function (idx) {
- var activeTabElm;
- if (this.activeTabId) {
- activeTabElm = this.getEl(this.activeTabId);
- global$7(activeTabElm).removeClass(this.classPrefix + 'active');
- activeTabElm.setAttribute('aria-selected', 'false');
- }
- this.activeTabId = 't' + idx;
- activeTabElm = this.getEl('t' + idx);
- activeTabElm.setAttribute('aria-selected', 'true');
- global$7(activeTabElm).addClass(this.classPrefix + 'active');
- this.items()[idx].show().fire('showtab');
- this.reflow();
- this.items().each(function (item, i) {
- if (idx !== i) {
- item.hide();
+ var TabPanel = Panel.extend({
+ Defaults: {
+ layout: 'absolute',
+ defaults: { type: 'panel' }
+ },
+ activateTab: function (idx) {
+ var activeTabElm;
+ if (this.activeTabId) {
+ activeTabElm = this.getEl(this.activeTabId);
+ global$7(activeTabElm).removeClass(this.classPrefix + 'active');
+ activeTabElm.setAttribute('aria-selected', 'false');
}
- });
- },
- renderHtml: function () {
- var self = this;
- var layout = self._layout;
- var tabsHtml = '';
- var prefix = self.classPrefix;
- self.preRender();
- layout.preRender(self);
- self.items().each(function (ctrl, i) {
- var id = self._id + '-t' + i;
- ctrl.aria('role', 'tabpanel');
- ctrl.aria('labelledby', id);
- tabsHtml += '' + self.encode(ctrl.settings.title) + '
';
- });
- return '' + '
';
- },
- postRender: function () {
- var self = this;
- self._super();
- self.settings.activeTab = self.settings.activeTab || 0;
- self.activateTab(self.settings.activeTab);
- this.on('click', function (e) {
- var targetParent = e.target.parentNode;
- if (targetParent && targetParent.id === self._id + '-head') {
- var i = targetParent.childNodes.length;
- while (i--) {
- if (targetParent.childNodes[i] === e.target) {
- self.activateTab(i);
- }
+ this.activeTabId = 't' + idx;
+ activeTabElm = this.getEl('t' + idx);
+ activeTabElm.setAttribute('aria-selected', 'true');
+ global$7(activeTabElm).addClass(this.classPrefix + 'active');
+ this.items()[idx].show().fire('showtab');
+ this.reflow();
+ this.items().each(function (item, i) {
+ if (idx !== i) {
+ item.hide();
}
- }
- });
- },
- initLayoutRect: function () {
- var self = this;
- var rect, minW, minH;
- minW = funcs.getSize(self.getEl('head')).width;
- minW = minW < 0 ? 0 : minW;
- minH = 0;
- self.items().each(function (item) {
- minW = Math.max(minW, item.layoutRect().minW);
- minH = Math.max(minH, item.layoutRect().minH);
- });
- self.items().each(function (ctrl) {
- ctrl.settings.x = 0;
- ctrl.settings.y = 0;
- ctrl.settings.w = minW;
- ctrl.settings.h = minH;
- ctrl.layoutRect({
- x: 0,
- y: 0,
- w: minW,
- h: minH
});
- });
- var headH = funcs.getSize(self.getEl('head')).height;
- self.settings.minWidth = minW;
- self.settings.minHeight = minH + headH;
- rect = self._super();
- rect.deltaH += headH;
- rect.innerH = rect.h - rect.deltaH;
- return rect;
- }
- });
-
- var TextBox = Widget.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- self$$1.classes.add('textbox');
- if (settings.multiline) {
- self$$1.classes.add('multiline');
- } else {
- self$$1.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13) {
- e.preventDefault();
- self$$1.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
+ },
+ renderHtml: function () {
+ var self = this;
+ var layout = self._layout;
+ var tabsHtml = '';
+ var prefix = self.classPrefix;
+ self.preRender();
+ layout.preRender(self);
+ self.items().each(function (ctrl, i) {
+ var id = self._id + '-t' + i;
+ ctrl.aria('role', 'tabpanel');
+ ctrl.aria('labelledby', id);
+ tabsHtml += '' + tabsHtml + '
' + '' + layout.renderHtml(self) + '
' + '' + self.encode(ctrl.settings.title) + '
';
+ });
+ return '' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.settings.activeTab = self.settings.activeTab || 0;
+ self.activateTab(self.settings.activeTab);
+ this.on('click', function (e) {
+ var targetParent = e.target.parentNode;
+ if (targetParent && targetParent.id === self._id + '-head') {
+ var i = targetParent.childNodes.length;
+ while (i--) {
+ if (targetParent.childNodes[i] === e.target) {
+ self.activateTab(i);
}
- });
- self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
}
});
- self$$1.on('keyup', function (e) {
+ },
+ initLayoutRect: function () {
+ var self = this;
+ var rect, minW, minH;
+ minW = funcs.getSize(self.getEl('head')).width;
+ minW = minW < 0 ? 0 : minW;
+ minH = 0;
+ self.items().each(function (item) {
+ minW = Math.max(minW, item.layoutRect().minW);
+ minH = Math.max(minH, item.layoutRect().minH);
+ });
+ self.items().each(function (ctrl) {
+ ctrl.settings.x = 0;
+ ctrl.settings.y = 0;
+ ctrl.settings.w = minW;
+ ctrl.settings.h = minH;
+ ctrl.layoutRect({
+ x: 0,
+ y: 0,
+ w: minW,
+ h: minH
+ });
+ });
+ var headH = funcs.getSize(self.getEl('head')).height;
+ self.settings.minWidth = minW;
+ self.settings.minHeight = minH + headH;
+ rect = self._super();
+ rect.deltaH += headH;
+ rect.innerH = rect.h - rect.deltaH;
+ return rect;
+ }
+ });
+
+ var TextBox = Widget.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ self$$1.classes.add('textbox');
+ if (settings.multiline) {
+ self$$1.classes.add('multiline');
+ } else {
+ self$$1.on('keydown', function (e) {
+ var rootControl;
+ if (e.keyCode === 13) {
+ e.preventDefault();
+ self$$1.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
+ });
+ self$$1.on('keyup', function (e) {
+ self$$1.state.set('value', e.target.value);
+ });
+ }
+ },
+ repaint: function () {
+ var self$$1 = this;
+ var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect;
+ style = self$$1.getEl().style;
+ rect = self$$1._layoutRect;
+ lastRepaintRect = self$$1._lastRepaintRect || {};
+ var doc = document;
+ if (!self$$1.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
+ style.lineHeight = rect.h - borderH + 'px';
+ }
+ borderBox = self$$1.borderBox;
+ borderW = borderBox.left + borderBox.right + 8;
+ borderH = borderBox.top + borderBox.bottom + (self$$1.settings.multiline ? 8 : 0);
+ if (rect.x !== lastRepaintRect.x) {
+ style.left = rect.x + 'px';
+ lastRepaintRect.x = rect.x;
+ }
+ if (rect.y !== lastRepaintRect.y) {
+ style.top = rect.y + 'px';
+ lastRepaintRect.y = rect.y;
+ }
+ if (rect.w !== lastRepaintRect.w) {
+ style.width = rect.w - borderW + 'px';
+ lastRepaintRect.w = rect.w;
+ }
+ if (rect.h !== lastRepaintRect.h) {
+ style.height = rect.h - borderH + 'px';
+ lastRepaintRect.h = rect.h;
+ }
+ self$$1._lastRepaintRect = lastRepaintRect;
+ self$$1.fire('repaint', {}, false);
+ return self$$1;
+ },
+ renderHtml: function () {
+ var self$$1 = this;
+ var settings = self$$1.settings;
+ var attrs, elm;
+ attrs = {
+ id: self$$1._id,
+ hidefocus: '1'
+ };
+ global$4.each([
+ 'rows',
+ 'spellcheck',
+ 'maxLength',
+ 'size',
+ 'readonly',
+ 'min',
+ 'max',
+ 'step',
+ 'list',
+ 'pattern',
+ 'placeholder',
+ 'required',
+ 'multiple'
+ ], function (name$$1) {
+ attrs[name$$1] = settings[name$$1];
+ });
+ if (self$$1.disabled()) {
+ attrs.disabled = 'disabled';
+ }
+ if (settings.subtype) {
+ attrs.type = settings.subtype;
+ }
+ elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs);
+ elm.value = self$$1.state.get('value');
+ elm.className = self$$1.classes.toString();
+ return elm.outerHTML;
+ },
+ value: function (value) {
+ if (arguments.length) {
+ this.state.set('value', value);
+ return this;
+ }
+ if (this.state.get('rendered')) {
+ this.state.set('value', this.getEl().value);
+ }
+ return this.state.get('value');
+ },
+ postRender: function () {
+ var self$$1 = this;
+ self$$1.getEl().value = self$$1.state.get('value');
+ self$$1._super();
+ self$$1.$el.on('change', function (e) {
self$$1.state.set('value', e.target.value);
+ self$$1.fire('change', e);
});
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:value', function (e) {
+ if (self$$1.getEl().value !== e.value) {
+ self$$1.getEl().value = e.value;
+ }
+ });
+ self$$1.state.on('change:disabled', function (e) {
+ self$$1.getEl().disabled = e.value;
+ });
+ return self$$1._super();
+ },
+ remove: function () {
+ this.$el.off();
+ this._super();
}
- },
- repaint: function () {
- var self$$1 = this;
- var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect;
- style = self$$1.getEl().style;
- rect = self$$1._layoutRect;
- lastRepaintRect = self$$1._lastRepaintRect || {};
- var doc = document;
- if (!self$$1.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
- style.lineHeight = rect.h - borderH + 'px';
- }
- borderBox = self$$1.borderBox;
- borderW = borderBox.left + borderBox.right + 8;
- borderH = borderBox.top + borderBox.bottom + (self$$1.settings.multiline ? 8 : 0);
- if (rect.x !== lastRepaintRect.x) {
- style.left = rect.x + 'px';
- lastRepaintRect.x = rect.x;
- }
- if (rect.y !== lastRepaintRect.y) {
- style.top = rect.y + 'px';
- lastRepaintRect.y = rect.y;
- }
- if (rect.w !== lastRepaintRect.w) {
- style.width = rect.w - borderW + 'px';
- lastRepaintRect.w = rect.w;
- }
- if (rect.h !== lastRepaintRect.h) {
- style.height = rect.h - borderH + 'px';
- lastRepaintRect.h = rect.h;
- }
- self$$1._lastRepaintRect = lastRepaintRect;
- self$$1.fire('repaint', {}, false);
- return self$$1;
- },
- renderHtml: function () {
- var self$$1 = this;
- var settings = self$$1.settings;
- var attrs, elm;
- attrs = {
- id: self$$1._id,
- hidefocus: '1'
+ });
+
+ var getApi = function () {
+ return {
+ Selector: Selector,
+ Collection: Collection$2,
+ ReflowQueue: ReflowQueue,
+ Control: Control$1,
+ Factory: global$b,
+ KeyboardNavigation: KeyboardNavigation,
+ Container: Container,
+ DragHelper: DragHelper,
+ Scrollable: Scrollable,
+ Panel: Panel,
+ Movable: Movable,
+ Resizable: Resizable,
+ FloatPanel: FloatPanel,
+ Window: Window$$1,
+ MessageBox: MessageBox,
+ Tooltip: Tooltip,
+ Widget: Widget,
+ Progress: Progress,
+ Notification: Notification,
+ Layout: Layout$1,
+ AbsoluteLayout: AbsoluteLayout,
+ Button: Button,
+ ButtonGroup: ButtonGroup,
+ Checkbox: Checkbox,
+ ComboBox: ComboBox,
+ ColorBox: ColorBox,
+ PanelButton: PanelButton,
+ ColorButton: ColorButton,
+ ColorPicker: ColorPicker,
+ Path: Path,
+ ElementPath: ElementPath,
+ FormItem: FormItem,
+ Form: Form,
+ FieldSet: FieldSet,
+ FilePicker: FilePicker,
+ FitLayout: FitLayout,
+ FlexLayout: FlexLayout,
+ FlowLayout: FlowLayout,
+ FormatControls: FormatControls,
+ GridLayout: GridLayout,
+ Iframe: Iframe,
+ InfoBox: InfoBox,
+ Label: Label,
+ Toolbar: Toolbar$1,
+ MenuBar: MenuBar,
+ MenuButton: MenuButton,
+ MenuItem: MenuItem,
+ Throbber: Throbber,
+ Menu: Menu,
+ ListBox: ListBox,
+ Radio: Radio,
+ ResizeHandle: ResizeHandle,
+ SelectBox: SelectBox,
+ Slider: Slider,
+ Spacer: Spacer,
+ SplitButton: SplitButton,
+ StackLayout: StackLayout,
+ TabPanel: TabPanel,
+ TextBox: TextBox,
+ DropZone: DropZone,
+ BrowseButton: BrowseButton
};
- global$4.each([
- 'rows',
- 'spellcheck',
- 'maxLength',
- 'size',
- 'readonly',
- 'min',
- 'max',
- 'step',
- 'list',
- 'pattern',
- 'placeholder',
- 'required',
- 'multiple'
- ], function (name$$1) {
- attrs[name$$1] = settings[name$$1];
- });
- if (self$$1.disabled()) {
- attrs.disabled = 'disabled';
+ };
+ var appendTo = function (target) {
+ if (target.ui) {
+ global$4.each(getApi(), function (ref, key) {
+ target.ui[key] = ref;
+ });
+ } else {
+ target.ui = getApi();
}
- if (settings.subtype) {
- attrs.type = settings.subtype;
- }
- elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs);
- elm.value = self$$1.state.get('value');
- elm.className = self$$1.classes.toString();
- return elm.outerHTML;
- },
- value: function (value) {
- if (arguments.length) {
- this.state.set('value', value);
- return this;
- }
- if (this.state.get('rendered')) {
- this.state.set('value', this.getEl().value);
- }
- return this.state.get('value');
- },
- postRender: function () {
- var self$$1 = this;
- self$$1.getEl().value = self$$1.state.get('value');
- self$$1._super();
- self$$1.$el.on('change', function (e) {
- self$$1.state.set('value', e.target.value);
- self$$1.fire('change', e);
- });
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:value', function (e) {
- if (self$$1.getEl().value !== e.value) {
- self$$1.getEl().value = e.value;
- }
- });
- self$$1.state.on('change:disabled', function (e) {
- self$$1.getEl().disabled = e.value;
- });
- return self$$1._super();
- },
- remove: function () {
- this.$el.off();
- this._super();
- }
- });
-
- var getApi = function () {
- return {
- Selector: Selector,
- Collection: Collection$2,
- ReflowQueue: $_cqjgb518wjjgwek2f,
- Control: Control$1,
- Factory: global$11,
- KeyboardNavigation: KeyboardNavigation,
- Container: Container,
- DragHelper: DragHelper,
- Scrollable: $_8woeth19ajjgwek4b,
- Panel: Panel,
- Movable: $_8zu82i18yjjgwek2l,
- Resizable: $_20hy1119bjjgwek4f,
- FloatPanel: FloatPanel,
- Window: Window$$1,
- MessageBox: MessageBox,
- Tooltip: Tooltip,
- Widget: Widget,
- Progress: Progress,
- Notification: Notification,
- Layout: Layout$1,
- AbsoluteLayout: AbsoluteLayout,
- Button: Button,
- ButtonGroup: ButtonGroup,
- Checkbox: Checkbox,
- ComboBox: ComboBox,
- ColorBox: ColorBox,
- PanelButton: PanelButton,
- ColorButton: ColorButton,
- ColorPicker: ColorPicker,
- Path: Path,
- ElementPath: ElementPath,
- FormItem: FormItem,
- Form: Form,
- FieldSet: FieldSet,
- FilePicker: FilePicker,
- FitLayout: FitLayout,
- FlexLayout: FlexLayout,
- FlowLayout: FlowLayout,
- FormatControls: $_gg6ikw1bejjgwekc5,
- GridLayout: GridLayout,
- Iframe: Iframe,
- InfoBox: InfoBox,
- Label: Label,
- Toolbar: Toolbar$1,
- MenuBar: MenuBar,
- MenuButton: MenuButton,
- MenuItem: MenuItem,
- Throbber: Throbber,
- Menu: Menu,
- ListBox: ListBox,
- Radio: Radio,
- ResizeHandle: ResizeHandle,
- SelectBox: SelectBox,
- Slider: Slider,
- Spacer: Spacer,
- SplitButton: SplitButton,
- StackLayout: StackLayout,
- TabPanel: TabPanel,
- TextBox: TextBox,
- DropZone: DropZone,
- BrowseButton: BrowseButton
};
- };
- var appendTo = function (target) {
- if (target.ui) {
+ var registerToFactory = function () {
global$4.each(getApi(), function (ref, key) {
- target.ui[key] = ref;
+ global$b.add(key, ref);
});
- } else {
- target.ui = getApi();
+ };
+ var Api = {
+ appendTo: appendTo,
+ registerToFactory: registerToFactory
+ };
+
+ Api.registerToFactory();
+ Api.appendTo(window.tinymce ? window.tinymce : {});
+ global.add('inlite', function (editor) {
+ var panel = create$3();
+ FormatControls.setup(editor);
+ Buttons.addToEditor(editor, panel);
+ return ThemeApi.get(editor, panel);
+ });
+ function Theme () {
}
- };
- var registerToFactory = function () {
- global$4.each(getApi(), function (ref, key) {
- global$11.add(key, ref);
- });
- };
- var Api = {
- appendTo: appendTo,
- registerToFactory: registerToFactory
- };
- Api.registerToFactory();
- Api.appendTo(window.tinymce ? window.tinymce : {});
- global.add('inlite', function (editor) {
- var panel = create$3();
- $_gg6ikw1bejjgwekc5.setup(editor);
- $_epdxt419djjgwek4l.addToEditor(editor, panel);
- return $_7y4x3k17sjjgwejyw.get(editor, panel);
- });
- function Theme () {
- }
+ return Theme;
- return Theme;
-
}());
})();
Index: src/js/_enqueues/vendor/tinymce/themes/inlite/theme.min.js
===================================================================
--- src/js/_enqueues/vendor/tinymce/themes/inlite/theme.min.js (revision 44695)
+++ src/js/_enqueues/vendor/tinymce/themes/inlite/theme.min.js (working copy)
@@ -1 +1 @@
-!function(){"use strict";var u,t,e,n,i,r,o=tinymce.util.Tools.resolve("tinymce.ThemeManager"),h=tinymce.util.Tools.resolve("tinymce.Env"),v=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),c=tinymce.util.Tools.resolve("tinymce.util.Delay"),s=function(t){return t.reduce(function(t,e){return Array.isArray(e)?t.concat(s(e)):t.concat(e)},[])},a={flatten:s},l=function(t,e){for(var n=0;n' + tabsHtml + '
' + '' + layout.renderHtml(self) + '
' + ''+t.encode(t.state.get("text"))+"
"},bindStates:function(){var e=this;return e.state.on("change:text",function(t){e.getEl().lastChild.innerHTML=e.encode(t.value)}),e._super()},repaint:function(){var t,e;t=this.getEl().style,e=this._layoutRect,t.left=e.x+"px",t.top=e.y+"px",t.zIndex=131070}}),be=ce.extend({init:function(i){var r=this;r._super(i),i=r.settings,r.canFocus=!0,i.tooltip&&!1!==be.tooltips&&(r.on("mouseenter",function(t){var e=r.tooltip().moveTo(-65535);if(t.control===r){var n=e.text(i.tooltip).show().testMoveRel(r.getEl(),["bc-tc","bc-tl","bc-tr"]);e.classes.toggle("tooltip-n","bc-tc"===n),e.classes.toggle("tooltip-nw","bc-tl"===n),e.classes.toggle("tooltip-ne","bc-tr"===n),e.moveRel(r.getEl(),n)}else e.hide()}),r.on("mouseleave mousedown click",function(){r.tooltip().remove(),r._tooltip=null})),r.aria("label",i.ariaLabel||i.tooltip)},tooltip:function(){return this._tooltip||(this._tooltip=new ve({type:"tooltip"}),ie.inheritUiContainer(this,this._tooltip),this._tooltip.renderTo()),this._tooltip},postRender:function(){var t=this,e=t.settings;t._super(),t.parent()||!e.width&&!e.height||(t.initLayoutRect(),t.repaint()),e.autofocus&&t.focus()},bindStates:function(){var e=this;function n(t){e.aria("disabled",t),e.classes.toggle("disabled",t)}function i(t){e.aria("pressed",t),e.classes.toggle("active",t)}return e.state.on("change:disabled",function(t){n(t.value)}),e.state.on("change:active",function(t){i(t.value)}),e.state.get("disabled")&&n(!0),e.state.get("active")&&i(!0),e._super()},remove:function(){this._super(),this._tooltip&&(this._tooltip.remove(),this._tooltip=null)}}),ye=be.extend({Defaults:{value:0},init:function(t){this._super(t),this.classes.add("progress"),this.settings.filter||(this.settings.filter=function(t){return Math.round(t)})},renderHtml:function(){var t=this._id,e=this.classPrefix;return'0%
'+i+'
'},postRender:function(){var t=this;return c.setTimeout(function(){t.$el.addClass(t.classPrefix+"in"),xe(t,t.state.get("text"))},100),t._super()},bindStates:function(){var e=this;return e.state.on("change:text",function(t){e.getEl().firstChild.innerHTML=t.value,xe(e,t.value)}),e.progressBar&&(e.progressBar.bindStates(),e.progressBar.state.on("change:value",function(t){xe(e,e.state.get("text"))})),e._super()},close:function(){return this.fire("close").isDefaultPrevented()||this.remove(),this},repaint:function(){var t,e;t=this.getEl().style,e=this._layoutRect,t.left=e.x+"px",t.top=e.y+"px",t.zIndex=65534}});function _e(o){var s=function(t){return t.inline?t.getElement():t.getContentAreaContainer()};return{open:function(t,e){var n,i=C.extend(t,{maxWidth:(n=s(o),St.getSize(n).width)}),r=new we(i);return 0<(r.args=i).timeout&&(r.timer=setTimeout(function(){r.close(),e()},i.timeout)),r.on("close",function(){e()}),r.renderTo(),r},close:function(t){t.close()},reposition:function(t){Ct(t,function(t){t.moveTo(0,0)}),function(n){if(0'+e.state.get("text")+"
"+o+r+''+(t.settings.html||"")+e.renderHtml(t)+"
"},postRender:function(){var t,e=this;return e.items().exec("postRender"),e._super(),e._layout.postRender(e),e.state.set("rendered",!0),e.settings.style&&e.$el.css(e.settings.style),e.settings.border&&(t=e.borderBox,e.$el.css({"border-top-width":t.top,"border-right-width":t.right,"border-bottom-width":t.bottom,"border-left-width":t.left})),e.parent()||(e.keyboardNav=Te({root:e})),e},initLayoutRect:function(){var t=this._super();return this._layout.recalc(this),t},recalc:function(){var t=this,e=t._layoutRect,n=t._lastRect;if(!n||n.w!==e.w||n.h!==e.h)return t._layout.recalc(t),e=t.layoutRect(),t._lastRect={x:e.x,y:e.y,w:e.w,h:e.h},!0},reflow:function(){var t;if(ee.remove(this),this.visible()){for(ce.repaintControls=[],ce.repaintControls.map={},this.recalc(),t=ce.repaintControls.length;t--;)ce.repaintControls[t].repaint();"flow"!==this.settings.layout&&"stack"!==this.settings.layout&&this.repaint(),ce.repaintControls=[]}return this}}),Pe={init:function(){this.on("repaint",this.renderScroll)},renderScroll:function(){var p=this,v=2;function n(){var m,g,t;function e(t,e,n,i,r,o){var s,a,l,u,c,d,f,h;if(a=p.getEl("scroll"+t)){if(f=e.toLowerCase(),h=n.toLowerCase(),Nt(p.getEl("absend")).css(f,p.layoutRect()[i]-1),!r)return void Nt(a).css("display","none");Nt(a).css("display","block"),s=p.getEl("body"),l=p.getEl("scroll"+t+"t"),u=s["client"+n]-2*v,c=(u-=m&&g?a["client"+o]:0)/s["scroll"+n],(d={})[f]=s["offset"+e]+v,d[h]=u,Nt(a).css(d),(d={})[f]=s["scroll"+e]*c,d[h]=u*c,Nt(l).css(d)}}t=p.getEl("body"),m=t.scrollWidth>t.clientWidth,g=t.scrollHeight>t.clientHeight,e("h","Left","Width","contentW",m,"Height"),e("v","Top","Height","contentH",g,"Width")}p.settings.autoScroll&&(p._hasScroll||(p._hasScroll=!0,function(){function t(s,a,l,u,c){var d,t=p._id+"-scroll"+s,e=p.classPrefix;Nt(p.getEl()).append(''),p.draghelper=new Re(t+"t",{start:function(){d=p.getEl("body")["scroll"+a],Nt("#"+t).addClass(e+"active")},drag:function(t){var e,n,i,r,o=p.layoutRect();n=o.contentW>o.innerW,i=o.contentH>o.innerH,r=p.getEl("body")["client"+l]-2*v,e=(r-=n&&i?p.getEl("scroll"+s)["client"+c]:0)/p.getEl("body")["scroll"+l],p.getEl("body")["scroll"+a]=d+t["delta"+u]/e},stop:function(){Nt("#"+t).removeClass(e+"active")}})}p.classes.add("scroll"),t("v","Top","Height","Y","Width"),t("h","Left","Width","X","Height")}(),p.on("wheel",function(t){var e=p.getEl("body");e.scrollLeft+=10*(t.deltaX||0),e.scrollTop+=10*t.deltaY,n()}),Nt(p.getEl("body")).on("scroll",n)),n())}},We=De.extend({Defaults:{layout:"fit",containerCls:"panel"},Mixins:[Pe],renderHtml:function(){var t=this,e=t._layout,n=t.settings.html;return t.preRender(),e.preRender(t),void 0===n?n='
'+e.renderHtml(t)+"
":("function"==typeof n&&(n=n.call(t)),t._hasBody=!1),''+(t._preBodyHtml||"")+n+"
"}}),Ae={resizeToContent:function(){this._layoutRect.autoResize=!0,this._lastRect=null,this.reflow()},resizeTo:function(t,e){if(t<=1||e<=1){var n=St.getWindowSize();t=t<=1?t*n.w:t,e=e<=1?e*n.h:e}return this._layoutRect.autoResize=!1,this.layoutRect({minW:t,minH:e,w:t,h:e}).reflow()},resizeBy:function(t,e){var n=this.layoutRect();return this.resizeTo(n.w+t,n.h+e)}},Be=[],Le=[];function Ie(t,e){for(;t;){if(t===e)return!0;t=t.parent()}}function ze(){He||(He=function(t){2!==t.button&&function(t){for(var e=Be.length;e--;){var n=Be[e],i=n.getParentCtrl(t.target);if(n.settings.autohide){if(i&&(Ie(i,n)||n.parent()===i))continue;(t=n.fire("autohide",{target:t.target})).isDefaultPrevented()||n.hide()}}}(t)},Nt(document).on("click touchstart",He))}function Fe(r){var t=St.getViewPort().y;function e(t,e){for(var n,i=0;i'+t.encode(r.title)+'
'+o+'
'+a+"
"+s+"";r+="
'+(t.settings.html||"")+e.renderHtml(t)+"
'+t.encode(t.state.get("text"))+"
"},bindStates:function(){var o=this;function e(t){o.classes.toggle("checked",t),o.aria("checked",t)}return o.state.on("change:text",function(t){o.getEl("al").firstChild.data=o.translate(t.value)}),o.state.on("change:checked change:value",function(t){o.fire("change"),e(t.value)}),o.state.on("change:icon",function(t){var e=t.value,n=o.classPrefix;if(void 0===e)return o.settings.icon;e=(o.settings.icon=e)?n+"ico "+n+"i-"+o.settings.icon:"";var i=o.getEl().firstChild,r=i.getElementsByTagName("i")[0];e?(r&&r===i.firstChild||(r=document.createElement("i"),i.insertBefore(r,i.firstChild)),r.className=e):r&&i.removeChild(r)}),o.state.get("checked")&&e(!0),o._super()}}),Bn=tinymce.util.Tools.resolve("tinymce.util.VK"),Ln=be.extend({init:function(i){var r=this;r._super(i),i=r.settings,r.classes.add("combobox"),r.subinput=!0,r.ariaTarget="inp",i.menu=i.menu||i.values,i.menu&&(i.icon="caret"),r.on("click",function(t){var e=t.target,n=r.getEl();if(Nt.contains(n,e)||e===n)for(;e&&e!==n;)e.id&&-1!==e.id.indexOf("-open")&&(r.fire("action"),i.menu&&(r.showMenu(),t.aria&&r.menu.items()[0].focus())),e=e.parentNode}),r.on("keydown",function(t){var e;13===t.keyCode&&"INPUT"===t.target.nodeName&&(t.preventDefault(),r.parents().reverse().each(function(t){if(t.toJSON)return e=t,!1}),r.fire("submit",{data:e.toJSON()}))}),r.on("keyup",function(t){if("INPUT"===t.target.nodeName){var e=r.state.get("value"),n=t.target.value;n!==e&&(r.state.set("value",n),r.fire("autocomplete",t))}}),r.on("mouseover",function(t){var e=r.tooltip().moveTo(-65535);if(r.statusLevel()&&-1!==t.target.className.indexOf(r.classPrefix+"status")){var n=r.statusMessage()||"Ok",i=e.text(n).show().testMoveRel(t.target,["bc-tc","bc-tl","bc-tr"]);e.classes.toggle("tooltip-n","bc-tc"===i),e.classes.toggle("tooltip-nw","bc-tl"===i),e.classes.toggle("tooltip-ne","bc-tr"===i),e.moveRel(t.target,i)}})},statusLevel:function(t){return 0'+(t.settings.html||"")+e.renderHtml(t)+"
'+t.encode(t.state.get("text"))+"
"},bindStates:function(){var o=this;function e(t){o.classes.toggle("checked",t),o.aria("checked",t)}return o.state.on("change:text",function(t){o.getEl("al").firstChild.data=o.translate(t.value)}),o.state.on("change:checked change:value",function(t){o.fire("change"),e(t.value)}),o.state.on("change:icon",function(t){var e=t.value,n=o.classPrefix;if(void 0===e)return o.settings.icon;e=(o.settings.icon=e)?n+"ico "+n+"i-"+o.settings.icon:"";var i=o.getEl().firstChild,r=i.getElementsByTagName("i")[0];e?(r&&r===i.firstChild||(r=document.createElement("i"),i.insertBefore(r,i.firstChild)),r.className=e):r&&i.removeChild(r)}),o.state.get("checked")&&e(!0),o._super()}}),Ln=tinymce.util.Tools.resolve("tinymce.util.VK"),In=ve.extend({init:function(i){var r=this;r._super(i),i=r.settings,r.classes.add("combobox"),r.subinput=!0,r.ariaTarget="inp",i.menu=i.menu||i.values,i.menu&&(i.icon="caret"),r.on("click",function(t){var e=t.target,n=r.getEl();if(Mt.contains(n,e)||e===n)for(;e&&e!==n;)e.id&&-1!==e.id.indexOf("-open")&&(r.fire("action"),i.menu&&(r.showMenu(),t.aria&&r.menu.items()[0].focus())),e=e.parentNode}),r.on("keydown",function(t){var e;13===t.keyCode&&"INPUT"===t.target.nodeName&&(t.preventDefault(),r.parents().reverse().each(function(t){if(t.toJSON)return e=t,!1}),r.fire("submit",{data:e.toJSON()}))}),r.on("keyup",function(t){if("INPUT"===t.target.nodeName){var e=r.state.get("value"),n=t.target.value;n!==e&&(r.state.set("value",n),r.fire("autocomplete",t))}}),r.on("mouseover",function(t){var e=r.tooltip().moveTo(-65535);if(r.statusLevel()&&-1!==t.target.className.indexOf(r.classPrefix+"status")){var n=r.statusMessage()||"Ok",i=e.text(n).show().testMoveRel(t.target,["bc-tc","bc-tl","bc-tr"]);e.classes.toggle("tooltip-n","bc-tc"===i),e.classes.toggle("tooltip-nw","bc-tl"===i),e.classes.toggle("tooltip-ne","bc-tr"===i),e.moveRel(t.target,i)}})},statusLevel:function(t){return 0'+function(){var t,e,n,i,r="";for(n="filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=",t=0,e=(i=s.split(",")).length-1;t
';return r}()+'',''+t+"
'+this._getDataPathHtml(this.state.get("row"))+"
"},bindStates:function(){var e=this;return e.state.on("change:row",function(t){e.innerHtml(e._getDataPathHtml(t.value))}),e._super()},_getDataPathHtml:function(t){var e,n,i=t||[],r="",o=this.classPrefix;for(e=0,n=i.length;e'+t+("-"!==o?''+o+"":"")+(l?'":"")+(i.menu?'':"")+(u?'":"")+"
"},postRender:function(){var e=this,n=e.settings,t=n.textStyle;if("function"==typeof t&&(t=t.call(this)),t){var i=e.getEl("text");i&&(i.setAttribute("style",t),e._textStyle=t)}return e.on("mouseenter click",function(t){t.control===e&&(n.menu||"click"!==t.type?(e.showMenu(),t.aria&&e.menu.focus(!0)):(e.fire("select"),c.requestAnimationFrame(function(){e.parent().hideAll()})))}),e._super(),e},hover:function(){return this.parent().items().each(function(t){t.classes.remove("selected")}),this.classes.toggle("selected",!0),this},active:function(t){return function(t,e){var n=t._textStyle;if(n){var i=t.getEl("text");i.setAttribute("style",n),e&&(i.style.color="",i.style.backgroundColor="")}}(this,t),void 0!==t&&this.aria("checked",t),this._super(t)},remove:function(){this._super(),this.menu&&this.menu.remove()}}),$r=Bn.extend({Defaults:{classes:"radio",role:"radio"}}),Xr=ve.extend({renderHtml:function(){var t=this,e=t.classPrefix;return t.classes.add("resizehandle"),"both"===t.settings.direction&&t.classes.add("resizehandle-both"),t.canFocus=!1,''},postRender:function(){var e=this;e._super(),e.resizeDragHelper=new Re(this._id,{start:function(){e.fire("ResizeStart")},drag:function(t){"both"!==e.settings.direction&&(t.deltaX=0),e.fire("Resize",t)},stop:function(){e.fire("ResizeEnd")}})},remove:function(){return this.resizeDragHelper&&this.resizeDragHelper.destroy(),this._super()}});function jr(t){var e="";if(t)for(var n=0;n
'+i.encode(t.settings.title)+"
"}),''+r+'
'+t.renderHtml(i)+"
' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ var box;
+ self.items().exec('postRender');
+ self._super();
+ self._layout.postRender(self);
+ self.state.set('rendered', true);
+ if (self.settings.style) {
+ self.$el.css(self.settings.style);
}
- });
- self._layout.applyClasses(self.items().filter(':visible'));
- self._lastRect = null;
- return self;
- },
- append: function (items) {
- return this.add(items).renderNew();
- },
- prepend: function (items) {
- var self = this;
- self.items().set(self.create(items).concat(self.items().toArray()));
- return self.renderNew();
- },
- insert: function (items, index, before) {
- var self = this;
- var curItems, beforeItems, afterItems;
- items = self.create(items);
- curItems = self.items();
- if (!before && index < curItems.length - 1) {
- index += 1;
- }
- if (index >= 0 && index < curItems.length) {
- beforeItems = curItems.slice(0, index).toArray();
- afterItems = curItems.slice(index).toArray();
- curItems.set(beforeItems.concat(items, afterItems));
- }
- return self.renderNew();
- },
- fromJSON: function (data) {
- var self = this;
- for (var name in data) {
- self.find('#' + name).value(data[name]);
- }
- return self;
- },
- toJSON: function () {
- var self = this, data = {};
- self.find('*').each(function (ctrl) {
- var name = ctrl.name(), value = ctrl.value();
- if (name && typeof value !== 'undefined') {
- data[name] = value;
+ if (self.settings.border) {
+ box = self.borderBox;
+ self.$el.css({
+ 'border-top-width': box.top,
+ 'border-right-width': box.right,
+ 'border-bottom-width': box.bottom,
+ 'border-left-width': box.left
+ });
}
- });
- return data;
- },
- renderHtml: function () {
- var self = this, layout = self._layout, role = this.settings.role;
- self.preRender();
- layout.preRender(self);
- return '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '
';
- },
- postRender: function () {
- var self = this;
- var box;
- self.items().exec('postRender');
- self._super();
- self._layout.postRender(self);
- self.state.set('rendered', true);
- if (self.settings.style) {
- self.$el.css(self.settings.style);
- }
- if (self.settings.border) {
- box = self.borderBox;
- self.$el.css({
- 'border-top-width': box.top,
- 'border-right-width': box.right,
- 'border-bottom-width': box.bottom,
- 'border-left-width': box.left
- });
- }
- if (!self.parent()) {
- self.keyboardNav = KeyboardNavigation({ root: self });
- }
- return self;
- },
- initLayoutRect: function () {
- var self = this, layoutRect = self._super();
- self._layout.recalc(self);
- return layoutRect;
- },
- recalc: function () {
- var self = this;
- var rect = self._layoutRect;
- var lastRect = self._lastRect;
- if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) {
+ if (!self.parent()) {
+ self.keyboardNav = KeyboardNavigation({ root: self });
+ }
+ return self;
+ },
+ initLayoutRect: function () {
+ var self = this, layoutRect = self._super();
self._layout.recalc(self);
- rect = self.layoutRect();
- self._lastRect = {
- x: rect.x,
- y: rect.y,
- w: rect.w,
- h: rect.h
- };
- return true;
- }
- },
- reflow: function () {
- var i;
- $_p42hyuxjjgwefrk.remove(this);
- if (this.visible()) {
- Control$1.repaintControls = [];
- Control$1.repaintControls.map = {};
- this.recalc();
- i = Control$1.repaintControls.length;
- while (i--) {
- Control$1.repaintControls[i].repaint();
+ return layoutRect;
+ },
+ recalc: function () {
+ var self = this;
+ var rect = self._layoutRect;
+ var lastRect = self._lastRect;
+ if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) {
+ self._layout.recalc(self);
+ rect = self.layoutRect();
+ self._lastRect = {
+ x: rect.x,
+ y: rect.y,
+ w: rect.w,
+ h: rect.h
+ };
+ return true;
}
- if (this.settings.layout !== 'flow' && this.settings.layout !== 'stack') {
- this.repaint();
+ },
+ reflow: function () {
+ var i;
+ ReflowQueue.remove(this);
+ if (this.visible()) {
+ Control$1.repaintControls = [];
+ Control$1.repaintControls.map = {};
+ this.recalc();
+ i = Control$1.repaintControls.length;
+ while (i--) {
+ Control$1.repaintControls[i].repaint();
+ }
+ if (this.settings.layout !== 'flow' && this.settings.layout !== 'stack') {
+ this.repaint();
+ }
+ Control$1.repaintControls = [];
}
- Control$1.repaintControls = [];
+ return this;
}
- return this;
+ });
+
+ function getDocumentSize(doc) {
+ var documentElement, body, scrollWidth, clientWidth;
+ var offsetWidth, scrollHeight, clientHeight, offsetHeight;
+ var max = Math.max;
+ documentElement = doc.documentElement;
+ body = doc.body;
+ scrollWidth = max(documentElement.scrollWidth, body.scrollWidth);
+ clientWidth = max(documentElement.clientWidth, body.clientWidth);
+ offsetWidth = max(documentElement.offsetWidth, body.offsetWidth);
+ scrollHeight = max(documentElement.scrollHeight, body.scrollHeight);
+ clientHeight = max(documentElement.clientHeight, body.clientHeight);
+ offsetHeight = max(documentElement.offsetHeight, body.offsetHeight);
+ return {
+ width: scrollWidth < offsetWidth ? clientWidth : scrollWidth,
+ height: scrollHeight < offsetHeight ? clientHeight : scrollHeight
+ };
}
- });
-
- function getDocumentSize(doc) {
- var documentElement, body, scrollWidth, clientWidth;
- var offsetWidth, scrollHeight, clientHeight, offsetHeight;
- var max = Math.max;
- documentElement = doc.documentElement;
- body = doc.body;
- scrollWidth = max(documentElement.scrollWidth, body.scrollWidth);
- clientWidth = max(documentElement.clientWidth, body.clientWidth);
- offsetWidth = max(documentElement.offsetWidth, body.offsetWidth);
- scrollHeight = max(documentElement.scrollHeight, body.scrollHeight);
- clientHeight = max(documentElement.clientHeight, body.clientHeight);
- offsetHeight = max(documentElement.offsetHeight, body.offsetHeight);
- return {
- width: scrollWidth < offsetWidth ? clientWidth : scrollWidth,
- height: scrollHeight < offsetHeight ? clientHeight : scrollHeight
- };
- }
- function updateWithTouchData(e) {
- var keys, i;
- if (e.changedTouches) {
- keys = 'screenX screenY pageX pageY clientX clientY'.split(' ');
- for (i = 0; i < keys.length; i++) {
- e[keys[i]] = e.changedTouches[0][keys[i]];
+ function updateWithTouchData(e) {
+ var keys, i;
+ if (e.changedTouches) {
+ keys = 'screenX screenY pageX pageY clientX clientY'.split(' ');
+ for (i = 0; i < keys.length; i++) {
+ e[keys[i]] = e.changedTouches[0][keys[i]];
+ }
}
}
- }
- function DragHelper (id, settings) {
- var $eventOverlay;
- var doc = settings.document || document;
- var downButton;
- var start, stop$$1, drag, startX, startY;
- settings = settings || {};
- var handleElement = doc.getElementById(settings.handle || id);
- start = function (e) {
- var docSize = getDocumentSize(doc);
- var handleElm, cursor;
- updateWithTouchData(e);
- e.preventDefault();
- downButton = e.button;
- handleElm = handleElement;
- startX = e.screenX;
- startY = e.screenY;
- if (window.getComputedStyle) {
- cursor = window.getComputedStyle(handleElm, null).getPropertyValue('cursor');
- } else {
- cursor = handleElm.runtimeStyle.cursor;
- }
- $eventOverlay = global$9('').css({
- position: 'absolute',
- top: 0,
- left: 0,
- width: docSize.width,
- height: docSize.height,
- zIndex: 2147483647,
- opacity: 0.0001,
- cursor: cursor
- }).appendTo(doc.body);
- global$9(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop$$1);
- settings.start(e);
- };
- drag = function (e) {
- updateWithTouchData(e);
- if (e.button !== downButton) {
- return stop$$1(e);
- }
- e.deltaX = e.screenX - startX;
- e.deltaY = e.screenY - startY;
- e.preventDefault();
- settings.drag(e);
- };
- stop$$1 = function (e) {
- updateWithTouchData(e);
- global$9(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop$$1);
- $eventOverlay.remove();
- if (settings.stop) {
- settings.stop(e);
- }
- };
- this.destroy = function () {
- global$9(handleElement).off();
- };
- global$9(handleElement).on('mousedown touchstart', start);
- }
+ function DragHelper (id, settings) {
+ var $eventOverlay;
+ var doc = settings.document || document;
+ var downButton;
+ var start, stop$$1, drag, startX, startY;
+ settings = settings || {};
+ var handleElement = doc.getElementById(settings.handle || id);
+ start = function (e) {
+ var docSize = getDocumentSize(doc);
+ var handleElm, cursor;
+ updateWithTouchData(e);
+ e.preventDefault();
+ downButton = e.button;
+ handleElm = handleElement;
+ startX = e.screenX;
+ startY = e.screenY;
+ if (window.getComputedStyle) {
+ cursor = window.getComputedStyle(handleElm, null).getPropertyValue('cursor');
+ } else {
+ cursor = handleElm.runtimeStyle.cursor;
+ }
+ $eventOverlay = global$9('').css({
+ position: 'absolute',
+ top: 0,
+ left: 0,
+ width: docSize.width,
+ height: docSize.height,
+ zIndex: 2147483647,
+ opacity: 0.0001,
+ cursor: cursor
+ }).appendTo(doc.body);
+ global$9(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop$$1);
+ settings.start(e);
+ };
+ drag = function (e) {
+ updateWithTouchData(e);
+ if (e.button !== downButton) {
+ return stop$$1(e);
+ }
+ e.deltaX = e.screenX - startX;
+ e.deltaY = e.screenY - startY;
+ e.preventDefault();
+ settings.drag(e);
+ };
+ stop$$1 = function (e) {
+ updateWithTouchData(e);
+ global$9(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop$$1);
+ $eventOverlay.remove();
+ if (settings.stop) {
+ settings.stop(e);
+ }
+ };
+ this.destroy = function () {
+ global$9(handleElement).off();
+ };
+ global$9(handleElement).on('mousedown touchstart', start);
+ }
- var $_3rxloyuzjjgwefrs = {
- init: function () {
- var self = this;
- self.on('repaint', self.renderScroll);
- },
- renderScroll: function () {
- var self = this, margin = 2;
- function repaintScroll() {
- var hasScrollH, hasScrollV, bodyElm;
- function repaintAxis(axisName, posName, sizeName, contentSizeName, hasScroll, ax) {
- var containerElm, scrollBarElm, scrollThumbElm;
- var containerSize, scrollSize, ratio, rect;
- var posNameLower, sizeNameLower;
- scrollBarElm = self.getEl('scroll' + axisName);
- if (scrollBarElm) {
- posNameLower = posName.toLowerCase();
- sizeNameLower = sizeName.toLowerCase();
- global$9(self.getEl('absend')).css(posNameLower, self.layoutRect()[contentSizeName] - 1);
- if (!hasScroll) {
- global$9(scrollBarElm).css('display', 'none');
- return;
+ var Scrollable = {
+ init: function () {
+ var self = this;
+ self.on('repaint', self.renderScroll);
+ },
+ renderScroll: function () {
+ var self = this, margin = 2;
+ function repaintScroll() {
+ var hasScrollH, hasScrollV, bodyElm;
+ function repaintAxis(axisName, posName, sizeName, contentSizeName, hasScroll, ax) {
+ var containerElm, scrollBarElm, scrollThumbElm;
+ var containerSize, scrollSize, ratio, rect;
+ var posNameLower, sizeNameLower;
+ scrollBarElm = self.getEl('scroll' + axisName);
+ if (scrollBarElm) {
+ posNameLower = posName.toLowerCase();
+ sizeNameLower = sizeName.toLowerCase();
+ global$9(self.getEl('absend')).css(posNameLower, self.layoutRect()[contentSizeName] - 1);
+ if (!hasScroll) {
+ global$9(scrollBarElm).css('display', 'none');
+ return;
+ }
+ global$9(scrollBarElm).css('display', 'block');
+ containerElm = self.getEl('body');
+ scrollThumbElm = self.getEl('scroll' + axisName + 't');
+ containerSize = containerElm['client' + sizeName] - margin * 2;
+ containerSize -= hasScrollH && hasScrollV ? scrollBarElm['client' + ax] : 0;
+ scrollSize = containerElm['scroll' + sizeName];
+ ratio = containerSize / scrollSize;
+ rect = {};
+ rect[posNameLower] = containerElm['offset' + posName] + margin;
+ rect[sizeNameLower] = containerSize;
+ global$9(scrollBarElm).css(rect);
+ rect = {};
+ rect[posNameLower] = containerElm['scroll' + posName] * ratio;
+ rect[sizeNameLower] = containerSize * ratio;
+ global$9(scrollThumbElm).css(rect);
}
- global$9(scrollBarElm).css('display', 'block');
- containerElm = self.getEl('body');
- scrollThumbElm = self.getEl('scroll' + axisName + 't');
- containerSize = containerElm['client' + sizeName] - margin * 2;
- containerSize -= hasScrollH && hasScrollV ? scrollBarElm['client' + ax] : 0;
- scrollSize = containerElm['scroll' + sizeName];
- ratio = containerSize / scrollSize;
- rect = {};
- rect[posNameLower] = containerElm['offset' + posName] + margin;
- rect[sizeNameLower] = containerSize;
- global$9(scrollBarElm).css(rect);
- rect = {};
- rect[posNameLower] = containerElm['scroll' + posName] * ratio;
- rect[sizeNameLower] = containerSize * ratio;
- global$9(scrollThumbElm).css(rect);
}
+ bodyElm = self.getEl('body');
+ hasScrollH = bodyElm.scrollWidth > bodyElm.clientWidth;
+ hasScrollV = bodyElm.scrollHeight > bodyElm.clientHeight;
+ repaintAxis('h', 'Left', 'Width', 'contentW', hasScrollH, 'Height');
+ repaintAxis('v', 'Top', 'Height', 'contentH', hasScrollV, 'Width');
}
- bodyElm = self.getEl('body');
- hasScrollH = bodyElm.scrollWidth > bodyElm.clientWidth;
- hasScrollV = bodyElm.scrollHeight > bodyElm.clientHeight;
- repaintAxis('h', 'Left', 'Width', 'contentW', hasScrollH, 'Height');
- repaintAxis('v', 'Top', 'Height', 'contentH', hasScrollV, 'Width');
- }
- function addScroll() {
- function addScrollAxis(axisName, posName, sizeName, deltaPosName, ax) {
- var scrollStart;
- var axisId = self._id + '-scroll' + axisName, prefix = self.classPrefix;
- global$9(self.getEl()).append('');
- self.draghelper = new DragHelper(axisId + 't', {
- start: function () {
- scrollStart = self.getEl('body')['scroll' + posName];
- global$9('#' + axisId).addClass(prefix + 'active');
- },
- drag: function (e) {
- var ratio, hasScrollH, hasScrollV, containerSize;
- var layoutRect = self.layoutRect();
- hasScrollH = layoutRect.contentW > layoutRect.innerW;
- hasScrollV = layoutRect.contentH > layoutRect.innerH;
- containerSize = self.getEl('body')['client' + sizeName] - margin * 2;
- containerSize -= hasScrollH && hasScrollV ? self.getEl('scroll' + axisName)['client' + ax] : 0;
- ratio = containerSize / self.getEl('body')['scroll' + sizeName];
- self.getEl('body')['scroll' + posName] = scrollStart + e['delta' + deltaPosName] / ratio;
- },
- stop: function () {
- global$9('#' + axisId).removeClass(prefix + 'active');
- }
- });
+ function addScroll() {
+ function addScrollAxis(axisName, posName, sizeName, deltaPosName, ax) {
+ var scrollStart;
+ var axisId = self._id + '-scroll' + axisName, prefix = self.classPrefix;
+ global$9(self.getEl()).append('');
+ self.draghelper = new DragHelper(axisId + 't', {
+ start: function () {
+ scrollStart = self.getEl('body')['scroll' + posName];
+ global$9('#' + axisId).addClass(prefix + 'active');
+ },
+ drag: function (e) {
+ var ratio, hasScrollH, hasScrollV, containerSize;
+ var layoutRect = self.layoutRect();
+ hasScrollH = layoutRect.contentW > layoutRect.innerW;
+ hasScrollV = layoutRect.contentH > layoutRect.innerH;
+ containerSize = self.getEl('body')['client' + sizeName] - margin * 2;
+ containerSize -= hasScrollH && hasScrollV ? self.getEl('scroll' + axisName)['client' + ax] : 0;
+ ratio = containerSize / self.getEl('body')['scroll' + sizeName];
+ self.getEl('body')['scroll' + posName] = scrollStart + e['delta' + deltaPosName] / ratio;
+ },
+ stop: function () {
+ global$9('#' + axisId).removeClass(prefix + 'active');
+ }
+ });
+ }
+ self.classes.add('scroll');
+ addScrollAxis('v', 'Top', 'Height', 'Y', 'Width');
+ addScrollAxis('h', 'Left', 'Width', 'X', 'Height');
}
- self.classes.add('scroll');
- addScrollAxis('v', 'Top', 'Height', 'Y', 'Width');
- addScrollAxis('h', 'Left', 'Width', 'X', 'Height');
- }
- if (self.settings.autoScroll) {
- if (!self._hasScroll) {
- self._hasScroll = true;
- addScroll();
- self.on('wheel', function (e) {
- var bodyEl = self.getEl('body');
- bodyEl.scrollLeft += (e.deltaX || 0) * 10;
- bodyEl.scrollTop += e.deltaY * 10;
- repaintScroll();
- });
- global$9(self.getEl('body')).on('scroll', repaintScroll);
+ if (self.settings.autoScroll) {
+ if (!self._hasScroll) {
+ self._hasScroll = true;
+ addScroll();
+ self.on('wheel', function (e) {
+ var bodyEl = self.getEl('body');
+ bodyEl.scrollLeft += (e.deltaX || 0) * 10;
+ bodyEl.scrollTop += e.deltaY * 10;
+ repaintScroll();
+ });
+ global$9(self.getEl('body')).on('scroll', repaintScroll);
+ }
+ repaintScroll();
}
- repaintScroll();
}
- }
- };
+ };
- var Panel = Container.extend({
- Defaults: {
- layout: 'fit',
- containerCls: 'panel'
- },
- Mixins: [$_3rxloyuzjjgwefrs],
- renderHtml: function () {
- var self = this;
- var layout = self._layout;
- var innerHtml = self.settings.html;
- self.preRender();
- layout.preRender(self);
- if (typeof innerHtml === 'undefined') {
- innerHtml = '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + layout.renderHtml(self) + '
';
- } else {
- if (typeof innerHtml === 'function') {
- innerHtml = innerHtml.call(self);
+ var Panel = Container.extend({
+ Defaults: {
+ layout: 'fit',
+ containerCls: 'panel'
+ },
+ Mixins: [Scrollable],
+ renderHtml: function () {
+ var self = this;
+ var layout = self._layout;
+ var innerHtml = self.settings.html;
+ self.preRender();
+ layout.preRender(self);
+ if (typeof innerHtml === 'undefined') {
+ innerHtml = '' + layout.renderHtml(self) + '
';
+ } else {
+ if (typeof innerHtml === 'function') {
+ innerHtml = innerHtml.call(self);
+ }
+ self._hasBody = false;
}
- self._hasBody = false;
+ return '' + (self._preBodyHtml || '') + innerHtml + '
';
}
- return '' + (self._preBodyHtml || '') + innerHtml + '
';
- }
- });
+ });
- var $_3m7770v1jjgwefrz = {
- resizeToContent: function () {
- this._layoutRect.autoResize = true;
- this._lastRect = null;
- this.reflow();
- },
- resizeTo: function (w, h) {
- if (w <= 1 || h <= 1) {
- var rect = funcs.getWindowSize();
- w = w <= 1 ? w * rect.w : w;
- h = h <= 1 ? h * rect.h : h;
+ var Resizable = {
+ resizeToContent: function () {
+ this._layoutRect.autoResize = true;
+ this._lastRect = null;
+ this.reflow();
+ },
+ resizeTo: function (w, h) {
+ if (w <= 1 || h <= 1) {
+ var rect = funcs.getWindowSize();
+ w = w <= 1 ? w * rect.w : w;
+ h = h <= 1 ? h * rect.h : h;
+ }
+ this._layoutRect.autoResize = false;
+ return this.layoutRect({
+ minW: w,
+ minH: h,
+ w: w,
+ h: h
+ }).reflow();
+ },
+ resizeBy: function (dw, dh) {
+ var self = this, rect = self.layoutRect();
+ return self.resizeTo(rect.w + dw, rect.h + dh);
}
- this._layoutRect.autoResize = false;
- return this.layoutRect({
- minW: w,
- minH: h,
- w: w,
- h: h
- }).reflow();
- },
- resizeBy: function (dw, dh) {
- var self = this, rect = self.layoutRect();
- return self.resizeTo(rect.w + dw, rect.h + dh);
- }
- };
+ };
- var documentClickHandler;
- var documentScrollHandler;
- var windowResizeHandler;
- var visiblePanels = [];
- var zOrder = [];
- var hasModal;
- function isChildOf(ctrl, parent$$1) {
- while (ctrl) {
- if (ctrl === parent$$1) {
- return true;
+ var documentClickHandler, documentScrollHandler, windowResizeHandler;
+ var visiblePanels = [];
+ var zOrder = [];
+ var hasModal;
+ function isChildOf(ctrl, parent$$1) {
+ while (ctrl) {
+ if (ctrl === parent$$1) {
+ return true;
+ }
+ ctrl = ctrl.parent();
}
- ctrl = ctrl.parent();
}
- }
- function skipOrHidePanels(e) {
- var i = visiblePanels.length;
- while (i--) {
- var panel = visiblePanels[i], clickCtrl = panel.getParentCtrl(e.target);
- if (panel.settings.autohide) {
- if (clickCtrl) {
- if (isChildOf(clickCtrl, panel) || panel.parent() === clickCtrl) {
- continue;
+ function skipOrHidePanels(e) {
+ var i = visiblePanels.length;
+ while (i--) {
+ var panel = visiblePanels[i], clickCtrl = panel.getParentCtrl(e.target);
+ if (panel.settings.autohide) {
+ if (clickCtrl) {
+ if (isChildOf(clickCtrl, panel) || panel.parent() === clickCtrl) {
+ continue;
+ }
}
+ e = panel.fire('autohide', { target: e.target });
+ if (!e.isDefaultPrevented()) {
+ panel.hide();
+ }
}
- e = panel.fire('autohide', { target: e.target });
- if (!e.isDefaultPrevented()) {
- panel.hide();
- }
}
}
- }
- function bindDocumentClickHandler() {
- if (!documentClickHandler) {
- documentClickHandler = function (e) {
- if (e.button === 2) {
- return;
- }
- skipOrHidePanels(e);
- };
- global$9(document).on('click touchstart', documentClickHandler);
+ function bindDocumentClickHandler() {
+ if (!documentClickHandler) {
+ documentClickHandler = function (e) {
+ if (e.button === 2) {
+ return;
+ }
+ skipOrHidePanels(e);
+ };
+ global$9(document).on('click touchstart', documentClickHandler);
+ }
}
- }
- function bindDocumentScrollHandler() {
- if (!documentScrollHandler) {
- documentScrollHandler = function () {
- var i;
- i = visiblePanels.length;
- while (i--) {
- repositionPanel(visiblePanels[i]);
- }
- };
- global$9(window).on('scroll', documentScrollHandler);
+ function bindDocumentScrollHandler() {
+ if (!documentScrollHandler) {
+ documentScrollHandler = function () {
+ var i;
+ i = visiblePanels.length;
+ while (i--) {
+ repositionPanel(visiblePanels[i]);
+ }
+ };
+ global$9(window).on('scroll', documentScrollHandler);
+ }
}
- }
- function bindWindowResizeHandler() {
- if (!windowResizeHandler) {
- var docElm_1 = document.documentElement;
- var clientWidth_1 = docElm_1.clientWidth, clientHeight_1 = docElm_1.clientHeight;
- windowResizeHandler = function () {
- if (!document.all || clientWidth_1 !== docElm_1.clientWidth || clientHeight_1 !== docElm_1.clientHeight) {
- clientWidth_1 = docElm_1.clientWidth;
- clientHeight_1 = docElm_1.clientHeight;
- FloatPanel.hideAll();
- }
- };
- global$9(window).on('resize', windowResizeHandler);
+ function bindWindowResizeHandler() {
+ if (!windowResizeHandler) {
+ var docElm_1 = document.documentElement;
+ var clientWidth_1 = docElm_1.clientWidth, clientHeight_1 = docElm_1.clientHeight;
+ windowResizeHandler = function () {
+ if (!document.all || clientWidth_1 !== docElm_1.clientWidth || clientHeight_1 !== docElm_1.clientHeight) {
+ clientWidth_1 = docElm_1.clientWidth;
+ clientHeight_1 = docElm_1.clientHeight;
+ FloatPanel.hideAll();
+ }
+ };
+ global$9(window).on('resize', windowResizeHandler);
+ }
}
- }
- function repositionPanel(panel) {
- var scrollY$$1 = funcs.getViewPort().y;
- function toggleFixedChildPanels(fixed, deltaY) {
- var parent$$1;
- for (var i = 0; i < visiblePanels.length; i++) {
- if (visiblePanels[i] !== panel) {
- parent$$1 = visiblePanels[i].parent();
- while (parent$$1 && (parent$$1 = parent$$1.parent())) {
- if (parent$$1 === panel) {
- visiblePanels[i].fixed(fixed).moveBy(0, deltaY).repaint();
+ function repositionPanel(panel) {
+ var scrollY$$1 = funcs.getViewPort().y;
+ function toggleFixedChildPanels(fixed, deltaY) {
+ var parent$$1;
+ for (var i = 0; i < visiblePanels.length; i++) {
+ if (visiblePanels[i] !== panel) {
+ parent$$1 = visiblePanels[i].parent();
+ while (parent$$1 && (parent$$1 = parent$$1.parent())) {
+ if (parent$$1 === panel) {
+ visiblePanels[i].fixed(fixed).moveBy(0, deltaY).repaint();
+ }
}
}
}
}
- }
- if (panel.settings.autofix) {
- if (!panel.state.get('fixed')) {
- panel._autoFixY = panel.layoutRect().y;
- if (panel._autoFixY < scrollY$$1) {
- panel.fixed(true).layoutRect({ y: 0 }).repaint();
- toggleFixedChildPanels(true, scrollY$$1 - panel._autoFixY);
+ if (panel.settings.autofix) {
+ if (!panel.state.get('fixed')) {
+ panel._autoFixY = panel.layoutRect().y;
+ if (panel._autoFixY < scrollY$$1) {
+ panel.fixed(true).layoutRect({ y: 0 }).repaint();
+ toggleFixedChildPanels(true, scrollY$$1 - panel._autoFixY);
+ }
+ } else {
+ if (panel._autoFixY > scrollY$$1) {
+ panel.fixed(false).layoutRect({ y: panel._autoFixY }).repaint();
+ toggleFixedChildPanels(false, panel._autoFixY - scrollY$$1);
+ }
}
- } else {
- if (panel._autoFixY > scrollY$$1) {
- panel.fixed(false).layoutRect({ y: panel._autoFixY }).repaint();
- toggleFixedChildPanels(false, panel._autoFixY - scrollY$$1);
- }
}
}
- }
- function addRemove(add, ctrl) {
- var i, zIndex = FloatPanel.zIndex || 65535, topModal;
- if (add) {
- zOrder.push(ctrl);
- } else {
- i = zOrder.length;
- while (i--) {
- if (zOrder[i] === ctrl) {
- zOrder.splice(i, 1);
+ function addRemove(add, ctrl) {
+ var i, zIndex = FloatPanel.zIndex || 65535, topModal;
+ if (add) {
+ zOrder.push(ctrl);
+ } else {
+ i = zOrder.length;
+ while (i--) {
+ if (zOrder[i] === ctrl) {
+ zOrder.splice(i, 1);
+ }
}
}
- }
- if (zOrder.length) {
- for (i = 0; i < zOrder.length; i++) {
- if (zOrder[i].modal) {
+ if (zOrder.length) {
+ for (i = 0; i < zOrder.length; i++) {
+ if (zOrder[i].modal) {
+ zIndex++;
+ topModal = zOrder[i];
+ }
+ zOrder[i].getEl().style.zIndex = zIndex;
+ zOrder[i].zIndex = zIndex;
zIndex++;
- topModal = zOrder[i];
}
- zOrder[i].getEl().style.zIndex = zIndex;
- zOrder[i].zIndex = zIndex;
- zIndex++;
}
+ var modalBlockEl = global$9('#' + ctrl.classPrefix + 'modal-block', ctrl.getContainerElm())[0];
+ if (topModal) {
+ global$9(modalBlockEl).css('z-index', topModal.zIndex - 1);
+ } else if (modalBlockEl) {
+ modalBlockEl.parentNode.removeChild(modalBlockEl);
+ hasModal = false;
+ }
+ FloatPanel.currentZIndex = zIndex;
}
- var modalBlockEl = global$9('#' + ctrl.classPrefix + 'modal-block', ctrl.getContainerElm())[0];
- if (topModal) {
- global$9(modalBlockEl).css('z-index', topModal.zIndex - 1);
- } else if (modalBlockEl) {
- modalBlockEl.parentNode.removeChild(modalBlockEl);
- hasModal = false;
- }
- FloatPanel.currentZIndex = zIndex;
- }
- var FloatPanel = Panel.extend({
- Mixins: [
- $_3fnh5iukjjgwefpt,
- $_3m7770v1jjgwefrz
- ],
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- self$$1._eventsRoot = self$$1;
- self$$1.classes.add('floatpanel');
- if (settings.autohide) {
- bindDocumentClickHandler();
- bindWindowResizeHandler();
- visiblePanels.push(self$$1);
- }
- if (settings.autofix) {
- bindDocumentScrollHandler();
- self$$1.on('move', function () {
- repositionPanel(this);
+ var FloatPanel = Panel.extend({
+ Mixins: [
+ Movable,
+ Resizable
+ ],
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ self$$1._eventsRoot = self$$1;
+ self$$1.classes.add('floatpanel');
+ if (settings.autohide) {
+ bindDocumentClickHandler();
+ bindWindowResizeHandler();
+ visiblePanels.push(self$$1);
+ }
+ if (settings.autofix) {
+ bindDocumentScrollHandler();
+ self$$1.on('move', function () {
+ repositionPanel(this);
+ });
+ }
+ self$$1.on('postrender show', function (e) {
+ if (e.control === self$$1) {
+ var $modalBlockEl_1;
+ var prefix_1 = self$$1.classPrefix;
+ if (self$$1.modal && !hasModal) {
+ $modalBlockEl_1 = global$9('#' + prefix_1 + 'modal-block', self$$1.getContainerElm());
+ if (!$modalBlockEl_1[0]) {
+ $modalBlockEl_1 = global$9('').appendTo(self$$1.getContainerElm());
+ }
+ global$7.setTimeout(function () {
+ $modalBlockEl_1.addClass(prefix_1 + 'in');
+ global$9(self$$1.getEl()).addClass(prefix_1 + 'in');
+ });
+ hasModal = true;
+ }
+ addRemove(true, self$$1);
+ }
});
- }
- self$$1.on('postrender show', function (e) {
- if (e.control === self$$1) {
- var $modalBlockEl_1;
- var prefix_1 = self$$1.classPrefix;
- if (self$$1.modal && !hasModal) {
- $modalBlockEl_1 = global$9('#' + prefix_1 + 'modal-block', self$$1.getContainerElm());
- if (!$modalBlockEl_1[0]) {
- $modalBlockEl_1 = global$9('').appendTo(self$$1.getContainerElm());
+ self$$1.on('show', function () {
+ self$$1.parents().each(function (ctrl) {
+ if (ctrl.state.get('fixed')) {
+ self$$1.fixed(true);
+ return false;
}
- global$7.setTimeout(function () {
- $modalBlockEl_1.addClass(prefix_1 + 'in');
- global$9(self$$1.getEl()).addClass(prefix_1 + 'in');
- });
- hasModal = true;
+ });
+ });
+ if (settings.popover) {
+ self$$1._preBodyHtml = '';
+ self$$1.classes.add('popover').add('bottom').add(self$$1.isRtl() ? 'end' : 'start');
+ }
+ self$$1.aria('label', settings.ariaLabel);
+ self$$1.aria('labelledby', self$$1._id);
+ self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none');
+ },
+ fixed: function (state) {
+ var self$$1 = this;
+ if (self$$1.state.get('fixed') !== state) {
+ if (self$$1.state.get('rendered')) {
+ var viewport = funcs.getViewPort();
+ if (state) {
+ self$$1.layoutRect().y -= viewport.y;
+ } else {
+ self$$1.layoutRect().y += viewport.y;
+ }
}
- addRemove(true, self$$1);
+ self$$1.classes.toggle('fixed', state);
+ self$$1.state.set('fixed', state);
}
- });
- self$$1.on('show', function () {
- self$$1.parents().each(function (ctrl) {
- if (ctrl.state.get('fixed')) {
- self$$1.fixed(true);
- return false;
+ return self$$1;
+ },
+ show: function () {
+ var self$$1 = this;
+ var i;
+ var state = self$$1._super();
+ i = visiblePanels.length;
+ while (i--) {
+ if (visiblePanels[i] === self$$1) {
+ break;
}
- });
- });
- if (settings.popover) {
- self$$1._preBodyHtml = '';
- self$$1.classes.add('popover').add('bottom').add(self$$1.isRtl() ? 'end' : 'start');
+ }
+ if (i === -1) {
+ visiblePanels.push(self$$1);
+ }
+ return state;
+ },
+ hide: function () {
+ removeVisiblePanel(this);
+ addRemove(false, this);
+ return this._super();
+ },
+ hideAll: function () {
+ FloatPanel.hideAll();
+ },
+ close: function () {
+ var self$$1 = this;
+ if (!self$$1.fire('close').isDefaultPrevented()) {
+ self$$1.remove();
+ addRemove(false, self$$1);
+ }
+ return self$$1;
+ },
+ remove: function () {
+ removeVisiblePanel(this);
+ this._super();
+ },
+ postRender: function () {
+ var self$$1 = this;
+ if (self$$1.settings.bodyRole) {
+ this.getEl('body').setAttribute('role', self$$1.settings.bodyRole);
+ }
+ return self$$1._super();
}
- self$$1.aria('label', settings.ariaLabel);
- self$$1.aria('labelledby', self$$1._id);
- self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none');
- },
- fixed: function (state) {
- var self$$1 = this;
- if (self$$1.state.get('fixed') !== state) {
- if (self$$1.state.get('rendered')) {
- var viewport = funcs.getViewPort();
- if (state) {
- self$$1.layoutRect().y -= viewport.y;
- } else {
- self$$1.layoutRect().y += viewport.y;
- }
+ });
+ FloatPanel.hideAll = function () {
+ var i = visiblePanels.length;
+ while (i--) {
+ var panel = visiblePanels[i];
+ if (panel && panel.settings.autohide) {
+ panel.hide();
+ visiblePanels.splice(i, 1);
}
- self$$1.classes.toggle('fixed', state);
- self$$1.state.set('fixed', state);
}
- return self$$1;
- },
- show: function () {
- var self$$1 = this;
+ };
+ function removeVisiblePanel(panel) {
var i;
- var state = self$$1._super();
i = visiblePanels.length;
while (i--) {
- if (visiblePanels[i] === self$$1) {
- break;
+ if (visiblePanels[i] === panel) {
+ visiblePanels.splice(i, 1);
}
}
- if (i === -1) {
- visiblePanels.push(self$$1);
+ i = zOrder.length;
+ while (i--) {
+ if (zOrder[i] === panel) {
+ zOrder.splice(i, 1);
+ }
}
- return state;
- },
- hide: function () {
- removeVisiblePanel(this);
- addRemove(false, this);
- return this._super();
- },
- hideAll: function () {
- FloatPanel.hideAll();
- },
- close: function () {
- var self$$1 = this;
- if (!self$$1.fire('close').isDefaultPrevented()) {
- self$$1.remove();
- addRemove(false, self$$1);
- }
- return self$$1;
- },
- remove: function () {
- removeVisiblePanel(this);
- this._super();
- },
- postRender: function () {
- var self$$1 = this;
- if (self$$1.settings.bodyRole) {
- this.getEl('body').setAttribute('role', self$$1.settings.bodyRole);
- }
- return self$$1._super();
}
- });
- FloatPanel.hideAll = function () {
- var i = visiblePanels.length;
- while (i--) {
- var panel = visiblePanels[i];
- if (panel && panel.settings.autohide) {
- panel.hide();
- visiblePanels.splice(i, 1);
- }
- }
- };
- function removeVisiblePanel(panel) {
- var i;
- i = visiblePanels.length;
- while (i--) {
- if (visiblePanels[i] === panel) {
- visiblePanels.splice(i, 1);
- }
- }
- i = zOrder.length;
- while (i--) {
- if (zOrder[i] === panel) {
- zOrder.splice(i, 1);
- }
- }
- }
- var isFixed$1 = function (inlineToolbarContainer, editor) {
- return !!(inlineToolbarContainer && !editor.settings.ui_container);
- };
- var render$1 = function (editor, theme, args) {
- var panel, inlineToolbarContainer;
- var DOM = global$3.DOM;
- var fixedToolbarContainer = getFixedToolbarContainer(editor);
- if (fixedToolbarContainer) {
- inlineToolbarContainer = DOM.select(fixedToolbarContainer)[0];
- }
- var reposition = function () {
- if (panel && panel.moveRel && panel.visible() && !panel._fixed) {
- var scrollContainer = editor.selection.getScrollContainer(), body = editor.getBody();
- var deltaX = 0, deltaY = 0;
- if (scrollContainer) {
- var bodyPos = DOM.getPos(body), scrollContainerPos = DOM.getPos(scrollContainer);
- deltaX = Math.max(0, scrollContainerPos.x - bodyPos.x);
- deltaY = Math.max(0, scrollContainerPos.y - bodyPos.y);
- }
- panel.fixed(false).moveRel(body, editor.rtl ? [
- 'tr-br',
- 'br-tr'
- ] : [
- 'tl-bl',
- 'bl-tl',
- 'tr-br'
- ]).moveBy(deltaX, deltaY);
- }
+ var isFixed$1 = function (inlineToolbarContainer, editor) {
+ return !!(inlineToolbarContainer && !editor.settings.ui_container);
};
- var show = function () {
- if (panel) {
- panel.show();
- reposition();
- DOM.addClass(editor.getBody(), 'mce-edit-focus');
+ var render$1 = function (editor, theme, args) {
+ var panel, inlineToolbarContainer;
+ var DOM = global$3.DOM;
+ var fixedToolbarContainer = getFixedToolbarContainer(editor);
+ if (fixedToolbarContainer) {
+ inlineToolbarContainer = DOM.select(fixedToolbarContainer)[0];
}
- };
- var hide = function () {
- if (panel) {
- panel.hide();
- FloatPanel.hideAll();
- DOM.removeClass(editor.getBody(), 'mce-edit-focus');
- }
- };
- var render = function () {
- if (panel) {
- if (!panel.visible()) {
- show();
+ var reposition = function () {
+ if (panel && panel.moveRel && panel.visible() && !panel._fixed) {
+ var scrollContainer = editor.selection.getScrollContainer(), body = editor.getBody();
+ var deltaX = 0, deltaY = 0;
+ if (scrollContainer) {
+ var bodyPos = DOM.getPos(body), scrollContainerPos = DOM.getPos(scrollContainer);
+ deltaX = Math.max(0, scrollContainerPos.x - bodyPos.x);
+ deltaY = Math.max(0, scrollContainerPos.y - bodyPos.y);
+ }
+ panel.fixed(false).moveRel(body, editor.rtl ? [
+ 'tr-br',
+ 'br-tr'
+ ] : [
+ 'tl-bl',
+ 'bl-tl',
+ 'tr-br'
+ ]).moveBy(deltaX, deltaY);
}
- return;
- }
- panel = theme.panel = global$4.create({
- type: inlineToolbarContainer ? 'panel' : 'floatpanel',
- role: 'application',
- classes: 'tinymce tinymce-inline',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- autohide: false,
- autofix: isFixed$1(inlineToolbarContainer, editor),
- fixed: isFixed$1(inlineToolbarContainer, editor),
- border: 1,
- items: [
- hasMenubar(editor) === false ? null : {
- type: 'menubar',
- border: '0 0 1 0',
- items: $_bahgsqu8jjgwefo4.createMenuButtons(editor)
- },
- $_4udolhu7jjgwefo1.createToolbars(editor, getToolbarSize(editor))
- ]
+ };
+ var show = function () {
+ if (panel) {
+ panel.show();
+ reposition();
+ DOM.addClass(editor.getBody(), 'mce-edit-focus');
+ }
+ };
+ var hide = function () {
+ if (panel) {
+ panel.hide();
+ FloatPanel.hideAll();
+ DOM.removeClass(editor.getBody(), 'mce-edit-focus');
+ }
+ };
+ var render = function () {
+ if (panel) {
+ if (!panel.visible()) {
+ show();
+ }
+ return;
+ }
+ panel = theme.panel = global$4.create({
+ type: inlineToolbarContainer ? 'panel' : 'floatpanel',
+ role: 'application',
+ classes: 'tinymce tinymce-inline',
+ layout: 'flex',
+ direction: 'column',
+ align: 'stretch',
+ autohide: false,
+ autofix: true,
+ fixed: isFixed$1(inlineToolbarContainer, editor),
+ border: 1,
+ items: [
+ hasMenubar(editor) === false ? null : {
+ type: 'menubar',
+ border: '0 0 1 0',
+ items: Menubar.createMenuButtons(editor)
+ },
+ Toolbar.createToolbars(editor, getToolbarSize(editor))
+ ]
+ });
+ UiContainer.setUiContainer(editor, panel);
+ Events.fireBeforeRenderUI(editor);
+ if (inlineToolbarContainer) {
+ panel.renderTo(inlineToolbarContainer).reflow();
+ } else {
+ panel.renderTo().reflow();
+ }
+ A11y.addKeys(editor, panel);
+ show();
+ ContextToolbars.addContextualToolbars(editor);
+ editor.on('nodeChange', reposition);
+ editor.on('ResizeWindow', reposition);
+ editor.on('activate', show);
+ editor.on('deactivate', hide);
+ editor.nodeChanged();
+ };
+ editor.settings.content_editable = true;
+ editor.on('focus', function () {
+ if (isSkinDisabled(editor) === false && args.skinUiCss) {
+ DOM.styleSheetLoader.load(args.skinUiCss, render, render);
+ } else {
+ render();
+ }
});
- $_6344qfu4jjgwefnr.setUiContainer(editor, panel);
- $_5hpmustzjjgwefnb.fireBeforeRenderUI(editor);
- if (inlineToolbarContainer) {
- panel.renderTo(inlineToolbarContainer).reflow();
+ editor.on('blur hide', hide);
+ editor.on('remove', function () {
+ if (panel) {
+ panel.remove();
+ panel = null;
+ }
+ });
+ if (isSkinDisabled(editor) === false && args.skinUiCss) {
+ DOM.styleSheetLoader.load(args.skinUiCss, SkinLoaded.fireSkinLoaded(editor));
} else {
- panel.renderTo().reflow();
+ SkinLoaded.fireSkinLoaded(editor)();
}
- $_azwbz4u0jjgwefnc.addKeys(editor, panel);
- show();
- $_g1gegqu1jjgwefne.addContextualToolbars(editor);
- editor.on('nodeChange', reposition);
- editor.on('ResizeWindow', reposition);
- editor.on('activate', show);
- editor.on('deactivate', hide);
- editor.nodeChanged();
+ return {};
};
- editor.settings.content_editable = true;
- editor.on('focus', function () {
- if (isSkinDisabled(editor) === false && args.skinUiCss) {
- DOM.styleSheetLoader.load(args.skinUiCss, render, render);
- } else {
- render();
- }
- });
- editor.on('blur hide', hide);
- editor.on('remove', function () {
- if (panel) {
- panel.remove();
- panel = null;
- }
- });
- if (isSkinDisabled(editor) === false && args.skinUiCss) {
- DOM.styleSheetLoader.load(args.skinUiCss, $_awdosmuejjgwefop.fireSkinLoaded(editor));
- } else {
- $_awdosmuejjgwefop.fireSkinLoaded(editor)();
- }
- return {};
- };
- var $_fuoldxufjjgwefor = { render: render$1 };
+ var Inline = { render: render$1 };
- function Throbber (elm, inline) {
- var self = this;
- var state;
- var classPrefix = Control$1.classPrefix;
- var timer;
- self.show = function (time, callback) {
- function render() {
- if (state) {
- global$9(elm).append('');
- if (callback) {
- callback();
+ function Throbber (elm, inline) {
+ var self = this;
+ var state;
+ var classPrefix = Control$1.classPrefix;
+ var timer;
+ self.show = function (time, callback) {
+ function render() {
+ if (state) {
+ global$9(elm).append('');
+ if (callback) {
+ callback();
+ }
}
}
- }
- self.hide();
- state = true;
- if (time) {
- timer = global$7.setTimeout(render, time);
- } else {
- render();
- }
- return self;
+ self.hide();
+ state = true;
+ if (time) {
+ timer = global$7.setTimeout(render, time);
+ } else {
+ render();
+ }
+ return self;
+ };
+ self.hide = function () {
+ var child = elm.lastChild;
+ global$7.clearTimeout(timer);
+ if (child && child.className.indexOf('throbber') !== -1) {
+ child.parentNode.removeChild(child);
+ }
+ state = false;
+ return self;
+ };
+ }
+
+ var setup = function (editor, theme) {
+ var throbber;
+ editor.on('ProgressState', function (e) {
+ throbber = throbber || new Throbber(theme.panel.getEl('body'));
+ if (e.state) {
+ throbber.show(e.time);
+ } else {
+ throbber.hide();
+ }
+ });
};
- self.hide = function () {
- var child = elm.lastChild;
- global$7.clearTimeout(timer);
- if (child && child.className.indexOf('throbber') !== -1) {
- child.parentNode.removeChild(child);
+ var ProgressState = { setup: setup };
+
+ var renderUI = function (editor, theme, args) {
+ var skinUrl = getSkinUrl(editor);
+ if (skinUrl) {
+ args.skinUiCss = skinUrl + '/skin.min.css';
+ editor.contentCSS.push(skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css');
}
- state = false;
- return self;
+ ProgressState.setup(editor, theme);
+ return isInline(editor) ? Inline.render(editor, theme, args) : Iframe.render(editor, theme, args);
};
- }
+ var Render = { renderUI: renderUI };
- var setup = function (editor, theme) {
- var throbber;
- editor.on('ProgressState', function (e) {
- throbber = throbber || new Throbber(theme.panel.getEl('body'));
- if (e.state) {
- throbber.show(e.time);
- } else {
- throbber.hide();
+ var Tooltip = Control$1.extend({
+ Mixins: [Movable],
+ Defaults: { classes: 'widget tooltip tooltip-n' },
+ renderHtml: function () {
+ var self = this, prefix = self.classPrefix;
+ return '' + '' + '
';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.getEl().lastChild.innerHTML = self.encode(e.value);
+ });
+ return self._super();
+ },
+ repaint: function () {
+ var self = this;
+ var style, rect;
+ style = self.getEl().style;
+ rect = self._layoutRect;
+ style.left = rect.x + 'px';
+ style.top = rect.y + 'px';
+ style.zIndex = 65535 + 65535;
}
});
- };
- var $_18iiwkv2jjgwefs0 = { setup: setup };
- var renderUI = function (editor, theme, args) {
- var skinUrl = getSkinUrl(editor);
- if (skinUrl) {
- args.skinUiCss = skinUrl + '/skin.min.css';
- editor.contentCSS.push(skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css');
- }
- $_18iiwkv2jjgwefs0.setup(editor, theme);
- return isInline(editor) ? $_fuoldxufjjgwefor.render(editor, theme, args) : $_vxdgetvjjgwefn7.render(editor, theme, args);
- };
- var $_as4c3qtrjjgwefn1 = { renderUI: renderUI };
-
- var Tooltip = Control$1.extend({
- Mixins: [$_3fnh5iukjjgwefpt],
- Defaults: { classes: 'widget tooltip tooltip-n' },
- renderHtml: function () {
- var self = this, prefix = self.classPrefix;
- return '' + self.encode(self.state.get('text')) + '
' + '' + '' + '
';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.getEl().lastChild.innerHTML = self.encode(e.value);
- });
- return self._super();
- },
- repaint: function () {
- var self = this;
- var style, rect;
- style = self.getEl().style;
- rect = self._layoutRect;
- style.left = rect.x + 'px';
- style.top = rect.y + 'px';
- style.zIndex = 65535 + 65535;
- }
- });
-
- var Widget = Control$1.extend({
- init: function (settings) {
- var self = this;
- self._super(settings);
- settings = self.settings;
- self.canFocus = true;
- if (settings.tooltip && Widget.tooltips !== false) {
- self.on('mouseenter', function (e) {
- var tooltip = self.tooltip().moveTo(-65535);
- if (e.control === self) {
- var rel = tooltip.text(settings.tooltip).show().testMoveRel(self.getEl(), [
- 'bc-tc',
- 'bc-tl',
- 'bc-tr'
- ]);
- tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
- tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
- tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
- tooltip.moveRel(self.getEl(), rel);
- } else {
- tooltip.hide();
- }
+ var Widget = Control$1.extend({
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ settings = self.settings;
+ self.canFocus = true;
+ if (settings.tooltip && Widget.tooltips !== false) {
+ self.on('mouseenter', function (e) {
+ var tooltip = self.tooltip().moveTo(-65535);
+ if (e.control === self) {
+ var rel = tooltip.text(settings.tooltip).show().testMoveRel(self.getEl(), [
+ 'bc-tc',
+ 'bc-tl',
+ 'bc-tr'
+ ]);
+ tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
+ tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
+ tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
+ tooltip.moveRel(self.getEl(), rel);
+ } else {
+ tooltip.hide();
+ }
+ });
+ self.on('mouseleave mousedown click', function () {
+ self.tooltip().remove();
+ self._tooltip = null;
+ });
+ }
+ self.aria('label', settings.ariaLabel || settings.tooltip);
+ },
+ tooltip: function () {
+ if (!this._tooltip) {
+ this._tooltip = new Tooltip({ type: 'tooltip' });
+ UiContainer.inheritUiContainer(this, this._tooltip);
+ this._tooltip.renderTo();
+ }
+ return this._tooltip;
+ },
+ postRender: function () {
+ var self = this, settings = self.settings;
+ self._super();
+ if (!self.parent() && (settings.width || settings.height)) {
+ self.initLayoutRect();
+ self.repaint();
+ }
+ if (settings.autofocus) {
+ self.focus();
+ }
+ },
+ bindStates: function () {
+ var self = this;
+ function disable(state) {
+ self.aria('disabled', state);
+ self.classes.toggle('disabled', state);
+ }
+ function active(state) {
+ self.aria('pressed', state);
+ self.classes.toggle('active', state);
+ }
+ self.state.on('change:disabled', function (e) {
+ disable(e.value);
});
- self.on('mouseleave mousedown click', function () {
- self.tooltip().remove();
- self._tooltip = null;
+ self.state.on('change:active', function (e) {
+ active(e.value);
});
+ if (self.state.get('disabled')) {
+ disable(true);
+ }
+ if (self.state.get('active')) {
+ active(true);
+ }
+ return self._super();
+ },
+ remove: function () {
+ this._super();
+ if (this._tooltip) {
+ this._tooltip.remove();
+ this._tooltip = null;
+ }
}
- self.aria('label', settings.ariaLabel || settings.tooltip);
- },
- tooltip: function () {
- if (!this._tooltip) {
- this._tooltip = new Tooltip({ type: 'tooltip' });
- $_6344qfu4jjgwefnr.inheritUiContainer(this, this._tooltip);
- this._tooltip.renderTo();
- }
- return this._tooltip;
- },
- postRender: function () {
- var self = this, settings = self.settings;
- self._super();
- if (!self.parent() && (settings.width || settings.height)) {
- self.initLayoutRect();
- self.repaint();
- }
- if (settings.autofocus) {
- self.focus();
- }
- },
- bindStates: function () {
- var self = this;
- function disable(state) {
- self.aria('disabled', state);
- self.classes.toggle('disabled', state);
- }
- function active(state) {
- self.aria('pressed', state);
- self.classes.toggle('active', state);
- }
- self.state.on('change:disabled', function (e) {
- disable(e.value);
- });
- self.state.on('change:active', function (e) {
- active(e.value);
- });
- if (self.state.get('disabled')) {
- disable(true);
- }
- if (self.state.get('active')) {
- active(true);
- }
- return self._super();
- },
- remove: function () {
- this._super();
- if (this._tooltip) {
- this._tooltip.remove();
- this._tooltip = null;
- }
- }
- });
+ });
- var Progress = Widget.extend({
- Defaults: { value: 0 },
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('progress');
- if (!self.settings.filter) {
- self.settings.filter = function (value) {
- return Math.round(value);
- };
- }
- },
- renderHtml: function () {
- var self = this, id = self._id, prefix = this.classPrefix;
- return '' + self.encode(self.state.get('text')) + '
' + '' + '' + '
';
- },
- postRender: function () {
- var self = this;
- self._super();
- self.value(self.settings.value);
- return self;
- },
- bindStates: function () {
- var self = this;
- function setValue(value) {
- value = self.settings.filter(value);
- self.getEl().lastChild.innerHTML = value + '%';
- self.getEl().firstChild.firstChild.style.width = value + '%';
- }
- self.state.on('change:value', function (e) {
- setValue(e.value);
- });
- setValue(self.state.get('value'));
- return self._super();
- }
- });
-
- var updateLiveRegion = function (ctx, text) {
- ctx.getEl().lastChild.textContent = text + (ctx.progressBar ? ' ' + ctx.progressBar.value() + '%' : '');
- };
- var Notification = Control$1.extend({
- Mixins: [$_3fnh5iukjjgwefpt],
- Defaults: { classes: 'widget notification' },
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.maxWidth = settings.maxWidth;
- if (settings.text) {
- self.text(settings.text);
- }
- if (settings.icon) {
- self.icon = settings.icon;
- }
- if (settings.color) {
- self.color = settings.color;
- }
- if (settings.type) {
- self.classes.add('notification-' + settings.type);
- }
- if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) {
- self.closeButton = false;
- } else {
- self.classes.add('has-close');
- self.closeButton = true;
- }
- if (settings.progressBar) {
- self.progressBar = new Progress();
- }
- self.on('click', function (e) {
- if (e.target.className.indexOf(self.classPrefix + 'close') !== -1) {
- self.close();
+ var Progress = Widget.extend({
+ Defaults: { value: 0 },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.classes.add('progress');
+ if (!self.settings.filter) {
+ self.settings.filter = function (value) {
+ return Math.round(value);
+ };
}
- });
- },
- renderHtml: function () {
- var self = this;
- var prefix = self.classPrefix;
- var icon = '', closeButton = '', progressBar = '', notificationStyle = '';
- if (self.icon) {
- icon = '';
- }
- notificationStyle = ' style="max-width: ' + self.maxWidth + 'px;' + (self.color ? 'background-color: ' + self.color + ';"' : '"');
- if (self.closeButton) {
- closeButton = '';
- }
- if (self.progressBar) {
- progressBar = self.progressBar.renderHtml();
- }
- return '0%
' + '' + icon + '
';
- },
- postRender: function () {
- var self = this;
- global$7.setTimeout(function () {
- self.$el.addClass(self.classPrefix + 'in');
- updateLiveRegion(self, self.state.get('text'));
- }, 100);
- return self._super();
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.getEl().firstChild.innerHTML = e.value;
- updateLiveRegion(self, e.value);
- });
- if (self.progressBar) {
- self.progressBar.bindStates();
- self.progressBar.state.on('change:value', function (e) {
- updateLiveRegion(self, self.state.get('text'));
+ },
+ renderHtml: function () {
+ var self = this, id = self._id, prefix = this.classPrefix;
+ return '' + self.state.get('text') + '
' + progressBar + closeButton + '' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.value(self.settings.value);
+ return self;
+ },
+ bindStates: function () {
+ var self = this;
+ function setValue(value) {
+ value = self.settings.filter(value);
+ self.getEl().lastChild.innerHTML = value + '%';
+ self.getEl().firstChild.firstChild.style.width = value + '%';
+ }
+ self.state.on('change:value', function (e) {
+ setValue(e.value);
});
+ setValue(self.state.get('value'));
+ return self._super();
}
- return self._super();
- },
- close: function () {
- var self = this;
- if (!self.fire('close').isDefaultPrevented()) {
- self.remove();
- }
- return self;
- },
- repaint: function () {
- var self = this;
- var style, rect;
- style = self.getEl().style;
- rect = self._layoutRect;
- style.left = rect.x + 'px';
- style.top = rect.y + 'px';
- style.zIndex = 65535 - 1;
- }
- });
+ });
- function NotificationManagerImpl (editor) {
- var getEditorContainer = function (editor) {
- return editor.inline ? editor.getElement() : editor.getContentAreaContainer();
+ var updateLiveRegion = function (ctx, text) {
+ ctx.getEl().lastChild.textContent = text + (ctx.progressBar ? ' ' + ctx.progressBar.value() + '%' : '');
};
- var getContainerWidth = function () {
- var container = getEditorContainer(editor);
- return funcs.getSize(container).width;
- };
- var prePositionNotifications = function (notifications) {
- each(notifications, function (notification) {
- notification.moveTo(0, 0);
- });
- };
- var positionNotifications = function (notifications) {
- if (notifications.length > 0) {
- var firstItem = notifications.slice(0, 1)[0];
- var container = getEditorContainer(editor);
- firstItem.moveRel(container, 'tc-tc');
- each(notifications, function (notification, index) {
- if (index > 0) {
- notification.moveRel(notifications[index - 1].getEl(), 'bc-tc');
+ var Notification = Control$1.extend({
+ Mixins: [Movable],
+ Defaults: { classes: 'widget notification' },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.maxWidth = settings.maxWidth;
+ if (settings.text) {
+ self.text(settings.text);
+ }
+ if (settings.icon) {
+ self.icon = settings.icon;
+ }
+ if (settings.color) {
+ self.color = settings.color;
+ }
+ if (settings.type) {
+ self.classes.add('notification-' + settings.type);
+ }
+ if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) {
+ self.closeButton = false;
+ } else {
+ self.classes.add('has-close');
+ self.closeButton = true;
+ }
+ if (settings.progressBar) {
+ self.progressBar = new Progress();
+ }
+ self.on('click', function (e) {
+ if (e.target.className.indexOf(self.classPrefix + 'close') !== -1) {
+ self.close();
}
});
- }
- };
- var reposition = function (notifications) {
- prePositionNotifications(notifications);
- positionNotifications(notifications);
- };
- var open = function (args, closeCallback) {
- var extendedArgs = global$2.extend(args, { maxWidth: getContainerWidth() });
- var notif = new Notification(extendedArgs);
- notif.args = extendedArgs;
- if (extendedArgs.timeout > 0) {
- notif.timer = setTimeout(function () {
- notif.close();
- closeCallback();
- }, extendedArgs.timeout);
- }
- notif.on('close', function () {
- closeCallback();
- });
- notif.renderTo();
- return notif;
- };
- var close = function (notification) {
- notification.close();
- };
- var getArgs = function (notification) {
- return notification.args;
- };
- return {
- open: open,
- close: close,
- reposition: reposition,
- getArgs: getArgs
- };
- }
-
- var windows = [];
- var oldMetaValue = '';
- function toggleFullScreenState(state) {
- var noScaleMetaValue = 'width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0';
- var viewport = global$9('meta[name=viewport]')[0], contentValue;
- if (global$8.overrideViewPort === false) {
- return;
- }
- if (!viewport) {
- viewport = document.createElement('meta');
- viewport.setAttribute('name', 'viewport');
- document.getElementsByTagName('head')[0].appendChild(viewport);
- }
- contentValue = viewport.getAttribute('content');
- if (contentValue && typeof oldMetaValue !== 'undefined') {
- oldMetaValue = contentValue;
- }
- viewport.setAttribute('content', state ? noScaleMetaValue : oldMetaValue);
- }
- function toggleBodyFullScreenClasses(classPrefix, state) {
- if (checkFullscreenWindows() && state === false) {
- global$9([
- document.documentElement,
- document.body
- ]).removeClass(classPrefix + 'fullscreen');
- }
- }
- function checkFullscreenWindows() {
- for (var i = 0; i < windows.length; i++) {
- if (windows[i]._fullscreen) {
- return true;
- }
- }
- return false;
- }
- function handleWindowResize() {
- if (!global$8.desktop) {
- var lastSize_1 = {
- w: window.innerWidth,
- h: window.innerHeight
- };
- global$7.setInterval(function () {
- var w = window.innerWidth, h = window.innerHeight;
- if (lastSize_1.w !== w || lastSize_1.h !== h) {
- lastSize_1 = {
- w: w,
- h: h
- };
- global$9(window).trigger('resize');
+ },
+ renderHtml: function () {
+ var self = this;
+ var prefix = self.classPrefix;
+ var icon = '', closeButton = '', progressBar = '', notificationStyle = '';
+ if (self.icon) {
+ icon = '';
}
- }, 100);
- }
- function reposition() {
- var i;
- var rect = funcs.getWindowSize();
- var layoutRect;
- for (i = 0; i < windows.length; i++) {
- layoutRect = windows[i].layoutRect();
- windows[i].moveTo(windows[i].settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2), windows[i].settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2));
- }
- }
- global$9(window).on('resize', reposition);
- }
- var Window$$1 = FloatPanel.extend({
- modal: true,
- Defaults: {
- border: 1,
- layout: 'flex',
- containerCls: 'panel',
- role: 'dialog',
- callbacks: {
- submit: function () {
- this.fire('submit', { data: this.toJSON() });
- },
- close: function () {
- this.close();
+ notificationStyle = ' style="max-width: ' + self.maxWidth + 'px;' + (self.color ? 'background-color: ' + self.color + ';"' : '"');
+ if (self.closeButton) {
+ closeButton = '';
}
- }
- },
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- if (self$$1.isRtl()) {
- self$$1.classes.add('rtl');
- }
- self$$1.classes.add('window');
- self$$1.bodyClasses.add('window-body');
- self$$1.state.set('fixed', true);
- if (settings.buttons) {
- self$$1.statusbar = new Panel({
- layout: 'flex',
- border: '1 0 0 0',
- spacing: 3,
- padding: 10,
- align: 'center',
- pack: self$$1.isRtl() ? 'start' : 'end',
- defaults: { type: 'button' },
- items: settings.buttons
+ if (self.progressBar) {
+ progressBar = self.progressBar.renderHtml();
+ }
+ return '0%
' + '' + icon + '
';
+ },
+ postRender: function () {
+ var self = this;
+ global$7.setTimeout(function () {
+ self.$el.addClass(self.classPrefix + 'in');
+ updateLiveRegion(self, self.state.get('text'));
+ }, 100);
+ return self._super();
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.getEl().firstChild.innerHTML = e.value;
+ updateLiveRegion(self, e.value);
});
- self$$1.statusbar.classes.add('foot');
- self$$1.statusbar.parent(self$$1);
- }
- self$$1.on('click', function (e) {
- var closeClass = self$$1.classPrefix + 'close';
- if (funcs.hasClass(e.target, closeClass) || funcs.hasClass(e.target.parentNode, closeClass)) {
- self$$1.close();
+ if (self.progressBar) {
+ self.progressBar.bindStates();
+ self.progressBar.state.on('change:value', function (e) {
+ updateLiveRegion(self, self.state.get('text'));
+ });
}
- });
- self$$1.on('cancel', function () {
- self$$1.close();
- });
- self$$1.on('move', function (e) {
- if (e.control === self$$1) {
- FloatPanel.hideAll();
+ return self._super();
+ },
+ close: function () {
+ var self = this;
+ if (!self.fire('close').isDefaultPrevented()) {
+ self.remove();
}
- });
- self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none');
- self$$1.aria('label', settings.title);
- self$$1._fullscreen = false;
- },
- recalc: function () {
- var self$$1 = this;
- var statusbar$$1 = self$$1.statusbar;
- var layoutRect, width, x, needsRecalc;
- if (self$$1._fullscreen) {
- self$$1.layoutRect(funcs.getWindowSize());
- self$$1.layoutRect().contentH = self$$1.layoutRect().innerH;
+ return self;
+ },
+ repaint: function () {
+ var self = this;
+ var style, rect;
+ style = self.getEl().style;
+ rect = self._layoutRect;
+ style.left = rect.x + 'px';
+ style.top = rect.y + 'px';
+ style.zIndex = 65535 - 1;
}
- self$$1._super();
- layoutRect = self$$1.layoutRect();
- if (self$$1.settings.title && !self$$1._fullscreen) {
- width = layoutRect.headerW;
- if (width > layoutRect.w) {
- x = layoutRect.x - Math.max(0, width / 2);
- self$$1.layoutRect({
- w: width,
- x: x
+ });
+
+ function NotificationManagerImpl (editor) {
+ var getEditorContainer = function (editor) {
+ return editor.inline ? editor.getElement() : editor.getContentAreaContainer();
+ };
+ var getContainerWidth = function () {
+ var container = getEditorContainer(editor);
+ return funcs.getSize(container).width;
+ };
+ var prePositionNotifications = function (notifications) {
+ each(notifications, function (notification) {
+ notification.moveTo(0, 0);
+ });
+ };
+ var positionNotifications = function (notifications) {
+ if (notifications.length > 0) {
+ var firstItem = notifications.slice(0, 1)[0];
+ var container = getEditorContainer(editor);
+ firstItem.moveRel(container, 'tc-tc');
+ each(notifications, function (notification, index) {
+ if (index > 0) {
+ notification.moveRel(notifications[index - 1].getEl(), 'bc-tc');
+ }
});
- needsRecalc = true;
}
- }
- if (statusbar$$1) {
- statusbar$$1.layoutRect({ w: self$$1.layoutRect().innerW }).recalc();
- width = statusbar$$1.layoutRect().minW + layoutRect.deltaW;
- if (width > layoutRect.w) {
- x = layoutRect.x - Math.max(0, width - layoutRect.w);
- self$$1.layoutRect({
- w: width,
- x: x
- });
- needsRecalc = true;
+ };
+ var reposition = function (notifications) {
+ prePositionNotifications(notifications);
+ positionNotifications(notifications);
+ };
+ var open = function (args, closeCallback) {
+ var extendedArgs = global$2.extend(args, { maxWidth: getContainerWidth() });
+ var notif = new Notification(extendedArgs);
+ notif.args = extendedArgs;
+ if (extendedArgs.timeout > 0) {
+ notif.timer = setTimeout(function () {
+ notif.close();
+ closeCallback();
+ }, extendedArgs.timeout);
}
+ notif.on('close', function () {
+ closeCallback();
+ });
+ notif.renderTo();
+ return notif;
+ };
+ var close = function (notification) {
+ notification.close();
+ };
+ var getArgs = function (notification) {
+ return notification.args;
+ };
+ return {
+ open: open,
+ close: close,
+ reposition: reposition,
+ getArgs: getArgs
+ };
+ }
+
+ var windows = [];
+ var oldMetaValue = '';
+ function toggleFullScreenState(state) {
+ var noScaleMetaValue = 'width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0';
+ var viewport = global$9('meta[name=viewport]')[0], contentValue;
+ if (global$8.overrideViewPort === false) {
+ return;
}
- if (needsRecalc) {
- self$$1.recalc();
+ if (!viewport) {
+ viewport = document.createElement('meta');
+ viewport.setAttribute('name', 'viewport');
+ document.getElementsByTagName('head')[0].appendChild(viewport);
}
- },
- initLayoutRect: function () {
- var self$$1 = this;
- var layoutRect = self$$1._super();
- var deltaH = 0, headEl;
- if (self$$1.settings.title && !self$$1._fullscreen) {
- headEl = self$$1.getEl('head');
- var size = funcs.getSize(headEl);
- layoutRect.headerW = size.width;
- layoutRect.headerH = size.height;
- deltaH += layoutRect.headerH;
+ contentValue = viewport.getAttribute('content');
+ if (contentValue && typeof oldMetaValue !== 'undefined') {
+ oldMetaValue = contentValue;
}
- if (self$$1.statusbar) {
- deltaH += self$$1.statusbar.layoutRect().h;
+ viewport.setAttribute('content', state ? noScaleMetaValue : oldMetaValue);
+ }
+ function toggleBodyFullScreenClasses(classPrefix, state) {
+ if (checkFullscreenWindows() && state === false) {
+ global$9([
+ document.documentElement,
+ document.body
+ ]).removeClass(classPrefix + 'fullscreen');
}
- layoutRect.deltaH += deltaH;
- layoutRect.minH += deltaH;
- layoutRect.h += deltaH;
- var rect = funcs.getWindowSize();
- layoutRect.x = self$$1.settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2);
- layoutRect.y = self$$1.settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2);
- return layoutRect;
- },
- renderHtml: function () {
- var self$$1 = this, layout = self$$1._layout, id = self$$1._id, prefix = self$$1.classPrefix;
- var settings = self$$1.settings;
- var headerHtml = '', footerHtml = '', html = settings.html;
- self$$1.preRender();
- layout.preRender(self$$1);
- if (settings.title) {
- headerHtml = '' + self.state.get('text') + '
' + progressBar + closeButton + '' + '' + '
';
+ }
+ function checkFullscreenWindows() {
+ for (var i = 0; i < windows.length; i++) {
+ if (windows[i]._fullscreen) {
+ return true;
+ }
}
- if (settings.url) {
- html = '';
+ return false;
+ }
+ function handleWindowResize() {
+ if (!global$8.desktop) {
+ var lastSize_1 = {
+ w: window.innerWidth,
+ h: window.innerHeight
+ };
+ global$7.setInterval(function () {
+ var w = window.innerWidth, h = window.innerHeight;
+ if (lastSize_1.w !== w || lastSize_1.h !== h) {
+ lastSize_1 = {
+ w: w,
+ h: h
+ };
+ global$9(window).trigger('resize');
+ }
+ }, 100);
}
- if (typeof html === 'undefined') {
- html = layout.renderHtml(self$$1);
+ function reposition() {
+ var i;
+ var rect = funcs.getWindowSize();
+ var layoutRect;
+ for (i = 0; i < windows.length; i++) {
+ layoutRect = windows[i].layoutRect();
+ windows[i].moveTo(windows[i].settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2), windows[i].settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2));
+ }
}
- if (self$$1.statusbar) {
- footerHtml = self$$1.statusbar.renderHtml();
- }
- return '' + self$$1.encode(settings.title) + '
' + '' + '' + '' + '
';
- },
- fullscreen: function (state) {
- var self$$1 = this;
- var documentElement = document.documentElement;
- var slowRendering;
- var prefix = self$$1.classPrefix;
- var layoutRect;
- if (state !== self$$1._fullscreen) {
- global$9(window).on('resize', function () {
- var time;
- if (self$$1._fullscreen) {
- if (!slowRendering) {
- time = new Date().getTime();
- var rect = funcs.getWindowSize();
- self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
- if (new Date().getTime() - time > 50) {
- slowRendering = true;
- }
- } else {
- if (!self$$1._timer) {
- self$$1._timer = global$7.setTimeout(function () {
- var rect = funcs.getWindowSize();
- self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
- self$$1._timer = 0;
- }, 50);
- }
- }
+ global$9(window).on('resize', reposition);
+ }
+ var Window$$1 = FloatPanel.extend({
+ modal: true,
+ Defaults: {
+ border: 1,
+ layout: 'flex',
+ containerCls: 'panel',
+ role: 'dialog',
+ callbacks: {
+ submit: function () {
+ this.fire('submit', { data: this.toJSON() });
+ },
+ close: function () {
+ this.close();
}
+ }
+ },
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ if (self$$1.isRtl()) {
+ self$$1.classes.add('rtl');
+ }
+ self$$1.classes.add('window');
+ self$$1.bodyClasses.add('window-body');
+ self$$1.state.set('fixed', true);
+ if (settings.buttons) {
+ self$$1.statusbar = new Panel({
+ layout: 'flex',
+ border: '1 0 0 0',
+ spacing: 3,
+ padding: 10,
+ align: 'center',
+ pack: self$$1.isRtl() ? 'start' : 'end',
+ defaults: { type: 'button' },
+ items: settings.buttons
+ });
+ self$$1.statusbar.classes.add('foot');
+ self$$1.statusbar.parent(self$$1);
+ }
+ self$$1.on('click', function (e) {
+ var closeClass = self$$1.classPrefix + 'close';
+ if (funcs.hasClass(e.target, closeClass) || funcs.hasClass(e.target.parentNode, closeClass)) {
+ self$$1.close();
+ }
});
+ self$$1.on('cancel', function () {
+ self$$1.close();
+ });
+ self$$1.on('move', function (e) {
+ if (e.control === self$$1) {
+ FloatPanel.hideAll();
+ }
+ });
+ self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none');
+ self$$1.aria('label', settings.title);
+ self$$1._fullscreen = false;
+ },
+ recalc: function () {
+ var self$$1 = this;
+ var statusbar$$1 = self$$1.statusbar;
+ var layoutRect, width, x, needsRecalc;
+ if (self$$1._fullscreen) {
+ self$$1.layoutRect(funcs.getWindowSize());
+ self$$1.layoutRect().contentH = self$$1.layoutRect().innerH;
+ }
+ self$$1._super();
layoutRect = self$$1.layoutRect();
- self$$1._fullscreen = state;
- if (!state) {
- self$$1.borderBox = $_fbr241uqjjgwefqo.parseBox(self$$1.settings.border);
- self$$1.getEl('head').style.display = '';
- layoutRect.deltaH += layoutRect.headerH;
- global$9([
- documentElement,
- document.body
- ]).removeClass(prefix + 'fullscreen');
- self$$1.classes.remove('fullscreen');
- self$$1.moveTo(self$$1._initial.x, self$$1._initial.y).resizeTo(self$$1._initial.w, self$$1._initial.h);
- } else {
- self$$1._initial = {
- x: layoutRect.x,
- y: layoutRect.y,
- w: layoutRect.w,
- h: layoutRect.h
- };
- self$$1.borderBox = $_fbr241uqjjgwefqo.parseBox('0');
- self$$1.getEl('head').style.display = 'none';
- layoutRect.deltaH -= layoutRect.headerH + 2;
- global$9([
- documentElement,
- document.body
- ]).addClass(prefix + 'fullscreen');
- self$$1.classes.add('fullscreen');
- var rect = funcs.getWindowSize();
- self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
+ if (self$$1.settings.title && !self$$1._fullscreen) {
+ width = layoutRect.headerW;
+ if (width > layoutRect.w) {
+ x = layoutRect.x - Math.max(0, width / 2);
+ self$$1.layoutRect({
+ w: width,
+ x: x
+ });
+ needsRecalc = true;
+ }
}
- }
- return self$$1.reflow();
- },
- postRender: function () {
- var self$$1 = this;
- var startPos;
- setTimeout(function () {
- self$$1.classes.add('in');
- self$$1.fire('open');
- }, 0);
- self$$1._super();
- if (self$$1.statusbar) {
- self$$1.statusbar.postRender();
- }
- self$$1.focus();
- this.dragHelper = new DragHelper(self$$1._id + '-dragh', {
- start: function () {
- startPos = {
- x: self$$1.layoutRect().x,
- y: self$$1.layoutRect().y
- };
- },
- drag: function (e) {
- self$$1.moveTo(startPos.x + e.deltaX, startPos.y + e.deltaY);
+ if (statusbar$$1) {
+ statusbar$$1.layoutRect({ w: self$$1.layoutRect().innerW }).recalc();
+ width = statusbar$$1.layoutRect().minW + layoutRect.deltaW;
+ if (width > layoutRect.w) {
+ x = layoutRect.x - Math.max(0, width - layoutRect.w);
+ self$$1.layoutRect({
+ w: width,
+ x: x
+ });
+ needsRecalc = true;
+ }
}
- });
- self$$1.on('submit', function (e) {
- if (!e.isDefaultPrevented()) {
- self$$1.close();
+ if (needsRecalc) {
+ self$$1.recalc();
}
- });
- windows.push(self$$1);
- toggleFullScreenState(true);
- },
- submit: function () {
- return this.fire('submit', { data: this.toJSON() });
- },
- remove: function () {
- var self$$1 = this;
- var i;
- self$$1.dragHelper.destroy();
- self$$1._super();
- if (self$$1.statusbar) {
- this.statusbar.remove();
- }
- toggleBodyFullScreenClasses(self$$1.classPrefix, false);
- i = windows.length;
- while (i--) {
- if (windows[i] === self$$1) {
- windows.splice(i, 1);
+ },
+ initLayoutRect: function () {
+ var self$$1 = this;
+ var layoutRect = self$$1._super();
+ var deltaH = 0, headEl;
+ if (self$$1.settings.title && !self$$1._fullscreen) {
+ headEl = self$$1.getEl('head');
+ var size = funcs.getSize(headEl);
+ layoutRect.headerW = size.width;
+ layoutRect.headerH = size.height;
+ deltaH += layoutRect.headerH;
}
- }
- toggleFullScreenState(windows.length > 0);
- },
- getContentWindow: function () {
- var ifr = this.getEl().getElementsByTagName('iframe')[0];
- return ifr ? ifr.contentWindow : null;
- }
- });
- handleWindowResize();
-
- var MessageBox = Window$$1.extend({
- init: function (settings) {
- settings = {
- border: 1,
- padding: 20,
- layout: 'flex',
- pack: 'center',
- align: 'center',
- containerCls: 'panel',
- autoScroll: true,
- buttons: {
- type: 'button',
- text: 'Ok',
- action: 'ok'
- },
- items: {
- type: 'label',
- multiline: true,
- maxWidth: 500,
- maxHeight: 200
+ if (self$$1.statusbar) {
+ deltaH += self$$1.statusbar.layoutRect().h;
}
- };
- this._super(settings);
- },
- Statics: {
- OK: 1,
- OK_CANCEL: 2,
- YES_NO: 3,
- YES_NO_CANCEL: 4,
- msgBox: function (settings) {
- var buttons;
- var callback = settings.callback || function () {
- };
- function createButton(text, status$$1, primary) {
- return {
- type: 'button',
- text: text,
- subtype: primary ? 'primary' : '',
- onClick: function (e) {
- e.control.parents()[1].close();
- callback(status$$1);
+ layoutRect.deltaH += deltaH;
+ layoutRect.minH += deltaH;
+ layoutRect.h += deltaH;
+ var rect = funcs.getWindowSize();
+ layoutRect.x = self$$1.settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2);
+ layoutRect.y = self$$1.settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2);
+ return layoutRect;
+ },
+ renderHtml: function () {
+ var self$$1 = this, layout = self$$1._layout, id = self$$1._id, prefix = self$$1.classPrefix;
+ var settings = self$$1.settings;
+ var headerHtml = '', footerHtml = '', html = settings.html;
+ self$$1.preRender();
+ layout.preRender(self$$1);
+ if (settings.title) {
+ headerHtml = '' + headerHtml + '
' + '' + html + '
' + footerHtml + '' + '
';
+ }
+ if (settings.url) {
+ html = '';
+ }
+ if (typeof html === 'undefined') {
+ html = layout.renderHtml(self$$1);
+ }
+ if (self$$1.statusbar) {
+ footerHtml = self$$1.statusbar.renderHtml();
+ }
+ return '' + self$$1.encode(settings.title) + '
' + '' + '' + '' + '
';
+ },
+ fullscreen: function (state) {
+ var self$$1 = this;
+ var documentElement = document.documentElement;
+ var slowRendering;
+ var prefix = self$$1.classPrefix;
+ var layoutRect;
+ if (state !== self$$1._fullscreen) {
+ global$9(window).on('resize', function () {
+ var time;
+ if (self$$1._fullscreen) {
+ if (!slowRendering) {
+ time = new Date().getTime();
+ var rect = funcs.getWindowSize();
+ self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
+ if (new Date().getTime() - time > 50) {
+ slowRendering = true;
+ }
+ } else {
+ if (!self$$1._timer) {
+ self$$1._timer = global$7.setTimeout(function () {
+ var rect = funcs.getWindowSize();
+ self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
+ self$$1._timer = 0;
+ }, 50);
+ }
+ }
}
- };
+ });
+ layoutRect = self$$1.layoutRect();
+ self$$1._fullscreen = state;
+ if (!state) {
+ self$$1.borderBox = BoxUtils.parseBox(self$$1.settings.border);
+ self$$1.getEl('head').style.display = '';
+ layoutRect.deltaH += layoutRect.headerH;
+ global$9([
+ documentElement,
+ document.body
+ ]).removeClass(prefix + 'fullscreen');
+ self$$1.classes.remove('fullscreen');
+ self$$1.moveTo(self$$1._initial.x, self$$1._initial.y).resizeTo(self$$1._initial.w, self$$1._initial.h);
+ } else {
+ self$$1._initial = {
+ x: layoutRect.x,
+ y: layoutRect.y,
+ w: layoutRect.w,
+ h: layoutRect.h
+ };
+ self$$1.borderBox = BoxUtils.parseBox('0');
+ self$$1.getEl('head').style.display = 'none';
+ layoutRect.deltaH -= layoutRect.headerH + 2;
+ global$9([
+ documentElement,
+ document.body
+ ]).addClass(prefix + 'fullscreen');
+ self$$1.classes.add('fullscreen');
+ var rect = funcs.getWindowSize();
+ self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h);
+ }
}
- switch (settings.buttons) {
- case MessageBox.OK_CANCEL:
- buttons = [
- createButton('Ok', true, true),
- createButton('Cancel', false)
- ];
- break;
- case MessageBox.YES_NO:
- case MessageBox.YES_NO_CANCEL:
- buttons = [
- createButton('Yes', 1, true),
- createButton('No', 0)
- ];
- if (settings.buttons === MessageBox.YES_NO_CANCEL) {
- buttons.push(createButton('Cancel', -1));
+ return self$$1.reflow();
+ },
+ postRender: function () {
+ var self$$1 = this;
+ var startPos;
+ setTimeout(function () {
+ self$$1.classes.add('in');
+ self$$1.fire('open');
+ }, 0);
+ self$$1._super();
+ if (self$$1.statusbar) {
+ self$$1.statusbar.postRender();
+ }
+ self$$1.focus();
+ this.dragHelper = new DragHelper(self$$1._id + '-dragh', {
+ start: function () {
+ startPos = {
+ x: self$$1.layoutRect().x,
+ y: self$$1.layoutRect().y
+ };
+ },
+ drag: function (e) {
+ self$$1.moveTo(startPos.x + e.deltaX, startPos.y + e.deltaY);
}
- break;
- default:
- buttons = [createButton('Ok', true, true)];
- break;
+ });
+ self$$1.on('submit', function (e) {
+ if (!e.isDefaultPrevented()) {
+ self$$1.close();
+ }
+ });
+ windows.push(self$$1);
+ toggleFullScreenState(true);
+ },
+ submit: function () {
+ return this.fire('submit', { data: this.toJSON() });
+ },
+ remove: function () {
+ var self$$1 = this;
+ var i;
+ self$$1.dragHelper.destroy();
+ self$$1._super();
+ if (self$$1.statusbar) {
+ this.statusbar.remove();
}
- return new Window$$1({
+ toggleBodyFullScreenClasses(self$$1.classPrefix, false);
+ i = windows.length;
+ while (i--) {
+ if (windows[i] === self$$1) {
+ windows.splice(i, 1);
+ }
+ }
+ toggleFullScreenState(windows.length > 0);
+ },
+ getContentWindow: function () {
+ var ifr = this.getEl().getElementsByTagName('iframe')[0];
+ return ifr ? ifr.contentWindow : null;
+ }
+ });
+ handleWindowResize();
+
+ var MessageBox = Window$$1.extend({
+ init: function (settings) {
+ settings = {
+ border: 1,
padding: 20,
- x: settings.x,
- y: settings.y,
- minWidth: 300,
- minHeight: 100,
layout: 'flex',
pack: 'center',
align: 'center',
- buttons: buttons,
- title: settings.title,
- role: 'alertdialog',
+ containerCls: 'panel',
+ autoScroll: true,
+ buttons: {
+ type: 'button',
+ text: 'Ok',
+ action: 'ok'
+ },
items: {
type: 'label',
multiline: true,
maxWidth: 500,
- maxHeight: 200,
- text: settings.text
- },
- onPostRender: function () {
- this.aria('describedby', this.items()[0]._id);
- },
- onClose: settings.onClose,
- onCancel: function () {
- callback(false);
+ maxHeight: 200
}
- }).renderTo(document.body).reflow();
+ };
+ this._super(settings);
},
- alert: function (settings, callback) {
- if (typeof settings === 'string') {
- settings = { text: settings };
- }
- settings.callback = callback;
- return MessageBox.msgBox(settings);
- },
- confirm: function (settings, callback) {
- if (typeof settings === 'string') {
- settings = { text: settings };
- }
- settings.callback = callback;
- settings.buttons = MessageBox.OK_CANCEL;
- return MessageBox.msgBox(settings);
- }
- }
- });
-
- function WindowManagerImpl (editor) {
- var open$$1 = function (args, params, closeCallback) {
- var win;
- args.title = args.title || ' ';
- args.url = args.url || args.file;
- if (args.url) {
- args.width = parseInt(args.width || 320, 10);
- args.height = parseInt(args.height || 240, 10);
- }
- if (args.body) {
- args.items = {
- defaults: args.defaults,
- type: args.bodyType || 'form',
- items: args.body,
- data: args.data,
- callbacks: args.commands
- };
- }
- if (!args.url && !args.buttons) {
- args.buttons = [
- {
- text: 'Ok',
- subtype: 'primary',
- onclick: function () {
- win.find('form')[0].submit();
+ Statics: {
+ OK: 1,
+ OK_CANCEL: 2,
+ YES_NO: 3,
+ YES_NO_CANCEL: 4,
+ msgBox: function (settings) {
+ var buttons;
+ var callback = settings.callback || function () {
+ };
+ function createButton(text, status$$1, primary) {
+ return {
+ type: 'button',
+ text: text,
+ subtype: primary ? 'primary' : '',
+ onClick: function (e) {
+ e.control.parents()[1].close();
+ callback(status$$1);
+ }
+ };
+ }
+ switch (settings.buttons) {
+ case MessageBox.OK_CANCEL:
+ buttons = [
+ createButton('Ok', true, true),
+ createButton('Cancel', false)
+ ];
+ break;
+ case MessageBox.YES_NO:
+ case MessageBox.YES_NO_CANCEL:
+ buttons = [
+ createButton('Yes', 1, true),
+ createButton('No', 0)
+ ];
+ if (settings.buttons === MessageBox.YES_NO_CANCEL) {
+ buttons.push(createButton('Cancel', -1));
}
- },
- {
- text: 'Cancel',
- onclick: function () {
- win.close();
+ break;
+ default:
+ buttons = [createButton('Ok', true, true)];
+ break;
+ }
+ return new Window$$1({
+ padding: 20,
+ x: settings.x,
+ y: settings.y,
+ minWidth: 300,
+ minHeight: 100,
+ layout: 'flex',
+ pack: 'center',
+ align: 'center',
+ buttons: buttons,
+ title: settings.title,
+ role: 'alertdialog',
+ items: {
+ type: 'label',
+ multiline: true,
+ maxWidth: 500,
+ maxHeight: 200,
+ text: settings.text
+ },
+ onPostRender: function () {
+ this.aria('describedby', this.items()[0]._id);
+ },
+ onClose: settings.onClose,
+ onCancel: function () {
+ callback(false);
}
+ }).renderTo(document.body).reflow();
+ },
+ alert: function (settings, callback) {
+ if (typeof settings === 'string') {
+ settings = { text: settings };
}
- ];
+ settings.callback = callback;
+ return MessageBox.msgBox(settings);
+ },
+ confirm: function (settings, callback) {
+ if (typeof settings === 'string') {
+ settings = { text: settings };
+ }
+ settings.callback = callback;
+ settings.buttons = MessageBox.OK_CANCEL;
+ return MessageBox.msgBox(settings);
+ }
}
- win = new Window$$1(args);
- win.on('close', function () {
- closeCallback(win);
- });
- if (args.data) {
- win.on('postRender', function () {
- this.find('*').each(function (ctrl) {
- var name$$1 = ctrl.name();
- if (name$$1 in args.data) {
- ctrl.value(args.data[name$$1]);
+ });
+
+ function WindowManagerImpl (editor) {
+ var open$$1 = function (args, params, closeCallback) {
+ var win;
+ args.title = args.title || ' ';
+ args.url = args.url || args.file;
+ if (args.url) {
+ args.width = parseInt(args.width || 320, 10);
+ args.height = parseInt(args.height || 240, 10);
+ }
+ if (args.body) {
+ args.items = {
+ defaults: args.defaults,
+ type: args.bodyType || 'form',
+ items: args.body,
+ data: args.data,
+ callbacks: args.commands
+ };
+ }
+ if (!args.url && !args.buttons) {
+ args.buttons = [
+ {
+ text: 'Ok',
+ subtype: 'primary',
+ onclick: function () {
+ win.find('form')[0].submit();
+ }
+ },
+ {
+ text: 'Cancel',
+ onclick: function () {
+ win.close();
+ }
}
+ ];
+ }
+ win = new Window$$1(args);
+ win.on('close', function () {
+ closeCallback(win);
+ });
+ if (args.data) {
+ win.on('postRender', function () {
+ this.find('*').each(function (ctrl) {
+ var name$$1 = ctrl.name();
+ if (name$$1 in args.data) {
+ ctrl.value(args.data[name$$1]);
+ }
+ });
});
+ }
+ win.features = args || {};
+ win.params = params || {};
+ win = win.renderTo(document.body).reflow();
+ return win;
+ };
+ var alert$$1 = function (message, choiceCallback, closeCallback) {
+ var win;
+ win = MessageBox.alert(message, function () {
+ choiceCallback();
});
- }
- win.features = args || {};
- win.params = params || {};
- win = win.renderTo(document.body).reflow();
- return win;
- };
- var alert$$1 = function (message, choiceCallback, closeCallback) {
- var win;
- win = MessageBox.alert(message, function () {
- choiceCallback();
- });
- win.on('close', function () {
- closeCallback(win);
- });
- return win;
- };
- var confirm$$1 = function (message, choiceCallback, closeCallback) {
- var win;
- win = MessageBox.confirm(message, function (state) {
- choiceCallback(state);
- });
- win.on('close', function () {
- closeCallback(win);
- });
- return win;
- };
- var close$$1 = function (window$$1) {
- window$$1.close();
- };
- var getParams = function (window$$1) {
- return window$$1.params;
- };
- var setParams = function (window$$1, params) {
- window$$1.params = params;
- };
- return {
- open: open$$1,
- alert: alert$$1,
- confirm: confirm$$1,
- close: close$$1,
- getParams: getParams,
- setParams: setParams
- };
- }
+ win.on('close', function () {
+ closeCallback(win);
+ });
+ return win;
+ };
+ var confirm$$1 = function (message, choiceCallback, closeCallback) {
+ var win;
+ win = MessageBox.confirm(message, function (state) {
+ choiceCallback(state);
+ });
+ win.on('close', function () {
+ closeCallback(win);
+ });
+ return win;
+ };
+ var close$$1 = function (window$$1) {
+ window$$1.close();
+ };
+ var getParams = function (window$$1) {
+ return window$$1.params;
+ };
+ var setParams = function (window$$1, params) {
+ window$$1.params = params;
+ };
+ return {
+ open: open$$1,
+ alert: alert$$1,
+ confirm: confirm$$1,
+ close: close$$1,
+ getParams: getParams,
+ setParams: setParams
+ };
+ }
- var get = function (editor) {
- var renderUI = function (args) {
- return $_as4c3qtrjjgwefn1.renderUI(editor, this, args);
+ var get = function (editor) {
+ var renderUI = function (args) {
+ return Render.renderUI(editor, this, args);
+ };
+ var resizeTo = function (w, h) {
+ return Resize.resizeTo(editor, w, h);
+ };
+ var resizeBy = function (dw, dh) {
+ return Resize.resizeBy(editor, dw, dh);
+ };
+ var getNotificationManagerImpl = function () {
+ return NotificationManagerImpl(editor);
+ };
+ var getWindowManagerImpl = function () {
+ return WindowManagerImpl(editor);
+ };
+ return {
+ renderUI: renderUI,
+ resizeTo: resizeTo,
+ resizeBy: resizeBy,
+ getNotificationManagerImpl: getNotificationManagerImpl,
+ getWindowManagerImpl: getWindowManagerImpl
+ };
};
- var resizeTo = function (w, h) {
- return $_sd6u0ubjjgwefok.resizeTo(editor, w, h);
- };
- var resizeBy = function (dw, dh) {
- return $_sd6u0ubjjgwefok.resizeBy(editor, dw, dh);
- };
- var getNotificationManagerImpl = function () {
- return NotificationManagerImpl(editor);
- };
- var getWindowManagerImpl = function () {
- return WindowManagerImpl(editor);
- };
- return {
- renderUI: renderUI,
- resizeTo: resizeTo,
- resizeBy: resizeBy,
- getNotificationManagerImpl: getNotificationManagerImpl,
- getWindowManagerImpl: getWindowManagerImpl
- };
- };
- var $_buaxbttqjjgwefn0 = { get: get };
+ var ThemeApi = { get: get };
- var Layout = global$10.extend({
- Defaults: {
- firstControlClass: 'first',
- lastControlClass: 'last'
- },
- init: function (settings) {
- this.settings = global$2.extend({}, this.Defaults, settings);
- },
- preRender: function (container) {
- container.bodyClasses.add(this.settings.containerClass);
- },
- applyClasses: function (items) {
- var self = this;
- var settings = self.settings;
- var firstClass, lastClass, firstItem, lastItem;
- firstClass = settings.firstControlClass;
- lastClass = settings.lastControlClass;
- items.each(function (item) {
- item.classes.remove(firstClass).remove(lastClass).add(settings.controlClass);
- if (item.visible()) {
- if (!firstItem) {
- firstItem = item;
+ var Layout = global$a.extend({
+ Defaults: {
+ firstControlClass: 'first',
+ lastControlClass: 'last'
+ },
+ init: function (settings) {
+ this.settings = global$2.extend({}, this.Defaults, settings);
+ },
+ preRender: function (container) {
+ container.bodyClasses.add(this.settings.containerClass);
+ },
+ applyClasses: function (items) {
+ var self = this;
+ var settings = self.settings;
+ var firstClass, lastClass, firstItem, lastItem;
+ firstClass = settings.firstControlClass;
+ lastClass = settings.lastControlClass;
+ items.each(function (item) {
+ item.classes.remove(firstClass).remove(lastClass).add(settings.controlClass);
+ if (item.visible()) {
+ if (!firstItem) {
+ firstItem = item;
+ }
+ lastItem = item;
}
- lastItem = item;
+ });
+ if (firstItem) {
+ firstItem.classes.add(firstClass);
}
- });
- if (firstItem) {
- firstItem.classes.add(firstClass);
+ if (lastItem) {
+ lastItem.classes.add(lastClass);
+ }
+ },
+ renderHtml: function (container) {
+ var self = this;
+ var html = '';
+ self.applyClasses(container.items());
+ container.items().each(function (item) {
+ html += item.renderHtml();
+ });
+ return html;
+ },
+ recalc: function () {
+ },
+ postRender: function () {
+ },
+ isNative: function () {
+ return false;
}
- if (lastItem) {
- lastItem.classes.add(lastClass);
+ });
+
+ var AbsoluteLayout = Layout.extend({
+ Defaults: {
+ containerClass: 'abs-layout',
+ controlClass: 'abs-layout-item'
+ },
+ recalc: function (container) {
+ container.items().filter(':visible').each(function (ctrl) {
+ var settings = ctrl.settings;
+ ctrl.layoutRect({
+ x: settings.x,
+ y: settings.y,
+ w: settings.w,
+ h: settings.h
+ });
+ if (ctrl.recalc) {
+ ctrl.recalc();
+ }
+ });
+ },
+ renderHtml: function (container) {
+ return '' + this._super(container);
}
- },
- renderHtml: function (container) {
- var self = this;
- var html = '';
- self.applyClasses(container.items());
- container.items().each(function (item) {
- html += item.renderHtml();
- });
- return html;
- },
- recalc: function () {
- },
- postRender: function () {
- },
- isNative: function () {
- return false;
- }
- });
+ });
- var AbsoluteLayout = Layout.extend({
- Defaults: {
- containerClass: 'abs-layout',
- controlClass: 'abs-layout-item'
- },
- recalc: function (container) {
- container.items().filter(':visible').each(function (ctrl) {
- var settings = ctrl.settings;
- ctrl.layoutRect({
- x: settings.x,
- y: settings.y,
- w: settings.w,
- h: settings.h
+ var Button = Widget.extend({
+ Defaults: {
+ classes: 'widget btn',
+ role: 'button'
+ },
+ init: function (settings) {
+ var self$$1 = this;
+ var size;
+ self$$1._super(settings);
+ settings = self$$1.settings;
+ size = self$$1.settings.size;
+ self$$1.on('click mousedown', function (e) {
+ e.preventDefault();
});
- if (ctrl.recalc) {
- ctrl.recalc();
+ self$$1.on('touchstart', function (e) {
+ self$$1.fire('click', e);
+ e.preventDefault();
+ });
+ if (settings.subtype) {
+ self$$1.classes.add(settings.subtype);
}
- });
- },
- renderHtml: function (container) {
- return '' + this._super(container);
- }
- });
-
- var Button = Widget.extend({
- Defaults: {
- classes: 'widget btn',
- role: 'button'
- },
- init: function (settings) {
- var self$$1 = this;
- var size;
- self$$1._super(settings);
- settings = self$$1.settings;
- size = self$$1.settings.size;
- self$$1.on('click mousedown', function (e) {
- e.preventDefault();
- });
- self$$1.on('touchstart', function (e) {
- self$$1.fire('click', e);
- e.preventDefault();
- });
- if (settings.subtype) {
- self$$1.classes.add(settings.subtype);
- }
- if (size) {
- self$$1.classes.add('btn-' + size);
- }
- if (settings.icon) {
- self$$1.icon(settings.icon);
- }
- },
- icon: function (icon) {
- if (!arguments.length) {
- return this.state.get('icon');
- }
- this.state.set('icon', icon);
- return this;
- },
- repaint: function () {
- var btnElm = this.getEl().firstChild;
- var btnStyle;
- if (btnElm) {
- btnStyle = btnElm.style;
- btnStyle.width = btnStyle.height = '100%';
- }
- this._super();
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
- var icon = self$$1.state.get('icon'), image;
- var text = self$$1.state.get('text');
- var textHtml = '';
- var ariaPressed;
- var settings = self$$1.settings;
- image = settings.image;
- if (image) {
- icon = 'none';
- if (typeof image !== 'string') {
- image = window.getSelection ? image[0] : image[1];
+ if (size) {
+ self$$1.classes.add('btn-' + size);
}
- image = ' style="background-image: url(\'' + image + '\')"';
- } else {
- image = '';
- }
- if (text) {
- self$$1.classes.add('btn-has-text');
- textHtml = '' + self$$1.encode(text) + '';
- }
- icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
- ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
- return '' + headerHtml + '
' + '' + html + '
' + footerHtml + '' + '' + '
';
- },
- bindStates: function () {
- var self$$1 = this, $ = self$$1.$, textCls = self$$1.classPrefix + 'txt';
- function setButtonText(text) {
- var $span = $('span.' + textCls, self$$1.getEl());
- if (text) {
- if (!$span[0]) {
- $('button:first', self$$1.getEl()).append('');
- $span = $('span.' + textCls, self$$1.getEl());
+ if (settings.icon) {
+ self$$1.icon(settings.icon);
+ }
+ },
+ icon: function (icon) {
+ if (!arguments.length) {
+ return this.state.get('icon');
+ }
+ this.state.set('icon', icon);
+ return this;
+ },
+ repaint: function () {
+ var btnElm = this.getEl().firstChild;
+ var btnStyle;
+ if (btnElm) {
+ btnStyle = btnElm.style;
+ btnStyle.width = btnStyle.height = '100%';
+ }
+ this._super();
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ var icon = self$$1.state.get('icon'), image;
+ var text = self$$1.state.get('text');
+ var textHtml = '';
+ var ariaPressed;
+ var settings = self$$1.settings;
+ image = settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
}
- $span.html(self$$1.encode(text));
+ image = ' style="background-image: url(\'' + image + '\')"';
} else {
- $span.remove();
+ image = '';
}
- self$$1.classes.toggle('btn-has-text', !!text);
- }
- self$$1.state.on('change:text', function (e) {
- setButtonText(e.value);
- });
- self$$1.state.on('change:icon', function (e) {
- var icon = e.value;
- var prefix = self$$1.classPrefix;
- self$$1.settings.icon = icon;
- icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
- var btnElm = self$$1.getEl().firstChild;
- var iconElm = btnElm.getElementsByTagName('i')[0];
- if (icon) {
- if (!iconElm || iconElm !== btnElm.firstChild) {
- iconElm = document.createElement('i');
- btnElm.insertBefore(iconElm, btnElm.firstChild);
- }
- iconElm.className = icon;
- } else if (iconElm) {
- btnElm.removeChild(iconElm);
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
}
- setButtonText(self$$1.state.get('text'));
- });
- return self$$1._super();
- }
- });
-
- var BrowseButton = Button.extend({
- init: function (settings) {
- var self = this;
- settings = global$2.extend({
- text: 'Browse...',
- multiple: false,
- accept: null
- }, settings);
- self._super(settings);
- self.classes.add('browsebutton');
- if (settings.multiple) {
- self.classes.add('multiple');
- }
- },
- postRender: function () {
- var self = this;
- var input = funcs.create('input', {
- type: 'file',
- id: self._id + '-browse',
- accept: self.settings.accept
- });
- self._super();
- global$9(input).on('change', function (e) {
- var files = e.target.files;
- self.value = function () {
- if (!files.length) {
- return null;
- } else if (self.settings.multiple) {
- return files;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
+ return '' + '' + '
';
+ },
+ bindStates: function () {
+ var self$$1 = this, $ = self$$1.$, textCls = self$$1.classPrefix + 'txt';
+ function setButtonText(text) {
+ var $span = $('span.' + textCls, self$$1.getEl());
+ if (text) {
+ if (!$span[0]) {
+ $('button:first', self$$1.getEl()).append('');
+ $span = $('span.' + textCls, self$$1.getEl());
+ }
+ $span.html(self$$1.encode(text));
} else {
- return files[0];
+ $span.remove();
}
- };
- e.preventDefault();
- if (files.length) {
- self.fire('change', e);
+ self$$1.classes.toggle('btn-has-text', !!text);
}
- });
- global$9(input).on('click', function (e) {
- e.stopPropagation();
- });
- global$9(self.getEl('button')).on('click', function (e) {
- e.stopPropagation();
- input.click();
- });
- self.getEl().appendChild(input);
- },
- remove: function () {
- global$9(this.getEl('button')).off();
- global$9(this.getEl('input')).off();
- this._super();
- }
- });
+ self$$1.state.on('change:text', function (e) {
+ setButtonText(e.value);
+ });
+ self$$1.state.on('change:icon', function (e) {
+ var icon = e.value;
+ var prefix = self$$1.classPrefix;
+ self$$1.settings.icon = icon;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
+ var btnElm = self$$1.getEl().firstChild;
+ var iconElm = btnElm.getElementsByTagName('i')[0];
+ if (icon) {
+ if (!iconElm || iconElm !== btnElm.firstChild) {
+ iconElm = document.createElement('i');
+ btnElm.insertBefore(iconElm, btnElm.firstChild);
+ }
+ iconElm.className = icon;
+ } else if (iconElm) {
+ btnElm.removeChild(iconElm);
+ }
+ setButtonText(self$$1.state.get('text'));
+ });
+ return self$$1._super();
+ }
+ });
- var ButtonGroup = Container.extend({
- Defaults: {
- defaultType: 'button',
- role: 'group'
- },
- renderHtml: function () {
- var self = this, layout = self._layout;
- self.classes.add('btn-group');
- self.preRender();
- layout.preRender(self);
- return '' + '
';
- }
- });
-
- var Checkbox = Widget.extend({
- Defaults: {
- classes: 'checkbox',
- role: 'checkbox',
- checked: false
- },
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- self$$1.on('click mousedown', function (e) {
- e.preventDefault();
- });
- self$$1.on('click', function (e) {
- e.preventDefault();
- if (!self$$1.disabled()) {
- self$$1.checked(!self$$1.checked());
+ var BrowseButton = Button.extend({
+ init: function (settings) {
+ var self = this;
+ settings = global$2.extend({
+ text: 'Browse...',
+ multiple: false,
+ accept: null
+ }, settings);
+ self._super(settings);
+ self.classes.add('browsebutton');
+ if (settings.multiple) {
+ self.classes.add('multiple');
}
- });
- self$$1.checked(self$$1.settings.checked);
- },
- checked: function (state) {
- if (!arguments.length) {
- return this.state.get('checked');
+ },
+ postRender: function () {
+ var self = this;
+ var input = funcs.create('input', {
+ type: 'file',
+ id: self._id + '-browse',
+ accept: self.settings.accept
+ });
+ self._super();
+ global$9(input).on('change', function (e) {
+ var files = e.target.files;
+ self.value = function () {
+ if (!files.length) {
+ return null;
+ } else if (self.settings.multiple) {
+ return files;
+ } else {
+ return files[0];
+ }
+ };
+ e.preventDefault();
+ if (files.length) {
+ self.fire('change', e);
+ }
+ });
+ global$9(input).on('click', function (e) {
+ e.stopPropagation();
+ });
+ global$9(self.getEl('button')).on('click', function (e) {
+ e.stopPropagation();
+ input.click();
+ });
+ self.getEl().appendChild(input);
+ },
+ remove: function () {
+ global$9(this.getEl('button')).off();
+ global$9(this.getEl('input')).off();
+ this._super();
}
- this.state.set('checked', state);
- return this;
- },
- value: function (state) {
- if (!arguments.length) {
- return this.checked();
+ });
+
+ var ButtonGroup = Container.extend({
+ Defaults: {
+ defaultType: 'button',
+ role: 'group'
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout;
+ self.classes.add('btn-group');
+ self.preRender();
+ layout.preRender(self);
+ return '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '
';
}
- return this.checked(state);
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
- return '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '' + '' + self$$1.encode(self$$1.state.get('text')) + '' + '
';
- },
- bindStates: function () {
- var self$$1 = this;
- function checked(state) {
- self$$1.classes.toggle('checked', state);
- self$$1.aria('checked', state);
- }
- self$$1.state.on('change:text', function (e) {
- self$$1.getEl('al').firstChild.data = self$$1.translate(e.value);
- });
- self$$1.state.on('change:checked change:value', function (e) {
- self$$1.fire('change');
- checked(e.value);
- });
- self$$1.state.on('change:icon', function (e) {
- var icon = e.value;
- var prefix = self$$1.classPrefix;
- if (typeof icon === 'undefined') {
- return self$$1.settings.icon;
+ });
+
+ var Checkbox = Widget.extend({
+ Defaults: {
+ classes: 'checkbox',
+ role: 'checkbox',
+ checked: false
+ },
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ self$$1.on('click mousedown', function (e) {
+ e.preventDefault();
+ });
+ self$$1.on('click', function (e) {
+ e.preventDefault();
+ if (!self$$1.disabled()) {
+ self$$1.checked(!self$$1.checked());
+ }
+ });
+ self$$1.checked(self$$1.settings.checked);
+ },
+ checked: function (state) {
+ if (!arguments.length) {
+ return this.state.get('checked');
}
- self$$1.settings.icon = icon;
- icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
- var btnElm = self$$1.getEl().firstChild;
- var iconElm = btnElm.getElementsByTagName('i')[0];
- if (icon) {
- if (!iconElm || iconElm !== btnElm.firstChild) {
- iconElm = document.createElement('i');
- btnElm.insertBefore(iconElm, btnElm.firstChild);
+ this.state.set('checked', state);
+ return this;
+ },
+ value: function (state) {
+ if (!arguments.length) {
+ return this.checked();
+ }
+ return this.checked(state);
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ return '' + '' + '' + self$$1.encode(self$$1.state.get('text')) + '' + '
';
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ function checked(state) {
+ self$$1.classes.toggle('checked', state);
+ self$$1.aria('checked', state);
+ }
+ self$$1.state.on('change:text', function (e) {
+ self$$1.getEl('al').firstChild.data = self$$1.translate(e.value);
+ });
+ self$$1.state.on('change:checked change:value', function (e) {
+ self$$1.fire('change');
+ checked(e.value);
+ });
+ self$$1.state.on('change:icon', function (e) {
+ var icon = e.value;
+ var prefix = self$$1.classPrefix;
+ if (typeof icon === 'undefined') {
+ return self$$1.settings.icon;
}
- iconElm.className = icon;
- } else if (iconElm) {
- btnElm.removeChild(iconElm);
+ self$$1.settings.icon = icon;
+ icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : '';
+ var btnElm = self$$1.getEl().firstChild;
+ var iconElm = btnElm.getElementsByTagName('i')[0];
+ if (icon) {
+ if (!iconElm || iconElm !== btnElm.firstChild) {
+ iconElm = document.createElement('i');
+ btnElm.insertBefore(iconElm, btnElm.firstChild);
+ }
+ iconElm.className = icon;
+ } else if (iconElm) {
+ btnElm.removeChild(iconElm);
+ }
+ });
+ if (self$$1.state.get('checked')) {
+ checked(true);
}
- });
- if (self$$1.state.get('checked')) {
- checked(true);
+ return self$$1._super();
}
- return self$$1._super();
- }
- });
+ });
- var global$13 = tinymce.util.Tools.resolve('tinymce.util.VK');
+ var global$d = tinymce.util.Tools.resolve('tinymce.util.VK');
- var ComboBox = Widget.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- settings = self$$1.settings;
- self$$1.classes.add('combobox');
- self$$1.subinput = true;
- self$$1.ariaTarget = 'inp';
- settings.menu = settings.menu || settings.values;
- if (settings.menu) {
- settings.icon = 'caret';
- }
- self$$1.on('click', function (e) {
- var elm = e.target;
- var root = self$$1.getEl();
- if (!global$9.contains(root, elm) && elm !== root) {
- return;
+ var ComboBox = Widget.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ settings = self$$1.settings;
+ self$$1.classes.add('combobox');
+ self$$1.subinput = true;
+ self$$1.ariaTarget = 'inp';
+ settings.menu = settings.menu || settings.values;
+ if (settings.menu) {
+ settings.icon = 'caret';
}
- while (elm && elm !== root) {
- if (elm.id && elm.id.indexOf('-open') !== -1) {
- self$$1.fire('action');
- if (settings.menu) {
- self$$1.showMenu();
- if (e.aria) {
- self$$1.menu.items()[0].focus();
+ self$$1.on('click', function (e) {
+ var elm = e.target;
+ var root = self$$1.getEl();
+ if (!global$9.contains(root, elm) && elm !== root) {
+ return;
+ }
+ while (elm && elm !== root) {
+ if (elm.id && elm.id.indexOf('-open') !== -1) {
+ self$$1.fire('action');
+ if (settings.menu) {
+ self$$1.showMenu();
+ if (e.aria) {
+ self$$1.menu.items()[0].focus();
+ }
}
}
+ elm = elm.parentNode;
}
- elm = elm.parentNode;
+ });
+ self$$1.on('keydown', function (e) {
+ var rootControl;
+ if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {
+ e.preventDefault();
+ self$$1.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
+ });
+ self$$1.on('keyup', function (e) {
+ if (e.target.nodeName === 'INPUT') {
+ var oldValue = self$$1.state.get('value');
+ var newValue = e.target.value;
+ if (newValue !== oldValue) {
+ self$$1.state.set('value', newValue);
+ self$$1.fire('autocomplete', e);
+ }
+ }
+ });
+ self$$1.on('mouseover', function (e) {
+ var tooltip = self$$1.tooltip().moveTo(-65535);
+ if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) {
+ var statusMessage = self$$1.statusMessage() || 'Ok';
+ var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [
+ 'bc-tc',
+ 'bc-tl',
+ 'bc-tr'
+ ]);
+ tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
+ tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
+ tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
+ tooltip.moveRel(e.target, rel);
+ }
+ });
+ },
+ statusLevel: function (value) {
+ if (arguments.length > 0) {
+ this.state.set('statusLevel', value);
}
- });
- self$$1.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {
- e.preventDefault();
- self$$1.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
+ return this.state.get('statusLevel');
+ },
+ statusMessage: function (value) {
+ if (arguments.length > 0) {
+ this.state.set('statusMessage', value);
+ }
+ return this.state.get('statusMessage');
+ },
+ showMenu: function () {
+ var self$$1 = this;
+ var settings = self$$1.settings;
+ var menu;
+ if (!self$$1.menu) {
+ menu = settings.menu || [];
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
+ }
+ self$$1.menu = global$4.create(menu).parent(self$$1).renderTo(self$$1.getContainerElm());
+ self$$1.fire('createmenu');
+ self$$1.menu.reflow();
+ self$$1.menu.on('cancel', function (e) {
+ if (e.control === self$$1.menu) {
+ self$$1.focus();
}
});
- self$$1.fire('submit', { data: rootControl.toJSON() });
+ self$$1.menu.on('show hide', function (e) {
+ e.control.items().each(function (ctrl) {
+ ctrl.active(ctrl.value() === self$$1.value());
+ });
+ }).fire('show');
+ self$$1.menu.on('select', function (e) {
+ self$$1.value(e.control.value());
+ });
+ self$$1.on('focusin', function (e) {
+ if (e.target.tagName.toUpperCase() === 'INPUT') {
+ self$$1.menu.hide();
+ }
+ });
+ self$$1.aria('expanded', true);
}
- });
- self$$1.on('keyup', function (e) {
- if (e.target.nodeName === 'INPUT') {
- var oldValue = self$$1.state.get('value');
- var newValue = e.target.value;
- if (newValue !== oldValue) {
- self$$1.state.set('value', newValue);
- self$$1.fire('autocomplete', e);
- }
+ self$$1.menu.show();
+ self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ },
+ focus: function () {
+ this.getEl('inp').focus();
+ },
+ repaint: function () {
+ var self$$1 = this, elm = self$$1.getEl(), openElm = self$$1.getEl('open'), rect = self$$1.layoutRect();
+ var width, lineHeight, innerPadding = 0;
+ var inputElm = elm.firstChild;
+ if (self$$1.statusLevel() && self$$1.statusLevel() !== 'none') {
+ innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);
}
- });
- self$$1.on('mouseover', function (e) {
- var tooltip = self$$1.tooltip().moveTo(-65535);
- if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) {
- var statusMessage = self$$1.statusMessage() || 'Ok';
- var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [
- 'bc-tc',
- 'bc-tl',
- 'bc-tr'
- ]);
- tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');
- tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');
- tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');
- tooltip.moveRel(e.target, rel);
+ if (openElm) {
+ width = rect.w - funcs.getSize(openElm).width - 10;
+ } else {
+ width = rect.w - 10;
}
- });
- },
- statusLevel: function (value) {
- if (arguments.length > 0) {
- this.state.set('statusLevel', value);
- }
- return this.state.get('statusLevel');
- },
- statusMessage: function (value) {
- if (arguments.length > 0) {
- this.state.set('statusMessage', value);
- }
- return this.state.get('statusMessage');
- },
- showMenu: function () {
- var self$$1 = this;
- var settings = self$$1.settings;
- var menu;
- if (!self$$1.menu) {
- menu = settings.menu || [];
- if (menu.length) {
- menu = {
- type: 'menu',
- items: menu
+ var doc = document;
+ if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
+ lineHeight = self$$1.layoutRect().h - 2 + 'px';
+ }
+ global$9(inputElm).css({
+ width: width - innerPadding,
+ lineHeight: lineHeight
+ });
+ self$$1._super();
+ return self$$1;
+ },
+ postRender: function () {
+ var self$$1 = this;
+ global$9(this.getEl('inp')).on('change', function (e) {
+ self$$1.state.set('value', e.target.value);
+ self$$1.fire('change', e);
+ });
+ return self$$1._super();
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, settings = self$$1.settings, prefix = self$$1.classPrefix;
+ var value = self$$1.state.get('value') || '';
+ var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';
+ if ('spellcheck' in settings) {
+ extraAttrs += ' spellcheck="' + settings.spellcheck + '"';
+ }
+ if (settings.maxLength) {
+ extraAttrs += ' maxlength="' + settings.maxLength + '"';
+ }
+ if (settings.size) {
+ extraAttrs += ' size="' + settings.size + '"';
+ }
+ if (settings.subtype) {
+ extraAttrs += ' type="' + settings.subtype + '"';
+ }
+ statusHtml = '';
+ if (self$$1.disabled()) {
+ extraAttrs += ' disabled="disabled"';
+ }
+ icon = settings.icon;
+ if (icon && icon !== 'caret') {
+ icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;
+ }
+ text = self$$1.state.get('text');
+ if (icon || text) {
+ openBtnHtml = '' + '' + '
';
+ self$$1.classes.add('has-open');
+ }
+ return '' + '' + statusHtml + openBtnHtml + '
';
+ },
+ value: function (value) {
+ if (arguments.length) {
+ this.state.set('value', value);
+ return this;
+ }
+ if (this.state.get('rendered')) {
+ this.state.set('value', this.getEl('inp').value);
+ }
+ return this.state.get('value');
+ },
+ showAutoComplete: function (items, term) {
+ var self$$1 = this;
+ if (items.length === 0) {
+ self$$1.hideMenu();
+ return;
+ }
+ var insert = function (value, title) {
+ return function () {
+ self$$1.fire('selectitem', {
+ title: title,
+ value: value
+ });
};
+ };
+ if (self$$1.menu) {
+ self$$1.menu.items().remove();
} else {
- menu.type = menu.type || 'menu';
+ self$$1.menu = global$4.create({
+ type: 'menu',
+ classes: 'combobox-menu',
+ layout: 'flow'
+ }).parent(self$$1).renderTo();
}
- self$$1.menu = global$4.create(menu).parent(self$$1).renderTo(self$$1.getContainerElm());
- self$$1.fire('createmenu');
- self$$1.menu.reflow();
+ global$2.each(items, function (item) {
+ self$$1.menu.add({
+ text: item.title,
+ url: item.previewUrl,
+ match: term,
+ classes: 'menu-item-ellipsis',
+ onclick: insert(item.value, item.title)
+ });
+ });
+ self$$1.menu.renderNew();
+ self$$1.hideMenu();
self$$1.menu.on('cancel', function (e) {
- if (e.control === self$$1.menu) {
+ if (e.control.parent() === self$$1.menu) {
+ e.stopPropagation();
self$$1.focus();
+ self$$1.hideMenu();
}
});
- self$$1.menu.on('show hide', function (e) {
- e.control.items().each(function (ctrl) {
- ctrl.active(ctrl.value() === self$$1.value());
- });
- }).fire('show');
- self$$1.menu.on('select', function (e) {
- self$$1.value(e.control.value());
+ self$$1.menu.on('select', function () {
+ self$$1.focus();
});
- self$$1.on('focusin', function (e) {
- if (e.target.tagName.toUpperCase() === 'INPUT') {
- self$$1.menu.hide();
+ var maxW = self$$1.layoutRect().w;
+ self$$1.menu.layoutRect({
+ w: maxW,
+ minW: 0,
+ maxW: maxW
+ });
+ self$$1.menu.repaint();
+ self$$1.menu.reflow();
+ self$$1.menu.show();
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ },
+ hideMenu: function () {
+ if (this.menu) {
+ this.menu.hide();
+ }
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:value', function (e) {
+ if (self$$1.getEl('inp').value !== e.value) {
+ self$$1.getEl('inp').value = e.value;
}
});
- self$$1.aria('expanded', true);
- }
- self$$1.menu.show();
- self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- },
- focus: function () {
- this.getEl('inp').focus();
- },
- repaint: function () {
- var self$$1 = this, elm = self$$1.getEl(), openElm = self$$1.getEl('open'), rect = self$$1.layoutRect();
- var width, lineHeight, innerPadding = 0;
- var inputElm = elm.firstChild;
- if (self$$1.statusLevel() && self$$1.statusLevel() !== 'none') {
- innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);
- }
- if (openElm) {
- width = rect.w - funcs.getSize(openElm).width - 10;
- } else {
- width = rect.w - 10;
- }
- var doc = document;
- if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
- lineHeight = self$$1.layoutRect().h - 2 + 'px';
- }
- global$9(inputElm).css({
- width: width - innerPadding,
- lineHeight: lineHeight
- });
- self$$1._super();
- return self$$1;
- },
- postRender: function () {
- var self$$1 = this;
- global$9(this.getEl('inp')).on('change', function (e) {
- self$$1.state.set('value', e.target.value);
- self$$1.fire('change', e);
- });
- return self$$1._super();
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, settings = self$$1.settings, prefix = self$$1.classPrefix;
- var value = self$$1.state.get('value') || '';
- var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';
- if ('spellcheck' in settings) {
- extraAttrs += ' spellcheck="' + settings.spellcheck + '"';
- }
- if (settings.maxLength) {
- extraAttrs += ' maxlength="' + settings.maxLength + '"';
- }
- if (settings.size) {
- extraAttrs += ' size="' + settings.size + '"';
- }
- if (settings.subtype) {
- extraAttrs += ' type="' + settings.subtype + '"';
- }
- statusHtml = '';
- if (self$$1.disabled()) {
- extraAttrs += ' disabled="disabled"';
- }
- icon = settings.icon;
- if (icon && icon !== 'caret') {
- icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;
- }
- text = self$$1.state.get('text');
- if (icon || text) {
- openBtnHtml = '' + '' + '
';
- self$$1.classes.add('has-open');
- }
- return '' + '' + statusHtml + openBtnHtml + '
';
- },
- value: function (value) {
- if (arguments.length) {
- this.state.set('value', value);
- return this;
- }
- if (this.state.get('rendered')) {
- this.state.set('value', this.getEl('inp').value);
- }
- return this.state.get('value');
- },
- showAutoComplete: function (items, term) {
- var self$$1 = this;
- if (items.length === 0) {
- self$$1.hideMenu();
- return;
- }
- var insert = function (value, title) {
- return function () {
- self$$1.fire('selectitem', {
- title: title,
- value: value
- });
+ self$$1.state.on('change:disabled', function (e) {
+ self$$1.getEl('inp').disabled = e.value;
+ });
+ self$$1.state.on('change:statusLevel', function (e) {
+ var statusIconElm = self$$1.getEl('status');
+ var prefix = self$$1.classPrefix, value = e.value;
+ funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');
+ funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');
+ funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');
+ funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');
+ self$$1.classes.toggle('has-status', value !== 'none');
+ self$$1.repaint();
+ });
+ funcs.on(self$$1.getEl('status'), 'mouseleave', function () {
+ self$$1.tooltip().hide();
+ });
+ self$$1.on('cancel', function (e) {
+ if (self$$1.menu && self$$1.menu.visible()) {
+ e.stopPropagation();
+ self$$1.hideMenu();
+ }
+ });
+ var focusIdx = function (idx, menu) {
+ if (menu && menu.items().length > 0) {
+ menu.items().eq(idx)[0].focus();
+ }
};
- };
- if (self$$1.menu) {
- self$$1.menu.items().remove();
- } else {
- self$$1.menu = global$4.create({
- type: 'menu',
- classes: 'combobox-menu',
- layout: 'flow'
- }).parent(self$$1).renderTo();
+ self$$1.on('keydown', function (e) {
+ var keyCode = e.keyCode;
+ if (e.target.nodeName === 'INPUT') {
+ if (keyCode === global$d.DOWN) {
+ e.preventDefault();
+ self$$1.fire('autocomplete');
+ focusIdx(0, self$$1.menu);
+ } else if (keyCode === global$d.UP) {
+ e.preventDefault();
+ focusIdx(-1, self$$1.menu);
+ }
+ }
+ });
+ return self$$1._super();
+ },
+ remove: function () {
+ global$9(this.getEl('inp')).off();
+ if (this.menu) {
+ this.menu.remove();
+ }
+ this._super();
}
- global$2.each(items, function (item) {
- self$$1.menu.add({
- text: item.title,
- url: item.previewUrl,
- match: term,
- classes: 'menu-item-ellipsis',
- onclick: insert(item.value, item.title)
+ });
+
+ var ColorBox = ComboBox.extend({
+ init: function (settings) {
+ var self = this;
+ settings.spellcheck = false;
+ if (settings.onaction) {
+ settings.icon = 'none';
+ }
+ self._super(settings);
+ self.classes.add('colorbox');
+ self.on('change keyup postrender', function () {
+ self.repaintColor(self.value());
});
- });
- self$$1.menu.renderNew();
- self$$1.hideMenu();
- self$$1.menu.on('cancel', function (e) {
- if (e.control.parent() === self$$1.menu) {
- e.stopPropagation();
- self$$1.focus();
- self$$1.hideMenu();
+ },
+ repaintColor: function (value) {
+ var openElm = this.getEl('open');
+ var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;
+ if (elm) {
+ try {
+ elm.style.background = value;
+ } catch (ex) {
+ }
}
- });
- self$$1.menu.on('select', function () {
- self$$1.focus();
- });
- var maxW = self$$1.layoutRect().w;
- self$$1.menu.layoutRect({
- w: maxW,
- minW: 0,
- maxW: maxW
- });
- self$$1.menu.repaint();
- self$$1.menu.reflow();
- self$$1.menu.show();
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- },
- hideMenu: function () {
- if (this.menu) {
- this.menu.hide();
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:value', function (e) {
+ if (self.state.get('rendered')) {
+ self.repaintColor(e.value);
+ }
+ });
+ return self._super();
}
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:value', function (e) {
- if (self$$1.getEl('inp').value !== e.value) {
- self$$1.getEl('inp').value = e.value;
+ });
+
+ var PanelButton = Button.extend({
+ showPanel: function () {
+ var self = this, settings = self.settings;
+ self.classes.add('opened');
+ if (!self.panel) {
+ var panelSettings = settings.panel;
+ if (panelSettings.type) {
+ panelSettings = {
+ layout: 'grid',
+ items: panelSettings
+ };
+ }
+ panelSettings.role = panelSettings.role || 'dialog';
+ panelSettings.popover = true;
+ panelSettings.autohide = true;
+ panelSettings.ariaRoot = true;
+ self.panel = new FloatPanel(panelSettings).on('hide', function () {
+ self.classes.remove('opened');
+ }).on('cancel', function (e) {
+ e.stopPropagation();
+ self.focus();
+ self.hidePanel();
+ }).parent(self).renderTo(self.getContainerElm());
+ self.panel.fire('show');
+ self.panel.reflow();
+ } else {
+ self.panel.show();
}
- });
- self$$1.state.on('change:disabled', function (e) {
- self$$1.getEl('inp').disabled = e.value;
- });
- self$$1.state.on('change:statusLevel', function (e) {
- var statusIconElm = self$$1.getEl('status');
- var prefix = self$$1.classPrefix, value = e.value;
- funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');
- funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');
- funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');
- funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');
- self$$1.classes.toggle('has-status', value !== 'none');
- self$$1.repaint();
- });
- funcs.on(self$$1.getEl('status'), 'mouseleave', function () {
- self$$1.tooltip().hide();
- });
- self$$1.on('cancel', function (e) {
- if (self$$1.menu && self$$1.menu.visible()) {
- e.stopPropagation();
- self$$1.hideMenu();
+ var rtlRels = [
+ 'bc-tc',
+ 'bc-tl',
+ 'bc-tr'
+ ];
+ var ltrRels = [
+ 'bc-tc',
+ 'bc-tr',
+ 'bc-tl',
+ 'tc-bc',
+ 'tc-br',
+ 'tc-bl'
+ ];
+ var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));
+ self.panel.classes.toggle('start', rel.substr(-1) === 'l');
+ self.panel.classes.toggle('end', rel.substr(-1) === 'r');
+ var isTop = rel.substr(0, 1) === 't';
+ self.panel.classes.toggle('bottom', !isTop);
+ self.panel.classes.toggle('top', isTop);
+ self.panel.moveRel(self.getEl(), rel);
+ },
+ hidePanel: function () {
+ var self = this;
+ if (self.panel) {
+ self.panel.hide();
}
- });
- var focusIdx = function (idx, menu) {
- if (menu && menu.items().length > 0) {
- menu.items().eq(idx)[0].focus();
- }
- };
- self$$1.on('keydown', function (e) {
- var keyCode = e.keyCode;
- if (e.target.nodeName === 'INPUT') {
- if (keyCode === global$13.DOWN) {
- e.preventDefault();
- self$$1.fire('autocomplete');
- focusIdx(0, self$$1.menu);
- } else if (keyCode === global$13.UP) {
- e.preventDefault();
- focusIdx(-1, self$$1.menu);
+ },
+ postRender: function () {
+ var self = this;
+ self.aria('haspopup', true);
+ self.on('click', function (e) {
+ if (e.control === self) {
+ if (self.panel && self.panel.visible()) {
+ self.hidePanel();
+ } else {
+ self.showPanel();
+ self.panel.focus(!!e.aria);
+ }
}
+ });
+ return self._super();
+ },
+ remove: function () {
+ if (this.panel) {
+ this.panel.remove();
+ this.panel = null;
}
- });
- return self$$1._super();
- },
- remove: function () {
- global$9(this.getEl('inp')).off();
- if (this.menu) {
- this.menu.remove();
+ return this._super();
}
- this._super();
- }
- });
+ });
- var ColorBox = ComboBox.extend({
- init: function (settings) {
- var self = this;
- settings.spellcheck = false;
- if (settings.onaction) {
- settings.icon = 'none';
- }
- self._super(settings);
- self.classes.add('colorbox');
- self.on('change keyup postrender', function () {
- self.repaintColor(self.value());
- });
- },
- repaintColor: function (value) {
- var openElm = this.getEl('open');
- var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;
- if (elm) {
- try {
- elm.style.background = value;
- } catch (ex) {
+ var DOM$3 = global$3.DOM;
+ var ColorButton = PanelButton.extend({
+ init: function (settings) {
+ this._super(settings);
+ this.classes.add('splitbtn');
+ this.classes.add('colorbutton');
+ },
+ color: function (color) {
+ if (color) {
+ this._color = color;
+ this.getEl('preview').style.backgroundColor = color;
+ return this;
}
+ return this._color;
+ },
+ resetColor: function () {
+ this._color = null;
+ this.getEl('preview').style.backgroundColor = null;
+ return this;
+ },
+ renderHtml: function () {
+ var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text');
+ var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
+ var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : '';
+ var textHtml = '';
+ if (text) {
+ self.classes.add('btn-has-text');
+ textHtml = '' + self.encode(text) + '';
+ }
+ return '' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self = this, onClickHandler = self.settings.onclick;
+ self.on('click', function (e) {
+ if (e.aria && e.aria.key === 'down') {
+ return;
+ }
+ if (e.control === self && !DOM$3.getParent(e.target, '.' + self.classPrefix + 'open')) {
+ e.stopImmediatePropagation();
+ onClickHandler.call(self, e);
+ }
+ });
+ delete self.settings.onclick;
+ return self._super();
}
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:value', function (e) {
- if (self.state.get('rendered')) {
- self.repaintColor(e.value);
- }
- });
- return self._super();
- }
- });
+ });
- var PanelButton = Button.extend({
- showPanel: function () {
- var self = this, settings = self.settings;
- self.classes.add('opened');
- if (!self.panel) {
- var panelSettings = settings.panel;
- if (panelSettings.type) {
- panelSettings = {
- layout: 'grid',
- items: panelSettings
+ var global$e = tinymce.util.Tools.resolve('tinymce.util.Color');
+
+ var ColorPicker = Widget.extend({
+ Defaults: { classes: 'widget colorpicker' },
+ init: function (settings) {
+ this._super(settings);
+ },
+ postRender: function () {
+ var self = this;
+ var color = self.color();
+ var hsv, hueRootElm, huePointElm, svRootElm, svPointElm;
+ hueRootElm = self.getEl('h');
+ huePointElm = self.getEl('hp');
+ svRootElm = self.getEl('sv');
+ svPointElm = self.getEl('svp');
+ function getPos(elm, event) {
+ var pos = funcs.getPos(elm);
+ var x, y;
+ x = event.pageX - pos.x;
+ y = event.pageY - pos.y;
+ x = Math.max(0, Math.min(x / elm.clientWidth, 1));
+ y = Math.max(0, Math.min(y / elm.clientHeight, 1));
+ return {
+ x: x,
+ y: y
};
}
- panelSettings.role = panelSettings.role || 'dialog';
- panelSettings.popover = true;
- panelSettings.autohide = true;
- panelSettings.ariaRoot = true;
- self.panel = new FloatPanel(panelSettings).on('hide', function () {
- self.classes.remove('opened');
- }).on('cancel', function (e) {
- e.stopPropagation();
- self.focus();
- self.hidePanel();
- }).parent(self).renderTo(self.getContainerElm());
- self.panel.fire('show');
- self.panel.reflow();
- } else {
- self.panel.show();
- }
- var rtlRels = [
- 'bc-tc',
- 'bc-tl',
- 'bc-tr'
- ];
- var ltrRels = [
- 'bc-tc',
- 'bc-tr',
- 'bc-tl',
- 'tc-bc',
- 'tc-br',
- 'tc-bl'
- ];
- var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));
- self.panel.classes.toggle('start', rel.substr(-1) === 'l');
- self.panel.classes.toggle('end', rel.substr(-1) === 'r');
- var isTop = rel.substr(0, 1) === 't';
- self.panel.classes.toggle('bottom', !isTop);
- self.panel.classes.toggle('top', isTop);
- self.panel.moveRel(self.getEl(), rel);
- },
- hidePanel: function () {
- var self = this;
- if (self.panel) {
- self.panel.hide();
- }
- },
- postRender: function () {
- var self = this;
- self.aria('haspopup', true);
- self.on('click', function (e) {
- if (e.control === self) {
- if (self.panel && self.panel.visible()) {
- self.hidePanel();
- } else {
- self.showPanel();
- self.panel.focus(!!e.aria);
+ function updateColor(hsv, hueUpdate) {
+ var hue = (360 - hsv.h) / 360;
+ funcs.css(huePointElm, { top: hue * 100 + '%' });
+ if (!hueUpdate) {
+ funcs.css(svPointElm, {
+ left: hsv.s + '%',
+ top: 100 - hsv.v + '%'
+ });
}
+ svRootElm.style.background = global$e({
+ s: 100,
+ v: 100,
+ h: hsv.h
+ }).toHex();
+ self.color().parse({
+ s: hsv.s,
+ v: hsv.v,
+ h: hsv.h
+ });
}
- });
- return self._super();
- },
- remove: function () {
- if (this.panel) {
- this.panel.remove();
- this.panel = null;
- }
- return this._super();
- }
- });
-
- var DOM$3 = global$3.DOM;
- var ColorButton = PanelButton.extend({
- init: function (settings) {
- this._super(settings);
- this.classes.add('splitbtn');
- this.classes.add('colorbutton');
- },
- color: function (color) {
- if (color) {
- this._color = color;
- this.getEl('preview').style.backgroundColor = color;
- return this;
- }
- return this._color;
- },
- resetColor: function () {
- this._color = null;
- this.getEl('preview').style.backgroundColor = null;
- return this;
- },
- renderHtml: function () {
- var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text');
- var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';
- var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : '';
- var textHtml = '';
- if (text) {
- self.classes.add('btn-has-text');
- textHtml = '' + self.encode(text) + '';
- }
- return '' + '' + '' + '
';
- },
- postRender: function () {
- var self = this, onClickHandler = self.settings.onclick;
- self.on('click', function (e) {
- if (e.aria && e.aria.key === 'down') {
- return;
+ function updateSaturationAndValue(e) {
+ var pos;
+ pos = getPos(svRootElm, e);
+ hsv.s = pos.x * 100;
+ hsv.v = (1 - pos.y) * 100;
+ updateColor(hsv);
+ self.fire('change');
}
- if (e.control === self && !DOM$3.getParent(e.target, '.' + self.classPrefix + 'open')) {
- e.stopImmediatePropagation();
- onClickHandler.call(self, e);
+ function updateHue(e) {
+ var pos;
+ pos = getPos(hueRootElm, e);
+ hsv = color.toHsv();
+ hsv.h = (1 - pos.y) * 360;
+ updateColor(hsv, true);
+ self.fire('change');
}
- });
- delete self.settings.onclick;
- return self._super();
- }
- });
-
- var global$14 = tinymce.util.Tools.resolve('tinymce.util.Color');
-
- var ColorPicker = Widget.extend({
- Defaults: { classes: 'widget colorpicker' },
- init: function (settings) {
- this._super(settings);
- },
- postRender: function () {
- var self = this;
- var color = self.color();
- var hsv, hueRootElm, huePointElm, svRootElm, svPointElm;
- hueRootElm = self.getEl('h');
- huePointElm = self.getEl('hp');
- svRootElm = self.getEl('sv');
- svPointElm = self.getEl('svp');
- function getPos(elm, event) {
- var pos = funcs.getPos(elm);
- var x, y;
- x = event.pageX - pos.x;
- y = event.pageY - pos.y;
- x = Math.max(0, Math.min(x / elm.clientWidth, 1));
- y = Math.max(0, Math.min(y / elm.clientHeight, 1));
- return {
- x: x,
- y: y
+ self._repaint = function () {
+ hsv = color.toHsv();
+ updateColor(hsv);
};
- }
- function updateColor(hsv, hueUpdate) {
- var hue = (360 - hsv.h) / 360;
- funcs.css(huePointElm, { top: hue * 100 + '%' });
- if (!hueUpdate) {
- funcs.css(svPointElm, {
- left: hsv.s + '%',
- top: 100 - hsv.v + '%'
- });
- }
- svRootElm.style.background = global$14({
- s: 100,
- v: 100,
- h: hsv.h
- }).toHex();
- self.color().parse({
- s: hsv.s,
- v: hsv.v,
- h: hsv.h
+ self._super();
+ self._svdraghelper = new DragHelper(self._id + '-sv', {
+ start: updateSaturationAndValue,
+ drag: updateSaturationAndValue
});
- }
- function updateSaturationAndValue(e) {
- var pos;
- pos = getPos(svRootElm, e);
- hsv.s = pos.x * 100;
- hsv.v = (1 - pos.y) * 100;
- updateColor(hsv);
- self.fire('change');
- }
- function updateHue(e) {
- var pos;
- pos = getPos(hueRootElm, e);
- hsv = color.toHsv();
- hsv.h = (1 - pos.y) * 360;
- updateColor(hsv, true);
- self.fire('change');
- }
- self._repaint = function () {
- hsv = color.toHsv();
- updateColor(hsv);
- };
- self._super();
- self._svdraghelper = new DragHelper(self._id + '-sv', {
- start: updateSaturationAndValue,
- drag: updateSaturationAndValue
- });
- self._hdraghelper = new DragHelper(self._id + '-h', {
- start: updateHue,
- drag: updateHue
- });
- self._repaint();
- },
- rgb: function () {
- return this.color().toRgb();
- },
- value: function (value) {
- var self = this;
- if (arguments.length) {
- self.color().parse(value);
- if (self._rendered) {
- self._repaint();
+ self._hdraghelper = new DragHelper(self._id + '-h', {
+ start: updateHue,
+ drag: updateHue
+ });
+ self._repaint();
+ },
+ rgb: function () {
+ return this.color().toRgb();
+ },
+ value: function (value) {
+ var self = this;
+ if (arguments.length) {
+ self.color().parse(value);
+ if (self._rendered) {
+ self._repaint();
+ }
+ } else {
+ return self.color().toHex();
}
- } else {
- return self.color().toHex();
- }
- },
- color: function () {
- if (!this._color) {
- this._color = global$14();
- }
- return this._color;
- },
- renderHtml: function () {
- var self = this;
- var id = self._id;
- var prefix = self.classPrefix;
- var hueHtml;
- var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000';
- function getOldIeFallbackHtml() {
- var i, l, html = '', gradientPrefix, stopsList;
- gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=';
- stopsList = stops.split(',');
- for (i = 0, l = stopsList.length - 1; i < l; i++) {
- html += '';
+ },
+ color: function () {
+ if (!this._color) {
+ this._color = global$e();
}
- return html;
+ return this._color;
+ },
+ renderHtml: function () {
+ var self = this;
+ var id = self._id;
+ var prefix = self.classPrefix;
+ var hueHtml;
+ var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000';
+ function getOldIeFallbackHtml() {
+ var i, l, html = '', gradientPrefix, stopsList;
+ gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=';
+ stopsList = stops.split(',');
+ for (i = 0, l = stopsList.length - 1; i < l; i++) {
+ html += '';
+ }
+ return html;
+ }
+ var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');';
+ hueHtml = '' + getOldIeFallbackHtml() + '' + '
';
+ return '' + '
';
}
- var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');';
- hueHtml = '' + '' + '
' + hueHtml + '' + getOldIeFallbackHtml() + '' + '
';
- return '' + '
';
- }
- });
+ });
- var DropZone = Widget.extend({
- init: function (settings) {
- var self = this;
- settings = global$2.extend({
- height: 100,
- text: 'Drop an image here',
- multiple: false,
- accept: null
- }, settings);
- self._super(settings);
- self.classes.add('dropzone');
- if (settings.multiple) {
- self.classes.add('multiple');
- }
- },
- renderHtml: function () {
- var self = this;
- var attrs, elm;
- var cfg = self.settings;
- attrs = {
- id: self._id,
- hidefocus: '1'
- };
- elm = funcs.create('div', attrs, '' + this.translate(cfg.text) + '');
- if (cfg.height) {
- funcs.css(elm, 'height', cfg.height + 'px');
- }
- if (cfg.width) {
- funcs.css(elm, 'width', cfg.width + 'px');
- }
- elm.className = self.classes;
- return elm.outerHTML;
- },
- postRender: function () {
- var self = this;
- var toggleDragClass = function (e) {
- e.preventDefault();
- self.classes.toggle('dragenter');
- self.getEl().className = self.classes;
- };
- var filter = function (files) {
- var accept = self.settings.accept;
- if (typeof accept !== 'string') {
- return files;
+ var DropZone = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ settings = global$2.extend({
+ height: 100,
+ text: 'Drop an image here',
+ multiple: false,
+ accept: null
+ }, settings);
+ self._super(settings);
+ self.classes.add('dropzone');
+ if (settings.multiple) {
+ self.classes.add('multiple');
}
- var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i');
- return global$2.grep(files, function (file) {
- return re.test(file.name);
- });
- };
- self._super();
- self.$el.on('dragover', function (e) {
- e.preventDefault();
- });
- self.$el.on('dragenter', toggleDragClass);
- self.$el.on('dragleave', toggleDragClass);
- self.$el.on('drop', function (e) {
- e.preventDefault();
- if (self.state.get('disabled')) {
- return;
+ },
+ renderHtml: function () {
+ var self = this;
+ var attrs, elm;
+ var cfg = self.settings;
+ attrs = {
+ id: self._id,
+ hidefocus: '1'
+ };
+ elm = funcs.create('div', attrs, '' + this.translate(cfg.text) + '');
+ if (cfg.height) {
+ funcs.css(elm, 'height', cfg.height + 'px');
}
- var files = filter(e.dataTransfer.files);
- self.value = function () {
- if (!files.length) {
- return null;
- } else if (self.settings.multiple) {
+ if (cfg.width) {
+ funcs.css(elm, 'width', cfg.width + 'px');
+ }
+ elm.className = self.classes;
+ return elm.outerHTML;
+ },
+ postRender: function () {
+ var self = this;
+ var toggleDragClass = function (e) {
+ e.preventDefault();
+ self.classes.toggle('dragenter');
+ self.getEl().className = self.classes;
+ };
+ var filter = function (files) {
+ var accept = self.settings.accept;
+ if (typeof accept !== 'string') {
return files;
- } else {
- return files[0];
}
+ var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i');
+ return global$2.grep(files, function (file) {
+ return re.test(file.name);
+ });
};
- if (files.length) {
- self.fire('change', e);
- }
- });
- },
- remove: function () {
- this.$el.off();
- this._super();
- }
- });
+ self._super();
+ self.$el.on('dragover', function (e) {
+ e.preventDefault();
+ });
+ self.$el.on('dragenter', toggleDragClass);
+ self.$el.on('dragleave', toggleDragClass);
+ self.$el.on('drop', function (e) {
+ e.preventDefault();
+ if (self.state.get('disabled')) {
+ return;
+ }
+ var files = filter(e.dataTransfer.files);
+ self.value = function () {
+ if (!files.length) {
+ return null;
+ } else if (self.settings.multiple) {
+ return files;
+ } else {
+ return files[0];
+ }
+ };
+ if (files.length) {
+ self.fire('change', e);
+ }
+ });
+ },
+ remove: function () {
+ this.$el.off();
+ this._super();
+ }
+ });
- var Path = Widget.extend({
- init: function (settings) {
- var self = this;
- if (!settings.delimiter) {
- settings.delimiter = '\xBB';
- }
- self._super(settings);
- self.classes.add('path');
- self.canFocus = true;
- self.on('click', function (e) {
- var index;
- var target = e.target;
- if (index = target.getAttribute('data-index')) {
- self.fire('select', {
- value: self.row()[index],
- index: index
- });
+ var Path = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ if (!settings.delimiter) {
+ settings.delimiter = '\xBB';
}
- });
- self.row(self.settings.row);
- },
- focus: function () {
- var self = this;
- self.getEl().firstChild.focus();
- return self;
- },
- row: function (row) {
- if (!arguments.length) {
- return this.state.get('row');
+ self._super(settings);
+ self.classes.add('path');
+ self.canFocus = true;
+ self.on('click', function (e) {
+ var index;
+ var target = e.target;
+ if (index = target.getAttribute('data-index')) {
+ self.fire('select', {
+ value: self.row()[index],
+ index: index
+ });
+ }
+ });
+ self.row(self.settings.row);
+ },
+ focus: function () {
+ var self = this;
+ self.getEl().firstChild.focus();
+ return self;
+ },
+ row: function (row) {
+ if (!arguments.length) {
+ return this.state.get('row');
+ }
+ this.state.set('row', row);
+ return this;
+ },
+ renderHtml: function () {
+ var self = this;
+ return '' + '' + '
' + hueHtml + '' + self._getDataPathHtml(self.state.get('row')) + '
';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:row', function (e) {
+ self.innerHtml(self._getDataPathHtml(e.value));
+ });
+ return self._super();
+ },
+ _getDataPathHtml: function (data) {
+ var self = this;
+ var parts = data || [];
+ var i, l, html = '';
+ var prefix = self.classPrefix;
+ for (i = 0, l = parts.length; i < l; i++) {
+ html += (i > 0 ? '' : '') + '' + parts[i].name + '
';
+ }
+ if (!html) {
+ html = '\xA0
';
+ }
+ return html;
}
- this.state.set('row', row);
- return this;
- },
- renderHtml: function () {
- var self = this;
- return '' + self._getDataPathHtml(self.state.get('row')) + '
';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:row', function (e) {
- self.innerHtml(self._getDataPathHtml(e.value));
- });
- return self._super();
- },
- _getDataPathHtml: function (data) {
- var self = this;
- var parts = data || [];
- var i, l, html = '';
- var prefix = self.classPrefix;
- for (i = 0, l = parts.length; i < l; i++) {
- html += (i > 0 ? '' : '') + '' + parts[i].name + '
';
- }
- if (!html) {
- html = '\xA0
';
- }
- return html;
- }
- });
+ });
- var ElementPath = Path.extend({
- postRender: function () {
- var self = this, editor = self.settings.editor;
- function isHidden(elm) {
- if (elm.nodeType === 1) {
- if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
- return true;
+ var ElementPath = Path.extend({
+ postRender: function () {
+ var self = this, editor = self.settings.editor;
+ function isHidden(elm) {
+ if (elm.nodeType === 1) {
+ if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
+ return true;
+ }
+ if (elm.getAttribute('data-mce-type') === 'bookmark') {
+ return true;
+ }
}
- if (elm.getAttribute('data-mce-type') === 'bookmark') {
- return true;
- }
+ return false;
}
- return false;
- }
- if (editor.settings.elementpath !== false) {
- self.on('select', function (e) {
- editor.focus();
- editor.selection.select(this.row()[e.index].element);
- editor.nodeChanged();
- });
- editor.on('nodeChange', function (e) {
- var outParents = [];
- var parents = e.parents;
- var i = parents.length;
- while (i--) {
- if (parents[i].nodeType === 1 && !isHidden(parents[i])) {
- var args = editor.fire('ResolveName', {
- name: parents[i].nodeName.toLowerCase(),
- target: parents[i]
- });
- if (!args.isDefaultPrevented()) {
- outParents.push({
- name: args.name,
- element: parents[i]
+ if (editor.settings.elementpath !== false) {
+ self.on('select', function (e) {
+ editor.focus();
+ editor.selection.select(this.row()[e.index].element);
+ editor.nodeChanged();
+ });
+ editor.on('nodeChange', function (e) {
+ var outParents = [];
+ var parents = e.parents;
+ var i = parents.length;
+ while (i--) {
+ if (parents[i].nodeType === 1 && !isHidden(parents[i])) {
+ var args = editor.fire('ResolveName', {
+ name: parents[i].nodeName.toLowerCase(),
+ target: parents[i]
});
+ if (!args.isDefaultPrevented()) {
+ outParents.push({
+ name: args.name,
+ element: parents[i]
+ });
+ }
+ if (args.isPropagationStopped()) {
+ break;
+ }
}
- if (args.isPropagationStopped()) {
- break;
- }
}
- }
- self.row(outParents);
- });
+ self.row(outParents);
+ });
+ }
+ return self._super();
}
- return self._super();
- }
- });
+ });
- var FormItem = Container.extend({
- Defaults: {
- layout: 'flex',
- align: 'center',
- defaults: { flex: 1 }
- },
- renderHtml: function () {
- var self = this, layout = self._layout, prefix = self.classPrefix;
- self.classes.add('formitem');
- layout.preRender(self);
- return '' + (self.settings.title ? '
';
- }
- });
+ var FormItem = Container.extend({
+ Defaults: {
+ layout: 'flex',
+ align: 'center',
+ defaults: { flex: 1 }
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout, prefix = self.classPrefix;
+ self.classes.add('formitem');
+ layout.preRender(self);
+ return '' + self.settings.title + '
' : '') + '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + (self.settings.title ? '
';
+ }
+ });
- var Form = Container.extend({
- Defaults: {
- containerCls: 'form',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- flex: 1,
- padding: 15,
- labelGap: 30,
- spacing: 10,
- callbacks: {
- submit: function () {
- this.submit();
+ var Form = Container.extend({
+ Defaults: {
+ containerCls: 'form',
+ layout: 'flex',
+ direction: 'column',
+ align: 'stretch',
+ flex: 1,
+ padding: 15,
+ labelGap: 30,
+ spacing: 10,
+ callbacks: {
+ submit: function () {
+ this.submit();
+ }
}
- }
- },
- preRender: function () {
- var self = this, items = self.items();
- if (!self.settings.formItemDefaults) {
- self.settings.formItemDefaults = {
- layout: 'flex',
- autoResize: 'overflow',
- defaults: { flex: 1 }
- };
- }
- items.each(function (ctrl) {
- var formItem;
- var label = ctrl.settings.label;
- if (label) {
- formItem = new FormItem(global$2.extend({
- items: {
- type: 'label',
- id: ctrl._id + '-l',
- text: label,
- flex: 0,
- forId: ctrl._id,
- disabled: ctrl.disabled()
+ },
+ preRender: function () {
+ var self = this, items = self.items();
+ if (!self.settings.formItemDefaults) {
+ self.settings.formItemDefaults = {
+ layout: 'flex',
+ autoResize: 'overflow',
+ defaults: { flex: 1 }
+ };
+ }
+ items.each(function (ctrl) {
+ var formItem;
+ var label = ctrl.settings.label;
+ if (label) {
+ formItem = new FormItem(global$2.extend({
+ items: {
+ type: 'label',
+ id: ctrl._id + '-l',
+ text: label,
+ flex: 0,
+ forId: ctrl._id,
+ disabled: ctrl.disabled()
+ }
+ }, self.settings.formItemDefaults));
+ formItem.type = 'formitem';
+ ctrl.aria('labelledby', ctrl._id + '-l');
+ if (typeof ctrl.settings.flex === 'undefined') {
+ ctrl.settings.flex = 1;
}
- }, self.settings.formItemDefaults));
- formItem.type = 'formitem';
- ctrl.aria('labelledby', ctrl._id + '-l');
- if (typeof ctrl.settings.flex === 'undefined') {
- ctrl.settings.flex = 1;
+ self.replace(ctrl, formItem);
+ formItem.add(ctrl);
}
- self.replace(ctrl, formItem);
- formItem.add(ctrl);
- }
- });
- },
- submit: function () {
- return this.fire('submit', { data: this.toJSON() });
- },
- postRender: function () {
- var self = this;
- self._super();
- self.fromJSON(self.settings.data);
- },
- bindStates: function () {
- var self = this;
- self._super();
- function recalcLabels() {
- var maxLabelWidth = 0;
- var labels = [];
- var i, labelGap, items;
- if (self.settings.labelGapCalc === false) {
- return;
- }
- if (self.settings.labelGapCalc === 'children') {
- items = self.find('formitem');
- } else {
- items = self.items();
- }
- items.filter('formitem').each(function (item) {
- var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth;
- maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth;
- labels.push(labelCtrl);
});
- labelGap = self.settings.labelGap || 0;
- i = labels.length;
- while (i--) {
- labels[i].settings.minWidth = maxLabelWidth + labelGap;
+ },
+ submit: function () {
+ return this.fire('submit', { data: this.toJSON() });
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.fromJSON(self.settings.data);
+ },
+ bindStates: function () {
+ var self = this;
+ self._super();
+ function recalcLabels() {
+ var maxLabelWidth = 0;
+ var labels = [];
+ var i, labelGap, items;
+ if (self.settings.labelGapCalc === false) {
+ return;
+ }
+ if (self.settings.labelGapCalc === 'children') {
+ items = self.find('formitem');
+ } else {
+ items = self.items();
+ }
+ items.filter('formitem').each(function (item) {
+ var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth;
+ maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth;
+ labels.push(labelCtrl);
+ });
+ labelGap = self.settings.labelGap || 0;
+ i = labels.length;
+ while (i--) {
+ labels[i].settings.minWidth = maxLabelWidth + labelGap;
+ }
}
+ self.on('show', recalcLabels);
+ recalcLabels();
}
- self.on('show', recalcLabels);
- recalcLabels();
- }
- });
+ });
- var FieldSet = Form.extend({
- Defaults: {
- containerCls: 'fieldset',
- layout: 'flex',
- direction: 'column',
- align: 'stretch',
- flex: 1,
- padding: '25 15 5 15',
- labelGap: 30,
- spacing: 10,
- border: 1
- },
- renderHtml: function () {
- var self = this, layout = self._layout, prefix = self.classPrefix;
- self.preRender();
- layout.preRender(self);
- return '';
- }
- });
+ var FieldSet = Form.extend({
+ Defaults: {
+ containerCls: 'fieldset',
+ layout: 'flex',
+ direction: 'column',
+ align: 'stretch',
+ flex: 1,
+ padding: '25 15 5 15',
+ labelGap: 30,
+ spacing: 10,
+ border: 1
+ },
+ renderHtml: function () {
+ var self = this, layout = self._layout, prefix = self.classPrefix;
+ self.preRender();
+ layout.preRender(self);
+ return '';
+ }
+ });
- var unique$1 = 0;
- var generate = function (prefix) {
- var date = new Date();
- var time = date.getTime();
- var random = Math.floor(Math.random() * 1000000000);
- unique$1++;
- return prefix + '_' + random + unique$1 + String(time);
- };
+ var unique$1 = 0;
+ var generate = function (prefix) {
+ var date = new Date();
+ var time = date.getTime();
+ var random = Math.floor(Math.random() * 1000000000);
+ unique$1++;
+ return prefix + '_' + random + unique$1 + String(time);
+ };
- var fromHtml = function (html, scope) {
- var doc = scope || document;
- var div = doc.createElement('div');
- div.innerHTML = html;
- if (!div.hasChildNodes() || div.childNodes.length > 1) {
- console.error('HTML does not have a single root node', html);
- throw 'HTML must have a single root node';
- }
- return fromDom(div.childNodes[0]);
- };
- var fromTag = function (tag, scope) {
- var doc = scope || document;
- var node = doc.createElement(tag);
- return fromDom(node);
- };
- var fromText = function (text, scope) {
- var doc = scope || document;
- var node = doc.createTextNode(text);
- return fromDom(node);
- };
- var fromDom = function (node) {
- if (node === null || node === undefined)
- throw new Error('Node cannot be null or undefined');
- return { dom: constant(node) };
- };
- var fromPoint = function (docElm, x, y) {
- var doc = docElm.dom();
- return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
- };
- var Element$$1 = {
- fromHtml: fromHtml,
- fromTag: fromTag,
- fromText: fromText,
- fromDom: fromDom,
- fromPoint: fromPoint
- };
-
- var cached = function (f) {
- var called = false;
- var r;
- return function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
+ var fromHtml = function (html, scope) {
+ var doc = scope || document;
+ var div = doc.createElement('div');
+ div.innerHTML = html;
+ if (!div.hasChildNodes() || div.childNodes.length > 1) {
+ console.error('HTML does not have a single root node', html);
+ throw 'HTML must have a single root node';
}
- if (!called) {
- called = true;
- r = f.apply(null, args);
- }
- return r;
+ return fromDom(div.childNodes[0]);
};
- };
+ var fromTag = function (tag, scope) {
+ var doc = scope || document;
+ var node = doc.createElement(tag);
+ return fromDom(node);
+ };
+ var fromText = function (text, scope) {
+ var doc = scope || document;
+ var node = doc.createTextNode(text);
+ return fromDom(node);
+ };
+ var fromDom = function (node) {
+ if (node === null || node === undefined)
+ throw new Error('Node cannot be null or undefined');
+ return { dom: constant(node) };
+ };
+ var fromPoint = function (docElm, x, y) {
+ var doc = docElm.dom();
+ return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
+ };
+ var Element$$1 = {
+ fromHtml: fromHtml,
+ fromTag: fromTag,
+ fromText: fromText,
+ fromDom: fromDom,
+ fromPoint: fromPoint
+ };
- var $_vi4lpw5jjgwefvz = {
- ATTRIBUTE: Node.ATTRIBUTE_NODE,
- CDATA_SECTION: Node.CDATA_SECTION_NODE,
- COMMENT: Node.COMMENT_NODE,
- DOCUMENT: Node.DOCUMENT_NODE,
- DOCUMENT_TYPE: Node.DOCUMENT_TYPE_NODE,
- DOCUMENT_FRAGMENT: Node.DOCUMENT_FRAGMENT_NODE,
- ELEMENT: Node.ELEMENT_NODE,
- TEXT: Node.TEXT_NODE,
- PROCESSING_INSTRUCTION: Node.PROCESSING_INSTRUCTION_NODE,
- ENTITY_REFERENCE: Node.ENTITY_REFERENCE_NODE,
- ENTITY: Node.ENTITY_NODE,
- NOTATION: Node.NOTATION_NODE
- };
-
- var name = function (element) {
- var r = element.dom().nodeName;
- return r.toLowerCase();
- };
- var type = function (element) {
- return element.dom().nodeType;
- };
- var value = function (element) {
- return element.dom().nodeValue;
- };
- var isType$1 = function (t) {
- return function (element) {
- return type(element) === t;
+ var cached = function (f) {
+ var called = false;
+ var r;
+ return function () {
+ var args = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ args[_i] = arguments[_i];
+ }
+ if (!called) {
+ called = true;
+ r = f.apply(null, args);
+ }
+ return r;
+ };
};
- };
- var isComment = function (element) {
- return type(element) === $_vi4lpw5jjgwefvz.COMMENT || name(element) === '#comment';
- };
- var isElement = isType$1($_vi4lpw5jjgwefvz.ELEMENT);
- var isText = isType$1($_vi4lpw5jjgwefvz.TEXT);
- var isDocument = isType$1($_vi4lpw5jjgwefvz.DOCUMENT);
- var $_8bzgjvw4jjgwefvy = {
- name: name,
- type: type,
- value: value,
- isElement: isElement,
- isText: isText,
- isDocument: isDocument,
- isComment: isComment
- };
- var inBody = function (element) {
- var dom = $_8bzgjvw4jjgwefvy.isText(element) ? element.dom().parentNode : element.dom();
- return dom !== undefined && dom !== null && dom.ownerDocument.body.contains(dom);
- };
- var body = cached(function () {
- return getBody(Element$$1.fromDom(document));
- });
- var getBody = function (doc) {
- var body = doc.dom().body;
- if (body === null || body === undefined)
- throw 'Body is not available yet';
- return Element$$1.fromDom(body);
- };
- var $_g7jljiw2jjgwefvu = {
- body: body,
- getBody: getBody,
- inBody: inBody
- };
+ var ATTRIBUTE = Node.ATTRIBUTE_NODE;
+ var CDATA_SECTION = Node.CDATA_SECTION_NODE;
+ var COMMENT = Node.COMMENT_NODE;
+ var DOCUMENT = Node.DOCUMENT_NODE;
+ var DOCUMENT_TYPE = Node.DOCUMENT_TYPE_NODE;
+ var DOCUMENT_FRAGMENT = Node.DOCUMENT_FRAGMENT_NODE;
+ var ELEMENT = Node.ELEMENT_NODE;
+ var TEXT = Node.TEXT_NODE;
+ var PROCESSING_INSTRUCTION = Node.PROCESSING_INSTRUCTION_NODE;
+ var ENTITY_REFERENCE = Node.ENTITY_REFERENCE_NODE;
+ var ENTITY = Node.ENTITY_NODE;
+ var NOTATION = Node.NOTATION_NODE;
- var Immutable = function () {
- var fields = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- fields[_i] = arguments[_i];
- }
- return function () {
- var values = [];
+ var Immutable = function () {
+ var fields = [];
for (var _i = 0; _i < arguments.length; _i++) {
- values[_i] = arguments[_i];
+ fields[_i] = arguments[_i];
}
- if (fields.length !== values.length) {
- throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
- }
- var struct = {};
- each(fields, function (name, i) {
- struct[name] = constant(values[i]);
- });
- return struct;
+ return function () {
+ var values = [];
+ for (var _i = 0; _i < arguments.length; _i++) {
+ values[_i] = arguments[_i];
+ }
+ if (fields.length !== values.length) {
+ throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments');
+ }
+ var struct = {};
+ each(fields, function (name, i) {
+ struct[name] = constant(values[i]);
+ });
+ return struct;
+ };
};
- };
- var toArray = function (target, f) {
- var r = [];
- var recurse = function (e) {
- r.push(e);
- return f(e);
+ var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+ var path = function (parts, scope) {
+ var o = scope !== undefined && scope !== null ? scope : Global;
+ for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i)
+ o = o[parts[i]];
+ return o;
};
- var cur = f(target);
- do {
- cur = cur.bind(recurse);
- } while (cur.isSome());
- return r;
- };
- var $_5edc27wcjjgwefwz = { toArray: toArray };
+ var resolve = function (p, scope) {
+ var parts = p.split('.');
+ return path(parts, scope);
+ };
- var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+ var unsafe = function (name, scope) {
+ return resolve(name, scope);
+ };
+ var getOrDie = function (name, scope) {
+ var actual = unsafe(name, scope);
+ if (actual === undefined || actual === null)
+ throw name + ' not available on this browser';
+ return actual;
+ };
+ var Global$1 = { getOrDie: getOrDie };
- var path = function (parts, scope) {
- var o = scope !== undefined && scope !== null ? scope : Global;
- for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i)
- o = o[parts[i]];
- return o;
- };
- var resolve = function (p, scope) {
- var parts = p.split('.');
- return path(parts, scope);
- };
+ var node = function () {
+ var f = Global$1.getOrDie('Node');
+ return f;
+ };
+ var compareDocumentPosition = function (a, b, match) {
+ return (a.compareDocumentPosition(b) & match) !== 0;
+ };
+ var documentPositionPreceding = function (a, b) {
+ return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
+ };
+ var documentPositionContainedBy = function (a, b) {
+ return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
+ };
+ var Node$1 = {
+ documentPositionPreceding: documentPositionPreceding,
+ documentPositionContainedBy: documentPositionContainedBy
+ };
- var unsafe = function (name, scope) {
- return resolve(name, scope);
- };
- var getOrDie = function (name, scope) {
- var actual = unsafe(name, scope);
- if (actual === undefined || actual === null)
- throw name + ' not available on this browser';
- return actual;
- };
- var $_eggz6rwfjjgwefxb = { getOrDie: getOrDie };
-
- var node = function () {
- var f = $_eggz6rwfjjgwefxb.getOrDie('Node');
- return f;
- };
- var compareDocumentPosition = function (a, b, match) {
- return (a.compareDocumentPosition(b) & match) !== 0;
- };
- var documentPositionPreceding = function (a, b) {
- return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING);
- };
- var documentPositionContainedBy = function (a, b) {
- return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY);
- };
- var $_d3tk25wejjgwefxa = {
- documentPositionPreceding: documentPositionPreceding,
- documentPositionContainedBy: documentPositionContainedBy
- };
-
- var firstMatch = function (regexes, s) {
- for (var i = 0; i < regexes.length; i++) {
- var x = regexes[i];
- if (x.test(s))
- return x;
- }
- return undefined;
- };
- var find$2 = function (regexes, agent) {
- var r = firstMatch(regexes, agent);
- if (!r)
+ var firstMatch = function (regexes, s) {
+ for (var i = 0; i < regexes.length; i++) {
+ var x = regexes[i];
+ if (x.test(s))
+ return x;
+ }
+ return undefined;
+ };
+ var find$2 = function (regexes, agent) {
+ var r = firstMatch(regexes, agent);
+ if (!r)
+ return {
+ major: 0,
+ minor: 0
+ };
+ var group = function (i) {
+ return Number(agent.replace(r, '$' + i));
+ };
+ return nu(group(1), group(2));
+ };
+ var detect = function (versionRegexes, agent) {
+ var cleanedAgent = String(agent).toLowerCase();
+ if (versionRegexes.length === 0)
+ return unknown();
+ return find$2(versionRegexes, cleanedAgent);
+ };
+ var unknown = function () {
+ return nu(0, 0);
+ };
+ var nu = function (major, minor) {
return {
- major: 0,
- minor: 0
+ major: major,
+ minor: minor
};
- var group = function (i) {
- return Number(agent.replace(r, '$' + i));
};
- return nu(group(1), group(2));
- };
- var detect = function (versionRegexes, agent) {
- var cleanedAgent = String(agent).toLowerCase();
- if (versionRegexes.length === 0)
- return unknown();
- return find$2(versionRegexes, cleanedAgent);
- };
- var unknown = function () {
- return nu(0, 0);
- };
- var nu = function (major, minor) {
- return {
- major: major,
- minor: minor
+ var Version = {
+ nu: nu,
+ detect: detect,
+ unknown: unknown
};
- };
- var $_f8xw27wljjgwefxn = {
- nu: nu,
- detect: detect,
- unknown: unknown
- };
- var edge = 'Edge';
- var chrome = 'Chrome';
- var ie = 'IE';
- var opera = 'Opera';
- var firefox = 'Firefox';
- var safari = 'Safari';
- var isBrowser = function (name, current) {
- return function () {
- return current === name;
+ var edge = 'Edge';
+ var chrome = 'Chrome';
+ var ie = 'IE';
+ var opera = 'Opera';
+ var firefox = 'Firefox';
+ var safari = 'Safari';
+ var isBrowser = function (name, current) {
+ return function () {
+ return current === name;
+ };
};
- };
- var unknown$1 = function () {
- return nu$1({
- current: undefined,
- version: $_f8xw27wljjgwefxn.unknown()
- });
- };
- var nu$1 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isEdge: isBrowser(edge, current),
- isChrome: isBrowser(chrome, current),
- isIE: isBrowser(ie, current),
- isOpera: isBrowser(opera, current),
- isFirefox: isBrowser(firefox, current),
- isSafari: isBrowser(safari, current)
+ var unknown$1 = function () {
+ return nu$1({
+ current: undefined,
+ version: Version.unknown()
+ });
};
- };
- var $_6jz8s6wkjjgwefxk = {
- unknown: unknown$1,
- nu: nu$1,
- edge: constant(edge),
- chrome: constant(chrome),
- ie: constant(ie),
- opera: constant(opera),
- firefox: constant(firefox),
- safari: constant(safari)
- };
-
- var windows$1 = 'Windows';
- var ios = 'iOS';
- var android = 'Android';
- var linux = 'Linux';
- var osx = 'OSX';
- var solaris = 'Solaris';
- var freebsd = 'FreeBSD';
- var isOS = function (name, current) {
- return function () {
- return current === name;
+ var nu$1 = function (info) {
+ var current = info.current;
+ var version = info.version;
+ return {
+ current: current,
+ version: version,
+ isEdge: isBrowser(edge, current),
+ isChrome: isBrowser(chrome, current),
+ isIE: isBrowser(ie, current),
+ isOpera: isBrowser(opera, current),
+ isFirefox: isBrowser(firefox, current),
+ isSafari: isBrowser(safari, current)
+ };
};
- };
- var unknown$2 = function () {
- return nu$2({
- current: undefined,
- version: $_f8xw27wljjgwefxn.unknown()
- });
- };
- var nu$2 = function (info) {
- var current = info.current;
- var version = info.version;
- return {
- current: current,
- version: version,
- isWindows: isOS(windows$1, current),
- isiOS: isOS(ios, current),
- isAndroid: isOS(android, current),
- isOSX: isOS(osx, current),
- isLinux: isOS(linux, current),
- isSolaris: isOS(solaris, current),
- isFreeBSD: isOS(freebsd, current)
+ var Browser = {
+ unknown: unknown$1,
+ nu: nu$1,
+ edge: constant(edge),
+ chrome: constant(chrome),
+ ie: constant(ie),
+ opera: constant(opera),
+ firefox: constant(firefox),
+ safari: constant(safari)
};
- };
- var $_ac4rxfwmjjgwefxp = {
- unknown: unknown$2,
- nu: nu$2,
- windows: constant(windows$1),
- ios: constant(ios),
- android: constant(android),
- linux: constant(linux),
- osx: constant(osx),
- solaris: constant(solaris),
- freebsd: constant(freebsd)
- };
- function DeviceType (os, browser, userAgent) {
- var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
- var isiPhone = os.isiOS() && !isiPad;
- var isAndroid3 = os.isAndroid() && os.version.major === 3;
- var isAndroid4 = os.isAndroid() && os.version.major === 4;
- var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
- var isTouch = os.isiOS() || os.isAndroid();
- var isPhone = isTouch && !isTablet;
- var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
- return {
- isiPad: constant(isiPad),
- isiPhone: constant(isiPhone),
- isTablet: constant(isTablet),
- isPhone: constant(isPhone),
- isTouch: constant(isTouch),
- isAndroid: os.isAndroid,
- isiOS: os.isiOS,
- isWebView: constant(iOSwebview)
+ var windows$1 = 'Windows';
+ var ios = 'iOS';
+ var android = 'Android';
+ var linux = 'Linux';
+ var osx = 'OSX';
+ var solaris = 'Solaris';
+ var freebsd = 'FreeBSD';
+ var isOS = function (name, current) {
+ return function () {
+ return current === name;
+ };
};
- }
-
- var detect$1 = function (candidates, userAgent) {
- var agent = String(userAgent).toLowerCase();
- return find(candidates, function (candidate) {
- return candidate.search(agent);
- });
- };
- var detectBrowser = function (browsers, userAgent) {
- return detect$1(browsers, userAgent).map(function (browser) {
- var version = $_f8xw27wljjgwefxn.detect(browser.versionRegexes, userAgent);
+ var unknown$2 = function () {
+ return nu$2({
+ current: undefined,
+ version: Version.unknown()
+ });
+ };
+ var nu$2 = function (info) {
+ var current = info.current;
+ var version = info.version;
return {
- current: browser.name,
- version: version
+ current: current,
+ version: version,
+ isWindows: isOS(windows$1, current),
+ isiOS: isOS(ios, current),
+ isAndroid: isOS(android, current),
+ isOSX: isOS(osx, current),
+ isLinux: isOS(linux, current),
+ isSolaris: isOS(solaris, current),
+ isFreeBSD: isOS(freebsd, current)
};
- });
- };
- var detectOs = function (oses, userAgent) {
- return detect$1(oses, userAgent).map(function (os) {
- var version = $_f8xw27wljjgwefxn.detect(os.versionRegexes, userAgent);
+ };
+ var OperatingSystem = {
+ unknown: unknown$2,
+ nu: nu$2,
+ windows: constant(windows$1),
+ ios: constant(ios),
+ android: constant(android),
+ linux: constant(linux),
+ osx: constant(osx),
+ solaris: constant(solaris),
+ freebsd: constant(freebsd)
+ };
+
+ var DeviceType = function (os, browser, userAgent) {
+ var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+ var isiPhone = os.isiOS() && !isiPad;
+ var isAndroid3 = os.isAndroid() && os.version.major === 3;
+ var isAndroid4 = os.isAndroid() && os.version.major === 4;
+ var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true;
+ var isTouch = os.isiOS() || os.isAndroid();
+ var isPhone = isTouch && !isTablet;
+ var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
return {
- current: os.name,
- version: version
+ isiPad: constant(isiPad),
+ isiPhone: constant(isiPhone),
+ isTablet: constant(isTablet),
+ isPhone: constant(isPhone),
+ isTouch: constant(isTouch),
+ isAndroid: os.isAndroid,
+ isiOS: os.isiOS,
+ isWebView: constant(iOSwebview)
};
- });
- };
- var $_d66zk7wojjgwefxw = {
- detectBrowser: detectBrowser,
- detectOs: detectOs
- };
+ };
- var contains$1 = function (str, substr) {
- return str.indexOf(substr) !== -1;
- };
+ var detect$1 = function (candidates, userAgent) {
+ var agent = String(userAgent).toLowerCase();
+ return find(candidates, function (candidate) {
+ return candidate.search(agent);
+ });
+ };
+ var detectBrowser = function (browsers, userAgent) {
+ return detect$1(browsers, userAgent).map(function (browser) {
+ var version = Version.detect(browser.versionRegexes, userAgent);
+ return {
+ current: browser.name,
+ version: version
+ };
+ });
+ };
+ var detectOs = function (oses, userAgent) {
+ return detect$1(oses, userAgent).map(function (os) {
+ var version = Version.detect(os.versionRegexes, userAgent);
+ return {
+ current: os.name,
+ version: version
+ };
+ });
+ };
+ var UaString = {
+ detectBrowser: detectBrowser,
+ detectOs: detectOs
+ };
- var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
- var checkContains = function (target) {
- return function (uastring) {
- return contains$1(uastring, target);
+ var contains$1 = function (str, substr) {
+ return str.indexOf(substr) !== -1;
};
- };
- var browsers = [
- {
- name: 'Edge',
- versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
- search: function (uastring) {
- var monstrosity = contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
- return monstrosity;
+
+ var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+ var checkContains = function (target) {
+ return function (uastring) {
+ return contains$1(uastring, target);
+ };
+ };
+ var browsers = [
+ {
+ name: 'Edge',
+ versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+ search: function (uastring) {
+ var monstrosity = contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+ return monstrosity;
+ }
+ },
+ {
+ name: 'Chrome',
+ versionRegexes: [
+ /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+ normalVersionRegex
+ ],
+ search: function (uastring) {
+ return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+ }
+ },
+ {
+ name: 'IE',
+ versionRegexes: [
+ /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+ /.*?rv:([0-9]+)\.([0-9]+).*/
+ ],
+ search: function (uastring) {
+ return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+ }
+ },
+ {
+ name: 'Opera',
+ versionRegexes: [
+ normalVersionRegex,
+ /.*?opera\/([0-9]+)\.([0-9]+).*/
+ ],
+ search: checkContains('opera')
+ },
+ {
+ name: 'Firefox',
+ versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+ search: checkContains('firefox')
+ },
+ {
+ name: 'Safari',
+ versionRegexes: [
+ normalVersionRegex,
+ /.*?cpu os ([0-9]+)_([0-9]+).*/
+ ],
+ search: function (uastring) {
+ return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+ }
}
- },
- {
- name: 'Chrome',
- versionRegexes: [
- /.*?chrome\/([0-9]+)\.([0-9]+).*/,
- normalVersionRegex
- ],
- search: function (uastring) {
- return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+ ];
+ var oses = [
+ {
+ name: 'Windows',
+ search: checkContains('win'),
+ versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+ },
+ {
+ name: 'iOS',
+ search: function (uastring) {
+ return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+ },
+ versionRegexes: [
+ /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+ /.*cpu os ([0-9]+)_([0-9]+).*/,
+ /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+ ]
+ },
+ {
+ name: 'Android',
+ search: checkContains('android'),
+ versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+ },
+ {
+ name: 'OSX',
+ search: checkContains('os x'),
+ versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
+ },
+ {
+ name: 'Linux',
+ search: checkContains('linux'),
+ versionRegexes: []
+ },
+ {
+ name: 'Solaris',
+ search: checkContains('sunos'),
+ versionRegexes: []
+ },
+ {
+ name: 'FreeBSD',
+ search: checkContains('freebsd'),
+ versionRegexes: []
}
- },
- {
- name: 'IE',
- versionRegexes: [
- /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
- /.*?rv:([0-9]+)\.([0-9]+).*/
- ],
- search: function (uastring) {
- return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
- }
- },
- {
- name: 'Opera',
- versionRegexes: [
- normalVersionRegex,
- /.*?opera\/([0-9]+)\.([0-9]+).*/
- ],
- search: checkContains('opera')
- },
- {
- name: 'Firefox',
- versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
- search: checkContains('firefox')
- },
- {
- name: 'Safari',
- versionRegexes: [
- normalVersionRegex,
- /.*?cpu os ([0-9]+)_([0-9]+).*/
- ],
- search: function (uastring) {
- return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
- }
- }
- ];
- var oses = [
- {
- name: 'Windows',
- search: checkContains('win'),
- versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'iOS',
- search: function (uastring) {
- return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
- },
- versionRegexes: [
- /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
- /.*cpu os ([0-9]+)_([0-9]+).*/,
- /.*cpu iphone os ([0-9]+)_([0-9]+).*/
- ]
- },
- {
- name: 'Android',
- search: checkContains('android'),
- versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
- },
- {
- name: 'OSX',
- search: checkContains('os x'),
- versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/]
- },
- {
- name: 'Linux',
- search: checkContains('linux'),
- versionRegexes: []
- },
- {
- name: 'Solaris',
- search: checkContains('sunos'),
- versionRegexes: []
- },
- {
- name: 'FreeBSD',
- search: checkContains('freebsd'),
- versionRegexes: []
- }
- ];
- var $_frphugwpjjgwefy0 = {
- browsers: constant(browsers),
- oses: constant(oses)
- };
+ ];
+ var PlatformInfo = {
+ browsers: constant(browsers),
+ oses: constant(oses)
+ };
- var detect$2 = function (userAgent) {
- var browsers = $_frphugwpjjgwefy0.browsers();
- var oses = $_frphugwpjjgwefy0.oses();
- var browser = $_d66zk7wojjgwefxw.detectBrowser(browsers, userAgent).fold($_6jz8s6wkjjgwefxk.unknown, $_6jz8s6wkjjgwefxk.nu);
- var os = $_d66zk7wojjgwefxw.detectOs(oses, userAgent).fold($_ac4rxfwmjjgwefxp.unknown, $_ac4rxfwmjjgwefxp.nu);
- var deviceType = DeviceType(os, browser, userAgent);
- return {
- browser: browser,
- os: os,
- deviceType: deviceType
+ var detect$2 = function (userAgent) {
+ var browsers = PlatformInfo.browsers();
+ var oses = PlatformInfo.oses();
+ var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+ var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+ var deviceType = DeviceType(os, browser, userAgent);
+ return {
+ browser: browser,
+ os: os,
+ deviceType: deviceType
+ };
};
- };
- var $_2lmz7fwjjjgwefxj = { detect: detect$2 };
+ var PlatformDetection = { detect: detect$2 };
- var detect$3 = cached(function () {
- var userAgent = navigator.userAgent;
- return $_2lmz7fwjjjgwefxj.detect(userAgent);
- });
- var $_3d6uczwijjgwefxg = { detect: detect$3 };
+ var detect$3 = cached(function () {
+ var userAgent = navigator.userAgent;
+ return PlatformDetection.detect(userAgent);
+ });
+ var PlatformDetection$1 = { detect: detect$3 };
- var ELEMENT = $_vi4lpw5jjgwefvz.ELEMENT;
- var DOCUMENT = $_vi4lpw5jjgwefvz.DOCUMENT;
- var is = function (element, selector) {
- var elem = element.dom();
- if (elem.nodeType !== ELEMENT)
- return false;
- else if (elem.matches !== undefined)
- return elem.matches(selector);
- else if (elem.msMatchesSelector !== undefined)
- return elem.msMatchesSelector(selector);
- else if (elem.webkitMatchesSelector !== undefined)
- return elem.webkitMatchesSelector(selector);
- else if (elem.mozMatchesSelector !== undefined)
- return elem.mozMatchesSelector(selector);
- else
- throw new Error('Browser lacks native selectors');
- };
- var bypassSelector = function (dom) {
- return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT || dom.childElementCount === 0;
- };
- var all = function (selector, scope) {
- var base = scope === undefined ? document : scope.dom();
- return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element$$1.fromDom);
- };
- var one = function (selector, scope) {
- var base = scope === undefined ? document : scope.dom();
- return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element$$1.fromDom);
- };
- var $_ofcqhwtjjgwefyb = {
- all: all,
- is: is,
- one: one
- };
+ var ELEMENT$1 = ELEMENT;
+ var DOCUMENT$1 = DOCUMENT;
+ var bypassSelector = function (dom) {
+ return dom.nodeType !== ELEMENT$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0;
+ };
+ var all = function (selector, scope) {
+ var base = scope === undefined ? document : scope.dom();
+ return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element$$1.fromDom);
+ };
+ var one = function (selector, scope) {
+ var base = scope === undefined ? document : scope.dom();
+ return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element$$1.fromDom);
+ };
- var eq = function (e1, e2) {
- return e1.dom() === e2.dom();
- };
- var isEqualNode = function (e1, e2) {
- return e1.dom().isEqualNode(e2.dom());
- };
- var member = function (element, elements) {
- return exists(elements, curry(eq, element));
- };
- var regularContains = function (e1, e2) {
- var d1 = e1.dom(), d2 = e2.dom();
- return d1 === d2 ? false : d1.contains(d2);
- };
- var ieContains = function (e1, e2) {
- return $_d3tk25wejjgwefxa.documentPositionContainedBy(e1.dom(), e2.dom());
- };
- var browser = $_3d6uczwijjgwefxg.detect().browser;
- var contains$2 = browser.isIE() ? ieContains : regularContains;
- var $_bdbghwwdjjgwefx0 = {
- eq: eq,
- isEqualNode: isEqualNode,
- member: member,
- contains: contains$2,
- is: $_ofcqhwtjjgwefyb.is
- };
-
- var owner = function (element) {
- return Element$$1.fromDom(element.dom().ownerDocument);
- };
- var documentElement = function (element) {
- return Element$$1.fromDom(element.dom().ownerDocument.documentElement);
- };
- var defaultView = function (element) {
- var el = element.dom();
- var defaultView = el.ownerDocument.defaultView;
- return Element$$1.fromDom(defaultView);
- };
- var parent = function (element) {
- var dom = element.dom();
- return Option.from(dom.parentNode).map(Element$$1.fromDom);
- };
- var findIndex$1 = function (element) {
- return parent(element).bind(function (p) {
- var kin = children(p);
- return findIndex(kin, function (elem) {
- return $_bdbghwwdjjgwefx0.eq(element, elem);
- });
- });
- };
- var parents = function (element, isRoot) {
- var stop = isFunction(isRoot) ? isRoot : constant(false);
- var dom = element.dom();
- var ret = [];
- while (dom.parentNode !== null && dom.parentNode !== undefined) {
- var rawParent = dom.parentNode;
- var parent = Element$$1.fromDom(rawParent);
- ret.push(parent);
- if (stop(parent) === true)
- break;
- else
- dom = rawParent;
- }
- return ret;
- };
- var siblings = function (element) {
- var filterSelf = function (elements) {
- return filter(elements, function (x) {
- return !$_bdbghwwdjjgwefx0.eq(element, x);
- });
+ var regularContains = function (e1, e2) {
+ var d1 = e1.dom(), d2 = e2.dom();
+ return d1 === d2 ? false : d1.contains(d2);
};
- return parent(element).map(children).map(filterSelf).getOr([]);
- };
- var offsetParent = function (element) {
- var dom = element.dom();
- return Option.from(dom.offsetParent).map(Element$$1.fromDom);
- };
- var prevSibling = function (element) {
- var dom = element.dom();
- return Option.from(dom.previousSibling).map(Element$$1.fromDom);
- };
- var nextSibling = function (element) {
- var dom = element.dom();
- return Option.from(dom.nextSibling).map(Element$$1.fromDom);
- };
- var prevSiblings = function (element) {
- return reverse($_5edc27wcjjgwefwz.toArray(element, prevSibling));
- };
- var nextSiblings = function (element) {
- return $_5edc27wcjjgwefwz.toArray(element, nextSibling);
- };
- var children = function (element) {
- var dom = element.dom();
- return map(dom.childNodes, Element$$1.fromDom);
- };
- var child = function (element, index) {
- var children = element.dom().childNodes;
- return Option.from(children[index]).map(Element$$1.fromDom);
- };
- var firstChild = function (element) {
- return child(element, 0);
- };
- var lastChild = function (element) {
- return child(element, element.dom().childNodes.length - 1);
- };
- var childNodesCount = function (element) {
- return element.dom().childNodes.length;
- };
- var hasChildNodes = function (element) {
- return element.dom().hasChildNodes();
- };
- var spot = Immutable('element', 'offset');
- var leaf = function (element, offset) {
- var cs = children(element);
- return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
- };
- var $_r7112w6jjgwefw2 = {
- owner: owner,
- defaultView: defaultView,
- documentElement: documentElement,
- parent: parent,
- findIndex: findIndex$1,
- parents: parents,
- siblings: siblings,
- prevSibling: prevSibling,
- offsetParent: offsetParent,
- prevSiblings: prevSiblings,
- nextSibling: nextSibling,
- nextSiblings: nextSiblings,
- children: children,
- child: child,
- firstChild: firstChild,
- lastChild: lastChild,
- childNodesCount: childNodesCount,
- hasChildNodes: hasChildNodes,
- leaf: leaf
- };
+ var ieContains = function (e1, e2) {
+ return Node$1.documentPositionContainedBy(e1.dom(), e2.dom());
+ };
+ var browser = PlatformDetection$1.detect().browser;
+ var contains$2 = browser.isIE() ? ieContains : regularContains;
- var all$1 = function (predicate) {
- return descendants($_g7jljiw2jjgwefvu.body(), predicate);
- };
- var ancestors = function (scope, predicate, isRoot) {
- return filter($_r7112w6jjgwefw2.parents(scope, isRoot), predicate);
- };
- var siblings$1 = function (scope, predicate) {
- return filter($_r7112w6jjgwefw2.siblings(scope), predicate);
- };
- var children$1 = function (scope, predicate) {
- return filter($_r7112w6jjgwefw2.children(scope), predicate);
- };
- var descendants = function (scope, predicate) {
- var result = [];
- each($_r7112w6jjgwefw2.children(scope), function (x) {
- if (predicate(x)) {
- result = result.concat([x]);
- }
- result = result.concat(descendants(x, predicate));
- });
- return result;
- };
- var $_3dx616w1jjgwefvq = {
- all: all$1,
- ancestors: ancestors,
- siblings: siblings$1,
- children: children$1,
- descendants: descendants
- };
+ var spot = Immutable('element', 'offset');
- var all$2 = function (selector) {
- return $_ofcqhwtjjgwefyb.all(selector);
- };
- var ancestors$1 = function (scope, selector, isRoot) {
- return $_3dx616w1jjgwefvq.ancestors(scope, function (e) {
- return $_ofcqhwtjjgwefyb.is(e, selector);
- }, isRoot);
- };
- var siblings$2 = function (scope, selector) {
- return $_3dx616w1jjgwefvq.siblings(scope, function (e) {
- return $_ofcqhwtjjgwefyb.is(e, selector);
- });
- };
- var children$2 = function (scope, selector) {
- return $_3dx616w1jjgwefvq.children(scope, function (e) {
- return $_ofcqhwtjjgwefyb.is(e, selector);
- });
- };
- var descendants$1 = function (scope, selector) {
- return $_ofcqhwtjjgwefyb.all(selector, scope);
- };
- var $_5wsttjw0jjgwefvp = {
- all: all$2,
- ancestors: ancestors$1,
- siblings: siblings$2,
- children: children$2,
- descendants: descendants$1
- };
+ var descendants$1 = function (scope, selector) {
+ return all(selector, scope);
+ };
- var trim$1 = global$2.trim;
- var hasContentEditableState = function (value) {
- return function (node) {
- if (node && node.nodeType === 1) {
- if (node.contentEditable === value) {
- return true;
+ var trim$1 = global$2.trim;
+ var hasContentEditableState = function (value) {
+ return function (node) {
+ if (node && node.nodeType === 1) {
+ if (node.contentEditable === value) {
+ return true;
+ }
+ if (node.getAttribute('data-mce-contenteditable') === value) {
+ return true;
+ }
}
- if (node.getAttribute('data-mce-contenteditable') === value) {
- return true;
+ return false;
+ };
+ };
+ var isContentEditableTrue = hasContentEditableState('true');
+ var isContentEditableFalse = hasContentEditableState('false');
+ var create = function (type, title, url, level, attach) {
+ return {
+ type: type,
+ title: title,
+ url: url,
+ level: level,
+ attach: attach
+ };
+ };
+ var isChildOfContentEditableTrue = function (node) {
+ while (node = node.parentNode) {
+ var value = node.contentEditable;
+ if (value && value !== 'inherit') {
+ return isContentEditableTrue(node);
}
}
return false;
};
- };
- var isContentEditableTrue = hasContentEditableState('true');
- var isContentEditableFalse = hasContentEditableState('false');
- var create = function (type, title, url, level, attach) {
- return {
- type: type,
- title: title,
- url: url,
- level: level,
- attach: attach
+ var select = function (selector, root) {
+ return map(descendants$1(Element$$1.fromDom(root), selector), function (element) {
+ return element.dom();
+ });
};
- };
- var isChildOfContentEditableTrue = function (node) {
- while (node = node.parentNode) {
- var value = node.contentEditable;
- if (value && value !== 'inherit') {
- return isContentEditableTrue(node);
- }
- }
- return false;
- };
- var select = function (selector, root) {
- return map($_5wsttjw0jjgwefvp.descendants(Element$$1.fromDom(root), selector), function (element) {
- return element.dom();
- });
- };
- var getElementText = function (elm) {
- return elm.innerText || elm.textContent;
- };
- var getOrGenerateId = function (elm) {
- return elm.id ? elm.id : generate('h');
- };
- var isAnchor = function (elm) {
- return elm && elm.nodeName === 'A' && (elm.id || elm.name);
- };
- var isValidAnchor = function (elm) {
- return isAnchor(elm) && isEditable(elm);
- };
- var isHeader = function (elm) {
- return elm && /^(H[1-6])$/.test(elm.nodeName);
- };
- var isEditable = function (elm) {
- return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
- };
- var isValidHeader = function (elm) {
- return isHeader(elm) && isEditable(elm);
- };
- var getLevel = function (elm) {
- return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
- };
- var headerTarget = function (elm) {
- var headerId = getOrGenerateId(elm);
- var attach = function () {
- elm.id = headerId;
+ var getElementText = function (elm) {
+ return elm.innerText || elm.textContent;
};
- return create('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
- };
- var anchorTarget = function (elm) {
- var anchorId = elm.id || elm.name;
- var anchorText = getElementText(elm);
- return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
- };
- var getHeaderTargets = function (elms) {
- return map(filter(elms, isValidHeader), headerTarget);
- };
- var getAnchorTargets = function (elms) {
- return map(filter(elms, isValidAnchor), anchorTarget);
- };
- var getTargetElements = function (elm) {
- var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
- return elms;
- };
- var hasTitle = function (target) {
- return trim$1(target.title).length > 0;
- };
- var find$3 = function (elm) {
- var elms = getTargetElements(elm);
- return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
- };
- var $_7cacckvxjjgwefv6 = { find: find$3 };
+ var getOrGenerateId = function (elm) {
+ return elm.id ? elm.id : generate('h');
+ };
+ var isAnchor = function (elm) {
+ return elm && elm.nodeName === 'A' && (elm.id || elm.name);
+ };
+ var isValidAnchor = function (elm) {
+ return isAnchor(elm) && isEditable(elm);
+ };
+ var isHeader = function (elm) {
+ return elm && /^(H[1-6])$/.test(elm.nodeName);
+ };
+ var isEditable = function (elm) {
+ return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
+ };
+ var isValidHeader = function (elm) {
+ return isHeader(elm) && isEditable(elm);
+ };
+ var getLevel = function (elm) {
+ return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
+ };
+ var headerTarget = function (elm) {
+ var headerId = getOrGenerateId(elm);
+ var attach = function () {
+ elm.id = headerId;
+ };
+ return create('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
+ };
+ var anchorTarget = function (elm) {
+ var anchorId = elm.id || elm.name;
+ var anchorText = getElementText(elm);
+ return create('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
+ };
+ var getHeaderTargets = function (elms) {
+ return map(filter(elms, isValidHeader), headerTarget);
+ };
+ var getAnchorTargets = function (elms) {
+ return map(filter(elms, isValidAnchor), anchorTarget);
+ };
+ var getTargetElements = function (elm) {
+ var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
+ return elms;
+ };
+ var hasTitle = function (target) {
+ return trim$1(target.title).length > 0;
+ };
+ var find$3 = function (elm) {
+ var elms = getTargetElements(elm);
+ return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
+ };
+ var LinkTargets = { find: find$3 };
- var getActiveEditor = function () {
- return window.tinymce ? window.tinymce.activeEditor : global$1.activeEditor;
- };
- var history = {};
- var HISTORY_LENGTH = 5;
- var clearHistory = function () {
- history = {};
- };
- var toMenuItem = function (target) {
- return {
- title: target.title,
- value: {
- title: { raw: target.title },
- url: target.url,
- attach: target.attach
- }
+ var getActiveEditor = function () {
+ return window.tinymce ? window.tinymce.activeEditor : global$1.activeEditor;
};
- };
- var toMenuItems = function (targets) {
- return global$2.map(targets, toMenuItem);
- };
- var staticMenuItem = function (title, url) {
- return {
- title: title,
- value: {
+ var history = {};
+ var HISTORY_LENGTH = 5;
+ var clearHistory = function () {
+ history = {};
+ };
+ var toMenuItem = function (target) {
+ return {
+ title: target.title,
+ value: {
+ title: { raw: target.title },
+ url: target.url,
+ attach: target.attach
+ }
+ };
+ };
+ var toMenuItems = function (targets) {
+ return global$2.map(targets, toMenuItem);
+ };
+ var staticMenuItem = function (title, url) {
+ return {
title: title,
- url: url,
- attach: noop
- }
+ value: {
+ title: title,
+ url: url,
+ attach: noop
+ }
+ };
};
- };
- var isUniqueUrl = function (url, targets) {
- var foundTarget = exists(targets, function (target) {
- return target.url === url;
- });
- return !foundTarget;
- };
- var getSetting = function (editorSettings, name, defaultValue) {
- var value = name in editorSettings ? editorSettings[name] : defaultValue;
- return value === false ? null : value;
- };
- var createMenuItems = function (term, targets, fileType, editorSettings) {
- var separator = { title: '-' };
- var fromHistoryMenuItems = function (history) {
- var historyItems = history.hasOwnProperty(fileType) ? history[fileType] : [];
- var uniqueHistory = filter(historyItems, function (url) {
- return isUniqueUrl(url, targets);
+ var isUniqueUrl = function (url, targets) {
+ var foundTarget = exists(targets, function (target) {
+ return target.url === url;
});
- return global$2.map(uniqueHistory, function (url) {
- return {
- title: url,
- value: {
- title: url,
- url: url,
- attach: noop
- }
- };
- });
+ return !foundTarget;
};
- var fromMenuItems = function (type) {
- var filteredTargets = filter(targets, function (target) {
- return target.type === type;
- });
- return toMenuItems(filteredTargets);
+ var getSetting = function (editorSettings, name, defaultValue) {
+ var value = name in editorSettings ? editorSettings[name] : defaultValue;
+ return value === false ? null : value;
};
- var anchorMenuItems = function () {
- var anchorMenuItems = fromMenuItems('anchor');
- var topAnchor = getSetting(editorSettings, 'anchor_top', '#top');
- var bottomAchor = getSetting(editorSettings, 'anchor_bottom', '#bottom');
- if (topAnchor !== null) {
- anchorMenuItems.unshift(staticMenuItem('' + self.settings.title + '
' : '') + '' + (self.settings.html || '') + layout.renderHtml(self) + '
' + '' + '
';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.getEl('body').firstChild.data = self.encode(e.value);
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
});
- } else {
- body.innerHTML = html;
- if (callback) {
- callback();
- }
+ self.state.on('change:help', function (e) {
+ self.classes.toggle('has-help', e.value);
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
+ });
+ return self._super();
}
- return this;
- }
- });
+ });
- var InfoBox = Widget.extend({
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('widget').add('infobox');
- self.canFocus = false;
- },
- severity: function (level) {
- this.classes.remove('error');
- this.classes.remove('warning');
- this.classes.remove('success');
- this.classes.add(level);
- },
- help: function (state) {
- this.state.set('help', state);
- },
- renderHtml: function () {
- var self = this, prefix = self.classPrefix;
- return '' + self.encode(self.state.get('text')) + '' + '
' + '' + '
';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.getEl('body').firstChild.data = self.encode(e.value);
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
+ var Label = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.classes.add('widget').add('label');
+ self.canFocus = false;
+ if (settings.multiline) {
+ self.classes.add('autoscroll');
}
- });
- self.state.on('change:help', function (e) {
- self.classes.toggle('has-help', e.value);
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
+ if (settings.strong) {
+ self.classes.add('strong');
}
- });
- return self._super();
- }
- });
-
- var Label = Widget.extend({
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('widget').add('label');
- self.canFocus = false;
- if (settings.multiline) {
- self.classes.add('autoscroll');
- }
- if (settings.strong) {
- self.classes.add('strong');
- }
- },
- initLayoutRect: function () {
- var self = this, layoutRect = self._super();
- if (self.settings.multiline) {
- var size = funcs.getSize(self.getEl());
- if (size.width > layoutRect.maxW) {
- layoutRect.minW = layoutRect.maxW;
- self.classes.add('multiline');
+ },
+ initLayoutRect: function () {
+ var self = this, layoutRect = self._super();
+ if (self.settings.multiline) {
+ var size = funcs.getSize(self.getEl());
+ if (size.width > layoutRect.maxW) {
+ layoutRect.minW = layoutRect.maxW;
+ self.classes.add('multiline');
+ }
+ self.getEl().style.width = layoutRect.minW + 'px';
+ layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height);
}
- self.getEl().style.width = layoutRect.minW + 'px';
- layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height);
- }
- return layoutRect;
- },
- repaint: function () {
- var self = this;
- if (!self.settings.multiline) {
- self.getEl().style.lineHeight = self.layoutRect().h + 'px';
- }
- return self._super();
- },
- severity: function (level) {
- this.classes.remove('error');
- this.classes.remove('warning');
- this.classes.remove('success');
- this.classes.add(level);
- },
- renderHtml: function () {
- var self = this;
- var targetCtrl, forName, forId = self.settings.forId;
- var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text'));
- if (!forId && (forName = self.settings.forName)) {
- targetCtrl = self.getRoot().find('#' + forName)[0];
- if (targetCtrl) {
- forId = targetCtrl._id;
+ return layoutRect;
+ },
+ repaint: function () {
+ var self = this;
+ if (!self.settings.multiline) {
+ self.getEl().style.lineHeight = self.layoutRect().h + 'px';
}
+ return self._super();
+ },
+ severity: function (level) {
+ this.classes.remove('error');
+ this.classes.remove('warning');
+ this.classes.remove('success');
+ this.classes.add(level);
+ },
+ renderHtml: function () {
+ var self = this;
+ var targetCtrl, forName, forId = self.settings.forId;
+ var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text'));
+ if (!forId && (forName = self.settings.forName)) {
+ targetCtrl = self.getRoot().find('#' + forName)[0];
+ if (targetCtrl) {
+ forId = targetCtrl._id;
+ }
+ }
+ if (forId) {
+ return '';
+ }
+ return '' + text + '';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:text', function (e) {
+ self.innerHtml(self.encode(e.value));
+ if (self.state.get('rendered')) {
+ self.updateLayoutRect();
+ }
+ });
+ return self._super();
}
- if (forId) {
- return '';
+ });
+
+ var Toolbar$1 = Container.extend({
+ Defaults: {
+ role: 'toolbar',
+ layout: 'flow'
+ },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ self.classes.add('toolbar');
+ },
+ postRender: function () {
+ var self = this;
+ self.items().each(function (ctrl) {
+ ctrl.classes.add('toolbar-item');
+ });
+ return self._super();
}
- return '' + text + '';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:text', function (e) {
- self.innerHtml(self.encode(e.value));
- if (self.state.get('rendered')) {
- self.updateLayoutRect();
- }
- });
- return self._super();
- }
- });
+ });
- var Toolbar$1 = Container.extend({
- Defaults: {
- role: 'toolbar',
- layout: 'flow'
- },
- init: function (settings) {
- var self = this;
- self._super(settings);
- self.classes.add('toolbar');
- },
- postRender: function () {
- var self = this;
- self.items().each(function (ctrl) {
- ctrl.classes.add('toolbar-item');
- });
- return self._super();
- }
- });
+ var MenuBar = Toolbar$1.extend({
+ Defaults: {
+ role: 'menubar',
+ containerCls: 'menubar',
+ ariaRoot: true,
+ defaults: { type: 'menubutton' }
+ }
+ });
- var MenuBar = Toolbar$1.extend({
- Defaults: {
- role: 'menubar',
- containerCls: 'menubar',
- ariaRoot: true,
- defaults: { type: 'menubutton' }
- }
- });
-
- function isChildOf$1(node, parent$$1) {
- while (node) {
- if (parent$$1 === node) {
- return true;
+ function isChildOf$1(node, parent$$1) {
+ while (node) {
+ if (parent$$1 === node) {
+ return true;
+ }
+ node = node.parentNode;
}
- node = node.parentNode;
+ return false;
}
- return false;
- }
- var MenuButton = Button.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._renderOpen = true;
- self$$1._super(settings);
- settings = self$$1.settings;
- self$$1.classes.add('menubtn');
- if (settings.fixedWidth) {
- self$$1.classes.add('fixed-width');
- }
- self$$1.aria('haspopup', true);
- self$$1.state.set('menu', settings.menu || self$$1.render());
- },
- showMenu: function (toggle) {
- var self$$1 = this;
- var menu;
- if (self$$1.menu && self$$1.menu.visible() && toggle !== false) {
- return self$$1.hideMenu();
- }
- if (!self$$1.menu) {
- menu = self$$1.state.get('menu') || [];
- self$$1.classes.add('opened');
- if (menu.length) {
- menu = {
- type: 'menu',
- animate: true,
- items: menu
- };
- } else {
- menu.type = menu.type || 'menu';
- menu.animate = true;
+ var MenuButton = Button.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._renderOpen = true;
+ self$$1._super(settings);
+ settings = self$$1.settings;
+ self$$1.classes.add('menubtn');
+ if (settings.fixedWidth) {
+ self$$1.classes.add('fixed-width');
}
- if (!menu.renderTo) {
- self$$1.menu = global$4.create(menu).parent(self$$1).renderTo();
- } else {
- self$$1.menu = menu.parent(self$$1).show().renderTo();
+ self$$1.aria('haspopup', true);
+ self$$1.state.set('menu', settings.menu || self$$1.render());
+ },
+ showMenu: function (toggle) {
+ var self$$1 = this;
+ var menu;
+ if (self$$1.menu && self$$1.menu.visible() && toggle !== false) {
+ return self$$1.hideMenu();
}
- self$$1.fire('createmenu');
- self$$1.menu.reflow();
- self$$1.menu.on('cancel', function (e) {
- if (e.control.parent() === self$$1.menu) {
- e.stopPropagation();
- self$$1.focus();
- self$$1.hideMenu();
+ if (!self$$1.menu) {
+ menu = self$$1.state.get('menu') || [];
+ self$$1.classes.add('opened');
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ animate: true,
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
+ menu.animate = true;
}
- });
- self$$1.menu.on('select', function () {
- self$$1.focus();
- });
- self$$1.menu.on('show hide', function (e) {
- if (e.control === self$$1.menu) {
- self$$1.activeMenu(e.type === 'show');
- self$$1.classes.toggle('opened', e.type === 'show');
+ if (!menu.renderTo) {
+ self$$1.menu = global$4.create(menu).parent(self$$1).renderTo();
+ } else {
+ self$$1.menu = menu.parent(self$$1).show().renderTo();
}
- self$$1.aria('expanded', e.type === 'show');
- }).fire('show');
- }
- self$$1.menu.show();
- self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
- self$$1.menu.repaint();
- self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
- 'br-tr',
- 'tr-br'
- ] : [
- 'bl-tl',
- 'tl-bl'
- ]);
- self$$1.fire('showmenu');
- },
- hideMenu: function () {
- var self$$1 = this;
- if (self$$1.menu) {
- self$$1.menu.items().each(function (item) {
- if (item.hideMenu) {
- item.hideMenu();
+ self$$1.fire('createmenu');
+ self$$1.menu.reflow();
+ self$$1.menu.on('cancel', function (e) {
+ if (e.control.parent() === self$$1.menu) {
+ e.stopPropagation();
+ self$$1.focus();
+ self$$1.hideMenu();
+ }
+ });
+ self$$1.menu.on('select', function () {
+ self$$1.focus();
+ });
+ self$$1.menu.on('show hide', function (e) {
+ if (e.type === 'hide' && e.control.parent() === self$$1) {
+ self$$1.classes.remove('opened-under');
+ }
+ if (e.control === self$$1.menu) {
+ self$$1.activeMenu(e.type === 'show');
+ self$$1.classes.toggle('opened', e.type === 'show');
+ }
+ self$$1.aria('expanded', e.type === 'show');
+ }).fire('show');
+ }
+ self$$1.menu.show();
+ self$$1.menu.layoutRect({ w: self$$1.layoutRect().w });
+ self$$1.menu.repaint();
+ self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [
+ 'br-tr',
+ 'tr-br'
+ ] : [
+ 'bl-tl',
+ 'tl-bl'
+ ]);
+ var menuLayoutRect = self$$1.menu.layoutRect();
+ var selfBottom = self$$1.$el.offset().top + self$$1.layoutRect().h;
+ if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) {
+ self$$1.classes.add('opened-under');
+ }
+ self$$1.fire('showmenu');
+ },
+ hideMenu: function () {
+ var self$$1 = this;
+ if (self$$1.menu) {
+ self$$1.menu.items().each(function (item) {
+ if (item.hideMenu) {
+ item.hideMenu();
+ }
+ });
+ self$$1.menu.hide();
+ }
+ },
+ activeMenu: function (state) {
+ this.classes.toggle('active', state);
+ },
+ renderHtml: function () {
+ var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
+ var icon = self$$1.settings.icon, image;
+ var text = self$$1.state.get('text');
+ var textHtml = '';
+ image = self$$1.settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
}
- });
- self$$1.menu.hide();
- }
- },
- activeMenu: function (state) {
- this.classes.toggle('active', state);
- },
- renderHtml: function () {
- var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix;
- var icon = self$$1.settings.icon, image;
- var text = self$$1.state.get('text');
- var textHtml = '';
- image = self$$1.settings.image;
- if (image) {
- icon = 'none';
- if (typeof image !== 'string') {
- image = window.getSelection ? image[0] : image[1];
+ image = ' style="background-image: url(\'' + image + '\')"';
+ } else {
+ image = '';
}
- image = ' style="background-image: url(\'' + image + '\')"';
- } else {
- image = '';
- }
- if (text) {
- self$$1.classes.add('btn-has-text');
- textHtml = '' + self$$1.encode(text) + '';
- }
- icon = self$$1.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
- self$$1.aria('role', self$$1.parent() instanceof MenuBar ? 'menuitem' : 'button');
- return '' + self.encode(self.state.get('text')) + '' + '
' + '' + '' + '
';
- },
- postRender: function () {
- var self$$1 = this;
- self$$1.on('click', function (e) {
- if (e.control === self$$1 && isChildOf$1(e.target, self$$1.getEl())) {
- self$$1.focus();
- self$$1.showMenu(!e.aria);
- if (e.aria) {
- self$$1.menu.items().filter(':visible')[0].focus();
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
+ }
+ icon = self$$1.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ self$$1.aria('role', self$$1.parent() instanceof MenuBar ? 'menuitem' : 'button');
+ return '' + '' + '
';
+ },
+ postRender: function () {
+ var self$$1 = this;
+ self$$1.on('click', function (e) {
+ if (e.control === self$$1 && isChildOf$1(e.target, self$$1.getEl())) {
+ self$$1.focus();
+ self$$1.showMenu(!e.aria);
+ if (e.aria) {
+ self$$1.menu.items().filter(':visible')[0].focus();
+ }
}
- }
- });
- self$$1.on('mouseenter', function (e) {
- var overCtrl = e.control;
- var parent$$1 = self$$1.parent();
- var hasVisibleSiblingMenu;
- if (overCtrl && parent$$1 && overCtrl instanceof MenuButton && overCtrl.parent() === parent$$1) {
- parent$$1.items().filter('MenuButton').each(function (ctrl) {
- if (ctrl.hideMenu && ctrl !== overCtrl) {
- if (ctrl.menu && ctrl.menu.visible()) {
- hasVisibleSiblingMenu = true;
+ });
+ self$$1.on('mouseenter', function (e) {
+ var overCtrl = e.control;
+ var parent$$1 = self$$1.parent();
+ var hasVisibleSiblingMenu;
+ if (overCtrl && parent$$1 && overCtrl instanceof MenuButton && overCtrl.parent() === parent$$1) {
+ parent$$1.items().filter('MenuButton').each(function (ctrl) {
+ if (ctrl.hideMenu && ctrl !== overCtrl) {
+ if (ctrl.menu && ctrl.menu.visible()) {
+ hasVisibleSiblingMenu = true;
+ }
+ ctrl.hideMenu();
}
- ctrl.hideMenu();
+ });
+ if (hasVisibleSiblingMenu) {
+ overCtrl.focus();
+ overCtrl.showMenu();
}
- });
- if (hasVisibleSiblingMenu) {
- overCtrl.focus();
- overCtrl.showMenu();
}
+ });
+ return self$$1._super();
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:menu', function () {
+ if (self$$1.menu) {
+ self$$1.menu.remove();
+ }
+ self$$1.menu = null;
+ });
+ return self$$1._super();
+ },
+ remove: function () {
+ this._super();
+ if (this.menu) {
+ this.menu.remove();
}
- });
- return self$$1._super();
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:menu', function () {
- if (self$$1.menu) {
- self$$1.menu.remove();
- }
- self$$1.menu = null;
- });
- return self$$1._super();
- },
- remove: function () {
- this._super();
- if (this.menu) {
- this.menu.remove();
}
- }
- });
+ });
- var Menu = FloatPanel.extend({
- Defaults: {
- defaultType: 'menuitem',
- border: 1,
- layout: 'stack',
- role: 'application',
- bodyRole: 'menu',
- ariaRoot: true
- },
- init: function (settings) {
- var self = this;
- settings.autohide = true;
- settings.constrainToViewport = true;
- if (typeof settings.items === 'function') {
- settings.itemsFactory = settings.items;
- settings.items = [];
- }
- if (settings.itemDefaults) {
- var items = settings.items;
- var i = items.length;
- while (i--) {
- items[i] = global$2.extend({}, settings.itemDefaults, items[i]);
+ var Menu = FloatPanel.extend({
+ Defaults: {
+ defaultType: 'menuitem',
+ border: 1,
+ layout: 'stack',
+ role: 'application',
+ bodyRole: 'menu',
+ ariaRoot: true
+ },
+ init: function (settings) {
+ var self = this;
+ settings.autohide = true;
+ settings.constrainToViewport = true;
+ if (typeof settings.items === 'function') {
+ settings.itemsFactory = settings.items;
+ settings.items = [];
}
- }
- self._super(settings);
- self.classes.add('menu');
- if (settings.animate && global$8.ie !== 11) {
- self.classes.add('animate');
- }
- },
- repaint: function () {
- this.classes.toggle('menu-align', true);
- this._super();
- this.getEl().style.height = '';
- this.getEl('body').style.height = '';
- return this;
- },
- cancel: function () {
- var self = this;
- self.hideAll();
- self.fire('select');
- },
- load: function () {
- var self = this;
- var time, factory;
- function hideThrobber() {
- if (self.throbber) {
- self.throbber.hide();
- self.throbber = null;
+ if (settings.itemDefaults) {
+ var items = settings.items;
+ var i = items.length;
+ while (i--) {
+ items[i] = global$2.extend({}, settings.itemDefaults, items[i]);
+ }
}
- }
- factory = self.settings.itemsFactory;
- if (!factory) {
- return;
- }
- if (!self.throbber) {
- self.throbber = new Throbber(self.getEl('body'), true);
- if (self.items().length === 0) {
- self.throbber.show();
- self.fire('loading');
- } else {
- self.throbber.show(100, function () {
- self.items().remove();
- self.fire('loading');
- });
+ self._super(settings);
+ self.classes.add('menu');
+ if (settings.animate && global$8.ie !== 11) {
+ self.classes.add('animate');
}
- self.on('hide close', hideThrobber);
- }
- self.requestTime = time = new Date().getTime();
- self.settings.itemsFactory(function (items) {
- if (items.length === 0) {
- self.hide();
- return;
+ },
+ repaint: function () {
+ this.classes.toggle('menu-align', true);
+ this._super();
+ this.getEl().style.height = '';
+ this.getEl('body').style.height = '';
+ return this;
+ },
+ cancel: function () {
+ var self = this;
+ self.hideAll();
+ self.fire('select');
+ },
+ load: function () {
+ var self = this;
+ var time, factory;
+ function hideThrobber() {
+ if (self.throbber) {
+ self.throbber.hide();
+ self.throbber = null;
+ }
}
- if (self.requestTime !== time) {
+ factory = self.settings.itemsFactory;
+ if (!factory) {
return;
}
- self.getEl().style.width = '';
- self.getEl('body').style.width = '';
- hideThrobber();
- self.items().remove();
- self.getEl('body').innerHTML = '';
- self.add(items);
- self.renderNew();
- self.fire('loaded');
- });
- },
- hideAll: function () {
- var self = this;
- this.find('menuitem').exec('hideMenu');
- return self._super();
- },
- preRender: function () {
- var self = this;
- self.items().each(function (ctrl) {
- var settings = ctrl.settings;
- if (settings.icon || settings.image || settings.selectable) {
- self._hasIcons = true;
- return false;
+ if (!self.throbber) {
+ self.throbber = new Throbber(self.getEl('body'), true);
+ if (self.items().length === 0) {
+ self.throbber.show();
+ self.fire('loading');
+ } else {
+ self.throbber.show(100, function () {
+ self.items().remove();
+ self.fire('loading');
+ });
+ }
+ self.on('hide close', hideThrobber);
}
- });
- if (self.settings.itemsFactory) {
- self.on('postrender', function () {
- if (self.settings.itemsFactory) {
- self.load();
+ self.requestTime = time = new Date().getTime();
+ self.settings.itemsFactory(function (items) {
+ if (items.length === 0) {
+ self.hide();
+ return;
}
+ if (self.requestTime !== time) {
+ return;
+ }
+ self.getEl().style.width = '';
+ self.getEl('body').style.width = '';
+ hideThrobber();
+ self.items().remove();
+ self.getEl('body').innerHTML = '';
+ self.add(items);
+ self.renderNew();
+ self.fire('loaded');
});
- }
- self.on('show hide', function (e) {
- if (e.control === self) {
- if (e.type === 'show') {
- global$7.setTimeout(function () {
- self.classes.add('in');
- }, 0);
- } else {
- self.classes.remove('in');
+ },
+ hideAll: function () {
+ var self = this;
+ this.find('menuitem').exec('hideMenu');
+ return self._super();
+ },
+ preRender: function () {
+ var self = this;
+ self.items().each(function (ctrl) {
+ var settings = ctrl.settings;
+ if (settings.icon || settings.image || settings.selectable) {
+ self._hasIcons = true;
+ return false;
}
+ });
+ if (self.settings.itemsFactory) {
+ self.on('postrender', function () {
+ if (self.settings.itemsFactory) {
+ self.load();
+ }
+ });
}
- });
- return self._super();
- }
- });
+ self.on('show hide', function (e) {
+ if (e.control === self) {
+ if (e.type === 'show') {
+ global$7.setTimeout(function () {
+ self.classes.add('in');
+ }, 0);
+ } else {
+ self.classes.remove('in');
+ }
+ }
+ });
+ return self._super();
+ }
+ });
- var ListBox = MenuButton.extend({
- init: function (settings) {
- var self = this;
- var values, selected, selectedText, lastItemCtrl;
- function setSelected(menuValues) {
- for (var i = 0; i < menuValues.length; i++) {
- selected = menuValues[i].selected || settings.value === menuValues[i].value;
- if (selected) {
- selectedText = selectedText || menuValues[i].text;
- self.state.set('value', menuValues[i].value);
- return true;
- }
- if (menuValues[i].menu) {
- if (setSelected(menuValues[i].menu)) {
+ var ListBox = MenuButton.extend({
+ init: function (settings) {
+ var self = this;
+ var values, selected, selectedText, lastItemCtrl;
+ function setSelected(menuValues) {
+ for (var i = 0; i < menuValues.length; i++) {
+ selected = menuValues[i].selected || settings.value === menuValues[i].value;
+ if (selected) {
+ selectedText = selectedText || menuValues[i].text;
+ self.state.set('value', menuValues[i].value);
return true;
}
+ if (menuValues[i].menu) {
+ if (setSelected(menuValues[i].menu)) {
+ return true;
+ }
+ }
}
}
- }
- self._super(settings);
- settings = self.settings;
- self._values = values = settings.values;
- if (values) {
- if (typeof settings.value !== 'undefined') {
- setSelected(values);
+ self._super(settings);
+ settings = self.settings;
+ self._values = values = settings.values;
+ if (values) {
+ if (typeof settings.value !== 'undefined') {
+ setSelected(values);
+ }
+ if (!selected && values.length > 0) {
+ selectedText = values[0].text;
+ self.state.set('value', values[0].value);
+ }
+ self.state.set('menu', values);
}
- if (!selected && values.length > 0) {
- selectedText = values[0].text;
- self.state.set('value', values[0].value);
+ self.state.set('text', settings.text || selectedText);
+ self.classes.add('listbox');
+ self.on('select', function (e) {
+ var ctrl = e.control;
+ if (lastItemCtrl) {
+ e.lastControl = lastItemCtrl;
+ }
+ if (settings.multiple) {
+ ctrl.active(!ctrl.active());
+ } else {
+ self.value(e.control.value());
+ }
+ lastItemCtrl = ctrl;
+ });
+ },
+ value: function (value) {
+ if (arguments.length === 0) {
+ return this.state.get('value');
}
- self.state.set('menu', values);
- }
- self.state.set('text', settings.text || selectedText);
- self.classes.add('listbox');
- self.on('select', function (e) {
- var ctrl = e.control;
- if (lastItemCtrl) {
- e.lastControl = lastItemCtrl;
+ if (typeof value === 'undefined') {
+ return this;
}
- if (settings.multiple) {
- ctrl.active(!ctrl.active());
+ function valueExists(values) {
+ return exists(values, function (a) {
+ return a.menu ? valueExists(a.menu) : a.value === value;
+ });
+ }
+ if (this.settings.values) {
+ if (valueExists(this.settings.values)) {
+ this.state.set('value', value);
+ } else if (value === null) {
+ this.state.set('value', null);
+ }
} else {
- self.value(e.control.value());
+ this.state.set('value', value);
}
- lastItemCtrl = ctrl;
- });
- },
- value: function (value) {
- if (arguments.length === 0) {
- return this.state.get('value');
- }
- if (typeof value === 'undefined') {
return this;
- }
- if (this.settings.values) {
- var matchingValues = global$2.grep(this.settings.values, function (a) {
- return a.value === value;
- });
- if (matchingValues.length > 0) {
- this.state.set('value', value);
- } else if (value === null) {
- this.state.set('value', null);
+ },
+ bindStates: function () {
+ var self = this;
+ function activateMenuItemsByValue(menu, value) {
+ if (menu instanceof Menu) {
+ menu.items().each(function (ctrl) {
+ if (!ctrl.hasMenus()) {
+ ctrl.active(ctrl.value() === value);
+ }
+ });
+ }
}
- } else {
- this.state.set('value', value);
- }
- return this;
- },
- bindStates: function () {
- var self = this;
- function activateMenuItemsByValue(menu, value) {
- if (menu instanceof Menu) {
- menu.items().each(function (ctrl) {
- if (!ctrl.hasMenus()) {
- ctrl.active(ctrl.value() === value);
+ function getSelectedItem(menuValues, value) {
+ var selectedItem;
+ if (!menuValues) {
+ return;
+ }
+ for (var i = 0; i < menuValues.length; i++) {
+ if (menuValues[i].value === value) {
+ return menuValues[i];
}
- });
+ if (menuValues[i].menu) {
+ selectedItem = getSelectedItem(menuValues[i].menu, value);
+ if (selectedItem) {
+ return selectedItem;
+ }
+ }
+ }
}
+ self.on('show', function (e) {
+ activateMenuItemsByValue(e.control, self.value());
+ });
+ self.state.on('change:value', function (e) {
+ var selectedItem = getSelectedItem(self.state.get('menu'), e.value);
+ if (selectedItem) {
+ self.text(selectedItem.text);
+ } else {
+ self.text(self.settings.text);
+ }
+ });
+ return self._super();
}
- function getSelectedItem(menuValues, value) {
- var selectedItem;
- if (!menuValues) {
- return;
+ });
+
+ var toggleTextStyle = function (ctrl, state) {
+ var textStyle = ctrl._textStyle;
+ if (textStyle) {
+ var textElm = ctrl.getEl('text');
+ textElm.setAttribute('style', textStyle);
+ if (state) {
+ textElm.style.color = '';
+ textElm.style.backgroundColor = '';
}
- for (var i = 0; i < menuValues.length; i++) {
- if (menuValues[i].value === value) {
- return menuValues[i];
+ }
+ };
+ var MenuItem = Widget.extend({
+ Defaults: {
+ border: 0,
+ role: 'menuitem'
+ },
+ init: function (settings) {
+ var self = this;
+ var text;
+ self._super(settings);
+ settings = self.settings;
+ self.classes.add('menu-item');
+ if (settings.menu) {
+ self.classes.add('menu-item-expand');
+ }
+ if (settings.preview) {
+ self.classes.add('menu-item-preview');
+ }
+ text = self.state.get('text');
+ if (text === '-' || text === '|') {
+ self.classes.add('menu-item-sep');
+ self.aria('role', 'separator');
+ self.state.set('text', '-');
+ }
+ if (settings.selectable) {
+ self.aria('role', 'menuitemcheckbox');
+ self.classes.add('menu-item-checkbox');
+ settings.icon = 'selected';
+ }
+ if (!settings.preview && !settings.selectable) {
+ self.classes.add('menu-item-normal');
+ }
+ self.on('mousedown', function (e) {
+ e.preventDefault();
+ });
+ if (settings.menu && !settings.ariaHideMenu) {
+ self.aria('haspopup', true);
+ }
+ },
+ hasMenus: function () {
+ return !!this.settings.menu;
+ },
+ showMenu: function () {
+ var self = this;
+ var settings = self.settings;
+ var menu;
+ var parent = self.parent();
+ parent.items().each(function (ctrl) {
+ if (ctrl !== self) {
+ ctrl.hideMenu();
}
- if (menuValues[i].menu) {
- selectedItem = getSelectedItem(menuValues[i].menu, value);
- if (selectedItem) {
- return selectedItem;
+ });
+ if (settings.menu) {
+ menu = self.menu;
+ if (!menu) {
+ menu = settings.menu;
+ if (menu.length) {
+ menu = {
+ type: 'menu',
+ items: menu
+ };
+ } else {
+ menu.type = menu.type || 'menu';
}
+ if (parent.settings.itemDefaults) {
+ menu.itemDefaults = parent.settings.itemDefaults;
+ }
+ menu = self.menu = global$4.create(menu).parent(self).renderTo();
+ menu.reflow();
+ menu.on('cancel', function (e) {
+ e.stopPropagation();
+ self.focus();
+ menu.hide();
+ });
+ menu.on('show hide', function (e) {
+ if (e.control.items) {
+ e.control.items().each(function (ctrl) {
+ ctrl.active(ctrl.settings.selected);
+ });
+ }
+ }).fire('show');
+ menu.on('hide', function (e) {
+ if (e.control === menu) {
+ self.classes.remove('selected');
+ }
+ });
+ menu.submenu = true;
+ } else {
+ menu.show();
}
+ menu._parentMenu = parent;
+ menu.classes.add('menu-sub');
+ var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [
+ 'tl-tr',
+ 'bl-br',
+ 'tr-tl',
+ 'br-bl'
+ ] : [
+ 'tr-tl',
+ 'br-bl',
+ 'tl-tr',
+ 'bl-br'
+ ]);
+ menu.moveRel(self.getEl(), rel);
+ menu.rel = rel;
+ rel = 'menu-sub-' + rel;
+ menu.classes.remove(menu._lastRel).add(rel);
+ menu._lastRel = rel;
+ self.classes.add('selected');
+ self.aria('expanded', true);
}
- }
- self.on('show', function (e) {
- activateMenuItemsByValue(e.control, self.value());
- });
- self.state.on('change:value', function (e) {
- var selectedItem = getSelectedItem(self.state.get('menu'), e.value);
- if (selectedItem) {
- self.text(selectedItem.text);
- } else {
- self.text(self.settings.text);
+ },
+ hideMenu: function () {
+ var self = this;
+ if (self.menu) {
+ self.menu.items().each(function (item) {
+ if (item.hideMenu) {
+ item.hideMenu();
+ }
+ });
+ self.menu.hide();
+ self.aria('expanded', false);
}
- });
- return self._super();
- }
- });
-
- var toggleTextStyle = function (ctrl, state) {
- var textStyle = ctrl._textStyle;
- if (textStyle) {
- var textElm = ctrl.getEl('text');
- textElm.setAttribute('style', textStyle);
- if (state) {
- textElm.style.color = '';
- textElm.style.backgroundColor = '';
- }
- }
- };
- var MenuItem = Widget.extend({
- Defaults: {
- border: 0,
- role: 'menuitem'
- },
- init: function (settings) {
- var self = this;
- var text;
- self._super(settings);
- settings = self.settings;
- self.classes.add('menu-item');
- if (settings.menu) {
- self.classes.add('menu-item-expand');
- }
- if (settings.preview) {
- self.classes.add('menu-item-preview');
- }
- text = self.state.get('text');
- if (text === '-' || text === '|') {
- self.classes.add('menu-item-sep');
- self.aria('role', 'separator');
- self.state.set('text', '-');
- }
- if (settings.selectable) {
- self.aria('role', 'menuitemcheckbox');
- self.classes.add('menu-item-checkbox');
- settings.icon = 'selected';
- }
- if (!settings.preview && !settings.selectable) {
- self.classes.add('menu-item-normal');
- }
- self.on('mousedown', function (e) {
- e.preventDefault();
- });
- if (settings.menu && !settings.ariaHideMenu) {
- self.aria('haspopup', true);
- }
- },
- hasMenus: function () {
- return !!this.settings.menu;
- },
- showMenu: function () {
- var self = this;
- var settings = self.settings;
- var menu;
- var parent = self.parent();
- parent.items().each(function (ctrl) {
- if (ctrl !== self) {
- ctrl.hideMenu();
- }
- });
- if (settings.menu) {
- menu = self.menu;
- if (!menu) {
- menu = settings.menu;
- if (menu.length) {
- menu = {
- type: 'menu',
- items: menu
+ return self;
+ },
+ renderHtml: function () {
+ var self = this;
+ var id = self._id;
+ var settings = self.settings;
+ var prefix = self.classPrefix;
+ var text = self.state.get('text');
+ var icon = self.settings.icon, image = '', shortcut = settings.shortcut;
+ var url = self.encode(settings.url), iconHtml = '';
+ function convertShortcut(shortcut) {
+ var i, value, replace = {};
+ if (global$8.mac) {
+ replace = {
+ alt: '⌥',
+ ctrl: '⌘',
+ shift: '⇧',
+ meta: '⌘'
};
} else {
- menu.type = menu.type || 'menu';
+ replace = { meta: 'Ctrl' };
}
- if (parent.settings.itemDefaults) {
- menu.itemDefaults = parent.settings.itemDefaults;
+ shortcut = shortcut.split('+');
+ for (i = 0; i < shortcut.length; i++) {
+ value = replace[shortcut[i].toLowerCase()];
+ if (value) {
+ shortcut[i] = value;
+ }
}
- menu = self.menu = global$4.create(menu).parent(self).renderTo();
- menu.reflow();
- menu.on('cancel', function (e) {
- e.stopPropagation();
- self.focus();
- menu.hide();
- });
- menu.on('show hide', function (e) {
- if (e.control.items) {
- e.control.items().each(function (ctrl) {
- ctrl.active(ctrl.settings.selected);
+ return shortcut.join('+');
+ }
+ function escapeRegExp(str) {
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ }
+ function markMatches(text) {
+ var match = settings.match || '';
+ return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) {
+ return '!mce~match[' + match + ']mce~match!';
+ }) : text;
+ }
+ function boldMatches(text) {
+ return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '');
+ }
+ if (icon) {
+ self.parent().classes.add('menu-has-icons');
+ }
+ if (settings.image) {
+ image = ' style="background-image: url(\'' + settings.image + '\')"';
+ }
+ if (shortcut) {
+ shortcut = convertShortcut(shortcut);
+ }
+ icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none');
+ iconHtml = text !== '-' ? '\xA0' : '';
+ text = boldMatches(self.encode(markMatches(text)));
+ url = boldMatches(self.encode(markMatches(url)));
+ return '' + iconHtml + (text !== '-' ? '' + text + '' : '') + (shortcut ? '' : '') + (settings.menu ? '' : '') + (url ? '' : '') + '
';
+ },
+ postRender: function () {
+ var self = this, settings = self.settings;
+ var textStyle = settings.textStyle;
+ if (typeof textStyle === 'function') {
+ textStyle = textStyle.call(this);
+ }
+ if (textStyle) {
+ var textElm = self.getEl('text');
+ if (textElm) {
+ textElm.setAttribute('style', textStyle);
+ self._textStyle = textStyle;
+ }
+ }
+ self.on('mouseenter click', function (e) {
+ if (e.control === self) {
+ if (!settings.menu && e.type === 'click') {
+ self.fire('select');
+ global$7.requestAnimationFrame(function () {
+ self.parent().hideAll();
});
+ } else {
+ self.showMenu();
+ if (e.aria) {
+ self.menu.focus(true);
+ }
}
- }).fire('show');
- menu.on('hide', function (e) {
- if (e.control === menu) {
- self.classes.remove('selected');
- }
- });
- menu.submenu = true;
- } else {
- menu.show();
- }
- menu._parentMenu = parent;
- menu.classes.add('menu-sub');
- var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [
- 'tl-tr',
- 'bl-br',
- 'tr-tl',
- 'br-bl'
- ] : [
- 'tr-tl',
- 'br-bl',
- 'tl-tr',
- 'bl-br'
- ]);
- menu.moveRel(self.getEl(), rel);
- menu.rel = rel;
- rel = 'menu-sub-' + rel;
- menu.classes.remove(menu._lastRel).add(rel);
- menu._lastRel = rel;
- self.classes.add('selected');
- self.aria('expanded', true);
- }
- },
- hideMenu: function () {
- var self = this;
- if (self.menu) {
- self.menu.items().each(function (item) {
- if (item.hideMenu) {
- item.hideMenu();
}
});
- self.menu.hide();
- self.aria('expanded', false);
- }
- return self;
- },
- renderHtml: function () {
- var self = this;
- var id = self._id;
- var settings = self.settings;
- var prefix = self.classPrefix;
- var text = self.state.get('text');
- var icon = self.settings.icon, image = '', shortcut = settings.shortcut;
- var url = self.encode(settings.url), iconHtml = '';
- function convertShortcut(shortcut) {
- var i, value, replace = {};
- if (global$8.mac) {
- replace = {
- alt: '⌥',
- ctrl: '⌘',
- shift: '⇧',
- meta: '⌘'
- };
- } else {
- replace = { meta: 'Ctrl' };
+ self._super();
+ return self;
+ },
+ hover: function () {
+ var self = this;
+ self.parent().items().each(function (ctrl) {
+ ctrl.classes.remove('selected');
+ });
+ self.classes.toggle('selected', true);
+ return self;
+ },
+ active: function (state) {
+ toggleTextStyle(this, state);
+ if (typeof state !== 'undefined') {
+ this.aria('checked', state);
}
- shortcut = shortcut.split('+');
- for (i = 0; i < shortcut.length; i++) {
- value = replace[shortcut[i].toLowerCase()];
- if (value) {
- shortcut[i] = value;
- }
+ return this._super(state);
+ },
+ remove: function () {
+ this._super();
+ if (this.menu) {
+ this.menu.remove();
}
- return shortcut.join('+');
}
- function escapeRegExp(str) {
- return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ });
+
+ var Radio = Checkbox.extend({
+ Defaults: {
+ classes: 'radio',
+ role: 'radio'
}
- function markMatches(text) {
- var match = settings.match || '';
- return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) {
- return '!mce~match[' + match + ']mce~match!';
- }) : text;
- }
- function boldMatches(text) {
- return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '');
- }
- if (icon) {
- self.parent().classes.add('menu-has-icons');
- }
- if (settings.image) {
- image = ' style="background-image: url(\'' + settings.image + '\')"';
- }
- if (shortcut) {
- shortcut = convertShortcut(shortcut);
- }
- icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none');
- iconHtml = text !== '-' ? '\xA0' : '';
- text = boldMatches(self.encode(markMatches(text)));
- url = boldMatches(self.encode(markMatches(url)));
- return '' + iconHtml + (text !== '-' ? '' + text + '' : '') + (shortcut ? '' : '') + (settings.menu ? '' : '') + (url ? '' : '') + '
';
- },
- postRender: function () {
- var self = this, settings = self.settings;
- var textStyle = settings.textStyle;
- if (typeof textStyle === 'function') {
- textStyle = textStyle.call(this);
- }
- if (textStyle) {
- var textElm = self.getEl('text');
- if (textElm) {
- textElm.setAttribute('style', textStyle);
- self._textStyle = textStyle;
+ });
+
+ var ResizeHandle = Widget.extend({
+ renderHtml: function () {
+ var self = this, prefix = self.classPrefix;
+ self.classes.add('resizehandle');
+ if (self.settings.direction === 'both') {
+ self.classes.add('resizehandle-both');
}
- }
- self.on('mouseenter click', function (e) {
- if (e.control === self) {
- if (!settings.menu && e.type === 'click') {
- self.fire('select');
- global$7.requestAnimationFrame(function () {
- self.parent().hideAll();
- });
- } else {
- self.showMenu();
- if (e.aria) {
- self.menu.focus(true);
+ self.canFocus = false;
+ return '' + '' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.resizeDragHelper = new DragHelper(this._id, {
+ start: function () {
+ self.fire('ResizeStart');
+ },
+ drag: function (e) {
+ if (self.settings.direction !== 'both') {
+ e.deltaX = 0;
}
+ self.fire('Resize', e);
+ },
+ stop: function () {
+ self.fire('ResizeEnd');
}
+ });
+ },
+ remove: function () {
+ if (this.resizeDragHelper) {
+ this.resizeDragHelper.destroy();
}
- });
- self._super();
- return self;
- },
- hover: function () {
- var self = this;
- self.parent().items().each(function (ctrl) {
- ctrl.classes.remove('selected');
- });
- self.classes.toggle('selected', true);
- return self;
- },
- active: function (state) {
- toggleTextStyle(this, state);
- if (typeof state !== 'undefined') {
- this.aria('checked', state);
+ return this._super();
}
- return this._super(state);
- },
- remove: function () {
- this._super();
- if (this.menu) {
- this.menu.remove();
- }
- }
- });
+ });
- var Radio = Checkbox.extend({
- Defaults: {
- classes: 'radio',
- role: 'radio'
- }
- });
-
- var ResizeHandle = Widget.extend({
- renderHtml: function () {
- var self = this, prefix = self.classPrefix;
- self.classes.add('resizehandle');
- if (self.settings.direction === 'both') {
- self.classes.add('resizehandle-both');
- }
- self.canFocus = false;
- return '' + '' + '
';
- },
- postRender: function () {
- var self = this;
- self._super();
- self.resizeDragHelper = new DragHelper(this._id, {
- start: function () {
- self.fire('ResizeStart');
- },
- drag: function (e) {
- if (self.settings.direction !== 'both') {
- e.deltaX = 0;
- }
- self.fire('Resize', e);
- },
- stop: function () {
- self.fire('ResizeEnd');
+ function createOptions(options) {
+ var strOptions = '';
+ if (options) {
+ for (var i = 0; i < options.length; i++) {
+ strOptions += '';
}
- });
- },
- remove: function () {
- if (this.resizeDragHelper) {
- this.resizeDragHelper.destroy();
}
- return this._super();
+ return strOptions;
}
- });
-
- function createOptions(options) {
- var strOptions = '';
- if (options) {
- for (var i = 0; i < options.length; i++) {
- strOptions += '';
- }
- }
- return strOptions;
- }
- var SelectBox = Widget.extend({
- Defaults: {
- classes: 'selectbox',
- role: 'selectbox',
- options: []
- },
- init: function (settings) {
- var self = this;
- self._super(settings);
- if (self.settings.size) {
- self.size = self.settings.size;
- }
- if (self.settings.options) {
- self._options = self.settings.options;
- }
- self.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13) {
- e.preventDefault();
- self.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
- }
- });
- self.fire('submit', { data: rootControl.toJSON() });
+ var SelectBox = Widget.extend({
+ Defaults: {
+ classes: 'selectbox',
+ role: 'selectbox',
+ options: []
+ },
+ init: function (settings) {
+ var self = this;
+ self._super(settings);
+ if (self.settings.size) {
+ self.size = self.settings.size;
}
- });
- },
- options: function (state) {
- if (!arguments.length) {
- return this.state.get('options');
- }
- this.state.set('options', state);
- return this;
- },
- renderHtml: function () {
- var self = this;
- var options, size = '';
- options = createOptions(self._options);
- if (self.size) {
- size = ' size = "' + self.size + '"';
- }
- return '';
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:options', function (e) {
- self.getEl().innerHTML = createOptions(e.value);
- });
- return self._super();
- }
- });
-
- function constrain(value, minVal, maxVal) {
- if (value < minVal) {
- value = minVal;
- }
- if (value > maxVal) {
- value = maxVal;
- }
- return value;
- }
- function setAriaProp(el, name, value) {
- el.setAttribute('aria-' + name, value);
- }
- function updateSliderHandle(ctrl, value) {
- var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl;
- if (ctrl.settings.orientation === 'v') {
- stylePosName = 'top';
- sizeName = 'height';
- shortSizeName = 'h';
- } else {
- stylePosName = 'left';
- sizeName = 'width';
- shortSizeName = 'w';
- }
- handleEl = ctrl.getEl('handle');
- maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
- styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px';
- handleEl.style[stylePosName] = styleValue;
- handleEl.style.height = ctrl.layoutRect().h + 'px';
- setAriaProp(handleEl, 'valuenow', value);
- setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value));
- setAriaProp(handleEl, 'valuemin', ctrl._minValue);
- setAriaProp(handleEl, 'valuemax', ctrl._maxValue);
- }
- var Slider = Widget.extend({
- init: function (settings) {
- var self = this;
- if (!settings.previewFilter) {
- settings.previewFilter = function (value) {
- return Math.round(value * 100) / 100;
- };
- }
- self._super(settings);
- self.classes.add('slider');
- if (settings.orientation === 'v') {
- self.classes.add('vertical');
- }
- self._minValue = isNumber(settings.minValue) ? settings.minValue : 0;
- self._maxValue = isNumber(settings.maxValue) ? settings.maxValue : 100;
- self._initValue = self.state.get('value');
- },
- renderHtml: function () {
- var self = this, id = self._id, prefix = self.classPrefix;
- return '' + '' + '
';
- },
- reset: function () {
- this.value(this._initValue).repaint();
- },
- postRender: function () {
- var self = this;
- var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName;
- function toFraction(min, max, val) {
- return (val + min) / (max - min);
- }
- function fromFraction(min, max, val) {
- return val * (max - min) - min;
- }
- function handleKeyboard(minValue, maxValue) {
- function alter(delta) {
- var value;
- value = self.value();
- value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05);
- value = constrain(value, minValue, maxValue);
- self.value(value);
- self.fire('dragstart', { value: value });
- self.fire('drag', { value: value });
- self.fire('dragend', { value: value });
+ if (self.settings.options) {
+ self._options = self.settings.options;
}
self.on('keydown', function (e) {
- switch (e.keyCode) {
- case 37:
- case 38:
- alter(-1);
- break;
- case 39:
- case 40:
- alter(1);
- break;
+ var rootControl;
+ if (e.keyCode === 13) {
+ e.preventDefault();
+ self.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self.fire('submit', { data: rootControl.toJSON() });
}
});
- }
- function handleDrag(minValue, maxValue, handleEl) {
- var startPos, startHandlePos, maxHandlePos, handlePos, value;
- self._dragHelper = new DragHelper(self._id, {
- handle: self._id + '-handle',
- start: function (e) {
- startPos = e[screenCordName];
- startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10);
- maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
- self.fire('dragstart', { value: value });
- },
- drag: function (e) {
- var delta = e[screenCordName] - startPos;
- handlePos = constrain(startHandlePos + delta, 0, maxHandlePos);
- handleEl.style[stylePosName] = handlePos + 'px';
- value = minValue + handlePos / maxHandlePos * (maxValue - minValue);
- self.value(value);
- self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc');
- self.fire('drag', { value: value });
- },
- stop: function () {
- self.tooltip().hide();
- self.fire('dragend', { value: value });
- }
+ },
+ options: function (state) {
+ if (!arguments.length) {
+ return this.state.get('options');
+ }
+ this.state.set('options', state);
+ return this;
+ },
+ renderHtml: function () {
+ var self = this;
+ var options, size = '';
+ options = createOptions(self._options);
+ if (self.size) {
+ size = ' size = "' + self.size + '"';
+ }
+ return '';
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:options', function (e) {
+ self.getEl().innerHTML = createOptions(e.value);
});
+ return self._super();
}
- minValue = self._minValue;
- maxValue = self._maxValue;
- if (self.settings.orientation === 'v') {
- screenCordName = 'screenY';
+ });
+
+ function constrain(value, minVal, maxVal) {
+ if (value < minVal) {
+ value = minVal;
+ }
+ if (value > maxVal) {
+ value = maxVal;
+ }
+ return value;
+ }
+ function setAriaProp(el, name, value) {
+ el.setAttribute('aria-' + name, value);
+ }
+ function updateSliderHandle(ctrl, value) {
+ var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl;
+ if (ctrl.settings.orientation === 'v') {
stylePosName = 'top';
sizeName = 'height';
shortSizeName = 'h';
} else {
- screenCordName = 'screenX';
stylePosName = 'left';
sizeName = 'width';
shortSizeName = 'w';
}
- self._super();
- handleKeyboard(minValue, maxValue);
- handleDrag(minValue, maxValue, self.getEl('handle'));
- },
- repaint: function () {
- this._super();
- updateSliderHandle(this, this.value());
- },
- bindStates: function () {
- var self = this;
- self.state.on('change:value', function (e) {
- updateSliderHandle(self, e.value);
- });
- return self._super();
+ handleEl = ctrl.getEl('handle');
+ maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
+ styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px';
+ handleEl.style[stylePosName] = styleValue;
+ handleEl.style.height = ctrl.layoutRect().h + 'px';
+ setAriaProp(handleEl, 'valuenow', value);
+ setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value));
+ setAriaProp(handleEl, 'valuemin', ctrl._minValue);
+ setAriaProp(handleEl, 'valuemax', ctrl._maxValue);
}
- });
+ var Slider = Widget.extend({
+ init: function (settings) {
+ var self = this;
+ if (!settings.previewFilter) {
+ settings.previewFilter = function (value) {
+ return Math.round(value * 100) / 100;
+ };
+ }
+ self._super(settings);
+ self.classes.add('slider');
+ if (settings.orientation === 'v') {
+ self.classes.add('vertical');
+ }
+ self._minValue = isNumber(settings.minValue) ? settings.minValue : 0;
+ self._maxValue = isNumber(settings.maxValue) ? settings.maxValue : 100;
+ self._initValue = self.state.get('value');
+ },
+ renderHtml: function () {
+ var self = this, id = self._id, prefix = self.classPrefix;
+ return '' + '' + '
';
+ },
+ reset: function () {
+ this.value(this._initValue).repaint();
+ },
+ postRender: function () {
+ var self = this;
+ var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName;
+ function toFraction(min, max, val) {
+ return (val + min) / (max - min);
+ }
+ function fromFraction(min, max, val) {
+ return val * (max - min) - min;
+ }
+ function handleKeyboard(minValue, maxValue) {
+ function alter(delta) {
+ var value;
+ value = self.value();
+ value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05);
+ value = constrain(value, minValue, maxValue);
+ self.value(value);
+ self.fire('dragstart', { value: value });
+ self.fire('drag', { value: value });
+ self.fire('dragend', { value: value });
+ }
+ self.on('keydown', function (e) {
+ switch (e.keyCode) {
+ case 37:
+ case 38:
+ alter(-1);
+ break;
+ case 39:
+ case 40:
+ alter(1);
+ break;
+ }
+ });
+ }
+ function handleDrag(minValue, maxValue, handleEl) {
+ var startPos, startHandlePos, maxHandlePos, handlePos, value;
+ self._dragHelper = new DragHelper(self._id, {
+ handle: self._id + '-handle',
+ start: function (e) {
+ startPos = e[screenCordName];
+ startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10);
+ maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName];
+ self.fire('dragstart', { value: value });
+ },
+ drag: function (e) {
+ var delta = e[screenCordName] - startPos;
+ handlePos = constrain(startHandlePos + delta, 0, maxHandlePos);
+ handleEl.style[stylePosName] = handlePos + 'px';
+ value = minValue + handlePos / maxHandlePos * (maxValue - minValue);
+ self.value(value);
+ self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc');
+ self.fire('drag', { value: value });
+ },
+ stop: function () {
+ self.tooltip().hide();
+ self.fire('dragend', { value: value });
+ }
+ });
+ }
+ minValue = self._minValue;
+ maxValue = self._maxValue;
+ if (self.settings.orientation === 'v') {
+ screenCordName = 'screenY';
+ stylePosName = 'top';
+ sizeName = 'height';
+ shortSizeName = 'h';
+ } else {
+ screenCordName = 'screenX';
+ stylePosName = 'left';
+ sizeName = 'width';
+ shortSizeName = 'w';
+ }
+ self._super();
+ handleKeyboard(minValue, maxValue);
+ handleDrag(minValue, maxValue, self.getEl('handle'));
+ },
+ repaint: function () {
+ this._super();
+ updateSliderHandle(this, this.value());
+ },
+ bindStates: function () {
+ var self = this;
+ self.state.on('change:value', function (e) {
+ updateSliderHandle(self, e.value);
+ });
+ return self._super();
+ }
+ });
- var Spacer = Widget.extend({
- renderHtml: function () {
- var self = this;
- self.classes.add('spacer');
- self.canFocus = false;
- return '';
- }
- });
+ var Spacer = Widget.extend({
+ renderHtml: function () {
+ var self = this;
+ self.classes.add('spacer');
+ self.canFocus = false;
+ return '';
+ }
+ });
- var SplitButton = MenuButton.extend({
- Defaults: {
- classes: 'widget btn splitbtn',
- role: 'button'
- },
- repaint: function () {
- var self$$1 = this;
- var elm = self$$1.getEl();
- var rect = self$$1.layoutRect();
- var mainButtonElm, menuButtonElm;
- self$$1._super();
- mainButtonElm = elm.firstChild;
- menuButtonElm = elm.lastChild;
- global$9(mainButtonElm).css({
- width: rect.w - funcs.getSize(menuButtonElm).width,
- height: rect.h - 2
- });
- global$9(menuButtonElm).css({ height: rect.h - 2 });
- return self$$1;
- },
- activeMenu: function (state) {
- var self$$1 = this;
- global$9(self$$1.getEl().lastChild).toggleClass(self$$1.classPrefix + 'active', state);
- },
- renderHtml: function () {
- var self$$1 = this;
- var id = self$$1._id;
- var prefix = self$$1.classPrefix;
- var image;
- var icon = self$$1.state.get('icon');
- var text = self$$1.state.get('text');
- var settings = self$$1.settings;
- var textHtml = '', ariaPressed;
- image = settings.image;
- if (image) {
- icon = 'none';
- if (typeof image !== 'string') {
- image = window.getSelection ? image[0] : image[1];
+ var SplitButton = MenuButton.extend({
+ Defaults: {
+ classes: 'widget btn splitbtn',
+ role: 'button'
+ },
+ repaint: function () {
+ var self$$1 = this;
+ var elm = self$$1.getEl();
+ var rect = self$$1.layoutRect();
+ var mainButtonElm, menuButtonElm;
+ self$$1._super();
+ mainButtonElm = elm.firstChild;
+ menuButtonElm = elm.lastChild;
+ global$9(mainButtonElm).css({
+ width: rect.w - funcs.getSize(menuButtonElm).width,
+ height: rect.h - 2
+ });
+ global$9(menuButtonElm).css({ height: rect.h - 2 });
+ return self$$1;
+ },
+ activeMenu: function (state) {
+ var self$$1 = this;
+ global$9(self$$1.getEl().lastChild).toggleClass(self$$1.classPrefix + 'active', state);
+ },
+ renderHtml: function () {
+ var self$$1 = this;
+ var id = self$$1._id;
+ var prefix = self$$1.classPrefix;
+ var image;
+ var icon = self$$1.state.get('icon');
+ var text = self$$1.state.get('text');
+ var settings = self$$1.settings;
+ var textHtml = '', ariaPressed;
+ image = settings.image;
+ if (image) {
+ icon = 'none';
+ if (typeof image !== 'string') {
+ image = window.getSelection ? image[0] : image[1];
+ }
+ image = ' style="background-image: url(\'' + image + '\')"';
+ } else {
+ image = '';
}
- image = ' style="background-image: url(\'' + image + '\')"';
- } else {
- image = '';
- }
- icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
- if (text) {
- self$$1.classes.add('btn-has-text');
- textHtml = '' + self$$1.encode(text) + '';
- }
- ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
- return '' + '' + '' + '
';
- },
- postRender: function () {
- var self$$1 = this, onClickHandler = self$$1.settings.onclick;
- self$$1.on('click', function (e) {
- var node = e.target;
- if (e.control === this) {
- while (node) {
- if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) {
- e.stopImmediatePropagation();
- if (onClickHandler) {
- onClickHandler.call(this, e);
+ icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : '';
+ if (text) {
+ self$$1.classes.add('btn-has-text');
+ textHtml = '' + self$$1.encode(text) + '';
+ }
+ ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : '';
+ return '' + '' + '' + '
';
+ },
+ postRender: function () {
+ var self$$1 = this, onClickHandler = self$$1.settings.onclick;
+ self$$1.on('click', function (e) {
+ var node = e.target;
+ if (e.control === this) {
+ while (node) {
+ if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) {
+ e.stopImmediatePropagation();
+ if (onClickHandler) {
+ onClickHandler.call(this, e);
+ }
+ return;
}
- return;
+ node = node.parentNode;
}
- node = node.parentNode;
}
- }
- });
- delete self$$1.settings.onclick;
- return self$$1._super();
- }
- });
+ });
+ delete self$$1.settings.onclick;
+ return self$$1._super();
+ }
+ });
- var StackLayout = FlowLayout.extend({
- Defaults: {
- containerClass: 'stack-layout',
- controlClass: 'stack-layout-item',
- endClass: 'break'
- },
- isNative: function () {
- return true;
- }
- });
+ var StackLayout = FlowLayout.extend({
+ Defaults: {
+ containerClass: 'stack-layout',
+ controlClass: 'stack-layout-item',
+ endClass: 'break'
+ },
+ isNative: function () {
+ return true;
+ }
+ });
- var TabPanel = Panel.extend({
- Defaults: {
- layout: 'absolute',
- defaults: { type: 'panel' }
- },
- activateTab: function (idx) {
- var activeTabElm;
- if (this.activeTabId) {
- activeTabElm = this.getEl(this.activeTabId);
- global$9(activeTabElm).removeClass(this.classPrefix + 'active');
- activeTabElm.setAttribute('aria-selected', 'false');
- }
- this.activeTabId = 't' + idx;
- activeTabElm = this.getEl('t' + idx);
- activeTabElm.setAttribute('aria-selected', 'true');
- global$9(activeTabElm).addClass(this.classPrefix + 'active');
- this.items()[idx].show().fire('showtab');
- this.reflow();
- this.items().each(function (item, i) {
- if (idx !== i) {
- item.hide();
+ var TabPanel = Panel.extend({
+ Defaults: {
+ layout: 'absolute',
+ defaults: { type: 'panel' }
+ },
+ activateTab: function (idx) {
+ var activeTabElm;
+ if (this.activeTabId) {
+ activeTabElm = this.getEl(this.activeTabId);
+ global$9(activeTabElm).removeClass(this.classPrefix + 'active');
+ activeTabElm.setAttribute('aria-selected', 'false');
}
- });
- },
- renderHtml: function () {
- var self = this;
- var layout = self._layout;
- var tabsHtml = '';
- var prefix = self.classPrefix;
- self.preRender();
- layout.preRender(self);
- self.items().each(function (ctrl, i) {
- var id = self._id + '-t' + i;
- ctrl.aria('role', 'tabpanel');
- ctrl.aria('labelledby', id);
- tabsHtml += '' + self.encode(ctrl.settings.title) + '
';
- });
- return '' + '
';
- },
- postRender: function () {
- var self = this;
- self._super();
- self.settings.activeTab = self.settings.activeTab || 0;
- self.activateTab(self.settings.activeTab);
- this.on('click', function (e) {
- var targetParent = e.target.parentNode;
- if (targetParent && targetParent.id === self._id + '-head') {
- var i = targetParent.childNodes.length;
- while (i--) {
- if (targetParent.childNodes[i] === e.target) {
- self.activateTab(i);
- }
+ this.activeTabId = 't' + idx;
+ activeTabElm = this.getEl('t' + idx);
+ activeTabElm.setAttribute('aria-selected', 'true');
+ global$9(activeTabElm).addClass(this.classPrefix + 'active');
+ this.items()[idx].show().fire('showtab');
+ this.reflow();
+ this.items().each(function (item, i) {
+ if (idx !== i) {
+ item.hide();
}
- }
- });
- },
- initLayoutRect: function () {
- var self = this;
- var rect, minW, minH;
- minW = funcs.getSize(self.getEl('head')).width;
- minW = minW < 0 ? 0 : minW;
- minH = 0;
- self.items().each(function (item) {
- minW = Math.max(minW, item.layoutRect().minW);
- minH = Math.max(minH, item.layoutRect().minH);
- });
- self.items().each(function (ctrl) {
- ctrl.settings.x = 0;
- ctrl.settings.y = 0;
- ctrl.settings.w = minW;
- ctrl.settings.h = minH;
- ctrl.layoutRect({
- x: 0,
- y: 0,
- w: minW,
- h: minH
});
- });
- var headH = funcs.getSize(self.getEl('head')).height;
- self.settings.minWidth = minW;
- self.settings.minHeight = minH + headH;
- rect = self._super();
- rect.deltaH += headH;
- rect.innerH = rect.h - rect.deltaH;
- return rect;
- }
- });
-
- var TextBox = Widget.extend({
- init: function (settings) {
- var self$$1 = this;
- self$$1._super(settings);
- self$$1.classes.add('textbox');
- if (settings.multiline) {
- self$$1.classes.add('multiline');
- } else {
- self$$1.on('keydown', function (e) {
- var rootControl;
- if (e.keyCode === 13) {
- e.preventDefault();
- self$$1.parents().reverse().each(function (ctrl) {
- if (ctrl.toJSON) {
- rootControl = ctrl;
- return false;
+ },
+ renderHtml: function () {
+ var self = this;
+ var layout = self._layout;
+ var tabsHtml = '';
+ var prefix = self.classPrefix;
+ self.preRender();
+ layout.preRender(self);
+ self.items().each(function (ctrl, i) {
+ var id = self._id + '-t' + i;
+ ctrl.aria('role', 'tabpanel');
+ ctrl.aria('labelledby', id);
+ tabsHtml += '' + tabsHtml + '
' + '' + layout.renderHtml(self) + '
' + '' + self.encode(ctrl.settings.title) + '
';
+ });
+ return '' + '
';
+ },
+ postRender: function () {
+ var self = this;
+ self._super();
+ self.settings.activeTab = self.settings.activeTab || 0;
+ self.activateTab(self.settings.activeTab);
+ this.on('click', function (e) {
+ var targetParent = e.target.parentNode;
+ if (targetParent && targetParent.id === self._id + '-head') {
+ var i = targetParent.childNodes.length;
+ while (i--) {
+ if (targetParent.childNodes[i] === e.target) {
+ self.activateTab(i);
}
- });
- self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
}
});
- self$$1.on('keyup', function (e) {
+ },
+ initLayoutRect: function () {
+ var self = this;
+ var rect, minW, minH;
+ minW = funcs.getSize(self.getEl('head')).width;
+ minW = minW < 0 ? 0 : minW;
+ minH = 0;
+ self.items().each(function (item) {
+ minW = Math.max(minW, item.layoutRect().minW);
+ minH = Math.max(minH, item.layoutRect().minH);
+ });
+ self.items().each(function (ctrl) {
+ ctrl.settings.x = 0;
+ ctrl.settings.y = 0;
+ ctrl.settings.w = minW;
+ ctrl.settings.h = minH;
+ ctrl.layoutRect({
+ x: 0,
+ y: 0,
+ w: minW,
+ h: minH
+ });
+ });
+ var headH = funcs.getSize(self.getEl('head')).height;
+ self.settings.minWidth = minW;
+ self.settings.minHeight = minH + headH;
+ rect = self._super();
+ rect.deltaH += headH;
+ rect.innerH = rect.h - rect.deltaH;
+ return rect;
+ }
+ });
+
+ var TextBox = Widget.extend({
+ init: function (settings) {
+ var self$$1 = this;
+ self$$1._super(settings);
+ self$$1.classes.add('textbox');
+ if (settings.multiline) {
+ self$$1.classes.add('multiline');
+ } else {
+ self$$1.on('keydown', function (e) {
+ var rootControl;
+ if (e.keyCode === 13) {
+ e.preventDefault();
+ self$$1.parents().reverse().each(function (ctrl) {
+ if (ctrl.toJSON) {
+ rootControl = ctrl;
+ return false;
+ }
+ });
+ self$$1.fire('submit', { data: rootControl.toJSON() });
+ }
+ });
+ self$$1.on('keyup', function (e) {
+ self$$1.state.set('value', e.target.value);
+ });
+ }
+ },
+ repaint: function () {
+ var self$$1 = this;
+ var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect;
+ style = self$$1.getEl().style;
+ rect = self$$1._layoutRect;
+ lastRepaintRect = self$$1._lastRepaintRect || {};
+ var doc = document;
+ if (!self$$1.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
+ style.lineHeight = rect.h - borderH + 'px';
+ }
+ borderBox = self$$1.borderBox;
+ borderW = borderBox.left + borderBox.right + 8;
+ borderH = borderBox.top + borderBox.bottom + (self$$1.settings.multiline ? 8 : 0);
+ if (rect.x !== lastRepaintRect.x) {
+ style.left = rect.x + 'px';
+ lastRepaintRect.x = rect.x;
+ }
+ if (rect.y !== lastRepaintRect.y) {
+ style.top = rect.y + 'px';
+ lastRepaintRect.y = rect.y;
+ }
+ if (rect.w !== lastRepaintRect.w) {
+ style.width = rect.w - borderW + 'px';
+ lastRepaintRect.w = rect.w;
+ }
+ if (rect.h !== lastRepaintRect.h) {
+ style.height = rect.h - borderH + 'px';
+ lastRepaintRect.h = rect.h;
+ }
+ self$$1._lastRepaintRect = lastRepaintRect;
+ self$$1.fire('repaint', {}, false);
+ return self$$1;
+ },
+ renderHtml: function () {
+ var self$$1 = this;
+ var settings = self$$1.settings;
+ var attrs, elm;
+ attrs = {
+ id: self$$1._id,
+ hidefocus: '1'
+ };
+ global$2.each([
+ 'rows',
+ 'spellcheck',
+ 'maxLength',
+ 'size',
+ 'readonly',
+ 'min',
+ 'max',
+ 'step',
+ 'list',
+ 'pattern',
+ 'placeholder',
+ 'required',
+ 'multiple'
+ ], function (name$$1) {
+ attrs[name$$1] = settings[name$$1];
+ });
+ if (self$$1.disabled()) {
+ attrs.disabled = 'disabled';
+ }
+ if (settings.subtype) {
+ attrs.type = settings.subtype;
+ }
+ elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs);
+ elm.value = self$$1.state.get('value');
+ elm.className = self$$1.classes.toString();
+ return elm.outerHTML;
+ },
+ value: function (value) {
+ if (arguments.length) {
+ this.state.set('value', value);
+ return this;
+ }
+ if (this.state.get('rendered')) {
+ this.state.set('value', this.getEl().value);
+ }
+ return this.state.get('value');
+ },
+ postRender: function () {
+ var self$$1 = this;
+ self$$1.getEl().value = self$$1.state.get('value');
+ self$$1._super();
+ self$$1.$el.on('change', function (e) {
self$$1.state.set('value', e.target.value);
+ self$$1.fire('change', e);
});
+ },
+ bindStates: function () {
+ var self$$1 = this;
+ self$$1.state.on('change:value', function (e) {
+ if (self$$1.getEl().value !== e.value) {
+ self$$1.getEl().value = e.value;
+ }
+ });
+ self$$1.state.on('change:disabled', function (e) {
+ self$$1.getEl().disabled = e.value;
+ });
+ return self$$1._super();
+ },
+ remove: function () {
+ this.$el.off();
+ this._super();
}
- },
- repaint: function () {
- var self$$1 = this;
- var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect;
- style = self$$1.getEl().style;
- rect = self$$1._layoutRect;
- lastRepaintRect = self$$1._lastRepaintRect || {};
- var doc = document;
- if (!self$$1.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) {
- style.lineHeight = rect.h - borderH + 'px';
- }
- borderBox = self$$1.borderBox;
- borderW = borderBox.left + borderBox.right + 8;
- borderH = borderBox.top + borderBox.bottom + (self$$1.settings.multiline ? 8 : 0);
- if (rect.x !== lastRepaintRect.x) {
- style.left = rect.x + 'px';
- lastRepaintRect.x = rect.x;
- }
- if (rect.y !== lastRepaintRect.y) {
- style.top = rect.y + 'px';
- lastRepaintRect.y = rect.y;
- }
- if (rect.w !== lastRepaintRect.w) {
- style.width = rect.w - borderW + 'px';
- lastRepaintRect.w = rect.w;
- }
- if (rect.h !== lastRepaintRect.h) {
- style.height = rect.h - borderH + 'px';
- lastRepaintRect.h = rect.h;
- }
- self$$1._lastRepaintRect = lastRepaintRect;
- self$$1.fire('repaint', {}, false);
- return self$$1;
- },
- renderHtml: function () {
- var self$$1 = this;
- var settings = self$$1.settings;
- var attrs, elm;
- attrs = {
- id: self$$1._id,
- hidefocus: '1'
+ });
+
+ var getApi = function () {
+ return {
+ Selector: Selector,
+ Collection: Collection$2,
+ ReflowQueue: ReflowQueue,
+ Control: Control$1,
+ Factory: global$4,
+ KeyboardNavigation: KeyboardNavigation,
+ Container: Container,
+ DragHelper: DragHelper,
+ Scrollable: Scrollable,
+ Panel: Panel,
+ Movable: Movable,
+ Resizable: Resizable,
+ FloatPanel: FloatPanel,
+ Window: Window$$1,
+ MessageBox: MessageBox,
+ Tooltip: Tooltip,
+ Widget: Widget,
+ Progress: Progress,
+ Notification: Notification,
+ Layout: Layout,
+ AbsoluteLayout: AbsoluteLayout,
+ Button: Button,
+ ButtonGroup: ButtonGroup,
+ Checkbox: Checkbox,
+ ComboBox: ComboBox,
+ ColorBox: ColorBox,
+ PanelButton: PanelButton,
+ ColorButton: ColorButton,
+ ColorPicker: ColorPicker,
+ Path: Path,
+ ElementPath: ElementPath,
+ FormItem: FormItem,
+ Form: Form,
+ FieldSet: FieldSet,
+ FilePicker: FilePicker,
+ FitLayout: FitLayout,
+ FlexLayout: FlexLayout,
+ FlowLayout: FlowLayout,
+ FormatControls: FormatControls,
+ GridLayout: GridLayout,
+ Iframe: Iframe$1,
+ InfoBox: InfoBox,
+ Label: Label,
+ Toolbar: Toolbar$1,
+ MenuBar: MenuBar,
+ MenuButton: MenuButton,
+ MenuItem: MenuItem,
+ Throbber: Throbber,
+ Menu: Menu,
+ ListBox: ListBox,
+ Radio: Radio,
+ ResizeHandle: ResizeHandle,
+ SelectBox: SelectBox,
+ Slider: Slider,
+ Spacer: Spacer,
+ SplitButton: SplitButton,
+ StackLayout: StackLayout,
+ TabPanel: TabPanel,
+ TextBox: TextBox,
+ DropZone: DropZone,
+ BrowseButton: BrowseButton
};
- global$2.each([
- 'rows',
- 'spellcheck',
- 'maxLength',
- 'size',
- 'readonly',
- 'min',
- 'max',
- 'step',
- 'list',
- 'pattern',
- 'placeholder',
- 'required',
- 'multiple'
- ], function (name$$1) {
- attrs[name$$1] = settings[name$$1];
- });
- if (self$$1.disabled()) {
- attrs.disabled = 'disabled';
+ };
+ var appendTo = function (target) {
+ if (target.ui) {
+ global$2.each(getApi(), function (ref, key) {
+ target.ui[key] = ref;
+ });
+ } else {
+ target.ui = getApi();
}
- if (settings.subtype) {
- attrs.type = settings.subtype;
- }
- elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs);
- elm.value = self$$1.state.get('value');
- elm.className = self$$1.classes.toString();
- return elm.outerHTML;
- },
- value: function (value) {
- if (arguments.length) {
- this.state.set('value', value);
- return this;
- }
- if (this.state.get('rendered')) {
- this.state.set('value', this.getEl().value);
- }
- return this.state.get('value');
- },
- postRender: function () {
- var self$$1 = this;
- self$$1.getEl().value = self$$1.state.get('value');
- self$$1._super();
- self$$1.$el.on('change', function (e) {
- self$$1.state.set('value', e.target.value);
- self$$1.fire('change', e);
- });
- },
- bindStates: function () {
- var self$$1 = this;
- self$$1.state.on('change:value', function (e) {
- if (self$$1.getEl().value !== e.value) {
- self$$1.getEl().value = e.value;
- }
- });
- self$$1.state.on('change:disabled', function (e) {
- self$$1.getEl().disabled = e.value;
- });
- return self$$1._super();
- },
- remove: function () {
- this.$el.off();
- this._super();
- }
- });
-
- var getApi = function () {
- return {
- Selector: Selector,
- Collection: Collection$2,
- ReflowQueue: $_p42hyuxjjgwefrk,
- Control: Control$1,
- Factory: global$4,
- KeyboardNavigation: KeyboardNavigation,
- Container: Container,
- DragHelper: DragHelper,
- Scrollable: $_3rxloyuzjjgwefrs,
- Panel: Panel,
- Movable: $_3fnh5iukjjgwefpt,
- Resizable: $_3m7770v1jjgwefrz,
- FloatPanel: FloatPanel,
- Window: Window$$1,
- MessageBox: MessageBox,
- Tooltip: Tooltip,
- Widget: Widget,
- Progress: Progress,
- Notification: Notification,
- Layout: Layout,
- AbsoluteLayout: AbsoluteLayout,
- Button: Button,
- ButtonGroup: ButtonGroup,
- Checkbox: Checkbox,
- ComboBox: ComboBox,
- ColorBox: ColorBox,
- PanelButton: PanelButton,
- ColorButton: ColorButton,
- ColorPicker: ColorPicker,
- Path: Path,
- ElementPath: ElementPath,
- FormItem: FormItem,
- Form: Form,
- FieldSet: FieldSet,
- FilePicker: FilePicker,
- FitLayout: FitLayout,
- FlexLayout: FlexLayout,
- FlowLayout: FlowLayout,
- FormatControls: $_5heykgwxjjgwefyx,
- GridLayout: GridLayout,
- Iframe: Iframe$1,
- InfoBox: InfoBox,
- Label: Label,
- Toolbar: Toolbar$1,
- MenuBar: MenuBar,
- MenuButton: MenuButton,
- MenuItem: MenuItem,
- Throbber: Throbber,
- Menu: Menu,
- ListBox: ListBox,
- Radio: Radio,
- ResizeHandle: ResizeHandle,
- SelectBox: SelectBox,
- Slider: Slider,
- Spacer: Spacer,
- SplitButton: SplitButton,
- StackLayout: StackLayout,
- TabPanel: TabPanel,
- TextBox: TextBox,
- DropZone: DropZone,
- BrowseButton: BrowseButton
};
- };
- var appendTo = function (target) {
- if (target.ui) {
+ var registerToFactory = function () {
global$2.each(getApi(), function (ref, key) {
- target.ui[key] = ref;
+ global$4.add(key, ref);
});
- } else {
- target.ui = getApi();
+ };
+ var Api = {
+ appendTo: appendTo,
+ registerToFactory: registerToFactory
+ };
+
+ Api.registerToFactory();
+ Api.appendTo(window.tinymce ? window.tinymce : {});
+ global.add('modern', function (editor) {
+ FormatControls.setup(editor);
+ return ThemeApi.get(editor);
+ });
+ function Theme () {
}
- };
- var registerToFactory = function () {
- global$2.each(getApi(), function (ref, key) {
- global$4.add(key, ref);
- });
- };
- var Api = {
- appendTo: appendTo,
- registerToFactory: registerToFactory
- };
- Api.registerToFactory();
- Api.appendTo(window.tinymce ? window.tinymce : {});
- global.add('modern', function (editor) {
- $_5heykgwxjjgwefyx.setup(editor);
- return $_buaxbttqjjgwefn0.get(editor);
- });
- function Theme () {
- }
+ return Theme;
- return Theme;
-
}());
})();
Index: src/js/_enqueues/vendor/tinymce/themes/modern/theme.min.js
===================================================================
--- src/js/_enqueues/vendor/tinymce/themes/modern/theme.min.js (revision 44695)
+++ src/js/_enqueues/vendor/tinymce/themes/modern/theme.min.js (working copy)
@@ -1 +1 @@
-!function(){"use strict";var e,t,n,i,r,o=tinymce.util.Tools.resolve("tinymce.ThemeManager"),h=tinymce.util.Tools.resolve("tinymce.EditorManager"),w=tinymce.util.Tools.resolve("tinymce.util.Tools"),d=function(e){return!1!==c(e)},c=function(e){return e.getParam("menubar")},f=function(e){return e.getParam("toolbar_items_size")},m=function(e){return e.getParam("menu")},g=function(e){return!1===e.settings.skin},p=function(e){var t=e.getParam("resize","vertical");return!1===t?"none":"both"===t?"both":"vertical"},v=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),b=tinymce.util.Tools.resolve("tinymce.ui.Factory"),y=tinymce.util.Tools.resolve("tinymce.util.I18n"),s=function(e){return e.fire("SkinLoaded")},x=function(e){return e.fire("ResizeEditor")},_=function(e){return e.fire("BeforeRenderUI")},a=function(t,n){return function(){var e=t.find(n)[0];e&&e.focus(!0)}},C=function(e,t){e.shortcuts.add("Alt+F9","",a(t,"menubar")),e.shortcuts.add("Alt+F10,F10","",a(t,"toolbar")),e.shortcuts.add("Alt+F11","",a(t,"elementpath")),t.on("cancel",function(){e.focus()})},R=tinymce.util.Tools.resolve("tinymce.geom.Rect"),u=tinymce.util.Tools.resolve("tinymce.util.Delay"),E=function(){for(var e=[],t=0;t' + tabsHtml + '
' + '' + layout.renderHtml(self) + '
' + ''+(e.settings.html||"")+t.renderHtml(e)+"
"},postRender:function(){var e,t=this;return t.items().exec("postRender"),t._super(),t._layout.postRender(t),t.state.set("rendered",!0),t.settings.style&&t.$el.css(t.settings.style),t.settings.border&&(e=t.borderBox,t.$el.css({"border-top-width":e.top,"border-right-width":e.right,"border-bottom-width":e.bottom,"border-left-width":e.left})),t.parent()||(t.keyboardNav=lt({root:t})),t},initLayoutRect:function(){var e=this._super();return this._layout.recalc(this),e},recalc:function(){var e=this,t=e._layoutRect,n=e._lastRect;if(!n||n.w!==t.w||n.h!==t.h)return e._layout.recalc(e),t=e.layoutRect(),e._lastRect={x:t.x,y:t.y,w:t.w,h:t.h},!0},reflow:function(){var e;if(Qe.remove(this),this.visible()){for(st.repaintControls=[],st.repaintControls.map={},this.recalc(),e=st.repaintControls.length;e--;)st.repaintControls[e].repaint();"flow"!==this.settings.layout&&"stack"!==this.settings.layout&&this.repaint(),st.repaintControls=[]}return this}});function dt(e){var t,n;if(e.changedTouches)for(t="screenX screenY pageX pageY clientX clientY".split(" "),n=0;n'),p.draghelper=new ft(e+"t",{start:function(){d=p.getEl("body")["scroll"+a],we("#"+e).addClass(t+"active")},drag:function(e){var t,n,i,r,o=p.layoutRect();n=o.contentW>o.innerW,i=o.contentH>o.innerH,r=p.getEl("body")["client"+l]-2*v,t=(r-=n&&i?p.getEl("scroll"+s)["client"+c]:0)/p.getEl("body")["scroll"+l],p.getEl("body")["scroll"+a]=d+e["delta"+u]/t},stop:function(){we("#"+e).removeClass(t+"active")}})}p.classes.add("scroll"),e("v","Top","Height","Y","Width"),e("h","Left","Width","X","Height")}(),p.on("wheel",function(e){var t=p.getEl("body");t.scrollLeft+=10*(e.deltaX||0),t.scrollTop+=10*e.deltaY,n()}),we(p.getEl("body")).on("scroll",n)),n())}},bt=ct.extend({Defaults:{layout:"fit",containerCls:"panel"},Mixins:[vt],renderHtml:function(){var e=this,t=e._layout,n=e.settings.html;return e.preRender(),t.preRender(e),void 0===n?n='
'+t.renderHtml(e)+"
":("function"==typeof n&&(n=n.call(e)),e._hasBody=!1),''+(e._preBodyHtml||"")+n+"
"}}),yt={resizeToContent:function(){this._layoutRect.autoResize=!0,this._lastRect=null,this.reflow()},resizeTo:function(e,t){if(e<=1||t<=1){var n=Ce.getWindowSize();e=e<=1?e*n.w:e,t=t<=1?t*n.h:t}return this._layoutRect.autoResize=!1,this.layoutRect({minW:e,minH:t,w:e,h:t}).reflow()},resizeBy:function(e,t){var n=this.layoutRect();return this.resizeTo(n.w+e,n.h+t)}},xt=[],wt=[];function _t(e,t){for(;e;){if(e===t)return!0;e=e.parent()}}function Ct(){ht||(ht=function(e){2!==e.button&&function(e){for(var t=xt.length;t--;){var n=xt[t],i=n.getParentCtrl(e.target);if(n.settings.autohide){if(i&&(_t(i,n)||n.parent()===i))continue;(e=n.fire("autohide",{target:e.target})).isDefaultPrevented()||n.hide()}}}(e)},we(document).on("click touchstart",ht))}function Rt(r){var e=Ce.getViewPort().y;function t(e,t){for(var n,i=0;i'+e.encode(e.state.get("text"))+"
0%
'+i+'
'},postRender:function(){var e=this;return u.setTimeout(function(){e.$el.addClass(e.classPrefix+"in"),At(e,e.state.get("text"))},100),e._super()},bindStates:function(){var t=this;return t.state.on("change:text",function(e){t.getEl().firstChild.innerHTML=e.value,At(t,e.value)}),t.progressBar&&(t.progressBar.bindStates(),t.progressBar.state.on("change:value",function(e){At(t,t.state.get("text"))})),t._super()},close:function(){return this.fire("close").isDefaultPrevented()||this.remove(),this},repaint:function(){var e,t;e=this.getEl().style,t=this._layoutRect,e.left=t.x+"px",e.top=t.y+"px",e.zIndex=65534}});function Lt(o){var s=function(e){return e.inline?e.getElement():e.getContentAreaContainer()};return{open:function(e,t){var n,i=w.extend(e,{maxWidth:(n=s(o),Ce.getSize(n).width)}),r=new Bt(i);return 0<(r.args=i).timeout&&(r.timer=setTimeout(function(){r.close(),t()},i.timeout)),r.on("close",function(){t()}),r.renderTo(),r},close:function(e){e.close()},reposition:function(e){G(e,function(e){e.moveTo(0,0)}),function(n){if(0'+t.state.get("text")+"
"+o+r+''+e.encode(r.title)+'
'+o+'
'+a+"
"+s+"'+(e.settings.html||"")+t.renderHtml(e)+"
'+e.encode(e.state.get("text"))+"
"},bindStates:function(){var o=this;function t(e){o.classes.toggle("checked",e),o.aria("checked",e)}return o.state.on("change:text",function(e){o.getEl("al").firstChild.data=o.translate(e.value)}),o.state.on("change:checked change:value",function(e){o.fire("change"),t(e.value)}),o.state.on("change:icon",function(e){var t=e.value,n=o.classPrefix;if(void 0===t)return o.settings.icon;t=(o.settings.icon=t)?n+"ico "+n+"i-"+o.settings.icon:"";var i=o.getEl().firstChild,r=i.getElementsByTagName("i")[0];t?(r&&r===i.firstChild||(r=document.createElement("i"),i.insertBefore(r,i.firstChild)),r.className=t):r&&i.removeChild(r)}),o.state.get("checked")&&t(!0),o._super()}}),Zt=tinymce.util.Tools.resolve("tinymce.util.VK"),Qt=Wt.extend({init:function(i){var r=this;r._super(i),i=r.settings,r.classes.add("combobox"),r.subinput=!0,r.ariaTarget="inp",i.menu=i.menu||i.values,i.menu&&(i.icon="caret"),r.on("click",function(e){var t=e.target,n=r.getEl();if(we.contains(n,t)||t===n)for(;t&&t!==n;)t.id&&-1!==t.id.indexOf("-open")&&(r.fire("action"),i.menu&&(r.showMenu(),e.aria&&r.menu.items()[0].focus())),t=t.parentNode}),r.on("keydown",function(e){var t;13===e.keyCode&&"INPUT"===e.target.nodeName&&(e.preventDefault(),r.parents().reverse().each(function(e){if(e.toJSON)return t=e,!1}),r.fire("submit",{data:t.toJSON()}))}),r.on("keyup",function(e){if("INPUT"===e.target.nodeName){var t=r.state.get("value"),n=e.target.value;n!==t&&(r.state.set("value",n),r.fire("autocomplete",e))}}),r.on("mouseover",function(e){var t=r.tooltip().moveTo(-65535);if(r.statusLevel()&&-1!==e.target.className.indexOf(r.classPrefix+"status")){var n=r.statusMessage()||"Ok",i=t.text(n).show().testMoveRel(e.target,["bc-tc","bc-tl","bc-tr"]);t.classes.toggle("tooltip-n","bc-tc"===i),t.classes.toggle("tooltip-nw","bc-tl"===i),t.classes.toggle("tooltip-ne","bc-tr"===i),t.moveRel(e.target,i)}})},statusLevel:function(e){return 0'+function(){var e,t,n,i,r="";for(n="filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=",e=0,t=(i=s.split(",")).length-1;e
';return r}()+'',''+e+"
'+this._getDataPathHtml(this.state.get("row"))+"
"},bindStates:function(){var t=this;return t.state.on("change:row",function(e){t.innerHtml(t._getDataPathHtml(e.value))}),t._super()},_getDataPathHtml:function(e){var t,n,i=e||[],r="",o=this.classPrefix;for(t=0,n=i.length;t'+function(){var e,t,n,i,r="";for(n="filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=",e=0,t=(i=s.split(",")).length-1;e
';return r}()+'',''+e+"
'+this._getDataPathHtml(this.state.get("row"))+"
"},bindStates:function(){var t=this;return t.state.on("change:row",function(e){t.innerHtml(t._getDataPathHtml(e.value))}),t._super()},_getDataPathHtml:function(e){var t,n,i=e||[],r="",o=this.classPrefix;for(t=0,n=i.length;t