@themarioga/grid-editor 8.5.0 → 8.7.0

package/dist/plugins/grideditor.tinymce.min.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/text/grideditor.text.js", "../../src/js/plugins/grideditor.tinymce.js"],
-  "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: 'elements',\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"],
-  "mappings": "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",
-  "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"]
+  "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: 'elements',\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            // What closing the editors does, on a copy of the canvas: each\n            // open text holds what its editor says it holds, and the\n            // attributes the host gave it, as closeText leaves them. An\n            // editor that cannot say - no read, or not started yet - and the\n            // canvas has to leave editing to be read\n            cleanMarkup: function(root, liveOf) {\n                var blocks = dom.all(root, '.ge-content.ge-rte-active').filter(isOurs);\n\n                for (var i = 0; i < blocks.length; i++) {\n                    var copy = blocks[i];\n                    var block = liveOf(copy);\n                    var text = TEXTS[copy.getAttribute('data-ge-content-type')];\n                    var before = block && readBefore.get(block);\n                    var html = before && text.read ? text.read(block) : null;\n\n                    if (typeof html !== 'string') { return false; }\n\n                    dom.setHtml(copy, html);\n                    restoreAttributes(copy, before, readReady.get(block) || before, attributesOf(block));\n                    // What the editor put beside the content area, its frame\n                    if (text.cleanCopy) { text.cleanCopy(copy, block); }\n                }\n\n                return true;\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        // What remove() leaves in the content area: tinyMCE writes its\n        // content back as it removes an inline editor. Null while it is\n        // still starting, when there is nothing to ask\n        read: function(contentArea) {\n            var editor = editors.get(contentArea);\n            return editor ? editor.getContent() : null;\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"],
+  "mappings": "MASA,IAAIA,EAAa,OAAO,WAExB,GAAI,CAACA,GAAc,OAAOA,EAAW,KAAQ,WACzC,MAAM,IAAI,MAAM,wHAC0B,ECCvC,SAASC,EAAIC,EAAMC,EAAU,CAChC,OAAOD,EAAO,MAAM,UAAU,MAAM,KAAKA,EAAK,iBAAiBC,CAAQ,CAAC,EAAI,CAAC,CACjF,CAiBO,SAASC,EAASC,EAAMC,EAAU,CACrC,OAAKD,EAEE,MAAM,UAAU,OAAO,KAAKA,EAAK,SAAU,SAASE,EAAM,CAC7D,MAAO,CAACD,GAAYC,EAAK,QAAQD,CAAQ,CAC7C,CAAC,EAJmB,CAAC,CAKzB,CAGO,SAASE,EAAMH,EAAMC,EAAU,CAClC,OAAOF,EAASC,EAAMC,CAAQ,EAAE,CAAC,GAAK,IAC1C,CAGO,SAASG,EAAQJ,EAAMC,EAAUI,EAAQ,CAC5C,IAAIC,EAAQN,GAAQA,EAAK,WAAa,EAAIA,EAAK,QAAQC,CAAQ,EAAI,KAEnE,OAAIK,GAASD,GAAUC,IAAUD,GAAU,CAACA,EAAO,SAASC,CAAK,EAAY,KACtEA,CACX,CAqDO,SAASC,EAAQC,EAAKC,EAAYC,EAAM,CAC3C,IAAIC,EAAO,SAAS,cAAcH,CAAG,EAErC,cAAO,KAAKC,GAAc,CAAC,CAAC,EAAE,QAAQ,SAASG,EAAM,CACjD,IAAIC,EAAQJ,EAAWG,CAAI,EACvBC,GAAU,MAA+BA,IAAU,IAASF,EAAK,aAAaC,EAAMC,CAAK,CACjG,CAAC,EACyBH,GAAS,OAAQC,EAAK,YAAcD,GAEvDC,CACX,CAGO,SAASG,EAAQH,EAAMI,EAAM,CAChC,OAAAJ,EAAK,UAAkCI,GAAS,KAAO,GAAK,OAAOA,CAAI,EAChEJ,CACX,CAGO,SAASK,EAASL,EAAMM,EAAO,CAClC,OAAAC,EAAMD,CAAK,EAAE,QAAQ,SAASL,EAAM,CAAED,EAAK,UAAU,IAAIC,CAAI,CAAG,CAAC,EAC1DD,CACX,CAEO,SAASQ,EAAYR,EAAMM,EAAO,CACrC,OAAAC,EAAMD,CAAK,EAAE,QAAQ,SAASL,EAAM,CAAED,EAAK,UAAU,OAAOC,CAAI,CAAG,CAAC,EAC7DD,CACX,CAcO,SAASS,EAASC,EAAMC,EAAM,CACjC,MAAO,CAAC,CAACD,GAAQA,EAAK,WAAa,GAAKA,EAAK,UAAU,SAASC,CAAI,CACxE,CAEA,SAASC,EAAMC,EAAO,CAClB,OAAO,OAAOA,GAAS,EAAE,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,CAC1D,CAkEO,SAASC,EAAKC,EAAM,CACvB,OAAAA,EAAK,MAAM,QAAU,OACdA,CACX,CASO,SAASC,EAAQC,EAAM,CAC1B,MAAO,CAAC,EAAEA,EAAK,aAAeA,EAAK,cAAgBA,EAAK,eAAe,EAAE,OAC7E,CAuDO,SAASC,EAASC,EAAMC,EAAOC,EAAUC,EAASC,EAAS,CAC9D,IAAIC,EAAW,SAASC,EAAO,CAC3B,IAAIC,EAAQC,EAAQF,EAAM,OAAQJ,EAAUF,CAAI,EAChD,GAAIO,GAASP,EAAK,SAASO,CAAK,EAAK,OAAOJ,EAAQ,KAAKI,EAAOD,CAAK,CAEzE,EAEA,OAAAG,EAAMR,CAAK,EAAE,QAAQ,SAASS,EAAM,CAAEV,EAAK,iBAAiBU,EAAML,EAAUD,CAAO,CAAG,CAAC,EAChFC,CACX,CAyBA,IAAIM,EAAmB,IAEvB,SAASC,GAAYC,EAAMC,EAAQC,EAAUC,EAAM,CAC/CD,EAAWA,IAAa,OAAYJ,EAAmBI,EAEvD,IAAIE,EAAS,UAAW,CACpBC,EAAKL,CAAI,EACLG,GAAQA,EAAK,CACrB,EAEA,GAAI,CAACG,EAAQN,CAAI,GAAK,CAACA,EAAK,SAAWE,GAAY,EAAG,CAClD,OAAO,WAAWE,EAAQ,CAAC,EAC3B,MACJ,CAEA,IAAIG,EAAYP,EAAK,QAAQC,EAAO,iBAAiBD,CAAI,CAAC,EAAG,CACzD,SAAUE,EACV,OAAQ,aACZ,CAAC,EACGM,EAAS,GACTC,EAAO,UAAW,CACdD,IACJA,EAAS,GACTJ,EAAO,EACX,EAEAG,EAAU,SAAWE,EACrBF,EAAU,SAAWE,CACzB,CAGO,SAASC,EAAQV,EAAME,EAAUC,EAAM,CACtC,OAAOD,GAAa,aACpBC,EAAOD,EACPA,EAAW,QAGfF,EAAK,MAAM,SAAW,SACtBD,GAAYC,EAAM,SAASW,EAAO,CAC9B,MAAO,CACH,CACI,OAAQA,EAAM,OACd,WAAYA,EAAM,WAClB,cAAeA,EAAM,cACrB,UAAWA,EAAM,UACjB,aAAcA,EAAM,YACxB,EACA,CAAE,OAAQ,MAAO,WAAY,MAAO,cAAe,MAAO,UAAW,MAAO,aAAc,KAAM,CACpG,CACJ,EAAGT,EAAU,UAAW,CACpBF,EAAK,MAAM,eAAe,UAAU,EAChCG,GAAQA,EAAK,CACrB,CAAC,CACL,CC9VA,GAAI,CAACS,EAAW,SAAS,KAAM,CAqB3B,IAASC,EAAT,SAAsBC,EAAS,CAC3B,IAAIC,EAAQ,CAAC,EACb,aAAM,UAAU,MAAM,KAAKD,EAAQ,UAAU,EAAE,QAAQ,SAASE,EAAW,CACvED,EAAMC,EAAU,IAAI,EAAIA,EAAU,KACtC,CAAC,EACMD,CACX,EAESE,EAAT,SAAmBC,EAAO,CACtB,OAAQA,GAAS,IAAI,MAAM,KAAK,EAAE,OAAO,SAASC,EAAM,CACpD,OAAOA,IAAS,IAAM,CAACC,EAAa,KAAKD,CAAI,CACjD,CAAC,CACL,EAGSE,EAAT,SAA2BC,EAAOC,EAAQC,EAAOC,EAAM,CACnD,IAAIC,EAAS,OAAO,OAAO,CAAC,EAAGH,CAAM,EAErC,OAAO,KAAK,OAAO,OAAO,CAAC,EAAGC,EAAOC,CAAI,CAAC,EAAE,QAAQ,SAASN,EAAM,CAC3DA,IAAS,SAAWQ,EAAiB,KAAKR,CAAI,GAAKK,EAAML,CAAI,IAAMM,EAAKN,CAAI,IAE5EM,EAAKN,CAAI,IAAM,OACf,OAAOO,EAAOP,CAAI,EAElBO,EAAOP,CAAI,EAAIM,EAAKN,CAAI,EAEhC,CAAC,EAED,IAAIS,EAAeX,EAAUO,EAAM,KAAQ,EACvCK,EAAcZ,EAAUQ,EAAK,KAAQ,EACrCK,EAAUb,EAAUM,EAAO,KAAQ,EAAE,OAAO,SAASJ,EAAM,CAC3D,OAAOU,EAAY,QAAQV,CAAI,IAAM,IAAMS,EAAa,QAAQT,CAAI,IAAM,EAC9E,CAAC,EACDU,EAAY,QAAQ,SAASV,EAAM,CAC3BS,EAAa,QAAQT,CAAI,IAAM,IAAMW,EAAQ,QAAQX,CAAI,IAAM,IAAMW,EAAQ,KAAKX,CAAI,CAC9F,CAAC,EAIGW,EAAQ,OAAUJ,EAAO,MAAWI,EAAQ,KAAK,GAAG,EAAY,OAAOJ,EAAO,MAElF,OAAO,KAAKb,EAAaS,CAAK,CAAC,EAAE,QAAQ,SAASH,EAAM,CAAEG,EAAM,gBAAgBH,CAAI,CAAG,CAAC,EACxF,OAAO,KAAKO,CAAM,EAAE,QAAQ,SAASP,EAAM,CAAEG,EAAM,aAAaH,EAAMO,EAAOP,CAAI,CAAC,CAAG,CAAC,CAC1F,EAESY,EAAT,SAAqBC,EAAI,CAErB,IAAIC,EAAWD,EAAG,SACdE,EAAQ,CAAC,EACTC,EAAS,CAAC,EAEd,OAAO,KAAKvB,EAAW,KAAK,EAAE,QAAQ,SAASwB,EAAM,CACjDF,EAAME,CAAI,EAAIxB,EAAW,MAAMwB,CAAI,EAAEJ,CAAE,CAC3C,CAAC,EAII,MAAM,QAAQC,EAAS,aAAa,IAAKA,EAAS,cAAgB,OAAO,KAAKC,CAAK,GACnF,MAAM,QAAQD,EAAS,UAAU,IAAKA,EAAS,WAAa,CAAC,GAC7D,MAAM,QAAQA,EAAS,YAAY,IAAKA,EAAS,aAAe,CAAC,GAGtE,SAASI,GAAe,CACpB,OAAOJ,EAAS,cAAc,OAAO,SAASG,EAAM,CAAE,MAAO,CAAC,CAACF,EAAME,CAAI,CAAG,CAAC,CACjF,CAGA,SAASE,EAAUF,EAAM,CACrB,IAAIG,EAAOL,EAAME,CAAI,EACrB,OAAOG,GAAQA,EAAK,SAAWP,EAAG,EAAEO,EAAK,QAAQ,EAAIH,CACzD,CAGA,SAASI,EAASJ,EAAMK,EAAS,CAC7B,IAAIF,EAAOL,EAAME,CAAI,EACjBd,EAAYR,EAAQ,MAAO,CAC3B,MAAS,8BAAgCsB,EACzC,uBAAwBA,CAC5B,CAAC,EAED,OAAIK,GAAWA,EAAQ,SACnBnB,EAAM,YAAYmB,CAAO,EAErBC,EAAQpB,EAAOmB,IAAY,OAAYA,EAAWF,GAAQA,EAAK,gBAAmB,EAAE,EAErFjB,CACX,CAOA,SAASqB,EAAcP,EAAMQ,EAAS,CAQlC,OAPIR,GAAQ,OAAOA,GAAS,WACxBQ,EAAUR,EACVA,EAAO,QAEXQ,EAAUA,GAAW,CAAC,EACtBR,EAAOA,GAAQC,EAAa,EAAE,CAAC,EAE3B,CAACD,GAAQ,CAACF,EAAME,CAAI,GACfD,EAAO,cAAgBC,CAAI,IAC5BD,EAAO,cAAgBC,CAAI,EAAI,GAC/BJ,EAAG,KAAK,+BAAiCI,EAAO,2DACE,GAE/C,MAGJJ,EAAG,MAAMQ,EAASJ,EAAMQ,EAAQ,OAAO,EAAG,OAAQA,CAAO,CACpE,CAGA,SAASC,EAAOvB,EAAO,CACnB,MAAO,CAAC,CAACY,EAAMZ,EAAM,aAAa,sBAAsB,CAAC,CAC7D,CAGA,SAASwB,EAAUxB,EAAO,CACtB,GAAI,CAAIyB,EAASzB,EAAO,eAAe,GAK9B0B,EAAQ1B,CAAK,EAGtB,KAAIiB,EAAOL,EAAMZ,EAAM,aAAa,sBAAsB,CAAC,EAC3D,GAAKiB,EAIL,IAAIA,EAAK,WAAa,CAACA,EAAK,UAAU,EAAG,CACjCA,EAAK,YAAc,QAAQ,MAAMP,EAAG,EAAEO,EAAK,UAAU,CAAC,EAC1D,MACJ,CAEAU,EAAW,IAAI3B,EAAOT,EAAaS,CAAK,CAAC,EACzC4B,EAAU,OAAO5B,CAAK,EAClB6B,EAAS7B,EAAO,eAAe,EACnCiB,EAAK,MAAM,CAACjB,CAAK,CAAC,GACtB,CAEA,SAAS8B,GAAU,CACfN,EAAU,IAAI,CAClB,CAgBA,SAASO,EAAU/B,EAAO,CACtB,IAAIiB,EAAOL,EAAMZ,EAAM,aAAa,sBAAsB,CAAC,EACvDC,EAAS0B,EAAW,IAAI3B,CAAK,EAC7BG,EAAOF,EAASV,EAAaS,CAAK,EAAI,KAItCiB,GAAQA,EAAK,KAAK,CAACjB,CAAK,CAAC,EAIzBgC,EAAYhC,EAAO,eAAe,EAElCC,IACAF,EAAkBC,EAAOC,EAAQ2B,EAAU,IAAI5B,CAAK,GAAKC,EAAQE,CAAI,EACrEwB,EAAW,OAAO3B,CAAK,EACvB4B,EAAU,OAAO5B,CAAK,EAE9B,CAEA,SAASiC,EAAmBC,EAAW,CACnC,IAAIlC,EAAYmC,EAAMD,EAAW,aAAa,EAC1CpB,EAAOd,EAAM,aAAa,sBAAsB,EAChDoC,EAAa5C,EAAQ,MAAO,CAAE,MAAS,gCAAiC,CAAC,EAC7E0C,EAAU,aAAaE,EAAQF,EAAU,UAAU,EAEnDxB,EAAG,eAAe0B,CAAM,EAExB,IAAIC,EAAU3B,EAAG,gBAAgB0B,EAAQpC,EAAOW,EAAS,YAAY,EAIjE2B,EAAcH,EAAME,EAAS,qBAAqB,EAClDE,EAAa/C,EAAQ,MAAO,CAAE,MAAS,yBAA0B,CAAC,EACtE+C,EAAO,YAAgB/C,EAAQ,OAAQ,CAAE,MAAS,gBAAiB,EAAGkB,EAAG,EAAE,cAAc,CAAC,CAAC,EAC3F6B,EAAO,YAAgB/C,EAAQ,OAAQ,CAAE,MAAS,gBAAiB,EAAGwB,EAAUF,CAAI,CAAC,CAAC,EACtFwB,EAAQ,aAAaC,EAAQD,EAAQ,UAAU,EAE/C3B,EAAS,WAAW,QAAQ,SAAS6B,EAAU,CAC3C9B,EAAG,WAAW0B,EAAQI,EAAS,OAAS,GAAIA,EAAS,WAAa,GAC9DA,EAAS,WAAa,eAAgBA,EAAS,EAAE,CACzD,CAAC,EAED9B,EAAG,WAAW0B,EAAQ1B,EAAG,EAAE,kBAAkB,EAAG,iBAAkB,cAAe,UAAW,CACxFA,EAAG,WAAW,OAAQV,EAAOU,EAAG,EAAE,qBAAqB,EAAG,SAAS+B,EAAS,CAGxEV,EAAU/B,CAAK,EACX0C,EAAQR,EAAW,UAAW,CAC9BA,EAAU,OAAO,EACjBO,EAAQ,CACZ,CAAC,CACL,CAAC,CACL,CAAC,CACL,CAGA,SAASE,GAAY,CACbC,EAAIlC,EAAG,OAAQ,gBAAgB,EAAE,QAAQ,SAASwB,EAAW,CAC7D,GAAI,CAAIC,EAAMD,EAAW,kBAAkB,EAE3C,KAAIlC,EAAYmC,EAAMD,EAAW,aAAa,EAC1C,CAAClC,GAAS,CAACuB,EAAOvB,CAAK,GAE3BiC,EAAmBC,CAAS,EAChC,CAAC,CACL,CAEA,IAAIW,EAAQ9B,EAAa,EACrB+B,EAAS,KAEb,MAAO,CACH,QAAS,CACL,WAAYzB,CAChB,EAOA,UAAW,UAAW,CAClB,IAAI0B,EAAUhC,EAAa,EACvBiC,EAAS,OAAO,KAAKpC,CAAK,EAAE,OAAO,SAASE,EAAM,CAAE,OAAOiC,EAAQ,QAAQjC,CAAI,IAAM,EAAI,CAAC,EAE9F,OAAOiC,EAAQ,OAAOC,CAAM,EAAE,IAAI,SAASlC,EAAM,CAC7C,IAAIG,EAAOL,EAAME,CAAI,EAErB,MAAO,CACH,KAAMA,EACN,MAAOE,EAAUF,CAAI,EACrB,QAASiC,EAAQ,QAAQjC,CAAI,IAAM,GACnC,UAAWG,EAAK,UAAY,UAAW,CAAE,OAAOA,EAAK,UAAU,CAAG,EAAI,KACtE,WAAYA,EAAK,WACjB,KAAM,SAASjB,EAAO,CAClB,IAAIkC,EAAYlC,EAAM,cACdyB,EAASS,EAAW,eAAe,GAAK,CAAKC,EAAMD,EAAW,kBAAkB,GACpFD,EAAmBC,CAAS,EAGhCV,EAAUxB,CAAK,CACnB,CACJ,CACJ,CAAC,CACL,EAIA,QAAS6C,EAAM,IAAI,SAAS/B,EAAM,CAC9B,MAAO,CACH,MAAO,UAAW,CACd,OAAO+B,EAAM,OAAS,EAAInC,EAAG,EAAE,gBAAiB,CAAE,OAAQM,EAAUF,CAAI,CAAE,CAAC,EAAIJ,EAAG,EAAE,UAAU,CAClG,EACA,UAAWE,EAAME,CAAI,EAAE,UACvB,UAAW,qBACX,KAAM,OACN,MAAO,WACP,SAAU,GACV,OAAQ,UAAW,CAAE,OAAOI,EAASJ,CAAI,CAAG,CAChD,CACJ,CAAC,EAED,OAAQ,UAAW,CACf6B,EAAU,EAENG,GAAUpC,EAAG,OAAO,oBAAoB,QAASoC,CAAM,EAC3DA,EAAaG,EAASvC,EAAG,OAAQ,QAAS,cAAeoB,CAAO,CACpE,EAIA,eAAgB,UAAW,CACnBc,EAAIlC,EAAG,OAAQ,aAAa,EAAE,QAAQ,SAASV,EAAO,CAClDuB,EAAOvB,CAAK,GAAK+B,EAAU/B,CAAK,CACxC,CAAC,CACL,EAEA,SAAU,UAAW,CACb8C,GAAUpC,EAAG,OAAO,oBAAoB,QAASoC,CAAM,EAC3DA,EAAS,IACb,EAOA,YAAa,SAASI,EAAMC,EAAQ,CAGhC,QAFIC,EAAaR,EAAIM,EAAM,2BAA2B,EAAE,OAAO3B,CAAM,EAE5D8B,EAAI,EAAGA,EAAID,EAAO,OAAQC,IAAK,CACpC,IAAIC,EAAOF,EAAOC,CAAC,EACfrD,EAAQmD,EAAOG,CAAI,EACnBrC,EAAOL,EAAM0C,EAAK,aAAa,sBAAsB,CAAC,EACtDrD,EAASD,GAAS2B,EAAW,IAAI3B,CAAK,EACtCuD,EAAOtD,GAAUgB,EAAK,KAAOA,EAAK,KAAKjB,CAAK,EAAI,KAEpD,GAAI,OAAOuD,GAAS,SAAY,MAAO,GAEnCnC,EAAQkC,EAAMC,CAAI,EACtBxD,EAAkBuD,EAAMrD,EAAQ2B,EAAU,IAAI5B,CAAK,GAAKC,EAAQV,EAAaS,CAAK,CAAC,EAE/EiB,EAAK,WAAaA,EAAK,UAAUqC,EAAMtD,CAAK,CACpD,CAEA,MAAO,EACX,EAIA,eAAgB,SAASwD,EAAM,CACvB7B,EAAW,IAAI6B,CAAI,GAAK,CAAC5B,EAAU,IAAI4B,CAAI,GAC3C5B,EAAU,IAAI4B,EAAMjE,EAAaiE,CAAI,CAAC,CAE9C,CACJ,CACJ,EArWA,OAAO,OAAOlE,EAAW,QAAQ,GAAI,CACjC,WAAY,OACZ,gBAAiB,kBACjB,eAAgB,SAChB,kBAAmB,MACvB,CAAC,EAOGqC,EAAa,IAAI,QACjBC,EAAY,IAAI,QAGhB9B,EAAe,oDACfO,EAAmB,4CAuVvBI,EAAY,OAAS,GAErBnB,EAAW,SAAS,KAAOmB,CAE/B,CAhWQ,IAAAkB,EACAC,EAGA9B,EACAO,ECtBR,OAAO,OAAOoD,EAAW,QAAQ,GAAI,CACjC,eAAgB,SACpB,CAAC,EAKD,SAASC,EAAQC,EAAa,CACtBC,EAAYD,EAAa,sBAAsB,EACnD,CAAC,KAAM,QAAS,aAAc,kBAAmB,gBAAgB,EAAE,QAAQ,SAASE,EAAM,CACtFF,EAAY,gBAAgBE,CAAI,CACpC,CAAC,CACL,CAEA,IAAIC,EAAkB,6BAIlBC,EAAU,IAAI,QACdC,EAAgB,IAAI,QAExBP,EAAW,MAAM,QAAU,SAASQ,EAAI,CACpC,MAAO,CACH,SAAU,eACV,eAAgBH,EAChB,WAAY,wBAEZ,UAAW,UAAW,CAAE,MAAO,CAAC,CAAC,OAAO,OAAS,EAEjD,MAAO,SAASI,EAAc,CAC1B,IAAIC,EAAWF,EAAG,SACdG,EAAcD,EAAS,SAAWA,EAAS,QAAQ,OAAUA,EAAS,QAAQ,OAAS,CAAC,EAE5FD,EAAa,QAAQ,SAASP,EAAa,CACvC,GAAI,CAAIU,EAASV,EAAa,QAAQ,EAEtC,CAAIA,EAAY,WAAaG,IACzBH,EAAY,UAAY,IAExBW,EAASX,EAAa,QAAQ,EAElC,IAAIY,EAAgB,OAAO,OAAO,CAK9B,UAAW,EACf,EAAGH,EAAY,CACX,OAAQT,EACR,OAAQ,GACR,uBAAwB,SAASa,EAAQ,CAErC,GAAIR,EAAc,IAAIL,CAAW,EAAG,CAChCK,EAAc,OAAOL,CAAW,EAChCa,EAAO,OAAO,EAGdd,EAAQC,CAAW,EACnB,MACJ,CAEAI,EAAQ,IAAIJ,EAAaa,CAAM,EAM/BP,EAAG,UAAUN,CAAW,EAMxBa,EAAO,GAAG,YAAa,UAAW,CAC9BP,EAAG,UAAUN,CAAW,CAC5B,CAAC,EAUD,OAAO,sBAAsB,UAAW,CAChCa,EAAO,SAAW,CAACA,EAAO,IAAM,CAACA,EAAO,GAAG,MAE/CA,EAAO,GAAG,KAAK,CACnB,CAAC,EAODA,EAAO,GAAG,QAAS,UAAW,CAC1B,OAAO,sBAAsB,UAAW,CAChCA,EAAO,SAAW,CAACA,EAAO,IAAM,CAACA,EAAO,GAAG,MAE/CA,EAAO,GAAG,KAAK,CACnB,CAAC,CACL,CAAC,EAGDA,EAAO,MAAM,EAGTJ,EAAW,wBACXA,EAAW,uBAAuB,KAAK,KAAMI,CAAM,CAE3D,CACJ,CAAC,EAGD,OAAOD,EAAc,SAErB,OAAO,QAAQ,KAAKA,CAAa,EACrC,CAAC,CACL,EAKA,KAAM,SAASZ,EAAa,CACxB,IAAIa,EAAST,EAAQ,IAAIJ,CAAW,EACpC,OAAOa,EAASA,EAAO,WAAW,EAAI,IAC1C,EAEA,KAAM,SAASN,EAAc,CACzBA,EAAa,OAAO,SAASP,EAAa,CACtC,OAAWU,EAASV,EAAa,QAAQ,CAC7C,CAAC,EAAE,QAAQ,SAASA,EAAa,CAC7B,IAAIa,EAAST,EAAQ,IAAIJ,CAAW,EAEhCa,GACAT,EAAQ,OAAOJ,CAAW,EAC1Ba,EAAO,OAAO,GAIdR,EAAc,IAAIL,CAAW,EAGjCD,EAAQC,CAAW,CACvB,CAAC,CACL,CACJ,CACJ",
+  "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", "root", "liveOf", "blocks", "i", "copy", "html", "area", "GridEditor", "cleanUp", "contentArea", "removeClass", "name", "INITIAL_CONTENT", "editors", "pendingRemove", "ge", "contentAreas", "settings", "userConfig", "hasClass", "addClass", "configuration", "editor"]
 }

