@themarioga/grid-editor 5.0.0 → 5.1.0

package/dist/plugins/grideditor.clipboard.js

@@ -0,0 +1,274 @@
+/**
+ * Copy and paste for grid-editor.
+ *
+ * A feature plugin: load this file after the editor and every row, column,
+ * section, container and element gets a copy tool, and every place one of
+ * them can go gets a paste tool while there is something copied that fits.
+ * What it can ask the editor for is the handle its factory is called with,
+ * described in docs/plugins.md.
+ *
+ *   <script src="dist/jquery.grideditor.min.js"></script>
+ *   <script src="dist/plugins/grideditor.clipboard.min.js"></script>
+ *
+ * What is copied is kept in localStorage, so it survives a reload and can be
+ * pasted in another tab or another editor of the same site. A browser that
+ * will not give the page its storage keeps it in memory, for this page only.
+ *
+ * A paste is an add like any other - before-add-* and after-add-*, with
+ * `source: 'paste'` - so a host can turn one away.
+ */
+(function($) {
+
+$.extend($.fn.gridEditor.locales.en, {
+    'tool.copy': 'Copy',
+    'tool.paste': 'Paste',
+    'clipboard.paste_row': 'Paste row',
+    'clipboard.paste_section': 'Paste section',
+});
+
+var STORAGE_ITEM = 'grideditor.clipboard';
+var CHANGE = 'grideditor-clipboard';
+var VERSION = 1;
+
+/** Where nothing can be stored, what was copied lives here, for this page. */
+var memory = null;
+var editors = 0;
+
+/**
+ * What each drawer takes when something is pasted into it, by the kind of the
+ * node the drawer belongs to. A category is what was copied: a row, a column,
+ * a section, a container of any type, an element.
+ */
+var TARGETS = {
+    column: ['row', 'container', 'element'],
+    row: ['column'],
+    section: ['row'],
+};
+
+/**
+ * The attributes that point at an id, as the id itself or as a #selector.
+ * A pasted copy that has to take new ids takes them here too, so its tabs,
+ * its accordion and its popups still point at their own panes.
+ */
+var REFERENCES = ['data-bs-target', 'data-bs-parent', 'href', 'aria-controls', 'aria-labelledby',
+    'aria-describedby', 'for', 'data-ge-popup-id', 'data-ge-popup-target'];
+
+/** An id grid-editor generated: ge-{type}-{counter}-{random}. */
+var GENERATED_ID = /^ge-([a-z][a-z-]*?)-\d+-[a-z0-9]+$/;
+
+function read() {
+    var raw;
+
+    try {
+        raw = window.localStorage.getItem(STORAGE_ITEM);
+    } catch (error) {
+        return memory;
+    }
+    if (raw === null) { return memory; }
+
+    try {
+        var clip = JSON.parse(raw);
+        return clip && clip.version === VERSION && clip.html ? clip : null;
+    } catch (error) {
+        return null;
+    }
+}
+
+function write(clip) {
+    try {
+        window.localStorage.setItem(STORAGE_ITEM, JSON.stringify(clip));
+        memory = null;
+    } catch (error) {
+        memory = clip;
+    }
+
+    $(document).trigger(CHANGE);
+}
+
+// Another tab copied something: every editor here looks again
+$(window).on('storage', function(e) {
+    if (e.originalEvent && e.originalEvent.key === STORAGE_ITEM) { $(document).trigger(CHANGE); }
+});
+
+$.fn.gridEditor.features.clipboard = function(ge) {
+
+    var namespace = '.ge-clipboard-' + (++editors);
+    var shown = null; // What the toolbar's paste buttons stand for
+
+    function used(name) {
+        return !ge.settings.plugins || ge.settings.plugins.indexOf(name) !== -1;
+    }
+
+    /** A category this editor can take: the plugin that makes it is here. */
+    function available(clip) {
+        if (clip.category === 'container') {
+            return !!$.fn.gridEditor.containers[clip.kind] && used(clip.kind);
+        }
+        if (clip.category === 'section') { return !!$.fn.gridEditor.features.sections && used('sections'); }
+        if (clip.category === 'element') { return !!$.fn.gridEditor.features.elements && used('elements'); }
+
+        return true;
+    }
+
+    function fits(clip, categories) {
+        return !!clip && categories.indexOf(clip.category) !== -1 && available(clip);
+    }
+
+    function categoryOf(kind) {
+        if ($.fn.gridEditor.containers[kind]) { return 'container'; }
+
+        return ['row', 'column', 'section', 'element'].indexOf(kind) !== -1 ? kind : null;
+    }
+
+    function copy(node, kind) {
+        var html = ge.nodeHtml(node);
+
+        write({ version: VERSION, category: categoryOf(kind), kind: kind, html: html });
+        ge.emit('after-copy', ge.payloadFor(kind, node, { source: 'tool' }));
+
+        // The canvas came back with new drawers: the one to flash is the
+        // node's new copy tool
+        var tool = node.children('.ge-tools-drawer').find('> .ge-copy');
+        tool.addClass('ge-copied').find('i').attr('class', 'bi bi-check2');
+        setTimeout(function() {
+            tool.removeClass('ge-copied').find('i').attr('class', 'bi bi-copy');
+        }, 1200);
+    }
+
+    function paste(target, categories) {
+        var clip = read();
+        if (!fits(clip, categories)) { return; }
+
+        var node = fresh(clip.html);
+        var into = target;
+
+        // An element goes into the column's last content area. With none,
+        // the column's next init wraps it in one of its own
+        if (clip.category === 'element') {
+            var area = target.children('.ge-content').last();
+            if (area.length) { into = area; }
+        }
+
+        ge.place(node, clip.kind, { appendTo: into, source: 'paste' });
+    }
+
+    /**
+     * The copied markup as a node, with new ids where the page already has
+     * them: two copies of a tab strip pointing at one set of panes is a tab
+     * strip that opens the other copy's tabs. An id the page does not have
+     * is kept, so pasting into another page changes nothing.
+     */
+    function fresh(html) {
+        var node = $($.parseHTML(html.trim(), document, true)).first();
+        var renamed = {};
+        var taken = function(id) {
+            return !!document.getElementById(id) || Object.keys(renamed).some(function(old) {
+                return renamed[old] === id;
+            });
+        };
+
+        node.find('[id]').addBack('[id]').each(function() {
+            var id = this.id;
+            if (!document.getElementById(id)) { return; }
+
+            var generated = GENERATED_ID.exec(id);
+            var next;
+
+            if (generated) {
+                do { next = ge.containerId(generated[1]); } while (taken(next));
+            } else {
+                var n = 2;
+                while (taken(id + '-' + n)) { n++; }
+                next = id + '-' + n;
+            }
+
+            renamed[id] = next;
+            this.id = next;
+        });
+
+        if (!Object.keys(renamed).length) { return node; }
+
+        node.find('*').addBack().each(function() {
+            var element = this;
+
+            REFERENCES.forEach(function(name) {
+                var value = element.getAttribute(name);
+                if (value === null) { return; }
+                if (name === 'href' && value.charAt(0) !== '#') { return; }
+
+                var rewritten = value.split(/(\s+)/).map(function(token) {
+                    if (renamed[token]) { return renamed[token]; }
+                    if (token.charAt(0) === '#' && renamed[token.slice(1)]) { return '#' + renamed[token.slice(1)]; }
+
+                    return token;
+                }).join('');
+
+                if (rewritten !== value) { element.setAttribute(name, rewritten); }
+            });
+        });
+
+        return node;
+    }
+
+    /** Show the paste tools, and the toolbar's paste buttons, that fit what is copied. */
+    function refresh() {
+        var clip = read();
+
+        ge.canvas.find('.ge-paste').each(function() {
+            $(this).toggle(fits(clip, $(this).attr('data-ge-paste').split(' ')));
+        });
+
+        ge.toolbarItems('clipboard').each(function() {
+            var item = TOOLBAR[parseInt($(this).attr('data-ge-item'), 10)];
+            $(this).toggle(fits(clip, [item.kind]));
+        });
+
+        shown = clip;
+    }
+
+    var TOOLBAR = [
+        { kind: 'row', labelKey: 'clipboard.paste_row' },
+        { kind: 'section', labelKey: 'clipboard.paste_section' },
+    ].map(function(item) {
+        return $.extend(item, {
+            iconClass: 'bi bi-clipboard-plus',
+            source: 'paste',
+            // What the button showed, even if another tab has copied
+            // something else since
+            create: function() { return fresh(shown.html); },
+        });
+    });
+
+    return {
+        drawerTools: function(drawer, node, kind) {
+            if (categoryOf(kind)) {
+                ge.createTool(drawer, ge.t('tool.copy'), 'ge-copy', 'bi bi-copy', function() {
+                    copy(node, kind);
+                });
+            }
+
+            var categories = TARGETS[kind];
+            if (!categories) { return; }
+
+            ge.createTool(drawer, ge.t('tool.paste'), 'ge-paste', 'bi bi-clipboard-plus', function() {
+                paste(node, categories);
+            });
+            drawer.children('.ge-paste').last()
+                .attr('data-ge-paste', categories.join(' '))
+                .toggle(fits(read(), categories));
+        },
+
+        toolbar: TOOLBAR,
+
+        onInit: function() {
+            refresh();
+            $(document).off(CHANGE + namespace).on(CHANGE + namespace, refresh);
+        },
+
+        onDeinit: function() {
+            $(document).off(CHANGE + namespace);
+        },
+    };
+};
+
+})(jQuery);

