@themarioga/grid-editor 6.0.0 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AUTO_SAVE.md +2 -2
- package/BUILDING.md +45 -29
- package/CHANGELOG.md +59 -0
- package/README.md +163 -87
- package/UPGRADING.md +119 -0
- package/dist/grideditor.bundle.min.js +14 -0
- package/dist/grideditor.d.ts +335 -0
- package/dist/grideditor.esm.js +3977 -0
- package/dist/grideditor.jquery.js +253 -0
- package/dist/grideditor.jquery.min.js +1 -0
- package/dist/grideditor.jquery.min.js.map +7 -0
- package/dist/grideditor.js +3983 -0
- package/dist/grideditor.min.js +6 -0
- package/dist/grideditor.min.js.map +7 -0
- package/dist/locales/grideditor.es.esm.js +158 -0
- package/dist/locales/grideditor.es.js +164 -168
- package/dist/locales/grideditor.es.min.js +6 -2
- package/dist/locales/grideditor.es.min.js.map +7 -1
- package/dist/plugins/grideditor.accordion.esm.js +294 -0
- package/dist/plugins/grideditor.accordion.js +286 -180
- package/dist/plugins/grideditor.accordion.min.js +1 -2
- package/dist/plugins/grideditor.accordion.min.js.map +7 -1
- package/dist/plugins/grideditor.alignment.esm.js +55 -0
- package/dist/plugins/grideditor.alignment.js +58 -77
- package/dist/plugins/grideditor.alignment.min.js +1 -2
- package/dist/plugins/grideditor.alignment.min.js.map +7 -1
- package/dist/plugins/grideditor.card.esm.js +73 -0
- package/dist/plugins/grideditor.card.js +74 -64
- package/dist/plugins/grideditor.card.min.js +1 -2
- package/dist/plugins/grideditor.card.min.js.map +7 -1
- package/dist/plugins/grideditor.ckeditor.esm.js +500 -0
- package/dist/plugins/grideditor.ckeditor.js +484 -449
- package/dist/plugins/grideditor.ckeditor.min.js +1 -2
- package/dist/plugins/grideditor.ckeditor.min.js.map +7 -1
- package/dist/plugins/grideditor.clipboard.esm.js +326 -0
- package/dist/plugins/grideditor.clipboard.js +298 -235
- package/dist/plugins/grideditor.clipboard.min.js +1 -2
- package/dist/plugins/grideditor.clipboard.min.js.map +7 -1
- package/dist/plugins/grideditor.codemirror-inline.esm.js +205 -0
- package/dist/plugins/grideditor.codemirror-inline.js +188 -168
- package/dist/plugins/grideditor.codemirror-inline.min.js +1 -2
- package/dist/plugins/grideditor.codemirror-inline.min.js.map +7 -1
- package/dist/plugins/grideditor.codemirror.esm.js +63 -0
- package/dist/plugins/grideditor.codemirror.js +60 -71
- package/dist/plugins/grideditor.codemirror.min.js +1 -2
- package/dist/plugins/grideditor.codemirror.min.js.map +7 -1
- package/dist/plugins/grideditor.elements.esm.js +271 -0
- package/dist/plugins/grideditor.elements.js +256 -149
- package/dist/plugins/grideditor.elements.min.js +1 -2
- package/dist/plugins/grideditor.elements.min.js.map +7 -1
- package/dist/plugins/grideditor.float.esm.js +34 -0
- package/dist/plugins/grideditor.float.js +37 -52
- package/dist/plugins/grideditor.float.min.js +1 -2
- package/dist/plugins/grideditor.float.min.js.map +7 -1
- package/dist/plugins/grideditor.gutters.esm.js +143 -0
- package/dist/plugins/grideditor.gutters.js +134 -131
- package/dist/plugins/grideditor.gutters.min.js +1 -2
- package/dist/plugins/grideditor.gutters.min.js.map +7 -1
- package/dist/plugins/grideditor.order.esm.js +189 -0
- package/dist/plugins/grideditor.order.js +170 -182
- package/dist/plugins/grideditor.order.min.js +1 -2
- package/dist/plugins/grideditor.order.min.js.map +7 -1
- package/dist/plugins/grideditor.popup.esm.js +187 -0
- package/dist/plugins/grideditor.popup.js +183 -134
- package/dist/plugins/grideditor.popup.min.js +1 -2
- package/dist/plugins/grideditor.popup.min.js.map +7 -1
- package/dist/plugins/grideditor.sections.esm.js +271 -0
- package/dist/plugins/grideditor.sections.js +250 -173
- package/dist/plugins/grideditor.sections.min.js +1 -2
- package/dist/plugins/grideditor.sections.min.js.map +7 -1
- package/dist/plugins/grideditor.spacing.esm.js +318 -0
- package/dist/plugins/grideditor.spacing.js +296 -272
- package/dist/plugins/grideditor.spacing.min.js +1 -2
- package/dist/plugins/grideditor.spacing.min.js.map +7 -1
- package/dist/plugins/grideditor.summernote.esm.js +509 -0
- package/dist/plugins/grideditor.summernote.js +493 -427
- package/dist/plugins/grideditor.summernote.min.js +1 -2
- package/dist/plugins/grideditor.summernote.min.js.map +7 -1
- package/dist/plugins/grideditor.tabs.esm.js +237 -0
- package/dist/plugins/grideditor.tabs.js +233 -139
- package/dist/plugins/grideditor.tabs.min.js +1 -2
- package/dist/plugins/grideditor.tabs.min.js.map +7 -1
- package/dist/plugins/grideditor.textalign.esm.js +40 -0
- package/dist/plugins/grideditor.textalign.js +43 -56
- package/dist/plugins/grideditor.textalign.min.js +1 -2
- package/dist/plugins/grideditor.textalign.min.js.map +7 -1
- package/dist/plugins/grideditor.tinymce.esm.js +519 -0
- package/dist/plugins/grideditor.tinymce.js +502 -490
- package/dist/plugins/grideditor.tinymce.min.js +1 -2
- package/dist/plugins/grideditor.tinymce.min.js.map +7 -1
- package/dist/plugins/grideditor.visibility.esm.js +158 -0
- package/dist/plugins/grideditor.visibility.js +140 -149
- package/dist/plugins/grideditor.visibility.min.js +1 -2
- package/dist/plugins/grideditor.visibility.min.js.map +7 -1
- package/docs/events.md +47 -21
- package/docs/locale-keys.md +6 -0
- package/docs/plugins.md +47 -25
- package/example/adapter.html +112 -0
- package/example/attributes.html +89 -62
- package/example/autocols.html +9 -9
- package/example/autosave.html +18 -16
- package/example/basic.html +8 -6
- package/example/breakpoints.html +5 -6
- package/example/ckeditor.html +4 -5
- package/example/clipboard.html +15 -11
- package/example/codemirror.html +13 -8
- package/example/containers.html +11 -9
- package/example/custom_editor.html +53 -34
- package/example/elements.html +14 -12
- package/example/index.html +16 -2
- package/example/locale.html +6 -7
- package/example/plugins.html +44 -29
- package/example/summernote.html +6 -5
- package/example/utilities.html +17 -13
- package/example/wrap_content.html +13 -10
- package/package.json +44 -12
- package/src/js/dom.js +401 -0
- package/src/js/grideditor.classic.js +16 -0
- package/src/js/grideditor.jquery.js +325 -0
- package/src/js/{jquery.grideditor.js → grideditor.js} +1284 -1124
- package/src/js/locales/grideditor.es.js +163 -156
- package/src/js/plugins/grideditor.accordion.js +97 -77
- package/src/js/plugins/grideditor.alignment.js +5 -7
- package/src/js/plugins/grideditor.card.js +23 -23
- package/src/js/plugins/grideditor.ckeditor.js +107 -106
- package/src/js/plugins/grideditor.clipboard.js +49 -37
- package/src/js/plugins/grideditor.codemirror-inline.js +50 -37
- package/src/js/plugins/grideditor.codemirror.js +9 -10
- package/src/js/plugins/grideditor.elements.js +57 -33
- package/src/js/plugins/grideditor.float.js +4 -6
- package/src/js/plugins/grideditor.gutters.js +20 -15
- package/src/js/plugins/grideditor.order.js +28 -25
- package/src/js/plugins/grideditor.popup.js +63 -51
- package/src/js/plugins/grideditor.sections.js +39 -32
- package/src/js/plugins/grideditor.spacing.js +42 -45
- package/src/js/plugins/grideditor.summernote.js +112 -76
- package/src/js/plugins/grideditor.tabs.js +65 -57
- package/src/js/plugins/grideditor.textalign.js +4 -6
- package/src/js/plugins/grideditor.tinymce.js +148 -140
- package/src/js/plugins/grideditor.visibility.js +24 -25
- package/src/js/register.js +18 -0
- package/src/js/text/grideditor.text.js +77 -56
- package/types/grideditor.d.ts +335 -0
- package/dist/jquery.grideditor.bundle.min.js +0 -10
- package/dist/jquery.grideditor.js +0 -4927
- package/dist/jquery.grideditor.min.js +0 -2
- package/dist/jquery.grideditor.min.js.map +0 -1
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.clipboard.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * What a plugin's or a locale's classic script imports in place of the\n * editor: the GridEditor the page already loaded.\n *\n * The build points `import { GridEditor } from '../grideditor.js'` here for\n * the classic scripts, so each registers on the editor the page has rather\n * than bringing its own. Loaded before the editor there is nothing to\n * register on, and saying so is better than a TypeError three calls later.\n */\nvar GridEditor = window.GridEditor;\n\nif (!GridEditor || typeof GridEditor.get !== 'function') {\n throw new Error('grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, ' +\n 'its locales and grideditor.jquery.js');\n}\n\nexport { GridEditor };\nexport default GridEditor;\n", "/**\n * The DOM, the way grid-editor uses it.\n *\n * Small helpers over the browser's own API, for the core and the shipped\n * plugins. Not a public API: a plugin of a host's own is free to write its\n * DOM code however it likes, and this file makes no promise to it.\n *\n * Stateless on purpose. The build puts a copy of this file in each plugin's\n * classic script, so anything kept here would be kept once per copy; a\n * module that needs to remember something about a node keeps its own\n * WeakMap.\n */\n\n/** Every element under `root` matching `selector`, as an array. */\nexport function all(root, selector) {\n return root ? Array.prototype.slice.call(root.querySelectorAll(selector)) : [];\n}\n\n/** The first element under `root` matching `selector`, or null. */\nexport function one(root, selector) {\n return root ? root.querySelector(selector) : null;\n}\n\n/** `root` itself when it matches, then every element under it that does. */\nexport function selfAndAll(root, selector) {\n if (!root) { return []; }\n\n var found = all(root, selector);\n if (root.nodeType === 1 && root.matches(selector)) { found.unshift(root); }\n return found;\n}\n\n/** The element children of `node`, those matching `selector` if one is given. */\nexport function children(node, selector) {\n if (!node) { return []; }\n\n return Array.prototype.filter.call(node.children, function(each) {\n return !selector || each.matches(selector);\n });\n}\n\n/** The first element child matching `selector`, or null. */\nexport function child(node, selector) {\n return children(node, selector)[0] || null;\n}\n\n/** The nearest ancestor-or-self matching `selector` below `stopAt`, or null. */\nexport function closest(node, selector, stopAt) {\n var found = node && node.nodeType === 1 ? node.closest(selector) : null;\n\n if (found && stopAt && found !== stopAt && !stopAt.contains(found)) { return null; }\n return found;\n}\n\n/** Whether `node` is an element matching `selector`. */\nexport function is(node, selector) {\n return !!node && node.nodeType === 1 && node.matches(selector);\n}\n\n/** Whether `node` is in the document. */\nexport function attached(node) {\n return !!node && document.documentElement.contains(node);\n}\n\n/** The element siblings after `node` that match `selector`. */\nexport function nextAll(node, selector) {\n var found = [];\n\n for (var next = node.nextElementSibling; next; next = next.nextElementSibling) {\n if (!selector || next.matches(selector)) { found.push(next); }\n }\n return found;\n}\n\n/** The ancestors of `node` up to, and not including, `stop`, nearest first. */\nexport function parentsUntil(node, stop) {\n var found = [];\n\n for (var parent = node.parentElement; parent && parent !== stop; parent = parent.parentElement) {\n found.push(parent);\n }\n return found;\n}\n\n/**\n * The nodes the html parses into, detached. Parsed the way innerHTML parses,\n * so a <script> in it never runs, here or once it is in the page.\n */\nexport function parse(html) {\n var template = document.createElement('template');\n template.innerHTML = html;\n return Array.prototype.slice.call(template.content.childNodes);\n}\n\n/** The one element the html is, detached. */\nexport function create(html) {\n var nodes = parse(html.trim());\n\n for (var i = 0; i < nodes.length; i++) {\n if (nodes[i].nodeType === 1) { return nodes[i]; }\n }\n return null;\n}\n\n/** An element of `tag`, with `attributes` and `text`. */\nexport function element(tag, attributes, text) {\n var node = document.createElement(tag);\n\n Object.keys(attributes || {}).forEach(function(name) {\n var value = attributes[name];\n if (value !== null && value !== undefined && value !== false) { node.setAttribute(name, value); }\n });\n if (text !== undefined && text !== null) { node.textContent = text; }\n\n return node;\n}\n\n/** Replace what `node` holds with `html`. A <script> in it does not run. */\nexport function setHtml(node, html) {\n node.innerHTML = html === undefined || html === null ? '' : String(html);\n return node;\n}\n\n/** Add one or several space separated classes. */\nexport function addClass(node, names) {\n split(names).forEach(function(name) { node.classList.add(name); });\n return node;\n}\n\nexport function removeClass(node, names) {\n split(names).forEach(function(name) { node.classList.remove(name); });\n return node;\n}\n\n/** Each class on, or off, or flipped when `on` is not given. */\nexport function toggleClass(node, names, state) {\n split(names).forEach(function(name) {\n if (state === undefined) {\n node.classList.toggle(name);\n } else {\n node.classList.toggle(name, !!state);\n }\n });\n return node;\n}\n\nexport function hasClass(node, name) {\n return !!node && node.nodeType === 1 && node.classList.contains(name);\n}\n\nfunction split(names) {\n return String(names || '').split(/\\s+/).filter(Boolean);\n}\n\n/** Take the class attribute off when there is nothing left in it. */\nexport function dropEmptyClass(node) {\n if (!node.getAttribute('class')) { node.removeAttribute('class'); }\n return node;\n}\n\n/** Take the style attribute off when there is nothing left in it. */\nexport function dropEmptyStyle(node) {\n if (!node.getAttribute('style')) { node.removeAttribute('style'); }\n return node;\n}\n\n/** Set attributes; a null or undefined value takes the attribute off. */\nexport function attr(node, attributes) {\n Object.keys(attributes).forEach(function(name) {\n var value = attributes[name];\n\n if (value === null || value === undefined) {\n node.removeAttribute(name);\n } else {\n node.setAttribute(name, value);\n }\n });\n return node;\n}\n\n/**\n * Inline styles, by css property name. A number is pixels for the properties\n * that take a length, as jQuery had it; an empty string takes one off.\n */\nexport function css(node, styles) {\n Object.keys(styles).forEach(function(property) {\n var value = styles[property];\n\n if (typeof value === 'number' && !UNITLESS[property]) { value = value + 'px'; }\n node.style.setProperty(property, value === null || value === undefined ? '' : String(value));\n });\n return node;\n}\n\nvar UNITLESS = { opacity: true, 'z-index': true, 'flex-grow': true, 'flex-shrink': true, order: true };\n\n/** What an element of this tag shows as when nothing hides it. */\nvar defaultDisplays = {};\n\nfunction defaultDisplay(node) {\n var tag = node.nodeName;\n\n if (!defaultDisplays[tag]) {\n var probe = document.body.appendChild(document.createElement(tag));\n defaultDisplays[tag] = getComputedStyle(probe).display;\n probe.remove();\n if (defaultDisplays[tag] === 'none') { defaultDisplays[tag] = 'block'; }\n }\n return defaultDisplays[tag];\n}\n\n/** Show a node: its inline display:none off, and a display of its own if a stylesheet hides it. */\nexport function show(node) {\n node.style.removeProperty('display');\n if (getComputedStyle(node).display === 'none') { node.style.display = defaultDisplay(node); }\n return node;\n}\n\nexport function hide(node) {\n node.style.display = 'none';\n return node;\n}\n\n/** Show or hide; flip when `on` is not given. */\nexport function toggle(node, state) {\n if (state === undefined) { state = !visible(node); }\n return state ? show(node) : hide(node);\n}\n\n/** Whether a node takes up room: what jQuery's :visible meant. */\nexport function visible(node) {\n return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);\n}\n\n/** The border box's width, fractions included. */\nexport function outerWidth(node) {\n return node.getBoundingClientRect().width;\n}\n\nexport function outerHeight(node) {\n return node.getBoundingClientRect().height;\n}\n\n/** The content box's height, which is what jQuery's height() gave. */\nexport function contentHeight(node) {\n var style = getComputedStyle(node);\n return node.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n}\n\n/** Where a node is on the page, not in the window. */\nexport function offset(node) {\n var box = node.getBoundingClientRect();\n return { top: box.top + window.pageYOffset, left: box.left + window.pageXOffset };\n}\n\n/** Its index among its parent's element children, those matching `selector` if given. */\nexport function indexIn(node, selector) {\n return children(node.parentElement, selector).indexOf(node);\n}\n\n/** Put `node` right after `reference`. */\nexport function insertAfter(node, reference) {\n reference.parentNode.insertBefore(node, reference.nextSibling);\n return node;\n}\n\n/** Replace `node` with what it holds. */\nexport function unwrap(node) {\n var parent = node.parentNode;\n\n while (node.firstChild) { parent.insertBefore(node.firstChild, node); }\n node.remove();\n}\n\n/** Put `node` inside `wrapper`, where `node` was. */\nexport function wrap(node, wrapper) {\n node.parentNode.insertBefore(wrapper, node);\n wrapper.appendChild(node);\n return wrapper;\n}\n\n/**\n * Listen on `root` for `types` (space separated) on descendants that match\n * `selector`, with `this` the matched element, as jQuery's delegated\n * handlers had it. Hands back the listener, for removeEventListener; a\n * signal in `options` removes it too.\n */\nexport function delegate(root, types, selector, handler, options) {\n var listener = function(event) {\n var match = closest(event.target, selector, root);\n if (match && root.contains(match)) { return handler.call(match, event); }\n return undefined;\n };\n\n split(types).forEach(function(type) { root.addEventListener(type, listener, options); });\n return listener;\n}\n\n/** Listen for several space separated event types with one handler. */\nexport function on(target, types, handler, options) {\n split(types).forEach(function(type) { target.addEventListener(type, handler, options); });\n return handler;\n}\n\nexport function off(target, types, handler, options) {\n split(types).forEach(function(type) { target.removeEventListener(type, handler, options); });\n}\n\n/** A mouse event of `type` sent to `node`, the way a pointer would. */\nexport function fire(node, type) {\n node.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' && type !== 'mouseleave' }));\n}\n\n/* ------------------------------------------------------------------\n * Taking a node away, visibly.\n *\n * The durations are the ones 6.x had through jQuery: 400 ms unless the\n * 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 * Copy and paste for grid-editor.\n *\n * A feature plugin: load this file after the editor and every row, column,\n * section, text block, container and element gets a copy tool, and every\n * place one of them can go gets a paste tool while there is something copied\n * that fits.\n * What it can ask the editor for is the handle its factory is called with,\n * described in docs/plugins.md.\n *\n * <script src=\"dist/grideditor.min.js\"></script>\n * <script src=\"dist/plugins/grideditor.clipboard.min.js\"></script>\n *\n * What is copied is kept in localStorage, so it survives a reload and can be\n * pasted in another tab or another editor of the same site. A browser that\n * will not give the page its storage keeps it in memory, for this page only.\n *\n * A paste is an add like any other - before-add-* and after-add-*, with\n * `source: 'paste'` - so a host can turn one away.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n 'tool.copy': 'Copy',\n 'tool.paste': 'Paste',\n 'clipboard.paste_row': 'Paste row',\n 'clipboard.paste_section': 'Paste section',\n});\n\nvar STORAGE_ITEM = 'grideditor.clipboard';\nvar CHANGE = 'grideditor-clipboard';\nvar VERSION = 1;\n\n/** Where nothing can be stored, what was copied lives here, for this page. */\nvar memory = null;\n\n/**\n * What each drawer takes when something is pasted into it, by the kind of the\n * node the drawer belongs to. A category is what was copied: a row, a column,\n * a section, a text block, a container of any type, an element.\n */\nvar TARGETS = {\n column: ['row', 'text', 'container', 'element'],\n row: ['column'],\n section: ['row'],\n};\n\n/**\n * The attributes that point at an id, as the id itself or as a #selector.\n * A pasted copy that has to take new ids takes them here too, so its tabs,\n * its accordion and its popups still point at their own panes.\n */\nvar REFERENCES = ['data-bs-target', 'data-bs-parent', 'href', 'aria-controls', 'aria-labelledby',\n 'aria-describedby', 'for', 'data-ge-popup-id', 'data-ge-popup-target'];\n\n/** An id grid-editor generated: ge-{type}-{counter}-{random}. */\nvar GENERATED_ID = /^ge-([a-z][a-z-]*?)-\\d+-[a-z0-9]+$/;\n\nfunction read() {\n var raw;\n\n try {\n raw = window.localStorage.getItem(STORAGE_ITEM);\n } catch (error) {\n return memory;\n }\n if (raw === null) { return memory; }\n\n try {\n var clip = JSON.parse(raw);\n return clip && clip.version === VERSION && clip.html ? clip : null;\n } catch (error) {\n return null;\n }\n}\n\nfunction write(clip) {\n try {\n window.localStorage.setItem(STORAGE_ITEM, JSON.stringify(clip));\n memory = null;\n } catch (error) {\n memory = clip;\n }\n\n announce();\n}\n\n/** Every editor on the page looks at the clipboard again. */\nfunction announce() {\n document.dispatchEvent(new CustomEvent(CHANGE));\n}\n\n// Another tab copied something: every editor here looks again\nwindow.addEventListener('storage', function(e) {\n if (e.key === STORAGE_ITEM) { announce(); }\n});\n\nGridEditor.features.clipboard = function(ge) {\n\n var shown = null; // What the toolbar's paste buttons stand for\n var listening = false; // Whether refresh is on the document's change event\n\n function used(name) {\n return !ge.settings.plugins || ge.settings.plugins.indexOf(name) !== -1;\n }\n\n /** A category this editor can take: the plugin that makes it is here. */\n function available(clip) {\n if (clip.category === 'container') {\n return !!GridEditor.containers[clip.kind] && used(clip.kind);\n }\n if (clip.category === 'section') { return !!GridEditor.features.sections && used('sections'); }\n if (clip.category === 'element') { return !!GridEditor.features.elements && used('elements'); }\n\n return true;\n }\n\n function fits(clip, categories) {\n return !!clip && categories.indexOf(clip.category) !== -1 && available(clip);\n }\n\n function categoryOf(kind) {\n if (GridEditor.containers[kind]) { return 'container'; }\n\n return ['row', 'column', 'section', 'text', 'element'].indexOf(kind) !== -1 ? kind : null;\n }\n\n function copy(node, kind) {\n var html = ge.nodeHtml(node);\n\n write({ version: VERSION, category: categoryOf(kind), kind: kind, html: html });\n ge.emit('after-copy', ge.payloadFor(kind, node, { source: 'tool' }));\n\n // The canvas came back with new drawers: the one to flash is the\n // node's new copy tool\n var tool = dom.child(ge.drawerOf(node), '.ge-copy');\n if (!tool) { return; }\n\n var icon = dom.one(tool, 'i');\n dom.addClass(tool, 'ge-copied');\n if (icon) { icon.setAttribute('class', 'bi bi-check2'); }\n setTimeout(function() {\n dom.removeClass(tool, 'ge-copied');\n if (icon) { icon.setAttribute('class', 'bi bi-copy'); }\n }, 1200);\n }\n\n function paste(target, categories) {\n var clip = read();\n if (!fits(clip, categories)) { return; }\n\n ge.place(fresh(clip.html), clip.kind, { appendTo: target, source: 'paste' });\n }\n\n /**\n * The copied markup as a node, with new ids where the page already has\n * them: two copies of a tab strip pointing at one set of panes is a tab\n * strip that opens the other copy's tabs. An id the page does not have\n * is kept, so pasting into another page changes nothing.\n *\n * Parsed the way innerHTML parses, so a <script> in what was copied is\n * markup, pasted like the rest, and does not run in the editor.\n */\n function fresh(html) {\n var node = dom.create(html);\n var renamed = {};\n var taken = function(id) {\n return !!document.getElementById(id) || Object.keys(renamed).some(function(old) {\n return renamed[old] === id;\n });\n };\n\n dom.selfAndAll(node, '[id]').forEach(function(element) {\n var id = element.id;\n if (!document.getElementById(id)) { return; }\n\n var generated = GENERATED_ID.exec(id);\n var next;\n\n if (generated) {\n do { next = ge.containerId(generated[1]); } while (taken(next));\n } else {\n var n = 2;\n while (taken(id + '-' + n)) { n++; }\n next = id + '-' + n;\n }\n\n renamed[id] = next;\n element.id = next;\n });\n\n if (!Object.keys(renamed).length) { return node; }\n\n dom.selfAndAll(node, '*').forEach(function(element) {\n REFERENCES.forEach(function(name) {\n var value = element.getAttribute(name);\n if (value === null) { return; }\n if (name === 'href' && value.charAt(0) !== '#') { return; }\n\n var rewritten = value.split(/(\\s+)/).map(function(token) {\n if (renamed[token]) { return renamed[token]; }\n if (token.charAt(0) === '#' && renamed[token.slice(1)]) { return '#' + renamed[token.slice(1)]; }\n\n return token;\n }).join('');\n\n if (rewritten !== value) { element.setAttribute(name, rewritten); }\n });\n });\n\n return node;\n }\n\n /** Show the paste tools, and the toolbar's paste buttons, that fit what is copied. */\n function refresh() {\n var clip = read();\n\n dom.all(ge.canvas, '.ge-paste').forEach(function(tool) {\n dom.toggle(tool, fits(clip, tool.getAttribute('data-ge-paste').split(' ')));\n });\n\n ge.toolbarItems('clipboard').forEach(function(button) {\n var item = TOOLBAR[parseInt(button.getAttribute('data-ge-item'), 10)];\n dom.toggle(button, fits(clip, [item.kind]));\n });\n\n shown = clip;\n }\n\n var TOOLBAR = [\n { kind: 'row', labelKey: 'clipboard.paste_row' },\n { kind: 'section', labelKey: 'clipboard.paste_section' },\n ].map(function(item) {\n return Object.assign(item, {\n iconClass: 'bi bi-clipboard-plus',\n // On the right, as an icon: pasting is not one of the things\n // the add buttons make\n align: 'end',\n source: 'paste',\n // What the button showed, even if another tab has copied\n // something else since\n create: function() { return fresh(shown.html); },\n });\n });\n\n return {\n drawerTools: function(drawer, node, kind) {\n if (categoryOf(kind)) {\n ge.createTool(drawer, ge.t('tool.copy'), 'ge-copy', 'bi bi-copy', function() {\n copy(node, kind);\n });\n }\n\n var categories = TARGETS[kind];\n if (!categories) { return; }\n\n var tool = ge.createTool(drawer, ge.t('tool.paste'), 'ge-paste', 'bi bi-clipboard-plus', function() {\n paste(node, categories);\n });\n tool.setAttribute('data-ge-paste', categories.join(' '));\n dom.toggle(tool, fits(read(), categories));\n },\n\n toolbar: TOOLBAR,\n\n onInit: function() {\n refresh();\n if (!listening) {\n document.addEventListener(CHANGE, refresh);\n listening = true;\n }\n },\n\n onDeinit: function() {\n document.removeEventListener(CHANGE, refresh);\n listening = false;\n },\n };\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["GridEditor", "all", "root", "selector", "one", "selfAndAll", "found", "children", "node", "each", "child", "parse", "html", "template", "create", "nodes", "i", "addClass", "node", "names", "split", "name", "removeClass", "split", "names", "defaultDisplays", "defaultDisplay", "node", "tag", "probe", "show", "hide", "toggle", "state", "visible", "GridEditor", "STORAGE_ITEM", "CHANGE", "VERSION", "memory", "TARGETS", "REFERENCES", "GENERATED_ID", "read", "raw", "error", "clip", "write", "announce", "e", "ge", "shown", "listening", "used", "name", "available", "fits", "categories", "categoryOf", "kind", "copy", "node", "html", "tool", "child", "icon", "one", "addClass", "removeClass", "paste", "target", "fresh", "create", "renamed", "taken", "id", "old", "selfAndAll", "element", "generated", "next", "n", "value", "rewritten", "token", "refresh", "all", "toggle", "button", "item", "TOOLBAR", "drawer"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
// src/js/plugins/grideditor.codemirror-inline.js
|
|
2
|
+
import { GridEditor } from "../grideditor.esm.js";
|
|
3
|
+
|
|
4
|
+
// src/js/dom.js
|
|
5
|
+
function is(node, selector) {
|
|
6
|
+
return !!node && node.nodeType === 1 && node.matches(selector);
|
|
7
|
+
}
|
|
8
|
+
function attached(node) {
|
|
9
|
+
return !!node && document.documentElement.contains(node);
|
|
10
|
+
}
|
|
11
|
+
function parse(html) {
|
|
12
|
+
var template = document.createElement("template");
|
|
13
|
+
template.innerHTML = html;
|
|
14
|
+
return Array.prototype.slice.call(template.content.childNodes);
|
|
15
|
+
}
|
|
16
|
+
function element(tag, attributes, text) {
|
|
17
|
+
var node = document.createElement(tag);
|
|
18
|
+
Object.keys(attributes || {}).forEach(function(name) {
|
|
19
|
+
var value = attributes[name];
|
|
20
|
+
if (value !== null && value !== void 0 && value !== false) {
|
|
21
|
+
node.setAttribute(name, value);
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
if (text !== void 0 && text !== null) {
|
|
25
|
+
node.textContent = text;
|
|
26
|
+
}
|
|
27
|
+
return node;
|
|
28
|
+
}
|
|
29
|
+
function addClass(node, names) {
|
|
30
|
+
split(names).forEach(function(name) {
|
|
31
|
+
node.classList.add(name);
|
|
32
|
+
});
|
|
33
|
+
return node;
|
|
34
|
+
}
|
|
35
|
+
function removeClass(node, names) {
|
|
36
|
+
split(names).forEach(function(name) {
|
|
37
|
+
node.classList.remove(name);
|
|
38
|
+
});
|
|
39
|
+
return node;
|
|
40
|
+
}
|
|
41
|
+
function hasClass(node, name) {
|
|
42
|
+
return !!node && node.nodeType === 1 && node.classList.contains(name);
|
|
43
|
+
}
|
|
44
|
+
function split(names) {
|
|
45
|
+
return String(names || "").split(/\s+/).filter(Boolean);
|
|
46
|
+
}
|
|
47
|
+
function insertAfter(node, reference) {
|
|
48
|
+
reference.parentNode.insertBefore(node, reference.nextSibling);
|
|
49
|
+
return node;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// src/js/plugins/grideditor.codemirror-inline.js
|
|
53
|
+
Object.assign(GridEditor.locales.en, {
|
|
54
|
+
"tool.edit_html": "Edit html",
|
|
55
|
+
"codemirror.apply": "Apply",
|
|
56
|
+
"codemirror.cancel": "Cancel"
|
|
57
|
+
});
|
|
58
|
+
var KINDS = ["row", "column", "text", "plain", "element", "section"];
|
|
59
|
+
GridEditor.features["codemirror-inline"] = function(ge) {
|
|
60
|
+
var open = [];
|
|
61
|
+
function options() {
|
|
62
|
+
var own = ge.settings.codemirror && ge.settings.codemirror.config || {};
|
|
63
|
+
return Object.assign({
|
|
64
|
+
mode: "htmlmixed",
|
|
65
|
+
lineNumbers: true,
|
|
66
|
+
lineWrapping: true,
|
|
67
|
+
tabSize: 2,
|
|
68
|
+
indentUnit: 2,
|
|
69
|
+
// As tall as what it holds, up to the css's limit
|
|
70
|
+
viewportMargin: Infinity
|
|
71
|
+
}, own);
|
|
72
|
+
}
|
|
73
|
+
function anchorOf(node) {
|
|
74
|
+
var textBlock = node.parentElement;
|
|
75
|
+
return hasClass(textBlock, "ge-text-block") ? textBlock : node;
|
|
76
|
+
}
|
|
77
|
+
function entryOf(node) {
|
|
78
|
+
return open.filter(function(entry) {
|
|
79
|
+
return entry.node === node;
|
|
80
|
+
})[0] || null;
|
|
81
|
+
}
|
|
82
|
+
function editable(node, kind) {
|
|
83
|
+
return KINDS.indexOf(kind) !== -1 || is(node, "[data-ge-container]");
|
|
84
|
+
}
|
|
85
|
+
function show(entry) {
|
|
86
|
+
var anchor = addClass(anchorOf(entry.node), "ge-code-hidden");
|
|
87
|
+
insertAfter(entry.wrapper, anchor);
|
|
88
|
+
if (entry.editor) {
|
|
89
|
+
entry.editor.refresh();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
function hide(entry) {
|
|
93
|
+
entry.wrapper.remove();
|
|
94
|
+
removeClass(anchorOf(entry.node), "ge-code-hidden");
|
|
95
|
+
removeClass(entry.node, "ge-code-hidden");
|
|
96
|
+
}
|
|
97
|
+
function close(entry) {
|
|
98
|
+
hide(entry);
|
|
99
|
+
if (entry.editor) {
|
|
100
|
+
entry.editor.toTextArea();
|
|
101
|
+
}
|
|
102
|
+
entry.wrapper.remove();
|
|
103
|
+
open.splice(open.indexOf(entry), 1);
|
|
104
|
+
}
|
|
105
|
+
function openEditor(node) {
|
|
106
|
+
if (entryOf(node)) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
var entry = {
|
|
110
|
+
node,
|
|
111
|
+
kind: ge.kindOf(node),
|
|
112
|
+
// As getHtml gives it: no drawers, no editor open in it
|
|
113
|
+
from: ge.nodeHtml(node),
|
|
114
|
+
// A drawer, to the editor: never content, never a block to move
|
|
115
|
+
wrapper: element("div", { "class": "ge-tools-drawer ge-code-inline" }),
|
|
116
|
+
editor: null
|
|
117
|
+
};
|
|
118
|
+
entry.textarea = entry.wrapper.appendChild(element("textarea", { "class": "ge-code-inline-source" }));
|
|
119
|
+
entry.textarea.value = entry.from;
|
|
120
|
+
var bar = entry.wrapper.appendChild(element("div", { "class": "ge-code-inline-bar" }));
|
|
121
|
+
var applyButton = bar.appendChild(element("button", {
|
|
122
|
+
type: "button",
|
|
123
|
+
"class": "btn btn-sm btn-primary ge-code-apply"
|
|
124
|
+
}, ge.t("codemirror.apply")));
|
|
125
|
+
applyButton.addEventListener("click", function() {
|
|
126
|
+
apply(entry);
|
|
127
|
+
});
|
|
128
|
+
var cancelButton = bar.appendChild(element("button", {
|
|
129
|
+
type: "button",
|
|
130
|
+
"class": "btn btn-sm btn-outline-secondary ge-code-cancel"
|
|
131
|
+
}, ge.t("codemirror.cancel")));
|
|
132
|
+
cancelButton.addEventListener("click", function() {
|
|
133
|
+
close(entry);
|
|
134
|
+
});
|
|
135
|
+
open.push(entry);
|
|
136
|
+
show(entry);
|
|
137
|
+
if (window.CodeMirror) {
|
|
138
|
+
entry.editor = window.CodeMirror.fromTextArea(entry.textarea, options());
|
|
139
|
+
addClass(entry.editor.getWrapperElement(), "ge-code-editor");
|
|
140
|
+
entry.editor.focus();
|
|
141
|
+
} else {
|
|
142
|
+
entry.textarea.focus();
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
function apply(entry) {
|
|
146
|
+
var to = entry.editor ? entry.editor.getValue() : entry.textarea.value;
|
|
147
|
+
var payload = ge.payloadFor(entry.kind, entry.node, { source: "tool", from: entry.from, to });
|
|
148
|
+
if (!ge.emit("before-edit-html", payload)) {
|
|
149
|
+
return;
|
|
150
|
+
}
|
|
151
|
+
close(entry);
|
|
152
|
+
var instance = GridEditor.get(ge.canvas);
|
|
153
|
+
instance.deinit();
|
|
154
|
+
var made = parse(to);
|
|
155
|
+
var parent = entry.node.parentElement;
|
|
156
|
+
entry.node.replaceWith.apply(entry.node, made);
|
|
157
|
+
instance.init();
|
|
158
|
+
var written = made.filter(function(node) {
|
|
159
|
+
return node.nodeType === 1;
|
|
160
|
+
});
|
|
161
|
+
var first = written[0] || null;
|
|
162
|
+
ge.emit("after-edit-html", ge.payloadFor(entry.kind, first || entry.node, {
|
|
163
|
+
node: first,
|
|
164
|
+
nodes: written,
|
|
165
|
+
parent: first ? first.parentElement : parent,
|
|
166
|
+
source: "tool",
|
|
167
|
+
from: entry.from,
|
|
168
|
+
to
|
|
169
|
+
}));
|
|
170
|
+
}
|
|
171
|
+
function tool(drawer, node) {
|
|
172
|
+
ge.createTool(drawer, ge.t("tool.edit_html"), "ge-edit-html", "bi bi-code-slash", function() {
|
|
173
|
+
openEditor(node);
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
return {
|
|
177
|
+
drawerTools: function(drawer, node, kind) {
|
|
178
|
+
if (editable(node, kind)) {
|
|
179
|
+
tool(drawer, node);
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
// Plain content has no gear, and so none of the drawerTools: its
|
|
183
|
+
// html is what there is to edit about it
|
|
184
|
+
plainTools: tool,
|
|
185
|
+
// Every deinit - getHtml's among them - takes the editors off the
|
|
186
|
+
// canvas, whatever is in them, and every init puts them back where
|
|
187
|
+
// their block is. A block that is gone takes its editor with it.
|
|
188
|
+
onBeforeDeinit: function() {
|
|
189
|
+
open.forEach(hide);
|
|
190
|
+
},
|
|
191
|
+
onInit: function() {
|
|
192
|
+
open.slice().forEach(function(entry) {
|
|
193
|
+
if (!attached(entry.node)) {
|
|
194
|
+
if (entry.editor) {
|
|
195
|
+
entry.editor.toTextArea();
|
|
196
|
+
}
|
|
197
|
+
entry.wrapper.remove();
|
|
198
|
+
open.splice(open.indexOf(entry), 1);
|
|
199
|
+
return;
|
|
200
|
+
}
|
|
201
|
+
show(entry);
|
|
202
|
+
});
|
|
203
|
+
}
|
|
204
|
+
};
|
|
205
|
+
};
|