package/docs/events.md

@@ -91,6 +91,9 @@ about every insertion can bind `grideditor:before-add` and switch on
 | `grideditor:view-change` | — | no | after the view changes, only if it actually changed |
 | `grideditor:target-change` | — | no | with `active_target`, after the column or section the toolbar adds to changes, only if it actually changed |
 | `grideditor:after-copy` | — | no | with the clipboard plugin, after a node is copied |
+| `grideditor:after-autosave` | — | no | with the autosave plugin, after a draft is written |
+| `grideditor:after-restore-draft` | — | no | with the autosave plugin, after the user chose to restore a draft and the canvas is it |
+| `grideditor:autosave-error` | — | no | with the autosave plugin, when the storage refused a draft |
 
 Two things here are not in the 3.0 specification's catalogue. The indent pair,
 because the indent tools are an operation like any other and announce
@@ -161,6 +164,11 @@ view), `from` and `to`. A utility's `breakpoint` is the view it was written
 in, which `setUtility` can be asked to make a different one from the view on
 screen, and its `source` is `panel`, `tool` or `api`.
 
+The autosave events carry no node: `after-autosave` has `canvas`, `html`,
+`savedAt` (an ISO 8601 date) and `source` - `change`, `pagehide`, `api` for
+`saveDraft()`, or `destroy` -, `after-restore-draft` has `canvas`, `html` and
+`savedAt`, and `autosave-error` has `canvas` and the `error` the storage threw.
+
 `target-change` carries no node either: its payload is `canvas`, `target` - the
 column or section the toolbar adds to now, or `null` for the end of the canvas
 - and `from`, the one before. What a toolbar button then adds fires its add

