@themarioga/grid-editor 6.0.0 → 7.0.0

package/dist/plugins/grideditor.clipboard.js

@@ -1,268 +1,331 @@
-/**
- * Copy and paste for grid-editor.
- *
- * A feature plugin: load this file after the editor and every row, column,
- * section, text block, 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 text block, a container of any type, an element.
- */
-var TARGETS = {
-    column: ['row', 'text', '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() {
+(() => {
+  // src/js/register.js
+  var GridEditor = window.GridEditor;
+  if (!GridEditor || typeof GridEditor.get !== "function") {
+    throw new Error("grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, its locales and grideditor.jquery.js");
+  }
+
+  // src/js/dom.js
+  function all(root, selector) {
+    return root ? Array.prototype.slice.call(root.querySelectorAll(selector)) : [];
+  }
+  function one(root, selector) {
+    return root ? root.querySelector(selector) : null;
+  }
+  function selfAndAll(root, selector) {
+    if (!root) {
+      return [];
+    }
+    var found = all(root, selector);
+    if (root.nodeType === 1 && root.matches(selector)) {
+      found.unshift(root);
+    }
+    return found;
+  }
+  function children(node, selector) {
+    if (!node) {
+      return [];
+    }
+    return Array.prototype.filter.call(node.children, function(each) {
+      return !selector || each.matches(selector);
+    });
+  }
+  function child(node, selector) {
+    return children(node, selector)[0] || null;
+  }
+  function parse(html) {
+    var template = document.createElement("template");
+    template.innerHTML = html;
+    return Array.prototype.slice.call(template.content.childNodes);
+  }
+  function create(html) {
+    var nodes = parse(html.trim());
+    for (var i = 0; i < nodes.length; i++) {
+      if (nodes[i].nodeType === 1) {
+        return nodes[i];
+      }
+    }
+    return null;
+  }
+  function addClass(node, names) {
+    split(names).forEach(function(name) {
+      node.classList.add(name);
+    });
+    return node;
+  }
+  function removeClass(node, names) {
+    split(names).forEach(function(name) {
+      node.classList.remove(name);
+    });
+    return node;
+  }
+  function split(names) {
+    return String(names || "").split(/\s+/).filter(Boolean);
+  }
+  var defaultDisplays = {};
+  function defaultDisplay(node) {
+    var tag = node.nodeName;
+    if (!defaultDisplays[tag]) {
+      var probe = document.body.appendChild(document.createElement(tag));
+      defaultDisplays[tag] = getComputedStyle(probe).display;
+      probe.remove();
+      if (defaultDisplays[tag] === "none") {
+        defaultDisplays[tag] = "block";
+      }
+    }
+    return defaultDisplays[tag];
+  }
+  function show(node) {
+    node.style.removeProperty("display");
+    if (getComputedStyle(node).display === "none") {
+      node.style.display = defaultDisplay(node);
+    }
+    return node;
+  }
+  function hide(node) {
+    node.style.display = "none";
+    return node;
+  }
+  function toggle(node, state) {
+    if (state === void 0) {
+      state = !visible(node);
+    }
+    return state ? show(node) : hide(node);
+  }
+  function visible(node) {
+    return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);
+  }
+
+  // src/js/plugins/grideditor.clipboard.js
+  Object.assign(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;
+  var memory = null;
+  var TARGETS = {
+    column: ["row", "text", "container", "element"],
+    row: ["column"],
+    section: ["row"]
+  };
+  var REFERENCES = [
+    "data-bs-target",
+    "data-bs-parent",
+    "href",
+    "aria-controls",
+    "aria-labelledby",
+    "aria-describedby",
+    "for",
+    "data-ge-popup-id",
+    "data-ge-popup-target"
+  ];
+  var GENERATED_ID = /^ge-([a-z][a-z-]*?)-\d+-[a-z0-9]+$/;
+  function read() {
     var raw;
-
     try {
-        raw = window.localStorage.getItem(STORAGE_ITEM);
+      raw = window.localStorage.getItem(STORAGE_ITEM);
     } catch (error) {
-        return memory;
+      return memory;
+    }
+    if (raw === null) {
+      return memory;
     }
-    if (raw === null) { return memory; }
-
     try {
-        var clip = JSON.parse(raw);
-        return clip && clip.version === VERSION && clip.html ? clip : null;
+      var clip = JSON.parse(raw);
+      return clip && clip.version === VERSION && clip.html ? clip : null;
     } catch (error) {
-        return null;
+      return null;
     }
-}
-
-function write(clip) {
+  }
+  function write(clip) {
     try {
-        window.localStorage.setItem(STORAGE_ITEM, JSON.stringify(clip));
-        memory = null;
+      window.localStorage.setItem(STORAGE_ITEM, JSON.stringify(clip));
+      memory = null;
     } catch (error) {
-        memory = clip;
+      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
-
+    announce();
+  }
+  function announce() {
+    document.dispatchEvent(new CustomEvent(CHANGE));
+  }
+  window.addEventListener("storage", function(e) {
+    if (e.key === STORAGE_ITEM) {
+      announce();
+    }
+  });
+  GridEditor.features.clipboard = function(ge) {
+    var shown = null;
+    var listening = false;
     function used(name) {
-        return !ge.settings.plugins || ge.settings.plugins.indexOf(name) !== -1;
+      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;
+      if (clip.category === "container") {
+        return !!GridEditor.containers[clip.kind] && used(clip.kind);
+      }
+      if (clip.category === "section") {
+        return !!GridEditor.features.sections && used("sections");
+      }
+      if (clip.category === "element") {
+        return !!GridEditor.features.elements && used("elements");
+      }
+      return true;
     }
-
     function fits(clip, categories) {
-        return !!clip && categories.indexOf(clip.category) !== -1 && available(clip);
+      return !!clip && categories.indexOf(clip.category) !== -1 && available(clip);
     }
-
     function categoryOf(kind) {
-        if ($.fn.gridEditor.containers[kind]) { return 'container'; }
-
-        return ['row', 'column', 'section', 'text', 'element'].indexOf(kind) !== -1 ? kind : null;
+      if (GridEditor.containers[kind]) {
+        return "container";
+      }
+      return ["row", "column", "section", "text", "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 = ge.drawerOf(node).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);
+      var html = ge.nodeHtml(node);
+      write({ version: VERSION, category: categoryOf(kind), kind, html });
+      ge.emit("after-copy", ge.payloadFor(kind, node, { source: "tool" }));
+      var tool = child(ge.drawerOf(node), ".ge-copy");
+      if (!tool) {
+        return;
+      }
+      var icon = one(tool, "i");
+      addClass(tool, "ge-copied");
+      if (icon) {
+        icon.setAttribute("class", "bi bi-check2");
+      }
+      setTimeout(function() {
+        removeClass(tool, "ge-copied");
+        if (icon) {
+          icon.setAttribute("class", "bi bi-copy");
+        }
+      }, 1200);
     }
-
     function paste(target, categories) {
-        var clip = read();
-        if (!fits(clip, categories)) { return; }
-
-        ge.place(fresh(clip.html), clip.kind, { appendTo: target, source: 'paste' });
+      var clip = read();
+      if (!fits(clip, categories)) {
+        return;
+      }
+      ge.place(fresh(clip.html), clip.kind, { appendTo: target, 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); }
-            });
+      var node = create(html);
+      var renamed = {};
+      var taken = function(id) {
+        return !!document.getElementById(id) || Object.keys(renamed).some(function(old) {
+          return renamed[old] === id;
         });
-
+      };
+      selfAndAll(node, "[id]").forEach(function(element) {
+        var id = element.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;
+        element.id = next;
+      });
+      if (!Object.keys(renamed).length) {
         return node;
+      }
+      selfAndAll(node, "*").forEach(function(element) {
+        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 clip = read();
+      all(ge.canvas, ".ge-paste").forEach(function(tool) {
+        toggle(tool, fits(clip, tool.getAttribute("data-ge-paste").split(" ")));
+      });
+      ge.toolbarItems("clipboard").forEach(function(button) {
+        var item = TOOLBAR[parseInt(button.getAttribute("data-ge-item"), 10)];
+        toggle(button, fits(clip, [item.kind]));
+      });
+      shown = clip;
     }
-
     var TOOLBAR = [
-        { kind: 'row', labelKey: 'clipboard.paste_row' },
-        { kind: 'section', labelKey: 'clipboard.paste_section' },
+      { kind: "row", labelKey: "clipboard.paste_row" },
+      { kind: "section", labelKey: "clipboard.paste_section" }
     ].map(function(item) {
-        return $.extend(item, {
-            iconClass: 'bi bi-clipboard-plus',
-            // On the right, as an icon: pasting is not one of the things
-            // the add buttons make
-            align: 'end',
-            source: 'paste',
-            // What the button showed, even if another tab has copied
-            // something else since
-            create: function() { return fresh(shown.html); },
-        });
+      return Object.assign(item, {
+        iconClass: "bi bi-clipboard-plus",
+        // On the right, as an icon: pasting is not one of the things
+        // the add buttons make
+        align: "end",
+        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);
-        },
+      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;
+        }
+        var tool = ge.createTool(drawer, ge.t("tool.paste"), "ge-paste", "bi bi-clipboard-plus", function() {
+          paste(node, categories);
+        });
+        tool.setAttribute("data-ge-paste", categories.join(" "));
+        toggle(tool, fits(read(), categories));
+      },
+      toolbar: TOOLBAR,
+      onInit: function() {
+        refresh();
+        if (!listening) {
+          document.addEventListener(CHANGE, refresh);
+          listening = true;
+        }
+      },
+      onDeinit: function() {
+        document.removeEventListener(CHANGE, refresh);
+        listening = false;
+      }
     };
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(d=>{d.extend(d.fn.gridEditor.locales.en,{"tool.copy":"Copy","tool.paste":"Paste","clipboard.paste_row":"Paste row","clipboard.paste_section":"Paste section"});var u="grideditor.clipboard",f="grideditor-clipboard",p=1,g=null,b=0,m={column:["row","text","container","element"],row:["column"],section:["row"]},y=["data-bs-target","data-bs-parent","href","aria-controls","aria-labelledby","aria-describedby","for","data-ge-popup-id","data-ge-popup-target"],h=/^ge-([a-z][a-z-]*?)-\d+-[a-z0-9]+$/;function v(){var t;try{t=window.localStorage.getItem(u)}catch(t){return g}if(null===t)return g;try{var e=JSON.parse(t);return e&&e.version===p&&e.html?e:null}catch(t){return null}}d(window).on("storage",function(t){t.originalEvent&&t.originalEvent.key===u&&d(document).trigger(f)}),d.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 i(t,e){return!!t&&-1!==e.indexOf(t.category)&&("container"===(e=t).category?!!d.fn.gridEditor.containers[e.kind]&&o(e.kind):"section"===e.category?!!d.fn.gridEditor.features.sections&&o("sections"):"element"!==e.category||!!d.fn.gridEditor.features.elements&&o("elements"))}function c(t){return d.fn.gridEditor.containers[t]?"container":-1!==["row","column","section","text","element"].indexOf(t)?t:null}function l(t,e){var n=a.nodeHtml(t),n={version:p,category:c(e),kind:e,html:n};try{window.localStorage.setItem(u,JSON.stringify(n)),g=null}catch(t){g=n}d(document).trigger(f),a.emit("after-copy",a.payloadFor(e,t,{source:"tool"}));var o=a.drawerOf(t).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 s(t){function r(e){return!!document.getElementById(e)||Object.keys(i).some(function(t){return i[t]===e})}var t=d(d.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=h.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;y.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(){d(this).toggle(i(e,d(this).attr("data-ge-paste").split(" ")))}),a.toolbarItems("clipboard").each(function(){var t=r[parseInt(d(this).attr("data-ge-item"),10)];d(this).toggle(i(e,[t.kind]))}),n=e}var r=[{kind:"row",labelKey:"clipboard.paste_row"},{kind:"section",labelKey:"clipboard.paste_section"}].map(function(t){return d.extend(t,{iconClass:"bi bi-clipboard-plus",align:"end",source:"paste",create:function(){return s(n.html)}})});return{drawerTools:function(t,o,e){c(e)&&a.createTool(t,a.t("tool.copy"),"ge-copy","bi bi-copy",function(){l(o,e)});var r=m[e];r&&(a.createTool(t,a.t("tool.paste"),"ge-paste","bi bi-clipboard-plus",function(){var t,e,n;t=o,e=r,i(n=v(),e)&&a.place(s(n.html),n.kind,{appendTo:t,source:"paste"})}),t.children(".ge-paste").last().attr("data-ge-paste",r.join(" ")).toggle(i(v(),r)))},toolbar:r,onInit:function(){e(),d(document).off(f+t).on(f+t,e)},onDeinit:function(){d(document).off(f+t)}}}})(jQuery);
-//# sourceMappingURL=grideditor.clipboard.min.js.map
+(()=>{var l=window.GridEditor;if(!l||typeof l.get!="function")throw new Error("grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, its locales and grideditor.jquery.js");function x(t,e){return t?Array.prototype.slice.call(t.querySelectorAll(e)):[]}function S(t,e){return t?t.querySelector(e):null}function b(t,e){if(!t)return[];var n=x(t,e);return t.nodeType===1&&t.matches(e)&&n.unshift(t),n}function P(t,e){return t?Array.prototype.filter.call(t.children,function(n){return!e||n.matches(e)}):[]}function B(t,e){return P(t,e)[0]||null}function _(t){var e=document.createElement("template");return e.innerHTML=t,Array.prototype.slice.call(e.content.childNodes)}function L(t){for(var e=_(t.trim()),n=0;n<e.length;n++)if(e[n].nodeType===1)return e[n];return null}function I(t,e){return N(e).forEach(function(n){t.classList.add(n)}),t}function j(t,e){return N(e).forEach(function(n){t.classList.remove(n)}),t}function N(t){return String(t||"").split(/\s+/).filter(Boolean)}var d={};function F(t){var e=t.nodeName;if(!d[e]){var n=document.body.appendChild(document.createElement(e));d[e]=getComputedStyle(n).display,n.remove(),d[e]==="none"&&(d[e]="block")}return d[e]}function U(t){return t.style.removeProperty("display"),getComputedStyle(t).display==="none"&&(t.style.display=F(t)),t}function z(t){return t.style.display="none",t}function g(t,e){return e===void 0&&(e=!M(t)),e?U(t):z(t)}function M(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}Object.assign(l.locales.en,{"tool.copy":"Copy","tool.paste":"Paste","clipboard.paste_row":"Paste row","clipboard.paste_section":"Paste section"});var A="grideditor.clipboard",w="grideditor-clipboard",R=1,v=null,J={column:["row","text","container","element"],row:["column"],section:["row"]},K=["data-bs-target","data-bs-parent","href","aria-controls","aria-labelledby","aria-describedby","for","data-ge-popup-id","data-ge-popup-target"],W=/^ge-([a-z][a-z-]*?)-\d+-[a-z0-9]+$/;function E(){var t;try{t=window.localStorage.getItem(A)}catch(n){return v}if(t===null)return v;try{var e=JSON.parse(t);return e&&e.version===R&&e.html?e:null}catch(n){return null}}function V(t){try{window.localStorage.setItem(A,JSON.stringify(t)),v=null}catch(e){v=t}H()}function H(){document.dispatchEvent(new CustomEvent(w))}window.addEventListener("storage",function(t){t.key===A&&H()});l.features.clipboard=function(t){var e=null,n=!1;function h(r){return!t.settings.plugins||t.settings.plugins.indexOf(r)!==-1}function k(r){return r.category==="container"?!!l.containers[r.kind]&&h(r.kind):r.category==="section"?!!l.features.sections&&h("sections"):r.category==="element"?!!l.features.elements&&h("elements"):!0}function m(r,i){return!!r&&i.indexOf(r.category)!==-1&&k(r)}function T(r){return l.containers[r]?"container":["row","column","section","text","element"].indexOf(r)!==-1?r:null}function D(r,i){var o=t.nodeHtml(r);V({version:R,category:T(i),kind:i,html:o}),t.emit("after-copy",t.payloadFor(i,r,{source:"tool"}));var u=B(t.drawerOf(r),".ge-copy");if(u){var a=S(u,"i");I(u,"ge-copied"),a&&a.setAttribute("class","bi bi-check2"),setTimeout(function(){j(u,"ge-copied"),a&&a.setAttribute("class","bi bi-copy")},1200)}}function G(r,i){var o=E();m(o,i)&&t.place(C(o.html),o.kind,{appendTo:r,source:"paste"})}function C(r){var i=L(r),o={},u=function(a){return!!document.getElementById(a)||Object.keys(o).some(function(c){return o[c]===a})};return b(i,"[id]").forEach(function(a){var c=a.id;if(document.getElementById(c)){var p=W.exec(c),s;if(p)do s=t.containerId(p[1]);while(u(s));else{for(var f=2;u(c+"-"+f);)f++;s=c+"-"+f}o[c]=s,a.id=s}}),Object.keys(o).length&&b(i,"*").forEach(function(a){K.forEach(function(c){var p=a.getAttribute(c);if(p!==null&&!(c==="href"&&p.charAt(0)!=="#")){var s=p.split(/(\s+)/).map(function(f){return o[f]?o[f]:f.charAt(0)==="#"&&o[f.slice(1)]?"#"+o[f.slice(1)]:f}).join("");s!==p&&a.setAttribute(c,s)}})}),i}function y(){var r=E();x(t.canvas,".ge-paste").forEach(function(i){g(i,m(r,i.getAttribute("data-ge-paste").split(" ")))}),t.toolbarItems("clipboard").forEach(function(i){var o=O[parseInt(i.getAttribute("data-ge-item"),10)];g(i,m(r,[o.kind]))}),e=r}var O=[{kind:"row",labelKey:"clipboard.paste_row"},{kind:"section",labelKey:"clipboard.paste_section"}].map(function(r){return Object.assign(r,{iconClass:"bi bi-clipboard-plus",align:"end",source:"paste",create:function(){return C(e.html)}})});return{drawerTools:function(r,i,o){T(o)&&t.createTool(r,t.t("tool.copy"),"ge-copy","bi bi-copy",function(){D(i,o)});var u=J[o];if(u){var a=t.createTool(r,t.t("tool.paste"),"ge-paste","bi bi-clipboard-plus",function(){G(i,u)});a.setAttribute("data-ge-paste",u.join(" ")),g(a,m(E(),u))}},toolbar:O,onInit:function(){y(),n||(document.addEventListener(w,y),n=!0)},onDeinit:function(){document.removeEventListener(w,y),n=!1}}};})();