package/dist/plugins/grideditor.clipboard.min.js

@@ -0,0 +1,2 @@
+(u=>{u.extend(u.fn.gridEditor.locales.en,{"tool.copy":"Copy","tool.paste":"Paste","clipboard.paste_row":"Paste row","clipboard.paste_section":"Paste section"});var i="grideditor.clipboard",f="grideditor-clipboard",g=1,p=null,b=0,m={column:["row","container","element"],row:["column"],section:["row"]},h=["data-bs-target","data-bs-parent","href","aria-controls","aria-labelledby","aria-describedby","for","data-ge-popup-id","data-ge-popup-target"],y=/^ge-([a-z][a-z-]*?)-\d+-[a-z0-9]+$/;function v(){var t;try{t=window.localStorage.getItem(i)}catch(t){return p}if(null===t)return p;try{var e=JSON.parse(t);return e&&e.version===g&&e.html?e:null}catch(t){return null}}u(window).on("storage",function(t){t.originalEvent&&t.originalEvent.key===i&&u(document).trigger(f)}),u.fn.gridEditor.features.clipboard=function(a){var t=".ge-clipboard-"+ ++b,n=null;function o(t){return!a.settings.plugins||-1!==a.settings.plugins.indexOf(t)}function c(t,e){return!!t&&-1!==e.indexOf(t.category)&&("container"===(e=t).category?!!u.fn.gridEditor.containers[e.kind]&&o(e.kind):"section"===e.category?!!u.fn.gridEditor.features.sections&&o("sections"):"element"!==e.category||!!u.fn.gridEditor.features.elements&&o("elements"))}function l(t){return u.fn.gridEditor.containers[t]?"container":-1!==["row","column","section","element"].indexOf(t)?t:null}function s(t,e){var n=a.nodeHtml(t),n={version:g,category:l(e),kind:e,html:n};try{window.localStorage.setItem(i,JSON.stringify(n)),p=null}catch(t){p=n}u(document).trigger(f),a.emit("after-copy",a.payloadFor(e,t,{source:"tool"}));var o=t.children(".ge-tools-drawer").find("> .ge-copy");o.addClass("ge-copied").find("i").attr("class","bi bi-check2"),setTimeout(function(){o.removeClass("ge-copied").find("i").attr("class","bi bi-copy")},1200)}function d(t){function r(e){return!!document.getElementById(e)||Object.keys(i).some(function(t){return i[t]===e})}var t=u(u.parseHTML(t.trim(),document,!0)).first(),i={};return t.find("[id]").addBack("[id]").each(function(){var t=this.id;if(document.getElementById(t)){var e,n=y.exec(t);if(n)for(;e=a.containerId(n[1]),r(e););else{for(var o=2;r(t+"-"+o);)o++;e=t+"-"+o}i[t]=e,this.id=e}}),Object.keys(i).length&&t.find("*").addBack().each(function(){var o=this;h.forEach(function(t){var e,n=o.getAttribute(t);null===n||"href"===t&&"#"!==n.charAt(0)||(e=n.split(/(\s+)/).map(function(t){return i[t]||("#"===t.charAt(0)&&i[t.slice(1)]?"#"+i[t.slice(1)]:t)}).join(""))!==n&&o.setAttribute(t,e)})}),t}function e(){var e=v();a.canvas.find(".ge-paste").each(function(){u(this).toggle(c(e,u(this).attr("data-ge-paste").split(" ")))}),a.toolbarItems("clipboard").each(function(){var t=r[parseInt(u(this).attr("data-ge-item"),10)];u(this).toggle(c(e,[t.kind]))}),n=e}var r=[{kind:"row",labelKey:"clipboard.paste_row"},{kind:"section",labelKey:"clipboard.paste_section"}].map(function(t){return u.extend(t,{iconClass:"bi bi-clipboard-plus",source:"paste",create:function(){return d(n.html)}})});return{drawerTools:function(t,r,e){l(e)&&a.createTool(t,a.t("tool.copy"),"ge-copy","bi bi-copy",function(){s(r,e)});var i=m[e];i&&(a.createTool(t,a.t("tool.paste"),"ge-paste","bi bi-clipboard-plus",function(){var t,e,n,o;t=r,e=i,c(o=v(),e)&&(e=d(o.html),n=t,"element"===o.category&&(t=t.children(".ge-content").last()).length&&(n=t),a.place(e,o.kind,{appendTo:n,source:"paste"}))}),t.children(".ge-paste").last().attr("data-ge-paste",i.join(" ")).toggle(c(v(),i)))},toolbar:r,onInit:function(){e(),u(document).off(f+t).on(f+t,e)},onDeinit:function(){u(document).off(f+t)}}}})(jQuery);
+//# sourceMappingURL=grideditor.clipboard.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grideditor.clipboard.min.js","sources":["../../src/js/plugins/grideditor.clipboard.js"],"names":["$","extend","fn","gridEditor","locales","en","tool.copy","tool.paste","clipboard.paste_row","clipboard.paste_section","STORAGE_ITEM","CHANGE","VERSION","memory","editors","TARGETS","column","row","section","REFERENCES","GENERATED_ID","read","raw","window","localStorage","getItem","error","clip","JSON","parse","version","html","on","e","originalEvent","key","document","trigger","features","clipboard","ge","namespace","shown","used","name","settings","plugins","indexOf","fits","categories","category","containers","kind","sections","elements","categoryOf","copy","node","nodeHtml","setItem","stringify","emit","payloadFor","source","tool","children","find","addClass","attr","setTimeout","removeClass","fresh","taken","id","getElementById","Object","keys","renamed","some","old","parseHTML","trim","first","addBack","each","this","next","generated","exec","containerId","n","length","element","forEach","rewritten","value","getAttribute","charAt","split","map","token","slice","join","setAttribute","refresh","canvas","toggle","toolbarItems","item","TOOLBAR","parseInt","labelKey","iconClass","create","drawerTools","drawer","createTool","t","target","into","area","last","place","appendTo","toolbar","onInit","off","onDeinit","jQuery"],"mappings":"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"}