package/docs/locale-keys.md

@@ -185,6 +185,20 @@ The clipboard plugin: copy and paste.
 | `clipboard.paste_section` | Paste section | Title of the toolbar's paste button, while a section is copied |
 
 
+autosave.*
+----------
+
+The autosave plugin: the question asked when an editor starts with a draft of
+the same html saved.
+
+| Key | English | Where |
+| --- | --- | --- |
+| `autosave.restore_title` | Restore the draft? | Title of the confirm modal |
+| `autosave.restore_message` | There is a draft of this page saved on {date}, with changes that were not published. Restore it? | The question, `{date}` the draft's, in the editor's locale |
+| `autosave.restore` | Restore | The modal's ok button: the canvas becomes the draft |
+| `autosave.discard` | Discard | The modal's cancel button: the draft is taken away |
+
+
 codemirror.*
 ------------
 

package/docs/plugins.md

@@ -70,6 +70,7 @@ GridEditor.containers.carousel = function(ge) {
         addPane: addSlideTo,                          // returns the new pane
         mark: function(container) { … },              // editing furniture on
         unmark: function(container) { … },            // and off again
+        cleanMarkup: function(root, liveOf) { … },     // the same, on a copy: see "Reading on a copy"
         afterPaneMove: function(container, pane) { … },  // optional
         tools: function(drawer, container) { … },        // optional, extra tools
         onInit: function() { … },                        // optional, per canvas init
@@ -162,6 +163,10 @@ element, and where there may be several, an array.
 | `ge.openPicker(anchor, choices, className?)` | The choice itself, as a strip under `anchor`: one button per `{ label, title, attributes, choose }` |
 | `ge.closePicker()` | Close it; true when one was open, which is also a click's answer |
 | `ge.nodeHtml(node)` | One node's markup as `getHtml` would give it. The canvas leaves editing to read it and comes back, as it does for `getHtml` |
+| `ge.snapshotHtml()` | The canvas's markup as `getHtml` gives it, read on a copy so the canvas never leaves editing: what `getHtml({ keepEditing: true })` is. See [Reading on a copy](#reading-on-a-copy) |
+| `ge.setHtml(html)` | The canvas made of other markup, and edited again: the source view closed if it is open, `deinit`, the markup in, `init`. No add or delete events: it is replaced as a whole. A `<script>` in it does not run in the editor |
+| `ge.confirm(message, options, answer)` | A question in the editor's confirm modal, the one deleting asks in. `options`: `title`, `ok`, `cancel` - the texts, the locale's by default - and `danger`, a red ok button. `answer(true)` for ok, `answer(false)` for cancel, the close button or Escape, `answer(null)` when the modal is taken away unanswered: `setLocale`, `destroy`, or another question. The browser's `confirm` without Bootstrap's javascript |
+| `ge.refreshToolbar()` | The toolbar built again, from what the feature plugins' `toolbar`s hold now: for a plugin whose buttons come and go. The category shown with `toolbar_groups`, the preview and the source view stay as they are. Does nothing before the toolbar is first built, and after `destroy` |
 | `ge.toolbarItems(name)` | An array of the toolbar buttons the feature plugin `name` declared, for showing and hiding them |
 | `ge.bareStyle(node, family, property)` | A css property's value on the node with none of the family's classes: what a preview shows when no class applies and that is not a constant |
 | `ge.hostStyle(node, property?)` | `{ value, priority }` of one property of the node's own style, as the host wrote it: never a breakpoint preview's. With no property, the whole of it as css text |
@@ -186,6 +191,8 @@ GridEditor.features.elements = function(ge) {
         onInit: function() { … },        // every init: put the furniture in
         onDeinit: function() { … },      // every deinit: take it out again
         onBeforeDeinit: function() { … },  // every deinit, before the drawers come off: close what you opened
+        cleanMarkup: function(root, liveOf) { … },  // what onDeinit and onBeforeDeinit take off, off a copy
+        onDestroy: function() { … },       // destroy, first, while the editor is whole
         onSourceOpen: function(textarea) { … },   // the source view opened: the canvas's html is in the textarea
         onSourceClose: function(textarea) { … },  // and is closing: put what you edited back in the textarea
         onContentReady: function(area) { … },  // a rich text editor just took over, or rewrote a text
@@ -225,6 +232,37 @@ needs to put a new kind of block on the canvas:
   was dropped, or, when that region will not have it, on the canvas just after
   the block it was dropped in. A `create()` that returns `null` adds nothing:
   that is how a plugin says it could not make one this time.
+- **`toolbar`** can also be a function returning those items, called whenever
+  the toolbar is built - when the editor starts, on `setLocale`, and on
+  `ge.refreshToolbar()`. That is how a plugin offers buttons that change: a
+  user's saved widgets, each a button that adds it again. Change the list,
+  then call `ge.refreshToolbar()`. A button not yet built again still makes
+  what it was built from.
+
+  ```javascript
+  GridEditor.features.widgets = function(ge) {
+      var saved = loadWidgets();   // the plugin's own: wherever it keeps them
+      return {
+          methods: {
+              saveWidget: function(widget) {
+                  saved.push(widget);
+                  ge.refreshToolbar();
+              },
+          },
+          toolbar: function() {
+              return saved.map(function(widget) {
+                  return {
+                      label: widget.name,
+                      kind: 'element',
+                      group: 'widgets',
+                      inColumn: true,
+                      create: function() { return widgetFrom(widget.html); },
+                  };
+              });
+          },
+      };
+  };
+  ```
 
 - **`drawerTools(drawer, node, kind)`** runs for every drawer that has a gear,
   as a utility plugin's does, so a tool can go on any node. The clipboard
@@ -233,6 +271,45 @@ needs to put a new kind of block on the canvas:
   child: it sits beside it, in a wrapper that only exists while editing, so
   `ge.drawerOf(node)` is how to find it.
 
+### Reading on a copy
+
+`getHtml({ keepEditing: true })` - `ge.snapshotHtml()` - gives the markup
+`getHtml` gives without the canvas leaving editing: it copies the canvas and
+takes off the copy what `deinit` takes off the canvas. The core takes off
+its own: drawers, text blocks, previews, the resize handles. What a plugin put
+on the canvas, the plugin takes off, with **`cleanMarkup(root, liveOf)`**:
+
+- `root` is the copy of the canvas, already without the core's drawers and
+  text blocks. Take off it, under it, what your `mark`, `onInit` and the rest
+  put on the canvas - the same as your `unmark`, `onDeinit` and
+  `onBeforeDeinit` do, but only to markup: listeners, observers and what you
+  remember stay as they are, because the canvas is still being edited.
+- `liveOf(node)` is the canvas's node a node of the copy was copied from, or
+  `null` for one made on the copy. It is for state kept by node: the text
+  feature reads an open editor's content through it.
+- Return `false` when you cannot do it this time - the text feature does, for
+  an editor still starting - and `getHtml` is used instead.
+
+It is called for every kind of plugin, in the order `deinit` calls them. A
+container's `unmark` that only touches markup can be its `cleanMarkup` as it
+is, called for each container of the type under `root`:
+
+```javascript
+cleanMarkup: function(root) {
+    var definition = this;
+    root.querySelectorAll('[data-ge-container="carousel"]').forEach(function(container) {
+        definition.unmark(container);
+    });
+},
+```
+
+A plugin needs one when it has an `unmark`, an `onDeinit` or an
+`onBeforeDeinit`, and an empty one is fine when those take nothing off the
+canvas. When a loaded plugin needs one and has none, the canvas leaves editing
+to be read after all - open texts and settings panels close - and the console
+says so, once. A plugin with none of the three needs nothing. The host's
+`custom_filter` is run on the copy too.
+
 ### A section of the settings panel
 
 **`panelSection(node, kind)`**, which any kind of plugin can have, returns a
@@ -431,7 +508,12 @@ carries it. However many a page loads, that is installed once.
 
 Each registers on `GridEditor.texts`, the text feature's own registry, with a
 factory whose `start(contentAreas)` and `stop(contentAreas)` get an array of
-content areas.
+content areas. For [reading on a copy](#reading-on-a-copy) an editor also has
+`read(contentArea)`, the html `stop` would leave in it - `null` while it is
+still starting - and, if it puts something beside the content area,
+`cleanCopy(copy, contentArea)`, which takes that off the copy: summernote's
+frame. An editor with no `read` makes `getHtml({ keepEditing: true })` fall
+back on `getHtml` while one of its texts is open.
 
 The editors offered are `content_types`, every one loaded by default, in the
 order the page loaded them; the `plugins` setting does not choose them. A
@@ -441,7 +523,9 @@ text of an editor that is loaded but not offered is still edited.
 
 A feature plugin with `textTypes`, a drawer for its texts, a toolbar item
 with `inColumn: true` if it makes new ones, a click handler that opens its
-editor, and `onBeforeDeinit` to close it.
+editor, and `onBeforeDeinit` to close it - and a `cleanMarkup` that reads its
+open texts on the copy, or the canvas leaves editing whenever it is read
+with `keepEditing`.
 [example/custom_editor.html](../example/custom_editor.html) is one, in full,
 on the browser's `contenteditable`, on a page that loads none of the shipped
 editors.

package/example/autosave.html

@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Grid Editor example - auto save and import/export</title>
+    <title>Grid Editor example - autosave and import/export</title>
 
     <!-- CSS dependencies -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
@@ -19,6 +19,8 @@
     <script src="../dist/grideditor.min.js"></script>
     <!-- The text editor is a plugin of its own, loaded after the editor -->
     <script src="../dist/plugins/grideditor.tinymce.min.js"></script>
+    <!-- And so is autosave -->
+    <script src="../dist/plugins/grideditor.autosave.min.js"></script>
 </head>
 <body>
     <!-- Back to the demo index -->
@@ -27,46 +29,60 @@
     </div>
 
 <div class="container py-3">
-    <h2>Grid Editor example - auto save and import/export</h2>
-    <div class="mb-3">
+    <h2>Grid Editor example - autosave and import/export</h2>
+    <p class="text-body-secondary">
+        The autosave plugin keeps what you edit in <code>localStorage</code>, a second after each change and when
+        you leave the page - with a text still open, which it does not close. Reload the page after a change and it
+        offers the draft back. An imported file is a document of its own, with its own <code>autosave.key</code>, so
+        its draft and the page's never step on each other.
+    </p>
+    <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
         <button id="exportBtn" class="btn btn-primary">Export layout</button>
-        <input type="file" id="importInput" class="btn btn-secondary" accept=".html">
-        <button id="resetBtn" class="btn btn-danger">Clear draft</button>
+        <input type="file" id="importInput" class="form-control w-auto" accept=".html">
+        <button id="resetBtn" class="btn btn-outline-danger">Clear draft</button>
+        <div class="form-check form-switch ms-2">
+            <input class="form-check-input" type="checkbox" role="switch" id="autosaveSwitch" checked>
+            <label class="form-check-label" for="autosaveSwitch">Autosave</label>
+        </div>
+        <span id="savedAt" class="text-body-secondary small"></span>
     </div>
 
     <form id="editorForm">
-        <div id="myGrid"></div>
+        <div id="myGrid">
+            <div class="row"><div class="col-md-12"><h3>Edit me</h3><p>Then reload the page.</p></div></div>
+        </div>
     </form>
 </div>
 <script>
-    const LOCAL_STORAGE_KEY = 'gridEditorLayout';
     const grid = document.getElementById('myGrid');
+    const autosaveSwitch = document.getElementById('autosaveSwitch');
     let editor = null;
 
-    function initEditor(initialContent = '') {
-        grid.innerHTML = initialContent;
+    function initEditor(key) {
         editor = new GridEditor(grid, {
             new_row_layouts: [[12], [6,6], [4,4,4]],
             content_types: ['tinymce'],
             // tinyMCE 7 is GPL-2.0-or-later: 'gpl' accepts that licence.
             // A commercial licence passes its own key here instead.
             tinymce: { config: { license_key: 'gpl' } },
+            // null is the page's own key
+            autosave: { key: key, enabled: autosaveSwitch.checked },
         });
     }
 
-    function autoSave() {
-        localStorage.setItem(LOCAL_STORAGE_KEY, editor.getHtml());
-    }
+    grid.addEventListener('grideditor:after-autosave', function(e) {
+        document.getElementById('savedAt').textContent = 'Saved ' + new Date(e.detail.savedAt).toLocaleTimeString();
+    });
 
     document.addEventListener('DOMContentLoaded', function () {
-        // Restore the previous draft, falling back to whatever markup is in the page
-        const saved = localStorage.getItem(LOCAL_STORAGE_KEY);
-        initEditor(saved || grid.innerHTML);
+        initEditor(null);
 
-        setInterval(autoSave, 5000);
+        autosaveSwitch.addEventListener('change', function () {
+            if (autosaveSwitch.checked) { editor.enableAutosave(); } else { editor.disableAutosave(); }
+        });
 
         document.getElementById('exportBtn').addEventListener('click', () => {
-            const html = editor.getHtml();
+            const html = editor.getHtml({ keepEditing: true });
             const blob = new Blob([html], { type: 'text/html' });
             const url = URL.createObjectURL(blob);
             const a = document.createElement('a');
@@ -76,21 +92,22 @@
             URL.revokeObjectURL(url);
         });
 
+        // Another document: the editor is made again on it, with a key of its own
         document.getElementById('importInput').addEventListener('change', function (e) {
             const file = e.target.files[0];
             if (!file) return;
             const reader = new FileReader();
-            reader.onload = function (e) {
+            reader.onload = function (loaded) {
                 editor.destroy();
-                initEditor(e.target.result);
-                autoSave();
+                grid.innerHTML = loaded.target.result;
+                initEditor('grideditor.autosave:import:' + file.name);
             };
             reader.readAsText(file);
         });
 
         document.getElementById('resetBtn').addEventListener('click', function () {
-            localStorage.removeItem(LOCAL_STORAGE_KEY);
-            location.reload();
+            editor.clearDraft();
+            document.getElementById('savedAt').textContent = 'Draft cleared';
         });
     });
 </script>

package/example/index.html

@@ -191,7 +191,7 @@
                     <strong>Autosave</strong>
                     <code class="text-body-secondary">autosave.html</code>
                 </div>
-                <span class="text-body-secondary">Saving the html as the user edits, through the editor&rsquo;s events</span>
+                <span class="text-body-secondary">The autosave plugin: drafts kept as the user edits and offered back after a reload, with import and export</span>
             </a>
 
             <a class="list-group-item list-group-item-action" href="adapter.html">

package/example/plugins.html

@@ -75,6 +75,16 @@
                     unmark: function(container) {
                         ge.unwrapLabels(container);
                     },
+
+                    // The same, on a copy of the canvas, for
+                    // getHtml({ keepEditing: true }): unmark only touches
+                    // markup, so it does for each callout on the copy
+                    cleanMarkup: function(root) {
+                        var definition = this;
+                        root.querySelectorAll('[data-ge-container="callout"]').forEach(function(container) {
+                            definition.unmark(container);
+                        });
+                    },
                 };
             };
 

package/package.json

@@ -30,10 +30,9 @@
   },
   "homepage": "https://github.com/themarioga/grid-editor#readme",
   "publishConfig": {
-    "comment": "A scoped package publishes restricted unless it is told otherwise.",
     "access": "public"
   },
-  "version": "8.5.0",
+  "version": "8.7.0",
   "main": "dist/grideditor.js",
   "module": "dist/grideditor.esm.js",
   "types": "dist/grideditor.d.ts",
@@ -75,7 +74,6 @@
     "docs",
     "example",
     "!example/angular",
-    "AUTO_SAVE.md",
     "BUILDING.md",
     "CHANGELOG.md",
     "UPGRADING.md"