@themarioga/grid-editor 8.3.0 → 8.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +17 -1
  3. package/dist/grideditor.bundle.min.js +3 -3
  4. package/dist/grideditor.css +49 -0
  5. package/dist/grideditor.d.ts +4 -0
  6. package/dist/grideditor.esm.js +200 -8
  7. package/dist/grideditor.js +200 -8
  8. package/dist/grideditor.min.css +1 -1
  9. package/dist/grideditor.min.css.map +1 -1
  10. package/dist/grideditor.min.js +2 -2
  11. package/dist/grideditor.min.js.map +3 -3
  12. package/dist/locales/grideditor.es.esm.js +3 -0
  13. package/dist/locales/grideditor.es.js +3 -0
  14. package/dist/locales/grideditor.es.min.js +1 -1
  15. package/dist/locales/grideditor.es.min.js.map +2 -2
  16. package/dist/plugins/grideditor.ckeditor.esm.js +1 -0
  17. package/dist/plugins/grideditor.ckeditor.js +1 -0
  18. package/dist/plugins/grideditor.ckeditor.min.js +1 -1
  19. package/dist/plugins/grideditor.ckeditor.min.js.map +2 -2
  20. package/dist/plugins/grideditor.sections.esm.js +1 -0
  21. package/dist/plugins/grideditor.sections.js +1 -0
  22. package/dist/plugins/grideditor.sections.min.js +1 -1
  23. package/dist/plugins/grideditor.sections.min.js.map +2 -2
  24. package/dist/plugins/grideditor.summernote.esm.js +1 -0
  25. package/dist/plugins/grideditor.summernote.js +1 -0
  26. package/dist/plugins/grideditor.summernote.min.js +1 -1
  27. package/dist/plugins/grideditor.summernote.min.js.map +2 -2
  28. package/dist/plugins/grideditor.tinymce.esm.js +1 -0
  29. package/dist/plugins/grideditor.tinymce.js +1 -0
  30. package/dist/plugins/grideditor.tinymce.min.js +1 -1
  31. package/dist/plugins/grideditor.tinymce.min.js.map +2 -2
  32. package/docs/locale-keys.md +4 -1
  33. package/docs/plugins.md +22 -0
  34. package/package.json +1 -1
  35. package/src/js/grideditor.js +246 -8
  36. package/src/js/locales/grideditor.es.js +3 -0
  37. package/src/js/plugins/grideditor.sections.js +1 -0
  38. package/src/js/text/grideditor.text.js +1 -0
  39. package/src/less/grideditor.less +58 -0
  40. package/types/grideditor.d.ts +4 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/text/grideditor.text.js", "../../src/js/plugins/grideditor.tinymce.js"],