package/dist/plugins/grideditor.sections.js

@@ -124,15 +124,15 @@ $.fn.gridEditor.features.sections = function(ge) {
         ge.createMoveTool(drawer);
         ge.addSettingsTool(drawer, section, ge.settings.section_classes || []).append(widthField(section));
 
-        ge.createTool(drawer, ge.t('tool.add_row_to_section'), 'ge-add-row', 'bi bi-plus-circle', function() {
-            ge.place(ge.rowFromLayout([12]), 'row', { appendTo: section });
-        });
-
         ge.createTool(drawer, ge.t('tool.delete_section'), 'ge-delete-section', 'bi bi-trash', function() {
             ge.deleteNode('section', section, ge.t('confirm.delete_section'), function(removed) {
                 section.slideUp(removed);
             });
         });
+
+        ge.createTool(drawer, ge.t('tool.add_row_to_section'), 'ge-add-row', 'bi bi-plus-circle', function() {
+            ge.place(ge.rowFromLayout([12]), 'row', { appendTo: section });
+        });
     }
 
     function mark() {

package/dist/plugins/grideditor.sections.min.js

@@ -1,2 +1,2 @@
-(c=>{c.extend(c.fn.gridEditor.locales.en,{"section.add":"Section","section.width":"Width","section.fixed":"Fixed","section.fluid":"Full width","section.from":"Fixed from {breakpoint}","tool.add_row_to_section":"Add row","tool.delete_section":"Remove section","confirm.delete_section":"Delete this section and everything in it?"});var r={fixed:"container",fluid:"container-fluid",sm:"container-sm",md:"container-md",lg:"container-lg",xl:"container-xl",xxl:"container-xxl"},l=["fixed","sm","md","lg","xl","xxl","fluid"];c.fn.gridEditor.features.sections=function(s){var o=c.extend({widths:l},s.settings.sections);function a(n){var i=null;return c.each(r,function(e,t){!i&&n.hasClass(t)&&(i=e)}),i}function e(){return s.canvas.children().filter(function(){return(e=c(this)).parent()[0]===s.canvas[0]&&null!==a(e);var e})}function n(e){var t=c("<select />"),n=a(e),i=-1===o.widths.indexOf(n)?o.widths.concat([n]):o.widths;return l.forEach(function(e){-1!==i.indexOf(e)&&c("<option />").attr("value",e).text("fixed"===(e=e)?s.t("section.fixed"):"fluid"===e?s.t("section.fluid"):s.t("section.from",{breakpoint:e})).appendTo(t)}),t.val(n).on("change",function(){var t,n,i,o;t=e,n=this.value,i="panel",(o=a(t))!==n&&r[n]&&s.operate(function(){var e=s.payloadFor("section",t,{family:"section",breakpoint:"all",tiers:[],from:o,to:n,source:i||"api"});return s.emit("before-utility",e)?(t.removeClass(r[o]).addClass(r[n]),s.emit("after-utility",e),!0):(t.find("> .ge-tools-drawer .ge-section-width select").val(o),!1)})}),c('<label class="ge-utility ge-section-width" />').append(c('<span class="ge-utility-label" />').text(s.t("section.width"))).append(t)}function t(e){e=e||{};var t=c("<div />").addClass(r[e.width]||r.fixed);return(e.rows||[[12]]).forEach(function(e){s.rowFromLayout(e).appendTo(t)}),s.place(t,"section",e)}return{methods:{createSection:t},kindOf:function(e){return e.hasClass("ge-section")?"section":null},blocks:".ge-section",regions:".ge-section",accepts:function(e,t){var n;return t.hasClass("ge-section")||!(n=t).parent().length&&null!==a(n)?e[0]===s.canvas[0]:!e.hasClass("ge-section")||t.hasClass("row")},toolbar:[{labelKey:"section.add",kind:"section",create:function(){return t()}}],onInit:function(){e().each(function(){var t,e=c(this).addClass("ge-section");e.children(".ge-tools-drawer").length||(t=e,e=c('<div class="ge-tools-drawer ge-section-drawer" />').prependTo(t),s.createMoveTool(e),s.addSettingsTool(e,t,s.settings.section_classes||[]).append(n(t)),s.createTool(e,s.t("tool.add_row_to_section"),"ge-add-row","bi bi-plus-circle",function(){s.place(s.rowFromLayout([12]),"row",{appendTo:t})}),s.createTool(e,s.t("tool.delete_section"),"ge-delete-section","bi bi-trash",function(){s.deleteNode("section",t,s.t("confirm.delete_section"),function(e){t.slideUp(e)})}))})},onDeinit:function(){s.canvas.children(".ge-section").removeClass("ge-section")}}}})(jQuery);
+(c=>{c.extend(c.fn.gridEditor.locales.en,{"section.add":"Section","section.width":"Width","section.fixed":"Fixed","section.fluid":"Full width","section.from":"Fixed from {breakpoint}","tool.add_row_to_section":"Add row","tool.delete_section":"Remove section","confirm.delete_section":"Delete this section and everything in it?"});var r={fixed:"container",fluid:"container-fluid",sm:"container-sm",md:"container-md",lg:"container-lg",xl:"container-xl",xxl:"container-xxl"},l=["fixed","sm","md","lg","xl","xxl","fluid"];c.fn.gridEditor.features.sections=function(s){var o=c.extend({widths:l},s.settings.sections);function a(n){var i=null;return c.each(r,function(e,t){!i&&n.hasClass(t)&&(i=e)}),i}function e(){return s.canvas.children().filter(function(){return(e=c(this)).parent()[0]===s.canvas[0]&&null!==a(e);var e})}function n(e){var t=c("<select />"),n=a(e),i=-1===o.widths.indexOf(n)?o.widths.concat([n]):o.widths;return l.forEach(function(e){-1!==i.indexOf(e)&&c("<option />").attr("value",e).text("fixed"===(e=e)?s.t("section.fixed"):"fluid"===e?s.t("section.fluid"):s.t("section.from",{breakpoint:e})).appendTo(t)}),t.val(n).on("change",function(){var t,n,i,o;t=e,n=this.value,i="panel",(o=a(t))!==n&&r[n]&&s.operate(function(){var e=s.payloadFor("section",t,{family:"section",breakpoint:"all",tiers:[],from:o,to:n,source:i||"api"});return s.emit("before-utility",e)?(t.removeClass(r[o]).addClass(r[n]),s.emit("after-utility",e),!0):(t.find("> .ge-tools-drawer .ge-section-width select").val(o),!1)})}),c('<label class="ge-utility ge-section-width" />').append(c('<span class="ge-utility-label" />').text(s.t("section.width"))).append(t)}function t(e){e=e||{};var t=c("<div />").addClass(r[e.width]||r.fixed);return(e.rows||[[12]]).forEach(function(e){s.rowFromLayout(e).appendTo(t)}),s.place(t,"section",e)}return{methods:{createSection:t},kindOf:function(e){return e.hasClass("ge-section")?"section":null},blocks:".ge-section",regions:".ge-section",accepts:function(e,t){var n;return t.hasClass("ge-section")||!(n=t).parent().length&&null!==a(n)?e[0]===s.canvas[0]:!e.hasClass("ge-section")||t.hasClass("row")},toolbar:[{labelKey:"section.add",kind:"section",create:function(){return t()}}],onInit:function(){e().each(function(){var t,e=c(this).addClass("ge-section");e.children(".ge-tools-drawer").length||(t=e,e=c('<div class="ge-tools-drawer ge-section-drawer" />').prependTo(t),s.createMoveTool(e),s.addSettingsTool(e,t,s.settings.section_classes||[]).append(n(t)),s.createTool(e,s.t("tool.delete_section"),"ge-delete-section","bi bi-trash",function(){s.deleteNode("section",t,s.t("confirm.delete_section"),function(e){t.slideUp(e)})}),s.createTool(e,s.t("tool.add_row_to_section"),"ge-add-row","bi bi-plus-circle",function(){s.place(s.rowFromLayout([12]),"row",{appendTo:t})}))})},onDeinit:function(){s.canvas.children(".ge-section").removeClass("ge-section")}}}})(jQuery);
 //# sourceMappingURL=grideditor.sections.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grideditor.sections.min.js","sources":["../../src/js/plugins/grideditor.sections.js"],"names":["$","extend","fn","gridEditor","locales","en","section.add","section.width","section.fixed","section.fluid","section.from","tool.add_row_to_section","tool.delete_section","confirm.delete_section","WIDTHS","fixed","fluid","sm","md","lg","xl","xxl","ORDER","features","sections","ge","options","widths","settings","widthOf","section","found","each","width","className","hasClass","canvas","children","filter","node","this","parent","widthField","select","current","offered","indexOf","concat","forEach","attr","text","t","breakpoint","appendTo","val","on","source","from","value","operate","payload","payloadFor","family","tiers","to","emit","removeClass","addClass","find","append","createSection","rows","layout","rowFromLayout","place","methods","kindOf","blocks","regions","accepts","region","length","toolbar","labelKey","kind","create","onInit","drawer","prependTo","createMoveTool","addSettingsTool","section_classes","createTool","deleteNode","removed","slideUp","onDeinit","jQuery"],"mappings":"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"}
+{"version":3,"file":"grideditor.sections.min.js","sources":["../../src/js/plugins/grideditor.sections.js"],"names":["$","extend","fn","gridEditor","locales","en","section.add","section.width","section.fixed","section.fluid","section.from","tool.add_row_to_section","tool.delete_section","confirm.delete_section","WIDTHS","fixed","fluid","sm","md","lg","xl","xxl","ORDER","features","sections","ge","options","widths","settings","widthOf","section","found","each","width","className","hasClass","canvas","children","filter","node","this","parent","widthField","select","current","offered","indexOf","concat","forEach","attr","text","t","breakpoint","appendTo","val","on","source","from","value","operate","payload","payloadFor","family","tiers","to","emit","removeClass","addClass","find","append","createSection","rows","layout","rowFromLayout","place","methods","kindOf","blocks","regions","accepts","region","length","toolbar","labelKey","kind","create","onInit","drawer","prependTo","createMoveTool","addSettingsTool","section_classes","createTool","deleteNode","removed","slideUp","onDeinit","jQuery"],"mappings":"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"}

package/docs/events.md

@@ -59,6 +59,7 @@ about every insertion can bind `grideditor:before-add` and switch on
 | `grideditor:before-utility` | — | yes | before a utility class is written, from the panel, a plugin's tool or `setUtility` |
 | `grideditor:after-utility` | — | no | after the class is written and the preview redrawn, only if something changed |
 | `grideditor:view-change` | — | no | after the view changes, only if it actually changed |
+| `grideditor:after-copy` | — | no | with the clipboard plugin, after a node is copied |
 
 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
@@ -122,7 +123,9 @@ screen, and its `source` is `panel`, `tool` or `api`.
 
 `source` matters to a host that both drives the editor from its own palette and
 listens for what the user does: `api` is your own call coming back to you,
-`tool` is a click in the editor, `dragdrop` is a gesture.
+`tool` is a click in the editor, `dragdrop` is a gesture, and `paste` is a node
+the clipboard plugin put in, from a paste tool or the toolbar. A paste is an add
+like any other, so canceling its `before-add-*` turns it away.
 
 `kind: 'content'` appears when a content area itself is dragged between
 columns. The kinds for containers are the container's own type, so a listener

package/docs/locale-keys.md

@@ -100,6 +100,19 @@ The sections plugin: Bootstrap's `.container` and its kin, on the canvas.
 | `confirm.delete_section` | Delete this section and everything in it? | Asked before a section is deleted |
 
 
+clipboard.*
+-----------
+
+The clipboard plugin: copy and paste.
+
+| Key | English | Where |
+| --- | --- | --- |
+| `tool.copy` | Copy | Row, column, section, container and element drawers |
+| `tool.paste` | Paste | Column, row and section drawers, while something that fits there is copied |
+| `clipboard.paste_row` | Paste row | Toolbar button, while a row is copied |
+| `clipboard.paste_section` | Paste section | Toolbar button, while a section is copied |
+
+
 confirm.*
 ---------
 

package/docs/plugins.md

@@ -107,7 +107,7 @@ not change without a major version.
 | `ge.createMoveTool(drawer)` | The drag handle, unless `drag_handle` says the whole drawer is one |
 | `ge.addSettingsTool(drawer, node, presets)` | The gear, and the id and class panel it opens |
 | `ge.deleteNode(kind, node, confirmText, animate)` | Remove a node: ask, animate, announce |
-| `ge.place(node, kind, options)` | Put a created node where `appendTo` and friends say, through the add events |
+| `ge.place(node, kind, options)` | Put a created node where `appendTo` and friends say, through the add events. `options.source` is the payload's `source`, `api` by default |
 | `ge.createPaneControls(pane, kind, hostTools, confirmText, remove)` | The drawer a pane gets: move, the host's tools, delete |
 | `ge.makeLabelEditable(label)` | Rename in place, with the Bootstrap toggle suspended while typing |
 | `ge.labelIn(button)` | The label span inside a button, wrapped if it is not already |
@@ -124,6 +124,8 @@ not change without a major version.
 | `ge.setUtility(node, family, value, options?)` | Write one through the events. `options` is a view key or `{ view, source }` |
 | `ge.utilityField(node, family)` | A panel field for one family, for a plugin that builds its own panel |
 | `ge.rowFromLayout(layout)` | A detached row from a layout: `[8, 4]`, `['auto', 'equal']` or `{ row_cols, columns }` |
+| `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.toolbarItems(name)` | 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 |
 
 The add, delete and move events for a container and its panes are fired by the
@@ -149,6 +151,7 @@ $.fn.gridEditor.features.elements = function(ge) {
         regions: '.ge-section',           // more lists those blocks move in
         accepts: function(region, node) { … },  // false turns a block away from a region
         toolbar: [{ labelKey: …, kind: …, create: function() { … } }],  // buttons beside the containers'
+        drawerTools: function(drawer, node, kind) { … },  // tools beside the gear, in every drawer
     };
 };
 ```
@@ -168,6 +171,12 @@ 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.
 
+- **`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
+  plugin puts its copy and paste tools in with it.
+- A **`toolbar`** item can also have an `iconClass`, `bi bi-plus` otherwise,
+  and a `source` for the add events, `tool` or `dragdrop` otherwise.
+
 - **`onSortable(sortable)`** is handed the function the editor makes all of its
   own lists with. A plugin describes a list; it never touches the drag toolkit
   itself, which is what keeps `drag_handle`, the cancel selector and the move

package/example/clipboard.html

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+    <!-- 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">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.css">
+
+    <!-- Javascript dependencies -->
+    <script src="https://code.jquery.com/jquery-4.0.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.6/tinymce.min.js"></script>
+
+    <!-- Grid editor CSS -->
+    <link rel="stylesheet" type="text/css" href="../dist/grideditor.css" />
+    <!-- Grid editor javascript -->
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.6/Sortable.min.js"></script>
+    <script src="../dist/jquery.grideditor.min.js"></script>
+    <!-- Copy and paste is a plugin of its own. The others are here so there
+         is a bit of everything to copy. -->
+    <script src="../dist/plugins/grideditor.clipboard.min.js"></script>
+    <script src="../dist/plugins/grideditor.sections.min.js"></script>
+    <script src="../dist/plugins/grideditor.tabs.min.js"></script>
+    <script src="../dist/plugins/grideditor.accordion.min.js"></script>
+    <script src="../dist/plugins/grideditor.elements.min.js"></script>
+
+    <script>
+        $(function() {
+            var settings = {
+                new_row_layouts: [[12], [6, 6], [4, 4, 4]],
+                content_types: ['tinymce'],
+            };
+
+            $('#myGrid').gridEditor(settings);
+            $('#otherGrid').gridEditor(settings);
+
+            // A paste is an add like any other, with source 'paste'
+            $('#myGrid, #otherGrid').on('grideditor:after-add', function(e, payload) {
+                if (payload.source === 'paste') {
+                    $('#log').text('Pasted a ' + payload.kind + ' into ' + e.currentTarget.id);
+                }
+            });
+        });
+    </script>
+
+    <title>Grid Editor example - copy and paste</title>
+</head>
+<body>
+    <!-- Back to the demo index -->
+    <div class="container pt-3">
+        <a class="link-secondary" href="index.html"><i class="bi bi-arrow-left"></i> All demos</a>
+    </div>
+
+    <div class="container py-3">
+        <h2>Copy and paste</h2>
+        <p class="text-body-secondary">
+            Every row, column, section, container and element has a
+            <i class="bi bi-copy"></i> copy tool in its drawer. Once something
+            is copied, a <i class="bi bi-clipboard-plus"></i> paste tool shows
+            wherever it can go: a row into a column or a section, a column into
+            a row, a container or an element into a column. Rows and sections
+            also get a <em>Paste</em> button in the toolbar, which can be
+            clicked or dragged to where the copy should land.
+        </p>
+        <p class="text-body-secondary">
+            What is copied is kept in the browser, so it can be pasted in the
+            other editor, after a reload, or in this page open in another tab.
+            <span id="log" class="fw-semibold"></span>
+        </p>
+
+        <h5 class="mt-4">One editor</h5>
+        <div id="myGrid">
+            <div class="row" id="intro">
+                <div class="col-lg-6">
+                    <h3>Copy this row</h3>
+                    <p>Then paste it into a column below, or into the other editor. Its id is renamed in the copy, so <a href="#intro">links to it</a> keep working.</p>
+                </div>
+                <div class="col-lg-6">
+                    <blockquote data-ge-element="quote">An element: copy it into another column.</blockquote>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-lg-4"><p>A column to paste into.</p></div>
+                <div class="col-lg-4"><p>Another one.</p></div>
+                <div class="col-lg-4"><p>And a third.</p></div>
+            </div>
+        </div>
+
+        <h5 class="mt-4">Another editor</h5>
+        <div id="otherGrid">
+            <div class="row">
+                <div class="col-lg-12"><p>Paste here what you copied above.</p></div>
+            </div>
+        </div>
+    </div>
+
+</body>
+</html>

package/example/index.html

@@ -125,6 +125,14 @@
                 <span class="text-body-secondary">The same, with summernote</span>
             </a>
 
+            <a class="list-group-item list-group-item-action" href="clipboard.html">
+                <div class="d-flex justify-content-between">
+                    <strong>Copy and paste</strong>
+                    <code class="text-body-secondary">clipboard.html</code>
+                </div>
+                <span class="text-body-secondary">Copying a row, a column or a container and pasting it somewhere else, in this editor or another</span>
+            </a>
+
             <a class="list-group-item list-group-item-action" href="wrap_content.html">
                 <div class="d-flex justify-content-between">
                     <strong>Wrapped content</strong>