4
- "sourcesContent": ["/**\n * What a plugin's or a locale's classic script imports in place of the\n * editor: the GridEditor the page already loaded.\n *\n * The build points `import { GridEditor } from '../grideditor.js'` here for\n * the classic scripts, so each registers on the editor the page has rather\n * than bringing its own. Loaded before the editor there is nothing to\n * register on, and saying so is better than a TypeError three calls later.\n */\nvar GridEditor = window.GridEditor;\n\nif (!GridEditor || typeof GridEditor.get !== 'function') {\n throw new Error('grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, ' +\n 'its locales and grideditor.jquery.js');\n}\n\nexport { GridEditor };\nexport default GridEditor;\n", "/**\n * The DOM, the way grid-editor uses it.\n *\n * Small helpers over the browser's own API, for the core and the shipped\n * plugins. Not a public API: a plugin of a host's own is free to write its\n * DOM code however it likes, and this file makes no promise to it.\n *\n * Stateless on purpose. The build puts a copy of this file in each plugin's\n * classic script, so anything kept here would be kept once per copy; a\n * module that needs to remember something about a node keeps its own\n * WeakMap.\n */\n\n/** Every element under `root` matching `selector`, as an array. */\nexport function all(root, selector) {\n return root ? Array.prototype.slice.call(root.querySelectorAll(selector)) : [];\n}\n\n/** The first element under `root` matching `selector`, or null. */\nexport function one(root, selector) {\n return root ? root.querySelector(selector) : null;\n}\n\n/** `root` itself when it matches, then every element under it that does. */\nexport function selfAndAll(root, selector) {\n if (!root) { return []; }\n\n var found = all(root, selector);\n if (root.nodeType === 1 && root.matches(selector)) { found.unshift(root); }\n return found;\n}\n\n/** The element children of `node`, those matching `selector` if one is given. */\nexport function children(node, selector) {\n if (!node) { return []; }\n\n return Array.prototype.filter.call(node.children, function(each) {\n return !selector || each.matches(selector);\n });\n}\n\n/** The first element child matching `selector`, or null. */\nexport function child(node, selector) {\n return children(node, selector)[0] || null;\n}\n\n/** The nearest ancestor-or-self matching `selector` below `stopAt`, or null. */\nexport function closest(node, selector, stopAt) {\n var found = node && node.nodeType === 1 ? node.closest(selector) : null;\n\n if (found && stopAt && found !== stopAt && !stopAt.contains(found)) { return null; }\n return found;\n}\n\n/** Whether `node` is an element matching `selector`. */\nexport function is(node, selector) {\n return !!node && node.nodeType === 1 && node.matches(selector);\n}\n\n/** Whether `node` is in the document. */\nexport function attached(node) {\n return !!node && document.documentElement.contains(node);\n}\n\n/** The element siblings after `node` that match `selector`. */\nexport function nextAll(node, selector) {\n var found = [];\n\n for (var next = node.nextElementSibling; next; next = next.nextElementSibling) {\n if (!selector || next.matches(selector)) { found.push(next); }\n }\n return found;\n}\n\n/** The ancestors of `node` up to, and not including, `stop`, nearest first. */\nexport function parentsUntil(node, stop) {\n var found = [];\n\n for (var parent = node.parentElement; parent && parent !== stop; parent = parent.parentElement) {\n found.push(parent);\n }\n return found;\n}\n\n/**\n * The nodes the html parses into, detached. Parsed the way innerHTML parses,\n * so a <script> in it never runs, here or once it is in the page.\n */\nexport function parse(html) {\n var template = document.createElement('template');\n template.innerHTML = html;\n return Array.prototype.slice.call(template.content.childNodes);\n}\n\n/** The one element the html is, detached. */\nexport function create(html) {\n var nodes = parse(html.trim());\n\n for (var i = 0; i < nodes.length; i++) {\n if (nodes[i].nodeType === 1) { return nodes[i]; }\n }\n return null;\n}\n\n/** An element of `tag`, with `attributes` and `text`. */\nexport function element(tag, attributes, text) {\n var node = document.createElement(tag);\n\n Object.keys(attributes || {}).forEach(function(name) {\n var value = attributes[name];\n if (value !== null && value !== undefined && value !== false) { node.setAttribute(name, value); }\n });\n if (text !== undefined && text !== null) { node.textContent = text; }\n\n return node;\n}\n\n/** Replace what `node` holds with `html`. A <script> in it does not run. */\nexport function setHtml(node, html) {\n node.innerHTML = html === undefined || html === null ? '' : String(html);\n return node;\n}\n\n/** Add one or several space separated classes. */\nexport function addClass(node, names) {\n split(names).forEach(function(name) { node.classList.add(name); });\n return node;\n}\n\nexport function removeClass(node, names) {\n split(names).forEach(function(name) { node.classList.remove(name); });\n return node;\n}\n\n/** Each class on, or off, or flipped when `on` is not given. */\nexport function toggleClass(node, names, state) {\n split(names).forEach(function(name) {\n if (state === undefined) {\n node.classList.toggle(name);\n } else {\n node.classList.toggle(name, !!state);\n }\n });\n return node;\n}\n\nexport function hasClass(node, name) {\n return !!node && node.nodeType === 1 && node.classList.contains(name);\n}\n\nfunction split(names) {\n return String(names || '').split(/\\s+/).filter(Boolean);\n}\n\n/** Take the class attribute off when there is nothing left in it. */\nexport function dropEmptyClass(node) {\n if (!node.getAttribute('class')) { node.removeAttribute('class'); }\n return node;\n}\n\n/** Take the style attribute off when there is nothing left in it. */\nexport function dropEmptyStyle(node) {\n if (!node.getAttribute('style')) { node.removeAttribute('style'); }\n return node;\n}\n\n/** Set attributes; a null or undefined value takes the attribute off. */\nexport function attr(node, attributes) {\n Object.keys(attributes).forEach(function(name) {\n var value = attributes[name];\n\n if (value === null || value === undefined) {\n node.removeAttribute(name);\n } else {\n node.setAttribute(name, value);\n }\n });\n return node;\n}\n\n/**\n * Inline styles, by css property name. A number is pixels for the properties\n * that take a length, as jQuery had it; an empty string takes one off.\n */\nexport function css(node, styles) {\n Object.keys(styles).forEach(function(property) {\n var value = styles[property];\n\n if (typeof value === 'number' && !UNITLESS[property]) { value = value + 'px'; }\n node.style.setProperty(property, value === null || value === undefined ? '' : String(value));\n });\n return node;\n}\n\nvar UNITLESS = { opacity: true, 'z-index': true, 'flex-grow': true, 'flex-shrink': true, order: true };\n\n/** What an element of this tag shows as when nothing hides it. */\nvar defaultDisplays = {};\n\nfunction defaultDisplay(node) {\n var tag = node.nodeName;\n\n if (!defaultDisplays[tag]) {\n var probe = document.body.appendChild(document.createElement(tag));\n defaultDisplays[tag] = getComputedStyle(probe).display;\n probe.remove();\n if (defaultDisplays[tag] === 'none') { defaultDisplays[tag] = 'block'; }\n }\n return defaultDisplays[tag];\n}\n\n/** Show a node: its inline display:none off, and a display of its own if a stylesheet hides it. */\nexport function show(node) {\n node.style.removeProperty('display');\n if (getComputedStyle(node).display === 'none') { node.style.display = defaultDisplay(node); }\n return node;\n}\n\nexport function hide(node) {\n node.style.display = 'none';\n return node;\n}\n\n/** Show or hide; flip when `on` is not given. */\nexport function toggle(node, state) {\n if (state === undefined) { state = !visible(node); }\n return state ? show(node) : hide(node);\n}\n\n/** Whether a node takes up room: what jQuery's :visible meant. */\nexport function visible(node) {\n return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);\n}\n\n/** The border box's width, fractions included. */\nexport function outerWidth(node) {\n return node.getBoundingClientRect().width;\n}\n\nexport function outerHeight(node) {\n return node.getBoundingClientRect().height;\n}\n\n/** The content box's height, which is what jQuery's height() gave. */\nexport function contentHeight(node) {\n var style = getComputedStyle(node);\n return node.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n}\n\n/** Where a node is on the page, not in the window. */\nexport function offset(node) {\n var box = node.getBoundingClientRect();\n return { top: box.top + window.pageYOffset, left: box.left + window.pageXOffset };\n}\n\n/** Its index among its parent's element children, those matching `selector` if given. */\nexport function indexIn(node, selector) {\n return children(node.parentElement, selector).indexOf(node);\n}\n\n/** Put `node` right after `reference`. */\nexport function insertAfter(node, reference) {\n reference.parentNode.insertBefore(node, reference.nextSibling);\n return node;\n}\n\n/** Replace `node` with what it holds. */\nexport function unwrap(node) {\n var parent = node.parentNode;\n\n while (node.firstChild) { parent.insertBefore(node.firstChild, node); }\n node.remove();\n}\n\n/** Put `node` inside `wrapper`, where `node` was. */\nexport function wrap(node, wrapper) {\n node.parentNode.insertBefore(wrapper, node);\n wrapper.appendChild(node);\n return wrapper;\n}\n\n/**\n * Listen on `root` for `types` (space separated) on descendants that match\n * `selector`, with `this` the matched element, as jQuery's delegated\n * handlers had it. Hands back the listener, for removeEventListener; a\n * signal in `options` removes it too.\n */\nexport function delegate(root, types, selector, handler, options) {\n var listener = function(event) {\n var match = closest(event.target, selector, root);\n if (match && root.contains(match)) { return handler.call(match, event); }\n return undefined;\n };\n\n split(types).forEach(function(type) { root.addEventListener(type, listener, options); });\n return listener;\n}\n\n/** Listen for several space separated event types with one handler. */\nexport function on(target, types, handler, options) {\n split(types).forEach(function(type) { target.addEventListener(type, handler, options); });\n return handler;\n}\n\nexport function off(target, types, handler, options) {\n split(types).forEach(function(type) { target.removeEventListener(type, handler, options); });\n}\n\n/** A mouse event of `type` sent to `node`, the way a pointer would. */\nexport function fire(node, type) {\n node.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' && type !== 'mouseleave' }));\n}\n\n/* ------------------------------------------------------------------\n * Taking a node away, visibly.\n *\n * The durations are jQuery's: 400 ms unless the caller says otherwise. `done` runs once the node is out of sight, which is\n * when the caller removes it; a node that is already out of sight is done at\n * once, on the next task, as jQuery had it.\n * ------------------------------------------------------------------ */\n\nvar DEFAULT_DURATION = 400;\n\nfunction animateAway(node, frames, duration, done) {\n duration = duration === undefined ? DEFAULT_DURATION : duration;\n\n var finish = function() {\n hide(node);\n if (done) { done(); }\n };\n\n if (!visible(node) || !node.animate || duration <= 0) {\n window.setTimeout(finish, 0);\n return;\n }\n\n var animation = node.animate(frames(getComputedStyle(node)), {\n duration: duration,\n easing: 'ease-in-out',\n });\n var called = false;\n var once = function() {\n if (called) { return; }\n called = true;\n finish();\n };\n\n animation.onfinish = once;\n animation.oncancel = once;\n}\n\n/** Fold a node up to nothing, then hide it. */\nexport function slideUp(node, duration, done) {\n if (typeof duration === 'function') {\n done = duration;\n duration = undefined;\n }\n\n node.style.overflow = 'hidden';\n animateAway(node, function(style) {\n return [\n {\n height: style.height,\n paddingTop: style.paddingTop,\n paddingBottom: style.paddingBottom,\n marginTop: style.marginTop,\n marginBottom: style.marginBottom,\n },\n { height: '0px', paddingTop: '0px', paddingBottom: '0px', marginTop: '0px', marginBottom: '0px' },\n ];\n }, duration, function() {\n node.style.removeProperty('overflow');\n if (done) { done(); }\n });\n}\n\n/** Fade a node out, then hide it. */\nexport function fadeOut(node, duration, done) {\n animateAway(node, function(style) {\n return [{ opacity: style.opacity }, { opacity: 0 }];\n }, duration, done);\n}\n\n/** Fade and fold a node, in height and, with `width`, sideways too, then hide it. */\nexport function shrinkAway(node, duration, done, width) {\n node.style.overflow = 'hidden';\n animateAway(node, function(style) {\n var from = { opacity: style.opacity, height: style.height };\n var to = { opacity: 0, height: '0px' };\n\n if (width) {\n from.width = style.width;\n to.width = '0px';\n }\n return [from, to];\n }, duration, function() {\n node.style.removeProperty('overflow');\n if (done) { done(); }\n });\n}\n", "/**\n * Text for grid-editor: what the text editor plugins share.\n *\n * Not a file a page loads. The build puts it at the top of each text editor\n * plugin - grideditor.tinymce.js, grideditor.ckeditor.js,\n * grideditor.summernote.js - and whichever of them loads first installs it:\n * a page with two editors has one of these.\n *\n * It is a feature plugin, `text`, that the `plugins` setting does not choose\n * (content_types does), and it is everything a text is to the editor: the\n * text block's drawer, the Text buttons in the toolbar, createText, opening\n * an editor on a click and closing it again with the host's attributes put\n * back, and making the host's plain content a text through the core's\n * `textTypes` hook.\n *\n * Each editor registers under GridEditor.texts, which is this file's own\n * registry and not a contract: an editor of a host's own is a feature plugin\n * of its own, as example/custom_editor.html shows.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\n// However many editors a page loads, each with a copy of this file in its\n// classic script: the first one installs it\nif (!GridEditor.features.text) {\n\n Object.assign(GridEditor.locales.en, {\n 'text.add': 'Text',\n 'text.add_type': 'Text ({editor})',\n 'panel.editor': 'Editor',\n 'panel.kind_text': 'Text',\n });\n\n /**\n * What a content area's attributes were before its editor opened, and\n * once it had: the two readings closeText plays the host's changes\n * back from. Shared by every editor on the page, like the nodes.\n */\n var readBefore = new WeakMap();\n var readReady = new WeakMap();\n\n /** What a text editor puts on a content area while it is open, whenever it likes. */\n var EDITOR_CLASS = /^(mce-|cke|ck-|note-)|^(ck|active|ge-rte-active)$/;\n var EDITOR_ATTRIBUTE = /^(data-mce-|contenteditable$|spellcheck$)/;\n\n function attributesOf(element) {\n var found = {};\n Array.prototype.slice.call(element.attributes).forEach(function(attribute) {\n found[attribute.name] = attribute.value;\n });\n return found;\n }\n\n function classesIn(value) {\n return (value || '').split(/\\s+/).filter(function(name) {\n return name !== '' && !EDITOR_CLASS.test(name);\n });\n }\n\n /** The host's markup, with what changed from `ready` to `open` played back onto it. */\n function restoreAttributes(block, before, ready, open) {\n var result = Object.assign({}, before);\n\n Object.keys(Object.assign({}, ready, open)).forEach(function(name) {\n if (name === 'class' || EDITOR_ATTRIBUTE.test(name) || ready[name] === open[name]) { return; }\n\n if (open[name] === undefined) {\n delete result[name];\n } else {\n result[name] = open[name];\n }\n });\n\n var readyClasses = classesIn(ready['class']);\n var openClasses = classesIn(open['class']);\n var classes = classesIn(before['class']).filter(function(name) {\n return openClasses.indexOf(name) !== -1 || readyClasses.indexOf(name) === -1;\n });\n openClasses.forEach(function(name) {\n if (readyClasses.indexOf(name) === -1 && classes.indexOf(name) === -1) { classes.push(name); }\n });\n\n // In the host's order, class where it was: getHtml should not\n // shuffle a node's attributes because it was edited\n if (classes.length) { result['class'] = classes.join(' '); } else { delete result['class']; }\n\n Object.keys(attributesOf(block)).forEach(function(name) { block.removeAttribute(name); });\n Object.keys(result).forEach(function(name) { block.setAttribute(name, result[name]); });\n }\n\n function textFeature(ge) {\n\n var settings = ge.settings;\n var TEXTS = {};\n var warned = {};\n\n Object.keys(GridEditor.texts).forEach(function(type) {\n TEXTS[type] = GridEditor.texts[type](ge);\n });\n\n // Every editor loaded, in the order the page loaded them, unless the\n // host names the ones it wants\n if (!Array.isArray(settings.content_types)) { settings.content_types = Object.keys(TEXTS); }\n if (!Array.isArray(settings.text_tools)) { settings.text_tools = []; }\n if (!Array.isArray(settings.text_classes)) { settings.text_classes = []; }\n\n /** The text editors this editor offers, in content_types order: the ones loaded. */\n function offeredTexts() {\n return settings.content_types.filter(function(type) { return !!TEXTS[type]; });\n }\n\n /** What a text editor is called: its plugin's label, or its type. */\n function textLabel(type) {\n var text = TEXTS[type];\n return text && text.labelKey ? ge.t(text.labelKey) : type;\n }\n\n /** A detached content area of `type`, holding `content` or the editor's initial content. */\n function makeText(type, content) {\n var text = TEXTS[type];\n var block = dom.element('div', {\n 'class': 'ge-content ge-content-type-' + type,\n 'data-ge-content-type': type,\n });\n\n if (content && content.nodeType) {\n block.appendChild(content);\n } else {\n dom.setHtml(block, content !== undefined ? content : (text && text.initialContent) || '');\n }\n return block;\n }\n\n /**\n * createText(type?, options?): a content area of a text editor's,\n * detached unless a placement is given. The type is the first one\n * offered by default. `options.content` is its html.\n */\n function apiCreateText(type, options) {\n if (type && typeof type === 'object') {\n options = type;\n type = undefined;\n }\n options = options || {};\n type = type || offeredTexts()[0];\n\n if (!type || !TEXTS[type]) {\n if (!warned['createText:' + type]) {\n warned['createText:' + type] = true;\n ge.warn('createText: no text editor \"' + type + '\" is loaded; ' +\n 'load its plugin and name it in content_types');\n }\n return null;\n }\n\n return ge.place(makeText(type, options.content), 'text', options);\n }\n\n /** Whether a content area is a text of one of the editors loaded here. */\n function isOurs(block) {\n return !!TEXTS[block.getAttribute('data-ge-content-type')];\n }\n\n /** Open the editor on a text, once: until it is closed again. */\n function startText(block) {\n if (dom.hasClass(block, 'ge-rte-active')) { return; }\n\n // A content area nobody can see - a tab that is not the open one,\n // a closed accordion item - has no geometry for an editor to lay\n // its toolbar out against, and nothing anyone can type into\n if (!dom.visible(block)) { return; }\n\n // The attribute: it is markup, and the drawer reads it the same way\n var text = TEXTS[block.getAttribute('data-ge-content-type')];\n if (!text) { return; }\n\n // Not marked active, so the next click tries again: the library\n // may be loaded by then\n if (text.available && !text.available()) {\n if (text.missingKey) { console.error(ge.t(text.missingKey)); }\n return;\n }\n\n readBefore.set(block, attributesOf(block));\n readReady.delete(block);\n dom.addClass(block, 'ge-rte-active');\n text.start([block]);\n }\n\n function onClick() {\n startText(this);\n }\n\n /**\n * Close the text editor on one content area, and leave the content\n * area's own attributes as the host left them.\n *\n * An editor adds attributes of its own while it is open, and takes\n * them off again, more or less: CKEditor leaves aria-readonly behind.\n * tinyMCE does worse, and puts back every attribute as it was when it\n * opened, so an id, a class or a plugin's attribute given while it was\n * open is lost. So the attributes are read three times - before the\n * editor opens, once it has opened, and before it closes - and what\n * changed between the second and the third, the host's doing, is\n * played back onto the first, the host's markup. What the editor did\n * is left out either way.\n */\n function closeText(block) {\n var text = TEXTS[block.getAttribute('data-ge-content-type')];\n var before = readBefore.get(block);\n var open = before ? attributesOf(block) : null;\n\n // Every content area is told: one whose editor never\n // started is the plugin's to ignore\n if (text) { text.stop([block]); }\n\n // After stop, not before: an editor that restores the class\n // attribute it snapshotted would put ge-rte-active back\n dom.removeClass(block, 'ge-rte-active');\n\n if (before) {\n restoreAttributes(block, before, readReady.get(block) || before, open);\n readBefore.delete(block);\n readReady.delete(block);\n }\n }\n\n function createTextControls(textBlock) {\n var block = dom.child(textBlock, '.ge-content');\n var type = block.getAttribute('data-ge-content-type');\n var drawer = dom.element('div', { 'class': 'ge-tools-drawer ge-text-drawer' });\n textBlock.insertBefore(drawer, textBlock.firstChild);\n\n ge.createMoveTool(drawer);\n\n var details = ge.addSettingsTool(drawer, block, settings.text_classes);\n\n // Which editor edits it, first in its settings: something to\n // know about it, not something to do with it\n var general = dom.child(details, '.ge-details-general');\n var editor = dom.element('div', { 'class': 'ge-field ge-text-editor' });\n editor.appendChild(dom.element('span', { 'class': 'ge-field-label' }, ge.t('panel.editor')));\n editor.appendChild(dom.element('span', { 'class': 'ge-field-value' }, textLabel(type)));\n general.insertBefore(editor, general.firstChild);\n\n settings.text_tools.forEach(function(hostTool) {\n ge.createTool(drawer, hostTool.title || '', hostTool.className || '',\n hostTool.iconClass || 'bi bi-wrench', hostTool.on);\n });\n\n ge.createTool(drawer, ge.t('tool.delete_text'), 'ge-delete-text', 'bi bi-trash', function() {\n ge.deleteNode('text', block, ge.t('confirm.delete_text'), function(removed) {\n // Its editor lets go first: removed while open, it would\n // be left behind, attached to nothing\n closeText(block);\n dom.slideUp(textBlock, function() {\n textBlock.remove();\n removed();\n });\n });\n });\n }\n\n /** A drawer for each text of ours in a text block that has none yet. */\n function markTexts() {\n dom.all(ge.canvas, '.ge-text-block').forEach(function(textBlock) {\n if (dom.child(textBlock, '.ge-tools-drawer')) { return; }\n\n var block = dom.child(textBlock, '.ge-content');\n if (!block || !isOurs(block)) { return; }\n\n createTextControls(textBlock);\n });\n }\n\n var texts = offeredTexts();\n var clicks = null; // The delegated click listener, while editing\n\n return {\n methods: {\n createText: apiCreateText,\n },\n\n /**\n * The types this plugin edits, for the core: every editor loaded\n * is the owner of its texts, and the ones offered are what the\n * host's plain content can be made.\n */\n textTypes: function() {\n var offered = offeredTexts();\n var others = Object.keys(TEXTS).filter(function(type) { return offered.indexOf(type) === -1; });\n\n return offered.concat(others).map(function(type) {\n var text = TEXTS[type];\n\n return {\n type: type,\n label: textLabel(type),\n offered: offered.indexOf(type) !== -1,\n available: text.available ? function() { return text.available(); } : null,\n missingKey: text.missingKey,\n edit: function(block) {\n var textBlock = block.parentElement;\n if (dom.hasClass(textBlock, 'ge-text-block') && !dom.child(textBlock, '.ge-tools-drawer')) {\n createTextControls(textBlock);\n }\n\n startText(block);\n },\n };\n });\n },\n\n // A text block of each editor offered. Like a container, it goes\n // into a row of its own when clicked, or where it is dropped\n toolbar: texts.map(function(type) {\n return {\n label: function() {\n return texts.length > 1 ? ge.t('text.add_type', { editor: textLabel(type) }) : ge.t('text.add');\n },\n iconClass: TEXTS[type].iconClass,\n className: 'ge-add-text-button',\n kind: 'text',\n inColumn: true,\n create: function() { return makeText(type); },\n };\n }),\n\n onInit: function() {\n markTexts();\n\n if (clicks) { ge.canvas.removeEventListener('click', clicks); }\n clicks = dom.delegate(ge.canvas, 'click', '.ge-content', onClick);\n },\n\n // While the drawers and the text blocks are still there, as the\n // editors left them\n onBeforeDeinit: function() {\n dom.all(ge.canvas, '.ge-content').forEach(function(block) {\n if (isOurs(block)) { closeText(block); }\n });\n },\n\n onDeinit: function() {\n if (clicks) { ge.canvas.removeEventListener('click', clicks); }\n clicks = null;\n },\n\n // The first time only: an undo says ready again, and by then the\n // host may have changed the content area itself\n onContentReady: function(area) {\n if (readBefore.has(area) && !readReady.has(area)) {\n readReady.set(area, attributesOf(area));\n }\n },\n };\n }\n\n // Whatever the plugins setting says: content_types chooses the editors\n textFeature.always = true;\n\n GridEditor.features.text = textFeature;\n\n}\n", "/**\n * tinyMCE for grid-editor's content areas.\n *\n * A text editor plugin: load this file after the editor, and tinyMCE 7\n * after or before it, and a text of the tinymce type is edited with an\n * inline tinyMCE. What it can ask the editor for is the handle its\n * factory is called with, described in docs/plugins.md.\n *\n * <script src=\"tinymce/tinymce.min.js\"></script>\n * <script src=\"dist/grideditor.min.js\"></script>\n * <script src=\"dist/plugins/grideditor.tinymce.min.js\"></script>\n *\n * It imports what every text editor shares - text blocks, the Text button,\n * createText, making the host's plain content a text - from\n * src/js/text/grideditor.text.js, which the build puts in its classic\n * script, installed once however many editors a page loads.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\nimport '../text/grideditor.text.js';\n\nObject.assign(GridEditor.locales.en, {\n 'text.tinymce': 'tinyMCE',\n});\n\n// tinyMCE snapshots the target element's attributes when an inline editor is\n// created and restores them on remove(), so this has to run *after* remove()\n// to keep the grid editor's own class and tinyMCE's leftovers off the element.\nfunction cleanUp(contentArea) {\n dom.removeClass(contentArea, 'active ge-rte-active');\n ['id', 'style', 'spellcheck', 'contenteditable', 'data-mce-style'].forEach(function(name) {\n contentArea.removeAttribute(name);\n });\n}\n\nvar INITIAL_CONTENT = '<p>Lorem ipsum dolores</p>';\n\n// What this file remembers about a content area: its editor, and whether a\n// deinit came before that editor was ready\nvar editors = new WeakMap();\nvar pendingRemove = new WeakSet();\n\nGridEditor.texts.tinymce = function(ge) {\n return {\n labelKey: 'text.tinymce',\n initialContent: INITIAL_CONTENT,\n missingKey: 'error.tinymce_missing',\n\n available: function() { return !!window.tinymce; },\n\n start: function(contentAreas) {\n var settings = ge.settings;\n var userConfig = (settings.tinymce && settings.tinymce.config) ? settings.tinymce.config : {};\n\n contentAreas.forEach(function(contentArea) {\n if (dom.hasClass(contentArea, 'active')) { return; }\n\n if (contentArea.innerHTML == INITIAL_CONTENT) {\n contentArea.innerHTML = '';\n }\n dom.addClass(contentArea, 'active');\n\n var configuration = Object.assign({\n // tinyMCE's own \"Upgrade\" badge in the menubar. Off by\n // default because an inline editor here is a column of\n // someone's page, not tinyMCE's own interface; a host that\n // wants it back passes promotion: true.\n promotion: false,\n }, userConfig, {\n target: contentArea,\n inline: true,\n init_instance_callback: function(editor) {\n // deinit ran before this init finished, so tear it down again\n if (pendingRemove.has(contentArea)) {\n pendingRemove.delete(contentArea);\n editor.remove();\n // deinit already ran and cannot clean up after this\n // late remove(), so do it here instead\n cleanUp(contentArea);\n return;\n }\n\n editors.set(contentArea, editor);\n\n // The editor rewrote what is inside this content area\n // while it took it over, so whatever the grid editor\n // had in there is gone. Saying so lets it put its own\n // furniture back.\n ge.textReady(contentArea);\n\n // Undo and redo rewrite it too, from snapshots that\n // leave out whatever is marked data-mce-bogus - an\n // element's drawer among them - so it goes back in\n // after each of those as well\n editor.on('Undo Redo', function() {\n ge.textReady(contentArea);\n });\n\n // The inline toolbar is laid out against the element's\n // geometry at the moment tinyMCE draws it, and an\n // element that has just appeared - a tab pane, an\n // accordion body, a column whose width is still\n // settling - may not have its own width yet. Asking\n // for the ui again once the browser has laid the frame\n // out measures it as it now is, instead of leaving a\n // toolbar wrapped into a narrow column.\n window.requestAnimationFrame(function() {\n if (editor.removed || !editor.ui || !editor.ui.show) { return; }\n\n editor.ui.show();\n });\n\n // And again whenever the user comes back to this\n // editor: by then the element may have been resized,\n // hidden and shown again - a tab switched away from\n // and back, a column made narrower - and the toolbar\n // is only ever as right as its last measurement.\n editor.on('focus', function() {\n window.requestAnimationFrame(function() {\n if (editor.removed || !editor.ui || !editor.ui.show) { return; }\n\n editor.ui.show();\n });\n });\n\n // Bring focus to text field\n editor.focus();\n\n // Call the original callback, if one was passed in the config\n if (userConfig.init_instance_callback) {\n userConfig.init_instance_callback.call(this, editor);\n }\n }\n });\n // We always edit the element we were handed, so a selector in the\n // user config would only fight with target\n delete configuration.selector;\n\n window.tinymce.init(configuration);\n });\n },\n\n stop: function(contentAreas) {\n contentAreas.filter(function(contentArea) {\n return dom.hasClass(contentArea, 'active');\n }).forEach(function(contentArea) {\n var editor = editors.get(contentArea);\n\n if (editor) {\n editors.delete(contentArea);\n editor.remove();\n } else {\n // tinymce.init() is asynchronous, so the editor may not exist\n // yet. Leave a note for init_instance_callback to remove it.\n pendingRemove.add(contentArea);\n }\n\n cleanUp(contentArea);\n });\n },\n };\n};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["/**\n * What a plugin's or a locale's classic script imports in place of the\n * editor: the GridEditor the page already loaded.\n *\n * The build points `import { GridEditor } from '../grideditor.js'` here for\n * the classic scripts, so each registers on the editor the page has rather\n * than bringing its own. Loaded before the editor there is nothing to\n * register on, and saying so is better than a TypeError three calls later.\n */\nvar GridEditor = window.GridEditor;\n\nif (!GridEditor || typeof GridEditor.get !== 'function') {\n throw new Error('grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, ' +\n 'its locales and grideditor.jquery.js');\n}\n\nexport { GridEditor };\nexport default GridEditor;\n", "/**\n * The DOM, the way grid-editor uses it.\n *\n * Small helpers over the browser's own API, for the core and the shipped\n * plugins. Not a public API: a plugin of a host's own is free to write its\n * DOM code however it likes, and this file makes no promise to it.\n *\n * Stateless on purpose. The build puts a copy of this file in each plugin's\n * classic script, so anything kept here would be kept once per copy; a\n * module that needs to remember something about a node keeps its own\n * WeakMap.\n */\n\n/** Every element under `root` matching `selector`, as an array. */\nexport function all(root, selector) {\n return root ? Array.prototype.slice.call(root.querySelectorAll(selector)) : [];\n}\n\n/** The first element under `root` matching `selector`, or null. */\nexport function one(root, selector) {\n return root ? root.querySelector(selector) : null;\n}\n\n/** `root` itself when it matches, then every element under it that does. */\nexport function selfAndAll(root, selector) {\n if (!root) { return []; }\n\n var found = all(root, selector);\n if (root.nodeType === 1 && root.matches(selector)) { found.unshift(root); }\n return found;\n}\n\n/** The element children of `node`, those matching `selector` if one is given. */\nexport function children(node, selector) {\n if (!node) { return []; }\n\n return Array.prototype.filter.call(node.children, function(each) {\n return !selector || each.matches(selector);\n });\n}\n\n/** The first element child matching `selector`, or null. */\nexport function child(node, selector) {\n return children(node, selector)[0] || null;\n}\n\n/** The nearest ancestor-or-self matching `selector` below `stopAt`, or null. */\nexport function closest(node, selector, stopAt) {\n var found = node && node.nodeType === 1 ? node.closest(selector) : null;\n\n if (found && stopAt && found !== stopAt && !stopAt.contains(found)) { return null; }\n return found;\n}\n\n/** Whether `node` is an element matching `selector`. */\nexport function is(node, selector) {\n return !!node && node.nodeType === 1 && node.matches(selector);\n}\n\n/** Whether `node` is in the document. */\nexport function attached(node) {\n return !!node && document.documentElement.contains(node);\n}\n\n/** The element siblings after `node` that match `selector`. */\nexport function nextAll(node, selector) {\n var found = [];\n\n for (var next = node.nextElementSibling; next; next = next.nextElementSibling) {\n if (!selector || next.matches(selector)) { found.push(next); }\n }\n return found;\n}\n\n/** The ancestors of `node` up to, and not including, `stop`, nearest first. */\nexport function parentsUntil(node, stop) {\n var found = [];\n\n for (var parent = node.parentElement; parent && parent !== stop; parent = parent.parentElement) {\n found.push(parent);\n }\n return found;\n}\n\n/**\n * The nodes the html parses into, detached. Parsed the way innerHTML parses,\n * so a <script> in it never runs, here or once it is in the page.\n */\nexport function parse(html) {\n var template = document.createElement('template');\n template.innerHTML = html;\n return Array.prototype.slice.call(template.content.childNodes);\n}\n\n/** The one element the html is, detached. */\nexport function create(html) {\n var nodes = parse(html.trim());\n\n for (var i = 0; i < nodes.length; i++) {\n if (nodes[i].nodeType === 1) { return nodes[i]; }\n }\n return null;\n}\n\n/** An element of `tag`, with `attributes` and `text`. */\nexport function element(tag, attributes, text) {\n var node = document.createElement(tag);\n\n Object.keys(attributes || {}).forEach(function(name) {\n var value = attributes[name];\n if (value !== null && value !== undefined && value !== false) { node.setAttribute(name, value); }\n });\n if (text !== undefined && text !== null) { node.textContent = text; }\n\n return node;\n}\n\n/** Replace what `node` holds with `html`. A <script> in it does not run. */\nexport function setHtml(node, html) {\n node.innerHTML = html === undefined || html === null ? '' : String(html);\n return node;\n}\n\n/** Add one or several space separated classes. */\nexport function addClass(node, names) {\n split(names).forEach(function(name) { node.classList.add(name); });\n return node;\n}\n\nexport function removeClass(node, names) {\n split(names).forEach(function(name) { node.classList.remove(name); });\n return node;\n}\n\n/** Each class on, or off, or flipped when `on` is not given. */\nexport function toggleClass(node, names, state) {\n split(names).forEach(function(name) {\n if (state === undefined) {\n node.classList.toggle(name);\n } else {\n node.classList.toggle(name, !!state);\n }\n });\n return node;\n}\n\nexport function hasClass(node, name) {\n return !!node && node.nodeType === 1 && node.classList.contains(name);\n}\n\nfunction split(names) {\n return String(names || '').split(/\\s+/).filter(Boolean);\n}\n\n/** Take the class attribute off when there is nothing left in it. */\nexport function dropEmptyClass(node) {\n if (!node.getAttribute('class')) { node.removeAttribute('class'); }\n return node;\n}\n\n/** Take the style attribute off when there is nothing left in it. */\nexport function dropEmptyStyle(node) {\n if (!node.getAttribute('style')) { node.removeAttribute('style'); }\n return node;\n}\n\n/** Set attributes; a null or undefined value takes the attribute off. */\nexport function attr(node, attributes) {\n Object.keys(attributes).forEach(function(name) {\n var value = attributes[name];\n\n if (value === null || value === undefined) {\n node.removeAttribute(name);\n } else {\n node.setAttribute(name, value);\n }\n });\n return node;\n}\n\n/**\n * Inline styles, by css property name. A number is pixels for the properties\n * that take a length, as jQuery had it; an empty string takes one off.\n */\nexport function css(node, styles) {\n Object.keys(styles).forEach(function(property) {\n var value = styles[property];\n\n if (typeof value === 'number' && !UNITLESS[property]) { value = value + 'px'; }\n node.style.setProperty(property, value === null || value === undefined ? '' : String(value));\n });\n return node;\n}\n\nvar UNITLESS = { opacity: true, 'z-index': true, 'flex-grow': true, 'flex-shrink': true, order: true };\n\n/** What an element of this tag shows as when nothing hides it. */\nvar defaultDisplays = {};\n\nfunction defaultDisplay(node) {\n var tag = node.nodeName;\n\n if (!defaultDisplays[tag]) {\n var probe = document.body.appendChild(document.createElement(tag));\n defaultDisplays[tag] = getComputedStyle(probe).display;\n probe.remove();\n if (defaultDisplays[tag] === 'none') { defaultDisplays[tag] = 'block'; }\n }\n return defaultDisplays[tag];\n}\n\n/** Show a node: its inline display:none off, and a display of its own if a stylesheet hides it. */\nexport function show(node) {\n node.style.removeProperty('display');\n if (getComputedStyle(node).display === 'none') { node.style.display = defaultDisplay(node); }\n return node;\n}\n\nexport function hide(node) {\n node.style.display = 'none';\n return node;\n}\n\n/** Show or hide; flip when `on` is not given. */\nexport function toggle(node, state) {\n if (state === undefined) { state = !visible(node); }\n return state ? show(node) : hide(node);\n}\n\n/** Whether a node takes up room: what jQuery's :visible meant. */\nexport function visible(node) {\n return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);\n}\n\n/** The border box's width, fractions included. */\nexport function outerWidth(node) {\n return node.getBoundingClientRect().width;\n}\n\nexport function outerHeight(node) {\n return node.getBoundingClientRect().height;\n}\n\n/** The content box's height, which is what jQuery's height() gave. */\nexport function contentHeight(node) {\n var style = getComputedStyle(node);\n return node.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n}\n\n/** Where a node is on the page, not in the window. */\nexport function offset(node) {\n var box = node.getBoundingClientRect();\n return { top: box.top + window.pageYOffset, left: box.left + window.pageXOffset };\n}\n\n/** Its index among its parent's element children, those matching `selector` if given. */\nexport function indexIn(node, selector) {\n return children(node.parentElement, selector).indexOf(node);\n}\n\n/** Put `node` right after `reference`. */\nexport function insertAfter(node, reference) {\n reference.parentNode.insertBefore(node, reference.nextSibling);\n return node;\n}\n\n/** Replace `node` with what it holds. */\nexport function unwrap(node) {\n var parent = node.parentNode;\n\n while (node.firstChild) { parent.insertBefore(node.firstChild, node); }\n node.remove();\n}\n\n/** Put `node` inside `wrapper`, where `node` was. */\nexport function wrap(node, wrapper) {\n node.parentNode.insertBefore(wrapper, node);\n wrapper.appendChild(node);\n return wrapper;\n}\n\n/**\n * Listen on `root` for `types` (space separated) on descendants that match\n * `selector`, with `this` the matched element, as jQuery's delegated\n * handlers had it. Hands back the listener, for removeEventListener; a\n * signal in `options` removes it too.\n */\nexport function delegate(root, types, selector, handler, options) {\n var listener = function(event) {\n var match = closest(event.target, selector, root);\n if (match && root.contains(match)) { return handler.call(match, event); }\n return undefined;\n };\n\n split(types).forEach(function(type) { root.addEventListener(type, listener, options); });\n return listener;\n}\n\n/** Listen for several space separated event types with one handler. */\nexport function on(target, types, handler, options) {\n split(types).forEach(function(type) { target.addEventListener(type, handler, options); });\n return handler;\n}\n\nexport function off(target, types, handler, options) {\n split(types).forEach(function(type) { target.removeEventListener(type, handler, options); });\n}\n\n/** A mouse event of `type` sent to `node`, the way a pointer would. */\nexport function fire(node, type) {\n node.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' && type !== 'mouseleave' }));\n}\n\n/* ------------------------------------------------------------------\n * Taking a node away, visibly.\n *\n * The durations are jQuery's: 400 ms unless the caller says otherwise. `done` runs once the node is out of sight, which is\n * when the caller removes it; a node that is already out of sight is done at\n * once, on the next task, as jQuery had it.\n * ------------------------------------------------------------------ */\n\nvar DEFAULT_DURATION = 400;\n\nfunction animateAway(node, frames, duration, done) {\n duration = duration === undefined ? DEFAULT_DURATION : duration;\n\n var finish = function() {\n hide(node);\n if (done) { done(); }\n };\n\n if (!visible(node) || !node.animate || duration <= 0) {\n window.setTimeout(finish, 0);\n return;\n }\n\n var animation = node.animate(frames(getComputedStyle(node)), {\n duration: duration,\n easing: 'ease-in-out',\n });\n var called = false;\n var once = function() {\n if (called) { return; }\n called = true;\n finish();\n };\n\n animation.onfinish = once;\n animation.oncancel = once;\n}\n\n/** Fold a node up to nothing, then hide it. */\nexport function slideUp(node, duration, done) {\n if (typeof duration === 'function') {\n done = duration;\n duration = undefined;\n }\n\n node.style.overflow = 'hidden';\n animateAway(node, function(style) {\n return [\n {\n height: style.height,\n paddingTop: style.paddingTop,\n paddingBottom: style.paddingBottom,\n marginTop: style.marginTop,\n marginBottom: style.marginBottom,\n },\n { height: '0px', paddingTop: '0px', paddingBottom: '0px', marginTop: '0px', marginBottom: '0px' },\n ];\n }, duration, function() {\n node.style.removeProperty('overflow');\n if (done) { done(); }\n });\n}\n\n/** Fade a node out, then hide it. */\nexport function fadeOut(node, duration, done) {\n animateAway(node, function(style) {\n return [{ opacity: style.opacity }, { opacity: 0 }];\n }, duration, done);\n}\n\n/** Fade and fold a node, in height and, with `width`, sideways too, then hide it. */\nexport function shrinkAway(node, duration, done, width) {\n node.style.overflow = 'hidden';\n animateAway(node, function(style) {\n var from = { opacity: style.opacity, height: style.height };\n var to = { opacity: 0, height: '0px' };\n\n if (width) {\n from.width = style.width;\n to.width = '0px';\n }\n return [from, to];\n }, duration, function() {\n node.style.removeProperty('overflow');\n if (done) { done(); }\n });\n}\n", "/**\n * Text for grid-editor: what the text editor plugins share.\n *\n * Not a file a page loads. The build puts it at the top of each text editor\n * plugin - grideditor.tinymce.js, grideditor.ckeditor.js,\n * grideditor.summernote.js - and whichever of them loads first installs it:\n * a page with two editors has one of these.\n *\n * It is a feature plugin, `text`, that the `plugins` setting does not choose\n * (content_types does), and it is everything a text is to the editor: the\n * text block's drawer, the Text buttons in the toolbar, createText, opening\n * an editor on a click and closing it again with the host's attributes put\n * back, and making the host's plain content a text through the core's\n * `textTypes` hook.\n *\n * Each editor registers under GridEditor.texts, which is this file's own\n * registry and not a contract: an editor of a host's own is a feature plugin\n * of its own, as example/custom_editor.html shows.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\n// However many editors a page loads, each with a copy of this file in its\n// classic script: the first one installs it\nif (!GridEditor.features.text) {\n\n Object.assign(GridEditor.locales.en, {\n 'text.add': 'Text',\n 'text.add_type': 'Text ({editor})',\n 'panel.editor': 'Editor',\n 'panel.kind_text': 'Text',\n });\n\n /**\n * What a content area's attributes were before its editor opened, and\n * once it had: the two readings closeText plays the host's changes\n * back from. Shared by every editor on the page, like the nodes.\n */\n var readBefore = new WeakMap();\n var readReady = new WeakMap();\n\n /** What a text editor puts on a content area while it is open, whenever it likes. */\n var EDITOR_CLASS = /^(mce-|cke|ck-|note-)|^(ck|active|ge-rte-active)$/;\n var EDITOR_ATTRIBUTE = /^(data-mce-|contenteditable$|spellcheck$)/;\n\n function attributesOf(element) {\n var found = {};\n Array.prototype.slice.call(element.attributes).forEach(function(attribute) {\n found[attribute.name] = attribute.value;\n });\n return found;\n }\n\n function classesIn(value) {\n return (value || '').split(/\\s+/).filter(function(name) {\n return name !== '' && !EDITOR_CLASS.test(name);\n });\n }\n\n /** The host's markup, with what changed from `ready` to `open` played back onto it. */\n function restoreAttributes(block, before, ready, open) {\n var result = Object.assign({}, before);\n\n Object.keys(Object.assign({}, ready, open)).forEach(function(name) {\n if (name === 'class' || EDITOR_ATTRIBUTE.test(name) || ready[name] === open[name]) { return; }\n\n if (open[name] === undefined) {\n delete result[name];\n } else {\n result[name] = open[name];\n }\n });\n\n var readyClasses = classesIn(ready['class']);\n var openClasses = classesIn(open['class']);\n var classes = classesIn(before['class']).filter(function(name) {\n return openClasses.indexOf(name) !== -1 || readyClasses.indexOf(name) === -1;\n });\n openClasses.forEach(function(name) {\n if (readyClasses.indexOf(name) === -1 && classes.indexOf(name) === -1) { classes.push(name); }\n });\n\n // In the host's order, class where it was: getHtml should not\n // shuffle a node's attributes because it was edited\n if (classes.length) { result['class'] = classes.join(' '); } else { delete result['class']; }\n\n Object.keys(attributesOf(block)).forEach(function(name) { block.removeAttribute(name); });\n Object.keys(result).forEach(function(name) { block.setAttribute(name, result[name]); });\n }\n\n function textFeature(ge) {\n\n var settings = ge.settings;\n var TEXTS = {};\n var warned = {};\n\n Object.keys(GridEditor.texts).forEach(function(type) {\n TEXTS[type] = GridEditor.texts[type](ge);\n });\n\n // Every editor loaded, in the order the page loaded them, unless the\n // host names the ones it wants\n if (!Array.isArray(settings.content_types)) { settings.content_types = Object.keys(TEXTS); }\n if (!Array.isArray(settings.text_tools)) { settings.text_tools = []; }\n if (!Array.isArray(settings.text_classes)) { settings.text_classes = []; }\n\n /** The text editors this editor offers, in content_types order: the ones loaded. */\n function offeredTexts() {\n return settings.content_types.filter(function(type) { return !!TEXTS[type]; });\n }\n\n /** What a text editor is called: its plugin's label, or its type. */\n function textLabel(type) {\n var text = TEXTS[type];\n return text && text.labelKey ? ge.t(text.labelKey) : type;\n }\n\n /** A detached content area of `type`, holding `content` or the editor's initial content. */\n function makeText(type, content) {\n var text = TEXTS[type];\n var block = dom.element('div', {\n 'class': 'ge-content ge-content-type-' + type,\n 'data-ge-content-type': type,\n });\n\n if (content && content.nodeType) {\n block.appendChild(content);\n } else {\n dom.setHtml(block, content !== undefined ? content : (text && text.initialContent) || '');\n }\n return block;\n }\n\n /**\n * createText(type?, options?): a content area of a text editor's,\n * detached unless a placement is given. The type is the first one\n * offered by default. `options.content` is its html.\n */\n function apiCreateText(type, options) {\n if (type && typeof type === 'object') {\n options = type;\n type = undefined;\n }\n options = options || {};\n type = type || offeredTexts()[0];\n\n if (!type || !TEXTS[type]) {\n if (!warned['createText:' + type]) {\n warned['createText:' + type] = true;\n ge.warn('createText: no text editor \"' + type + '\" is loaded; ' +\n 'load its plugin and name it in content_types');\n }\n return null;\n }\n\n return ge.place(makeText(type, options.content), 'text', options);\n }\n\n /** Whether a content area is a text of one of the editors loaded here. */\n function isOurs(block) {\n return !!TEXTS[block.getAttribute('data-ge-content-type')];\n }\n\n /** Open the editor on a text, once: until it is closed again. */\n function startText(block) {\n if (dom.hasClass(block, 'ge-rte-active')) { return; }\n\n // A content area nobody can see - a tab that is not the open one,\n // a closed accordion item - has no geometry for an editor to lay\n // its toolbar out against, and nothing anyone can type into\n if (!dom.visible(block)) { return; }\n\n // The attribute: it is markup, and the drawer reads it the same way\n var text = TEXTS[block.getAttribute('data-ge-content-type')];\n if (!text) { return; }\n\n // Not marked active, so the next click tries again: the library\n // may be loaded by then\n if (text.available && !text.available()) {\n if (text.missingKey) { console.error(ge.t(text.missingKey)); }\n return;\n }\n\n readBefore.set(block, attributesOf(block));\n readReady.delete(block);\n dom.addClass(block, 'ge-rte-active');\n text.start([block]);\n }\n\n function onClick() {\n startText(this);\n }\n\n /**\n * Close the text editor on one content area, and leave the content\n * area's own attributes as the host left them.\n *\n * An editor adds attributes of its own while it is open, and takes\n * them off again, more or less: CKEditor leaves aria-readonly behind.\n * tinyMCE does worse, and puts back every attribute as it was when it\n * opened, so an id, a class or a plugin's attribute given while it was\n * open is lost. So the attributes are read three times - before the\n * editor opens, once it has opened, and before it closes - and what\n * changed between the second and the third, the host's doing, is\n * played back onto the first, the host's markup. What the editor did\n * is left out either way.\n */\n function closeText(block) {\n var text = TEXTS[block.getAttribute('data-ge-content-type')];\n var before = readBefore.get(block);\n var open = before ? attributesOf(block) : null;\n\n // Every content area is told: one whose editor never\n // started is the plugin's to ignore\n if (text) { text.stop([block]); }\n\n // After stop, not before: an editor that restores the class\n // attribute it snapshotted would put ge-rte-active back\n dom.removeClass(block, 'ge-rte-active');\n\n if (before) {\n restoreAttributes(block, before, readReady.get(block) || before, open);\n readBefore.delete(block);\n readReady.delete(block);\n }\n }\n\n function createTextControls(textBlock) {\n var block = dom.child(textBlock, '.ge-content');\n var type = block.getAttribute('data-ge-content-type');\n var drawer = dom.element('div', { 'class': 'ge-tools-drawer ge-text-drawer' });\n textBlock.insertBefore(drawer, textBlock.firstChild);\n\n ge.createMoveTool(drawer);\n\n var details = ge.addSettingsTool(drawer, block, settings.text_classes);\n\n // Which editor edits it, first in its settings: something to\n // know about it, not something to do with it\n var general = dom.child(details, '.ge-details-general');\n var editor = dom.element('div', { 'class': 'ge-field ge-text-editor' });\n editor.appendChild(dom.element('span', { 'class': 'ge-field-label' }, ge.t('panel.editor')));\n editor.appendChild(dom.element('span', { 'class': 'ge-field-value' }, textLabel(type)));\n general.insertBefore(editor, general.firstChild);\n\n settings.text_tools.forEach(function(hostTool) {\n ge.createTool(drawer, hostTool.title || '', hostTool.className || '',\n hostTool.iconClass || 'bi bi-wrench', hostTool.on);\n });\n\n ge.createTool(drawer, ge.t('tool.delete_text'), 'ge-delete-text', 'bi bi-trash', function() {\n ge.deleteNode('text', block, ge.t('confirm.delete_text'), function(removed) {\n // Its editor lets go first: removed while open, it would\n // be left behind, attached to nothing\n closeText(block);\n dom.slideUp(textBlock, function() {\n textBlock.remove();\n removed();\n });\n });\n });\n }\n\n /** A drawer for each text of ours in a text block that has none yet. */\n function markTexts() {\n dom.all(ge.canvas, '.ge-text-block').forEach(function(textBlock) {\n if (dom.child(textBlock, '.ge-tools-drawer')) { return; }\n\n var block = dom.child(textBlock, '.ge-content');\n if (!block || !isOurs(block)) { return; }\n\n createTextControls(textBlock);\n });\n }\n\n var texts = offeredTexts();\n var clicks = null; // The delegated click listener, while editing\n\n return {\n methods: {\n createText: apiCreateText,\n },\n\n /**\n * The types this plugin edits, for the core: every editor loaded\n * is the owner of its texts, and the ones offered are what the\n * host's plain content can be made.\n */\n textTypes: function() {\n var offered = offeredTexts();\n var others = Object.keys(TEXTS).filter(function(type) { return offered.indexOf(type) === -1; });\n\n return offered.concat(others).map(function(type) {\n var text = TEXTS[type];\n\n return {\n type: type,\n label: textLabel(type),\n offered: offered.indexOf(type) !== -1,\n available: text.available ? function() { return text.available(); } : null,\n missingKey: text.missingKey,\n edit: function(block) {\n var textBlock = block.parentElement;\n if (dom.hasClass(textBlock, 'ge-text-block') && !dom.child(textBlock, '.ge-tools-drawer')) {\n createTextControls(textBlock);\n }\n\n startText(block);\n },\n };\n });\n },\n\n // A text block of each editor offered. Like a container, it goes\n // into a row of its own when clicked, or where it is dropped\n toolbar: texts.map(function(type) {\n return {\n label: function() {\n return texts.length > 1 ? ge.t('text.add_type', { editor: textLabel(type) }) : ge.t('text.add');\n },\n iconClass: TEXTS[type].iconClass,\n className: 'ge-add-text-button',\n kind: 'text',\n group: 'content',\n inColumn: true,\n create: function() { return makeText(type); },\n };\n }),\n\n onInit: function() {\n markTexts();\n\n if (clicks) { ge.canvas.removeEventListener('click', clicks); }\n clicks = dom.delegate(ge.canvas, 'click', '.ge-content', onClick);\n },\n\n // While the drawers and the text blocks are still there, as the\n // editors left them\n onBeforeDeinit: function() {\n dom.all(ge.canvas, '.ge-content').forEach(function(block) {\n if (isOurs(block)) { closeText(block); }\n });\n },\n\n onDeinit: function() {\n if (clicks) { ge.canvas.removeEventListener('click', clicks); }\n clicks = null;\n },\n\n // The first time only: an undo says ready again, and by then the\n // host may have changed the content area itself\n onContentReady: function(area) {\n if (readBefore.has(area) && !readReady.has(area)) {\n readReady.set(area, attributesOf(area));\n }\n },\n };\n }\n\n // Whatever the plugins setting says: content_types chooses the editors\n textFeature.always = true;\n\n GridEditor.features.text = textFeature;\n\n}\n", "/**\n * tinyMCE for grid-editor's content areas.\n *\n * A text editor plugin: load this file after the editor, and tinyMCE 7\n * after or before it, and a text of the tinymce type is edited with an\n * inline tinyMCE. What it can ask the editor for is the handle its\n * factory is called with, described in docs/plugins.md.\n *\n * <script src=\"tinymce/tinymce.min.js\"></script>\n * <script src=\"dist/grideditor.min.js\"></script>\n * <script src=\"dist/plugins/grideditor.tinymce.min.js\"></script>\n *\n * It imports what every text editor shares - text blocks, the Text button,\n * createText, making the host's plain content a text - from\n * src/js/text/grideditor.text.js, which the build puts in its classic\n * script, installed once however many editors a page loads.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\nimport '../text/grideditor.text.js';\n\nObject.assign(GridEditor.locales.en, {\n 'text.tinymce': 'tinyMCE',\n});\n\n// tinyMCE snapshots the target element's attributes when an inline editor is\n// created and restores them on remove(), so this has to run *after* remove()\n// to keep the grid editor's own class and tinyMCE's leftovers off the element.\nfunction cleanUp(contentArea) {\n dom.removeClass(contentArea, 'active ge-rte-active');\n ['id', 'style', 'spellcheck', 'contenteditable', 'data-mce-style'].forEach(function(name) {\n contentArea.removeAttribute(name);\n });\n}\n\nvar INITIAL_CONTENT = '<p>Lorem ipsum dolores</p>';\n\n// What this file remembers about a content area: its editor, and whether a\n// deinit came before that editor was ready\nvar editors = new WeakMap();\nvar pendingRemove = new WeakSet();\n\nGridEditor.texts.tinymce = function(ge) {\n return {\n labelKey: 'text.tinymce',\n initialContent: INITIAL_CONTENT,\n missingKey: 'error.tinymce_missing',\n\n available: function() { return !!window.tinymce; },\n\n start: function(contentAreas) {\n var settings = ge.settings;\n var userConfig = (settings.tinymce && settings.tinymce.config) ? settings.tinymce.config : {};\n\n contentAreas.forEach(function(contentArea) {\n if (dom.hasClass(contentArea, 'active')) { return; }\n\n if (contentArea.innerHTML == INITIAL_CONTENT) {\n contentArea.innerHTML = '';\n }\n dom.addClass(contentArea, 'active');\n\n var configuration = Object.assign({\n // tinyMCE's own \"Upgrade\" badge in the menubar. Off by\n // default because an inline editor here is a column of\n // someone's page, not tinyMCE's own interface; a host that\n // wants it back passes promotion: true.\n promotion: false,\n }, userConfig, {\n target: contentArea,\n inline: true,\n init_instance_callback: function(editor) {\n // deinit ran before this init finished, so tear it down again\n if (pendingRemove.has(contentArea)) {\n pendingRemove.delete(contentArea);\n editor.remove();\n // deinit already ran and cannot clean up after this\n // late remove(), so do it here instead\n cleanUp(contentArea);\n return;\n }\n\n editors.set(contentArea, editor);\n\n // The editor rewrote what is inside this content area\n // while it took it over, so whatever the grid editor\n // had in there is gone. Saying so lets it put its own\n // furniture back.\n ge.textReady(contentArea);\n\n // Undo and redo rewrite it too, from snapshots that\n // leave out whatever is marked data-mce-bogus - an\n // element's drawer among them - so it goes back in\n // after each of those as well\n editor.on('Undo Redo', function() {\n ge.textReady(contentArea);\n });\n\n // The inline toolbar is laid out against the element's\n // geometry at the moment tinyMCE draws it, and an\n // element that has just appeared - a tab pane, an\n // accordion body, a column whose width is still\n // settling - may not have its own width yet. Asking\n // for the ui again once the browser has laid the frame\n // out measures it as it now is, instead of leaving a\n // toolbar wrapped into a narrow column.\n window.requestAnimationFrame(function() {\n if (editor.removed || !editor.ui || !editor.ui.show) { return; }\n\n editor.ui.show();\n });\n\n // And again whenever the user comes back to this\n // editor: by then the element may have been resized,\n // hidden and shown again - a tab switched away from\n // and back, a column made narrower - and the toolbar\n // is only ever as right as its last measurement.\n editor.on('focus', function() {\n window.requestAnimationFrame(function() {\n if (editor.removed || !editor.ui || !editor.ui.show) { return; }\n\n editor.ui.show();\n });\n });\n\n // Bring focus to text field\n editor.focus();\n\n // Call the original callback, if one was passed in the config\n if (userConfig.init_instance_callback) {\n userConfig.init_instance_callback.call(this, editor);\n }\n }\n });\n // We always edit the element we were handed, so a selector in the\n // user config would only fight with target\n delete configuration.selector;\n\n window.tinymce.init(configuration);\n });\n },\n\n stop: function(contentAreas) {\n contentAreas.filter(function(contentArea) {\n return dom.hasClass(contentArea, 'active');\n }).forEach(function(contentArea) {\n var editor = editors.get(contentArea);\n\n if (editor) {\n editors.delete(contentArea);\n editor.remove();\n } else {\n // tinymce.init() is asynchronous, so the editor may not exist\n // yet. Leave a note for init_instance_callback to remove it.\n pendingRemove.add(contentArea);\n }\n\n cleanUp(contentArea);\n });\n },\n };\n};\n"],
5
+ "mappings": "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",
6
6
  "names": ["GridEditor", "all", "root", "selector", "children", "node", "selector", "each", "child", "closest", "stopAt", "found", "element", "tag", "attributes", "text", "node", "name", "value", "setHtml", "html", "addClass", "names", "split", "removeClass", "hasClass", "node", "name", "split", "names", "hide", "node", "visible", "node", "delegate", "root", "types", "selector", "handler", "options", "listener", "event", "match", "closest", "split", "type", "DEFAULT_DURATION", "animateAway", "node", "frames", "duration", "done", "finish", "hide", "visible", "animation", "called", "once", "slideUp", "style", "GridEditor", "attributesOf", "element", "found", "attribute", "classesIn", "value", "name", "EDITOR_CLASS", "restoreAttributes", "block", "before", "ready", "open", "result", "EDITOR_ATTRIBUTE", "readyClasses", "openClasses", "classes", "textFeature", "ge", "settings", "TEXTS", "warned", "type", "offeredTexts", "textLabel", "text", "makeText", "content", "setHtml", "apiCreateText", "options", "isOurs", "startText", "hasClass", "visible", "readBefore", "readReady", "addClass", "onClick", "closeText", "removeClass", "createTextControls", "textBlock", "child", "drawer", "details", "general", "editor", "hostTool", "removed", "slideUp", "markTexts", "all", "texts", "clicks", "offered", "others", "delegate", "area", "GridEditor", "cleanUp", "contentArea", "removeClass", "name", "INITIAL_CONTENT", "editors", "pendingRemove", "ge", "contentAreas", "settings", "userConfig", "hasClass", "addClass", "configuration", "editor"]
7
7
  }
@@ -46,7 +46,10 @@ The tools in a drawer, and the buttons in the toolbar above the canvas.
46
46
  | `tool.indent_increase` | Increase indent\n(hold shift for max) | Column drawer, adds offset units |
47
47
  | `tool.edit_source` | Edit Source Code | Toolbar, swaps the canvas for its html |
48
48
  | `tool.preview` | Preview | Toolbar, hides the editing furniture while held |
49
- | `tool.more` | More | Toolbar, the button that opens the add buttons that don't fit on its line |
49
+ | `tool.more` | More | Toolbar, the button that opens the add buttons that don't fit on its line; drawers, the tool that unfolds the ones that don't fit on theirs |
50
+ | `group.rows` | Rows | Toolbar, with `toolbar_groups`: the tab of the add row buttons |
51
+ | `group.content` | Content | Toolbar, with `toolbar_groups`: the tab of the texts, the containers and the plugins' buttons that join it |
52
+ | `group.select` | Add | Toolbar, with `toolbar_groups`: the accessible name of the tabs |
50
53
  | `tool.id_placeholder` | id | Placeholder of the id input in the settings panel |
51
54
  | `tool.id_title` | Set a unique identifier | Tooltip of that input |
52
55
  | `tool.classes_placeholder` | classes | Placeholder of the css class input beside it |
package/docs/plugins.md CHANGED
@@ -62,6 +62,7 @@ GridEditor.containers.carousel = function(ge) {
62
62
  return {
63
63
  labelKey: 'container.add_carousel', // the toolbar button's label
64
64
  iconClass: 'bi bi-images', // optional: the button shows it in place of the label
65
+ group: 'media', // optional: its toolbar tab, with toolbar_groups
65
66
  addPaneKey: 'container.add_slide', // the drawer's add pane tool
66
67
  paneKind: 'slide', // the kind its panes report
67
68
 
@@ -100,6 +101,10 @@ written for 6.x.
100
101
  - **`iconClass`**, when given, is the toolbar button's face: the icon alone,
101
102
  with the label as its title. Without one the button shows a plus and the
102
103
  label.
104
+ - **`group`**, when given, is the toolbar tab the button goes in when the
105
+ host turns on `toolbar_groups`. Without one a container goes in `content`,
106
+ with the texts. See the `toolbar` item's `group` below for how tabs are
107
+ named and labelled.
103
108
  - **`create(options)`** returns a detached container. It must carry
104
109
  `data-ge-container="<type>"`: that attribute, and never a class, is how the
105
110
  editor recognises one.
@@ -280,6 +285,23 @@ rather than remembering anything about it.
280
285
  container or a text does: a click puts it in a row and a column of its own
281
286
  at the end of the canvas, and a drop anywhere but in a column does the
282
287
  same where it was dropped.
288
+ - A **`toolbar`** item's **`group`** is the tab it goes in when the host turns
289
+ on `toolbar_groups`. The core has two, `rows` - the add row buttons - and
290
+ `content` - the texts, the containers and the sections - and an item may
291
+ join either. Any other name is a tab of its own, shared by every item, of
292
+ any plugin, that names it. An item without a `group` goes in a tab named
293
+ after its plugin. A tab's label is the `group.<name>` locale string, which
294
+ the plugin registers with its others, or its first button's label when
295
+ there is none. Tabs come in this order: `rows`, `content`, then the others
296
+ as their first button comes. `group` is ignored with `align: 'end'`: the
297
+ buttons on the right are not grouped.
298
+
299
+ ```javascript
300
+ Object.assign(GridEditor.locales.en, { 'group.media': 'Media' });
301
+ GridEditor.features.gallery = function(ge) {
302
+ return { toolbar: [{ labelKey: 'gallery.add', kind: 'gallery', group: 'media', create: … }] };
303
+ };
304
+ ```
283
305
 
284
306
  - **`onSortable(sortable)`** is handed the function the editor makes all of its
285
307
  own lists with. A plugin describes a list; it never touches the drag toolkit
package/package.json CHANGED
@@ -33,7 +33,7 @@
33
33
  "comment": "A scoped package publishes restricted unless it is told otherwise.",
34
34
  "access": "public"
35
35
  },
36
- "version": "8.3.0",
36
+ "version": "8.4.0",
37
37
  "main": "dist/grideditor.js",
38
38
  "module": "dist/grideditor.esm.js",
39
39
  "types": "dist/grideditor.d.ts",