@themarioga/grid-editor 6.0.0 → 7.0.0

package/dist/plugins/grideditor.accordion.js

@@ -1,193 +1,299 @@
-/**
- * Accordions for grid-editor.
- *
- * A container plugin: load this file after the editor and the toolbar offers
- * an accordion. 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.accordion.min.js"></script>
- */
-(function($) {
-
-$.extend($.fn.gridEditor.locales.en, {
-    'container.add_accordion': 'Accordion',
-    'container.add_accordion_item': 'Add item',
-    'container.accordion_label': 'Item {number}',
-    'confirm.delete_accordion_item': 'Delete this item and everything in it?',
-});
-
-$.fn.gridEditor.containers.accordion = function(ge) {
-
+(() => {
+  // 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 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 element(tag, attributes, text) {
+    var node = document.createElement(tag);
+    Object.keys(attributes || {}).forEach(function(name) {
+      var value = attributes[name];
+      if (value !== null && value !== void 0 && value !== false) {
+        node.setAttribute(name, value);
+      }
+    });
+    if (text !== void 0 && text !== null) {
+      node.textContent = text;
+    }
+    return node;
+  }
+  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 toggleClass(node, names, state) {
+    split(names).forEach(function(name) {
+      if (state === void 0) {
+        node.classList.toggle(name);
+      } else {
+        node.classList.toggle(name, !!state);
+      }
+    });
+    return node;
+  }
+  function hasClass(node, name) {
+    return !!node && node.nodeType === 1 && node.classList.contains(name);
+  }
+  function split(names) {
+    return String(names || "").split(/\s+/).filter(Boolean);
+  }
+  function hide(node) {
+    node.style.display = "none";
+    return node;
+  }
+  function visible(node) {
+    return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);
+  }
+  var DEFAULT_DURATION = 400;
+  function animateAway(node, frames, duration, done) {
+    duration = duration === void 0 ? DEFAULT_DURATION : duration;
+    var finish = function() {
+      hide(node);
+      if (done) {
+        done();
+      }
+    };
+    if (!visible(node) || !node.animate || duration <= 0) {
+      window.setTimeout(finish, 0);
+      return;
+    }
+    var animation = node.animate(frames(getComputedStyle(node)), {
+      duration,
+      easing: "ease-in-out"
+    });
+    var called = false;
+    var once = function() {
+      if (called) {
+        return;
+      }
+      called = true;
+      finish();
+    };
+    animation.onfinish = once;
+    animation.oncancel = once;
+  }
+  function slideUp(node, duration, done) {
+    if (typeof duration === "function") {
+      done = duration;
+      duration = void 0;
+    }
+    node.style.overflow = "hidden";
+    animateAway(node, function(style) {
+      return [
+        {
+          height: style.height,
+          paddingTop: style.paddingTop,
+          paddingBottom: style.paddingBottom,
+          marginTop: style.marginTop,
+          marginBottom: style.marginBottom
+        },
+        { height: "0px", paddingTop: "0px", paddingBottom: "0px", marginTop: "0px", marginBottom: "0px" }
+      ];
+    }, duration, function() {
+      node.style.removeProperty("overflow");
+      if (done) {
+        done();
+      }
+    });
+  }
+
+  // src/js/plugins/grideditor.accordion.js
+  Object.assign(GridEditor.locales.en, {
+    "container.add_accordion": "Accordion",
+    "container.add_accordion_item": "Add item",
+    "container.accordion_label": "Item {number}",
+    "confirm.delete_accordion_item": "Delete this item and everything in it?"
+  });
+  GridEditor.containers.accordion = function(ge) {
+    var answered = /* @__PURE__ */ new WeakSet();
+    function collapseOf(item) {
+      return child(item, ".accordion-collapse");
+    }
     function staysOpen(container, ignore) {
-        var items = container.find('> .accordion > .accordion-item > .accordion-collapse');
-
-        if (ignore) { items = items.not(ignore.find('> .accordion-collapse')); }
-
-        return items.length > 0 && !items.filter('[data-bs-parent]').length;
+      var items = all(container, ":scope > .accordion > .accordion-item > .accordion-collapse");
+      if (ignore) {
+        var ignored = collapseOf(ignore);
+        items = items.filter(function(collapse) {
+          return collapse !== ignored;
+        });
+      }
+      return items.length > 0 && !items.filter(function(collapse) {
+        return collapse.hasAttribute("data-bs-parent");
+      }).length;
     }
-
     function addAccordionItemTo(container, options) {
-        options = options || {};
-
-        var accordion = container.find('> .accordion');
-        var id = ge.containerId('acc-item');
-        var number = accordion.children('.accordion-item').length + 1;
-        var open = options.open === undefined ? number === 1 : !!options.open;
-        var stayOpen = options.stay_open === undefined ? staysOpen(container) : !!options.stay_open;
-
-        var item = $('<div class="accordion-item ge-accordion-item" />').appendTo(accordion);
-
-        $('<h2 class="accordion-header" />')
-            .append($('<button class="accordion-button" type="button" data-bs-toggle="collapse" />')
-                .attr('data-bs-target', '#' + id)
-                .attr('aria-expanded', open ? 'true' : 'false')
-                .toggleClass('collapsed', !open)
-                .append($('<span class="ge-pane-label" />')
-                    .text(options.label || ge.t('container.accordion_label', { number: number }))))
-            .appendTo(item)
-        ;
-
-        var collapse = $('<div class="accordion-collapse collapse" />')
-            .attr('id', id)
-            .attr('data-ge-open', open ? 'true' : 'false')
-            .toggleClass('show', open)
-            .appendTo(item)
-        ;
-
-        if (!stayOpen) { collapse.attr('data-bs-parent', '#' + accordion.attr('id')); }
-
-        return $('<div class="accordion-body" />').append(ge.defaultRegion()).appendTo(collapse);
+      options = options || {};
+      var accordion = child(container, ".accordion");
+      var id = ge.containerId("acc-item");
+      var number = children(accordion, ".accordion-item").length + 1;
+      var open = options.open === void 0 ? number === 1 : !!options.open;
+      var stayOpen = options.stay_open === void 0 ? staysOpen(container) : !!options.stay_open;
+      var item = accordion.appendChild(element("div", { "class": "accordion-item ge-accordion-item" }));
+      var header = item.appendChild(element("h2", { "class": "accordion-header" }));
+      var button = header.appendChild(element("button", {
+        "class": "accordion-button",
+        type: "button",
+        "data-bs-toggle": "collapse",
+        "data-bs-target": "#" + id,
+        "aria-expanded": open ? "true" : "false"
+      }));
+      toggleClass(button, "collapsed", !open);
+      button.appendChild(element(
+        "span",
+        { "class": "ge-pane-label" },
+        options.label || ge.t("container.accordion_label", { number })
+      ));
+      var collapse = item.appendChild(element("div", {
+        "class": "accordion-collapse collapse",
+        id,
+        "data-ge-open": open ? "true" : "false"
+      }));
+      toggleClass(collapse, "show", open);
+      if (!stayOpen) {
+        collapse.setAttribute("data-bs-parent", "#" + accordion.getAttribute("id"));
+      }
+      var body = collapse.appendChild(element("div", { "class": "accordion-body" }));
+      body.appendChild(ge.defaultRegion());
+      return body;
     }
-
     function toggleAccordionItem(container, item) {
-        var collapse = item.find('> .accordion-collapse');
-        var opening = collapse.attr('data-ge-open') !== 'true';
-
-        if (opening && !staysOpen(container)) {
-            container.find('> .accordion > .accordion-item').not(item).each(function() {
-                setAccordionItemOpen($(this), false);
-            });
-        }
-
-        setAccordionItemOpen(item, opening);
+      var collapse = collapseOf(item);
+      var opening = collapse.getAttribute("data-ge-open") !== "true";
+      if (opening && !staysOpen(container)) {
+        all(container, ":scope > .accordion > .accordion-item").forEach(function(other) {
+          if (other !== item) {
+            setAccordionItemOpen(other, false);
+          }
+        });
+      }
+      setAccordionItemOpen(item, opening);
     }
-
     function setAccordionItemOpen(item, open) {
-        item.find('> .accordion-collapse')
-            .attr('data-ge-open', open ? 'true' : 'false')
-            .toggleClass('show', open)
-        ;
-        item.find('> .accordion-header .accordion-button')
-            .toggleClass('collapsed', !open)
-            .attr('aria-expanded', open ? 'true' : 'false')
-        ;
+      var collapse = collapseOf(item);
+      if (collapse) {
+        collapse.setAttribute("data-ge-open", open ? "true" : "false");
+        toggleClass(collapse, "show", open);
+      }
+      all(item, ":scope > .accordion-header .accordion-button").forEach(function(button) {
+        toggleClass(button, "collapsed", !open);
+        button.setAttribute("aria-expanded", open ? "true" : "false");
+      });
     }
-
     function reparentAccordionItem(container, item) {
-        var accordion = item.closest('.accordion');
-        var collapse = item.find('> .accordion-collapse');
-
-        // The item that just arrived still carries the parent it had
-        // where it came from, so it is not asked what this accordion does
-        if (staysOpen(container, item)) {
-            collapse.removeAttr('data-bs-parent');
-        } else {
-            collapse.attr('data-bs-parent', '#' + accordion.attr('id'));
-        }
+      var accordion = item.closest(".accordion");
+      var collapse = collapseOf(item);
+      if (!collapse) {
+        return;
+      }
+      if (staysOpen(container, item)) {
+        collapse.removeAttribute("data-bs-parent");
+      } else {
+        collapse.setAttribute("data-bs-parent", "#" + accordion.getAttribute("id"));
+      }
     }
-
     return {
-        labelKey: 'container.add_accordion',
-
-        // Items sort within their accordion and into any other one
-        onSortable: function(sortable) {
-            sortable(ge.canvas.find('.ge-container-accordion > .accordion'), {
-                draggable: '.ge-accordion-item',
-                group: 'accordion',
-            });
-        },
-        addPaneKey: 'container.add_accordion_item',
-        paneKind: 'accordion-item',
-
-        create: function(options) {
-            var container = $('<div />').attr('data-ge-container', 'accordion');
-            var labels = options.labels || [];
-            var count = options.items || labels.length || 2;
-
-            $('<div class="accordion" />')
-                .attr('id', ge.containerId('accordion'))
-                .appendTo(container)
-            ;
-
-            for (var i = 0; i < count; i++) {
-                addAccordionItemTo(container, {
-                    label: labels[i],
-                    open: i === 0,
-                    stay_open: options.stay_open,
-                });
-            }
-
-            return container;
-        },
-
-        addPane: addAccordionItemTo,
-
-        mark: function(container) {
-            container.find('> .accordion > .accordion-item').each(function() {
-                var item = $(this).addClass('ge-accordion-item');
-                var collapse = item.find('> .accordion-collapse');
-
-                // What the author wanted, before Bootstrap's own
-                // toggles get a chance to change it while editing.
-                // Every item is shown while editing (the stylesheet
-                // does that), so this is the only record of it.
-                if (collapse.attr('data-ge-open') === undefined) {
-                    collapse.attr('data-ge-open', collapse.hasClass('show') ? 'true' : 'false');
-                }
-
-                var button = item.find('> .accordion-header .accordion-button');
-
-                // Bootstrap's collapse stays out of it, and the editor
-                // answers the click itself
-                ge.suspendToggles(button);
-                ge.makeLabelEditable(ge.labelIn(button));
-
-                if (!button.data('ge-toggles')) {
-                    button.data('ge-toggles', true).on('click', function(e) {
-                        if (ge.labelIn(button).attr('contenteditable') === 'true') { return; }
-
-                        e.preventDefault();
-                        toggleAccordionItem(container, item);
-                    });
+      labelKey: "container.add_accordion",
+      // Items sort within their accordion and into any other one
+      onSortable: function(sortable) {
+        sortable(all(ge.canvas, ".ge-container-accordion > .accordion"), {
+          draggable: ".ge-accordion-item",
+          group: "accordion"
+        });
+      },
+      addPaneKey: "container.add_accordion_item",
+      paneKind: "accordion-item",
+      create: function(options) {
+        var container = element("div", { "data-ge-container": "accordion" });
+        var labels = options.labels || [];
+        var count = options.items || labels.length || 2;
+        container.appendChild(element("div", { "class": "accordion", id: ge.containerId("accordion") }));
+        for (var i = 0; i < count; i++) {
+          addAccordionItemTo(container, {
+            label: labels[i],
+            open: i === 0,
+            stay_open: options.stay_open
+          });
+        }
+        return container;
+      },
+      addPane: addAccordionItemTo,
+      mark: function(container) {
+        all(container, ":scope > .accordion > .accordion-item").forEach(function(item) {
+          addClass(item, "ge-accordion-item");
+          var collapse = collapseOf(item);
+          if (collapse && !collapse.hasAttribute("data-ge-open")) {
+            collapse.setAttribute("data-ge-open", hasClass(collapse, "show") ? "true" : "false");
+          }
+          var button = one(item, ":scope > .accordion-header .accordion-button");
+          if (button) {
+            ge.suspendToggles(button);
+            ge.makeLabelEditable(ge.labelIn(button));
+            if (!answered.has(button)) {
+              answered.add(button);
+              button.addEventListener("click", function(e) {
+                if (ge.labelIn(button).getAttribute("contenteditable") === "true") {
+                  return;
                 }
-
-                if (item.find('> .ge-tools-drawer').length) { return; }
-
-                ge.createPaneControls(item, 'accordion-item', ge.settings.accordion_tools,
-                    ge.t('confirm.delete_accordion_item'), function(removed) {
-                        item.slideUp(200, removed);
-                    });
-            });
-        },
-
-        unmark: function(container) {
-            ge.resumeToggles(container);
-
-            // What the ge.canvas was showing is what the page ships
-            container.find('> .accordion > .accordion-item').each(function() {
-                setAccordionItemOpen($(this),
-                    $(this).find('> .accordion-collapse').attr('data-ge-open') === 'true');
-            });
-
-            container.find('.ge-accordion-item').removeClass('ge-accordion-item');
-            ge.unwrapLabels(container);
-        },
-
-        afterPaneMove: function(container, item) {
-            reparentAccordionItem(container, item);
-        },
+                e.preventDefault();
+                toggleAccordionItem(container, item);
+              });
+            }
+          }
+          if (child(item, ".ge-tools-drawer")) {
+            return;
+          }
+          ge.createPaneControls(
+            item,
+            "accordion-item",
+            ge.settings.accordion_tools,
+            ge.t("confirm.delete_accordion_item"),
+            function(removed) {
+              slideUp(item, 200, removed);
+            }
+          );
+        });
+      },
+      unmark: function(container) {
+        ge.resumeToggles(container);
+        all(container, ":scope > .accordion > .accordion-item").forEach(function(item) {
+          var collapse = collapseOf(item);
+          setAccordionItemOpen(item, !!collapse && collapse.getAttribute("data-ge-open") === "true");
+        });
+        all(container, ".ge-accordion-item").forEach(function(item) {
+          removeClass(item, "ge-accordion-item");
+        });
+        ge.unwrapLabels(container);
+      },
+      afterPaneMove: function(container, item) {
+        reparentAccordionItem(container, item);
+      }
     };
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(l=>{l.extend(l.fn.gridEditor.locales.en,{"container.add_accordion":"Accordion","container.add_accordion_item":"Add item","container.accordion_label":"Item {number}","confirm.delete_accordion_item":"Delete this item and everything in it?"}),l.fn.gridEditor.containers.accordion=function(d){function r(a,e){a=a.find("> .accordion > .accordion-item > .accordion-collapse");return 0<(a=e?a.not(e.find("> .accordion-collapse")):a).length&&!a.filter("[data-bs-parent]").length}function c(a,e){e=e||{};var o=a.find("> .accordion"),n=d.containerId("acc-item"),t=o.children(".accordion-item").length+1,c=void 0===e.open?1===t:!!e.open,a=void 0===e.stay_open?r(a):!!e.stay_open,i=l('<div class="accordion-item ge-accordion-item" />').appendTo(o),e=(l('<h2 class="accordion-header" />').append(l('<button class="accordion-button" type="button" data-bs-toggle="collapse" />').attr("data-bs-target","#"+n).attr("aria-expanded",c?"true":"false").toggleClass("collapsed",!c).append(l('<span class="ge-pane-label" />').text(e.label||d.t("container.accordion_label",{number:t})))).appendTo(i),l('<div class="accordion-collapse collapse" />').attr("id",n).attr("data-ge-open",c?"true":"false").toggleClass("show",c).appendTo(i));return a||e.attr("data-bs-parent","#"+o.attr("id")),l('<div class="accordion-body" />').append(d.defaultRegion()).appendTo(e)}function i(a,e){a.find("> .accordion-collapse").attr("data-ge-open",e?"true":"false").toggleClass("show",e),a.find("> .accordion-header .accordion-button").toggleClass("collapsed",!e).attr("aria-expanded",e?"true":"false")}return{labelKey:"container.add_accordion",onSortable:function(a){a(d.canvas.find(".ge-container-accordion > .accordion"),{draggable:".ge-accordion-item",group:"accordion"})},addPaneKey:"container.add_accordion_item",paneKind:"accordion-item",create:function(a){var e=l("<div />").attr("data-ge-container","accordion"),o=a.labels||[],n=a.items||o.length||2;l('<div class="accordion" />').attr("id",d.containerId("accordion")).appendTo(e);for(var t=0;t<n;t++)c(e,{label:o[t],open:0===t,stay_open:a.stay_open});return e},addPane:c,mark:function(c){c.find("> .accordion > .accordion-item").each(function(){var n=l(this).addClass("ge-accordion-item"),a=n.find("> .accordion-collapse"),t=(void 0===a.attr("data-ge-open")&&a.attr("data-ge-open",a.hasClass("show")?"true":"false"),n.find("> .accordion-header .accordion-button"));d.suspendToggles(t),d.makeLabelEditable(d.labelIn(t)),t.data("ge-toggles")||t.data("ge-toggles",!0).on("click",function(a){var e,o;"true"!==d.labelIn(t).attr("contenteditable")&&(a.preventDefault(),a=c,(o="true"!==(e=n).find("> .accordion-collapse").attr("data-ge-open"))&&!r(a)&&a.find("> .accordion > .accordion-item").not(e).each(function(){i(l(this),!1)}),i(e,o))}),n.find("> .ge-tools-drawer").length||d.createPaneControls(n,"accordion-item",d.settings.accordion_tools,d.t("confirm.delete_accordion_item"),function(a){n.slideUp(200,a)})})},unmark:function(a){d.resumeToggles(a),a.find("> .accordion > .accordion-item").each(function(){i(l(this),"true"===l(this).find("> .accordion-collapse").attr("data-ge-open"))}),a.find(".ge-accordion-item").removeClass("ge-accordion-item"),d.unwrapLabels(a)},afterPaneMove:function(a,e){var o,n;a=a,o=(e=e).closest(".accordion"),n=e.find("> .accordion-collapse"),r(a,e)?n.removeAttr("data-bs-parent"):n.attr("data-bs-parent","#"+o.attr("id"))}}}})(jQuery);
-//# sourceMappingURL=grideditor.accordion.min.js.map
+(()=>{var m=window.GridEditor;if(!m||typeof m.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 s(e,r){return e?Array.prototype.slice.call(e.querySelectorAll(r)):[]}function T(e,r){return e?e.querySelector(r):null}function x(e,r){return e?Array.prototype.filter.call(e.children,function(o){return!r||o.matches(r)}):[]}function b(e,r){return x(e,r)[0]||null}function u(e,r,o){var c=document.createElement(e);return Object.keys(r||{}).forEach(function(f){var d=r[f];d!=null&&d!==!1&&c.setAttribute(f,d)}),o!=null&&(c.textContent=o),c}function _(e,r){return E(r).forEach(function(o){e.classList.add(o)}),e}function S(e,r){return E(r).forEach(function(o){e.classList.remove(o)}),e}function g(e,r,o){return E(r).forEach(function(c){o===void 0?e.classList.toggle(c):e.classList.toggle(c,!!o)}),e}function L(e,r){return!!e&&e.nodeType===1&&e.classList.contains(r)}function E(e){return String(e||"").split(/\s+/).filter(Boolean)}function k(e){return e.style.display="none",e}function j(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}var P=400;function H(e,r,o,c){o=o===void 0?P:o;var f=function(){k(e),c&&c()};if(!j(e)||!e.animate||o<=0){window.setTimeout(f,0);return}var d=e.animate(r(getComputedStyle(e)),{duration:o,easing:"ease-in-out"}),p=!1,h=function(){p||(p=!0,f())};d.onfinish=h,d.oncancel=h}function B(e,r,o){typeof r=="function"&&(o=r,r=void 0),e.style.overflow="hidden",H(e,function(c){return[{height:c.height,paddingTop:c.paddingTop,paddingBottom:c.paddingBottom,marginTop:c.marginTop,marginBottom:c.marginBottom},{height:"0px",paddingTop:"0px",paddingBottom:"0px",marginTop:"0px",marginBottom:"0px"}]},r,function(){e.style.removeProperty("overflow"),o&&o()})}Object.assign(m.locales.en,{"container.add_accordion":"Accordion","container.add_accordion_item":"Add item","container.accordion_label":"Item {number}","confirm.delete_accordion_item":"Delete this item and everything in it?"});m.containers.accordion=function(e){var r=new WeakSet;function o(n){return b(n,".accordion-collapse")}function c(n,t){var i=s(n,":scope > .accordion > .accordion-item > .accordion-collapse");if(t){var a=o(t);i=i.filter(function(l){return l!==a})}return i.length>0&&!i.filter(function(l){return l.hasAttribute("data-bs-parent")}).length}function f(n,t){t=t||{};var i=b(n,".accordion"),a=e.containerId("acc-item"),l=x(i,".accordion-item").length+1,v=t.open===void 0?l===1:!!t.open,O=t.stay_open===void 0?c(n):!!t.stay_open,A=i.appendChild(u("div",{class:"accordion-item ge-accordion-item"})),I=A.appendChild(u("h2",{class:"accordion-header"})),C=I.appendChild(u("button",{class:"accordion-button",type:"button","data-bs-toggle":"collapse","data-bs-target":"#"+a,"aria-expanded":v?"true":"false"}));g(C,"collapsed",!v),C.appendChild(u("span",{class:"ge-pane-label"},t.label||e.t("container.accordion_label",{number:l})));var y=A.appendChild(u("div",{class:"accordion-collapse collapse",id:a,"data-ge-open":v?"true":"false"}));g(y,"show",v),O||y.setAttribute("data-bs-parent","#"+i.getAttribute("id"));var w=y.appendChild(u("div",{class:"accordion-body"}));return w.appendChild(e.defaultRegion()),w}function d(n,t){var i=o(t),a=i.getAttribute("data-ge-open")!=="true";a&&!c(n)&&s(n,":scope > .accordion > .accordion-item").forEach(function(l){l!==t&&p(l,!1)}),p(t,a)}function p(n,t){var i=o(n);i&&(i.setAttribute("data-ge-open",t?"true":"false"),g(i,"show",t)),s(n,":scope > .accordion-header .accordion-button").forEach(function(a){g(a,"collapsed",!t),a.setAttribute("aria-expanded",t?"true":"false")})}function h(n,t){var i=t.closest(".accordion"),a=o(t);a&&(c(n,t)?a.removeAttribute("data-bs-parent"):a.setAttribute("data-bs-parent","#"+i.getAttribute("id")))}return{labelKey:"container.add_accordion",onSortable:function(n){n(s(e.canvas,".ge-container-accordion > .accordion"),{draggable:".ge-accordion-item",group:"accordion"})},addPaneKey:"container.add_accordion_item",paneKind:"accordion-item",create:function(n){var t=u("div",{"data-ge-container":"accordion"}),i=n.labels||[],a=n.items||i.length||2;t.appendChild(u("div",{class:"accordion",id:e.containerId("accordion")}));for(var l=0;l<a;l++)f(t,{label:i[l],open:l===0,stay_open:n.stay_open});return t},addPane:f,mark:function(n){s(n,":scope > .accordion > .accordion-item").forEach(function(t){_(t,"ge-accordion-item");var i=o(t);i&&!i.hasAttribute("data-ge-open")&&i.setAttribute("data-ge-open",L(i,"show")?"true":"false");var a=T(t,":scope > .accordion-header .accordion-button");a&&(e.suspendToggles(a),e.makeLabelEditable(e.labelIn(a)),r.has(a)||(r.add(a),a.addEventListener("click",function(l){e.labelIn(a).getAttribute("contenteditable")!=="true"&&(l.preventDefault(),d(n,t))}))),!b(t,".ge-tools-drawer")&&e.createPaneControls(t,"accordion-item",e.settings.accordion_tools,e.t("confirm.delete_accordion_item"),function(l){B(t,200,l)})})},unmark:function(n){e.resumeToggles(n),s(n,":scope > .accordion > .accordion-item").forEach(function(t){var i=o(t);p(t,!!i&&i.getAttribute("data-ge-open")==="true")}),s(n,".ge-accordion-item").forEach(function(t){S(t,"ge-accordion-item")}),e.unwrapLabels(n)},afterPaneMove:function(n,t){h(n,t)}}};})();

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

@@ -1 +1,7 @@
-{"version":3,"file":"grideditor.accordion.min.js","sources":["../../src/js/plugins/grideditor.accordion.js"],"names":["$","extend","fn","gridEditor","locales","en","container.add_accordion","container.add_accordion_item","container.accordion_label","confirm.delete_accordion_item","containers","accordion","ge","staysOpen","container","ignore","items","find","not","length","filter","addAccordionItemTo","options","id","containerId","number","children","open","undefined","stayOpen","stay_open","item","appendTo","collapse","append","attr","toggleClass","text","label","t","defaultRegion","setAccordionItemOpen","labelKey","onSortable","sortable","canvas","draggable","group","addPaneKey","paneKind","create","labels","count","i","addPane","mark","each","this","addClass","button","hasClass","suspendToggles","makeLabelEditable","labelIn","data","on","e","opening","preventDefault","createPaneControls","settings","accordion_tools","removed","slideUp","unmark","resumeToggles","removeClass","unwrapLabels","afterPaneMove","closest","removeAttr","jQuery"],"mappings":"CAUUA,IAEVA,EAAEC,OAAOD,EAAEE,GAAGC,WAAWC,QAAQC,GAAI,CACjCC,0BAA2B,YAC3BC,+BAAgC,WAChCC,4BAA6B,gBAC7BC,gCAAiC,wCACrC,CAAC,EAEDT,EAAEE,GAAGC,WAAWO,WAAWC,UAAY,SAASC,GAE5C,SAASC,EAAUC,EAAWC,GACtBC,EAAQF,EAAUG,KAAK,sDAAsD,EAIjF,OAAsB,GAFRD,EAAVD,EAAkBC,EAAME,IAAIH,EAAOE,KAAK,uBAAuB,CAAC,EAE7DD,GAAMG,QAAc,CAACH,EAAMI,OAAO,kBAAkB,EAAED,MACjE,CAEA,SAASE,EAAmBP,EAAWQ,GACnCA,EAAUA,GAAW,GAErB,IAAIX,EAAYG,EAAUG,KAAK,cAAc,EACzCM,EAAKX,EAAGY,YAAY,UAAU,EAC9BC,EAASd,EAAUe,SAAS,iBAAiB,EAAEP,OAAS,EACxDQ,EAAwBC,KAAAA,IAAjBN,EAAQK,KAAgC,IAAXF,EAAe,CAAC,CAACH,EAAQK,KAC7DE,EAAiCD,KAAAA,IAAtBN,EAAQQ,UAA0BjB,EAAUC,CAAS,EAAI,CAAC,CAACQ,EAAQQ,UAE9EC,EAAO/B,EAAE,kDAAkD,EAAEgC,SAASrB,CAAS,EAY/EsB,GAVJjC,EAAE,iCAAiC,EAC9BkC,OAAOlC,EAAE,6EAA6E,EAClFmC,KAAK,iBAAkB,IAAMZ,CAAE,EAC/BY,KAAK,gBAAiBR,EAAO,OAAS,OAAO,EAC7CS,YAAY,YAAa,CAACT,CAAI,EAC9BO,OAAOlC,EAAE,gCAAgC,EACrCqC,KAAKf,EAAQgB,OAAS1B,EAAG2B,EAAE,4BAA6B,CAAEd,OAAQA,CAAO,CAAC,CAAC,CAAC,CAAC,EACrFO,SAASD,CAAI,EAGH/B,EAAE,6CAA6C,EACzDmC,KAAK,KAAMZ,CAAE,EACbY,KAAK,eAAgBR,EAAO,OAAS,OAAO,EAC5CS,YAAY,OAAQT,CAAI,EACxBK,SAASD,CAAI,GAKlB,OAFKF,GAAYI,EAASE,KAAK,iBAAkB,IAAMxB,EAAUwB,KAAK,IAAI,CAAC,EAEpEnC,EAAE,gCAAgC,EAAEkC,OAAOtB,EAAG4B,cAAc,CAAC,EAAER,SAASC,CAAQ,CAC3F,CAeA,SAASQ,EAAqBV,EAAMJ,GAChCI,EAAKd,KAAK,uBAAuB,EAC5BkB,KAAK,eAAgBR,EAAO,OAAS,OAAO,EAC5CS,YAAY,OAAQT,CAAI,EAE7BI,EAAKd,KAAK,uCAAuC,EAC5CmB,YAAY,YAAa,CAACT,CAAI,EAC9BQ,KAAK,gBAAiBR,EAAO,OAAS,OAAO,CAEtD,CAeA,MAAO,CACHe,SAAU,0BAGVC,WAAY,SAASC,GACjBA,EAAShC,EAAGiC,OAAO5B,KAAK,sCAAsC,EAAG,CAC7D6B,UAAW,qBACXC,MAAO,WACX,CAAC,CACL,EACAC,WAAY,+BACZC,SAAU,iBAEVC,OAAQ,SAAS5B,GACb,IAAIR,EAAYd,EAAE,SAAS,EAAEmC,KAAK,oBAAqB,WAAW,EAC9DgB,EAAS7B,EAAQ6B,QAAU,GAC3BC,EAAQ9B,EAAQN,OAASmC,EAAOhC,QAAU,EAE9CnB,EAAE,2BAA2B,EACxBmC,KAAK,KAAMvB,EAAGY,YAAY,WAAW,CAAC,EACtCQ,SAASlB,CAAS,EAGvB,IAAK,IAAIuC,EAAI,EAAGA,EAAID,EAAOC,CAAC,GACxBhC,EAAmBP,EAAW,CAC1BwB,MAAOa,EAAOE,GACd1B,KAAY,IAAN0B,EACNvB,UAAWR,EAAQQ,SACvB,CAAC,EAGL,OAAOhB,CACX,EAEAwC,QAASjC,EAETkC,KAAM,SAASzC,GACXA,EAAUG,KAAK,gCAAgC,EAAEuC,KAAK,WAClD,IAAIzB,EAAO/B,EAAEyD,IAAI,EAAEC,SAAS,mBAAmB,EAC3CzB,EAAWF,EAAKd,KAAK,uBAAuB,EAU5C0C,GAJkC/B,KAAAA,IAAlCK,EAASE,KAAK,cAAc,GAC5BF,EAASE,KAAK,eAAgBF,EAAS2B,SAAS,MAAM,EAAI,OAAS,OAAO,EAGjE7B,EAAKd,KAAK,uCAAuC,GAI9DL,EAAGiD,eAAeF,CAAM,EACxB/C,EAAGkD,kBAAkBlD,EAAGmD,QAAQJ,CAAM,CAAC,EAElCA,EAAOK,KAAK,YAAY,GACzBL,EAAOK,KAAK,aAAc,CAAA,CAAI,EAAEC,GAAG,QAAS,SAASC,GACjD,IA/FoBnC,EAEhCoC,EA6F+D,SAA/CvD,EAAGmD,QAAQJ,CAAM,EAAExB,KAAK,iBAAiB,IAE7C+B,EAAEE,eAAe,EAjGRtD,EAkGWA,GAhGhCqD,EAA4C,UAFZpC,EAkGWA,GAjG3Bd,KAAK,uBAAuB,EACzBkB,KAAK,cAAc,IAE3B,CAACtB,EAAUC,CAAS,GAC/BA,EAAUG,KAAK,gCAAgC,EAAEC,IAAIa,CAAI,EAAEyB,KAAK,WAC5Df,EAAqBzC,EAAEyD,IAAI,EAAG,CAAA,CAAK,CACvC,CAAC,EAGLhB,EAAqBV,EAAMoC,CAAO,EAyFtB,CAAC,EAGDpC,EAAKd,KAAK,oBAAoB,EAAEE,QAEpCP,EAAGyD,mBAAmBtC,EAAM,iBAAkBnB,EAAG0D,SAASC,gBACtD3D,EAAG2B,EAAE,+BAA+B,EAAG,SAASiC,GAC5CzC,EAAK0C,QAAQ,IAAKD,CAAO,CAC7B,CAAC,CACT,CAAC,CACL,EAEAE,OAAQ,SAAS5D,GACbF,EAAG+D,cAAc7D,CAAS,EAG1BA,EAAUG,KAAK,gCAAgC,EAAEuC,KAAK,WAClDf,EAAqBzC,EAAEyD,IAAI,EACwC,SAA/DzD,EAAEyD,IAAI,EAAExC,KAAK,uBAAuB,EAAEkB,KAAK,cAAc,CAAY,CAC7E,CAAC,EAEDrB,EAAUG,KAAK,oBAAoB,EAAE2D,YAAY,mBAAmB,EACpEhE,EAAGiE,aAAa/D,CAAS,CAC7B,EAEAgE,cAAe,SAAShE,EAAWiB,GApGvC,IACQpB,EACAsB,EAFuBnB,EAqGDA,EApGtBH,GADkCoB,EAqGDA,GApGhBgD,QAAQ,YAAY,EACrC9C,EAAWF,EAAKd,KAAK,uBAAuB,EAI5CJ,EAAUC,EAAWiB,CAAI,EACzBE,EAAS+C,WAAW,gBAAgB,EAEpC/C,EAASE,KAAK,iBAAkB,IAAMxB,EAAUwB,KAAK,IAAI,CAAC,CA6F9D,CACJ,CACJ,CAEC,GAAE8C,MAAM"}
+{
+  "version": 3,
+  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.accordion.js"],
+  "sourcesContent": ["/**\n * What a plugin's or a locale's classic script imports in place of the\n * editor: the GridEditor the page already loaded.\n *\n * The build points `import { GridEditor } from '../grideditor.js'` here for\n * the classic scripts, so each registers on the editor the page has rather\n * than bringing its own. Loaded before the editor there is nothing to\n * register on, and saying so is better than a TypeError three calls later.\n */\nvar GridEditor = window.GridEditor;\n\nif (!GridEditor || typeof GridEditor.get !== 'function') {\n    throw new Error('grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, ' +\n        'its locales and grideditor.jquery.js');\n}\n\nexport { GridEditor };\nexport default GridEditor;\n", "/**\n * The DOM, the way grid-editor uses it.\n *\n * Small helpers over the browser's own API, for the core and the shipped\n * plugins. Not a public API: a plugin of a host's own is free to write its\n * DOM code however it likes, and this file makes no promise to it.\n *\n * Stateless on purpose. The build puts a copy of this file in each plugin's\n * classic script, so anything kept here would be kept once per copy; a\n * module that needs to remember something about a node keeps its own\n * WeakMap.\n */\n\n/** Every element under `root` matching `selector`, as an array. */\nexport function all(root, selector) {\n    return root ? Array.prototype.slice.call(root.querySelectorAll(selector)) : [];\n}\n\n/** The first element under `root` matching `selector`, or null. */\nexport function one(root, selector) {\n    return root ? root.querySelector(selector) : null;\n}\n\n/** `root` itself when it matches, then every element under it that does. */\nexport function selfAndAll(root, selector) {\n    if (!root) { return []; }\n\n    var found = all(root, selector);\n    if (root.nodeType === 1 && root.matches(selector)) { found.unshift(root); }\n    return found;\n}\n\n/** The element children of `node`, those matching `selector` if one is given. */\nexport function children(node, selector) {\n    if (!node) { return []; }\n\n    return Array.prototype.filter.call(node.children, function(each) {\n        return !selector || each.matches(selector);\n    });\n}\n\n/** The first element child matching `selector`, or null. */\nexport function child(node, selector) {\n    return children(node, selector)[0] || null;\n}\n\n/** The nearest ancestor-or-self matching `selector` below `stopAt`, or null. */\nexport function closest(node, selector, stopAt) {\n    var found = node && node.nodeType === 1 ? node.closest(selector) : null;\n\n    if (found && stopAt && found !== stopAt && !stopAt.contains(found)) { return null; }\n    return found;\n}\n\n/** Whether `node` is an element matching `selector`. */\nexport function is(node, selector) {\n    return !!node && node.nodeType === 1 && node.matches(selector);\n}\n\n/** Whether `node` is in the document. */\nexport function attached(node) {\n    return !!node && document.documentElement.contains(node);\n}\n\n/** The element siblings after `node` that match `selector`. */\nexport function nextAll(node, selector) {\n    var found = [];\n\n    for (var next = node.nextElementSibling; next; next = next.nextElementSibling) {\n        if (!selector || next.matches(selector)) { found.push(next); }\n    }\n    return found;\n}\n\n/** The ancestors of `node` up to, and not including, `stop`, nearest first. */\nexport function parentsUntil(node, stop) {\n    var found = [];\n\n    for (var parent = node.parentElement; parent && parent !== stop; parent = parent.parentElement) {\n        found.push(parent);\n    }\n    return found;\n}\n\n/**\n * The nodes the html parses into, detached. Parsed the way innerHTML parses,\n * so a <script> in it never runs, here or once it is in the page.\n */\nexport function parse(html) {\n    var template = document.createElement('template');\n    template.innerHTML = html;\n    return Array.prototype.slice.call(template.content.childNodes);\n}\n\n/** The one element the html is, detached. */\nexport function create(html) {\n    var nodes = parse(html.trim());\n\n    for (var i = 0; i < nodes.length; i++) {\n        if (nodes[i].nodeType === 1) { return nodes[i]; }\n    }\n    return null;\n}\n\n/** An element of `tag`, with `attributes` and `text`. */\nexport function element(tag, attributes, text) {\n    var node = document.createElement(tag);\n\n    Object.keys(attributes || {}).forEach(function(name) {\n        var value = attributes[name];\n        if (value !== null && value !== undefined && value !== false) { node.setAttribute(name, value); }\n    });\n    if (text !== undefined && text !== null) { node.textContent = text; }\n\n    return node;\n}\n\n/** Replace what `node` holds with `html`. A <script> in it does not run. */\nexport function setHtml(node, html) {\n    node.innerHTML = html === undefined || html === null ? '' : String(html);\n    return node;\n}\n\n/** Add one or several space separated classes. */\nexport function addClass(node, names) {\n    split(names).forEach(function(name) { node.classList.add(name); });\n    return node;\n}\n\nexport function removeClass(node, names) {\n    split(names).forEach(function(name) { node.classList.remove(name); });\n    return node;\n}\n\n/** Each class on, or off, or flipped when `on` is not given. */\nexport function toggleClass(node, names, state) {\n    split(names).forEach(function(name) {\n        if (state === undefined) {\n            node.classList.toggle(name);\n        } else {\n            node.classList.toggle(name, !!state);\n        }\n    });\n    return node;\n}\n\nexport function hasClass(node, name) {\n    return !!node && node.nodeType === 1 && node.classList.contains(name);\n}\n\nfunction split(names) {\n    return String(names || '').split(/\\s+/).filter(Boolean);\n}\n\n/** Take the class attribute off when there is nothing left in it. */\nexport function dropEmptyClass(node) {\n    if (!node.getAttribute('class')) { node.removeAttribute('class'); }\n    return node;\n}\n\n/** Take the style attribute off when there is nothing left in it. */\nexport function dropEmptyStyle(node) {\n    if (!node.getAttribute('style')) { node.removeAttribute('style'); }\n    return node;\n}\n\n/** Set attributes; a null or undefined value takes the attribute off. */\nexport function attr(node, attributes) {\n    Object.keys(attributes).forEach(function(name) {\n        var value = attributes[name];\n\n        if (value === null || value === undefined) {\n            node.removeAttribute(name);\n        } else {\n            node.setAttribute(name, value);\n        }\n    });\n    return node;\n}\n\n/**\n * Inline styles, by css property name. A number is pixels for the properties\n * that take a length, as jQuery had it; an empty string takes one off.\n */\nexport function css(node, styles) {\n    Object.keys(styles).forEach(function(property) {\n        var value = styles[property];\n\n        if (typeof value === 'number' && !UNITLESS[property]) { value = value + 'px'; }\n        node.style.setProperty(property, value === null || value === undefined ? '' : String(value));\n    });\n    return node;\n}\n\nvar UNITLESS = { opacity: true, 'z-index': true, 'flex-grow': true, 'flex-shrink': true, order: true };\n\n/** What an element of this tag shows as when nothing hides it. */\nvar defaultDisplays = {};\n\nfunction defaultDisplay(node) {\n    var tag = node.nodeName;\n\n    if (!defaultDisplays[tag]) {\n        var probe = document.body.appendChild(document.createElement(tag));\n        defaultDisplays[tag] = getComputedStyle(probe).display;\n        probe.remove();\n        if (defaultDisplays[tag] === 'none') { defaultDisplays[tag] = 'block'; }\n    }\n    return defaultDisplays[tag];\n}\n\n/** Show a node: its inline display:none off, and a display of its own if a stylesheet hides it. */\nexport function show(node) {\n    node.style.removeProperty('display');\n    if (getComputedStyle(node).display === 'none') { node.style.display = defaultDisplay(node); }\n    return node;\n}\n\nexport function hide(node) {\n    node.style.display = 'none';\n    return node;\n}\n\n/** Show or hide; flip when `on` is not given. */\nexport function toggle(node, state) {\n    if (state === undefined) { state = !visible(node); }\n    return state ? show(node) : hide(node);\n}\n\n/** Whether a node takes up room: what jQuery's :visible meant. */\nexport function visible(node) {\n    return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);\n}\n\n/** The border box's width, fractions included. */\nexport function outerWidth(node) {\n    return node.getBoundingClientRect().width;\n}\n\nexport function outerHeight(node) {\n    return node.getBoundingClientRect().height;\n}\n\n/** The content box's height, which is what jQuery's height() gave. */\nexport function contentHeight(node) {\n    var style = getComputedStyle(node);\n    return node.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n}\n\n/** Where a node is on the page, not in the window. */\nexport function offset(node) {\n    var box = node.getBoundingClientRect();\n    return { top: box.top + window.pageYOffset, left: box.left + window.pageXOffset };\n}\n\n/** Its index among its parent's element children, those matching `selector` if given. */\nexport function indexIn(node, selector) {\n    return children(node.parentElement, selector).indexOf(node);\n}\n\n/** Put `node` right after `reference`. */\nexport function insertAfter(node, reference) {\n    reference.parentNode.insertBefore(node, reference.nextSibling);\n    return node;\n}\n\n/** Replace `node` with what it holds. */\nexport function unwrap(node) {\n    var parent = node.parentNode;\n\n    while (node.firstChild) { parent.insertBefore(node.firstChild, node); }\n    node.remove();\n}\n\n/** Put `node` inside `wrapper`, where `node` was. */\nexport function wrap(node, wrapper) {\n    node.parentNode.insertBefore(wrapper, node);\n    wrapper.appendChild(node);\n    return wrapper;\n}\n\n/**\n * Listen on `root` for `types` (space separated) on descendants that match\n * `selector`, with `this` the matched element, as jQuery's delegated\n * handlers had it. Hands back the listener, for removeEventListener; a\n * signal in `options` removes it too.\n */\nexport function delegate(root, types, selector, handler, options) {\n    var listener = function(event) {\n        var match = closest(event.target, selector, root);\n        if (match && root.contains(match)) { return handler.call(match, event); }\n        return undefined;\n    };\n\n    split(types).forEach(function(type) { root.addEventListener(type, listener, options); });\n    return listener;\n}\n\n/** Listen for several space separated event types with one handler. */\nexport function on(target, types, handler, options) {\n    split(types).forEach(function(type) { target.addEventListener(type, handler, options); });\n    return handler;\n}\n\nexport function off(target, types, handler, options) {\n    split(types).forEach(function(type) { target.removeEventListener(type, handler, options); });\n}\n\n/** A mouse event of `type` sent to `node`, the way a pointer would. */\nexport function fire(node, type) {\n    node.dispatchEvent(new MouseEvent(type, { bubbles: type !== 'mouseenter' && type !== 'mouseleave' }));\n}\n\n/* ------------------------------------------------------------------\n * Taking a node away, visibly.\n *\n * The durations are 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 * Accordions for grid-editor.\n *\n * A container plugin: load this file after the editor and the toolbar offers\n * an accordion. What it can ask the editor for is the handle its factory is\n * called with, described in docs/plugins.md.\n *\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.accordion.min.js\"></script>\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n    'container.add_accordion': 'Accordion',\n    'container.add_accordion_item': 'Add item',\n    'container.accordion_label': 'Item {number}',\n    'confirm.delete_accordion_item': 'Delete this item and everything in it?',\n});\n\nGridEditor.containers.accordion = function(ge) {\n\n    // The buttons whose clicks the editor answers itself, bound once each\n    var answered = new WeakSet();\n\n    function collapseOf(item) {\n        return dom.child(item, '.accordion-collapse');\n    }\n\n    function staysOpen(container, ignore) {\n        var items = dom.all(container, ':scope > .accordion > .accordion-item > .accordion-collapse');\n\n        if (ignore) {\n            var ignored = collapseOf(ignore);\n            items = items.filter(function(collapse) { return collapse !== ignored; });\n        }\n\n        return items.length > 0 && !items.filter(function(collapse) {\n            return collapse.hasAttribute('data-bs-parent');\n        }).length;\n    }\n\n    function addAccordionItemTo(container, options) {\n        options = options || {};\n\n        var accordion = dom.child(container, '.accordion');\n        var id = ge.containerId('acc-item');\n        var number = dom.children(accordion, '.accordion-item').length + 1;\n        var open = options.open === undefined ? number === 1 : !!options.open;\n        var stayOpen = options.stay_open === undefined ? staysOpen(container) : !!options.stay_open;\n\n        var item = accordion.appendChild(dom.element('div', { 'class': 'accordion-item ge-accordion-item' }));\n\n        var header = item.appendChild(dom.element('h2', { 'class': 'accordion-header' }));\n        var button = header.appendChild(dom.element('button', {\n            'class': 'accordion-button',\n            type: 'button',\n            'data-bs-toggle': 'collapse',\n            'data-bs-target': '#' + id,\n            'aria-expanded': open ? 'true' : 'false',\n        }));\n        dom.toggleClass(button, 'collapsed', !open);\n        button.appendChild(dom.element('span', { 'class': 'ge-pane-label' },\n            options.label || ge.t('container.accordion_label', { number: number })));\n\n        var collapse = item.appendChild(dom.element('div', {\n            'class': 'accordion-collapse collapse',\n            id: id,\n            'data-ge-open': open ? 'true' : 'false',\n        }));\n        dom.toggleClass(collapse, 'show', open);\n\n        if (!stayOpen) { collapse.setAttribute('data-bs-parent', '#' + accordion.getAttribute('id')); }\n\n        var body = collapse.appendChild(dom.element('div', { 'class': 'accordion-body' }));\n        body.appendChild(ge.defaultRegion());\n        return body;\n    }\n\n    function toggleAccordionItem(container, item) {\n        var collapse = collapseOf(item);\n        var opening = collapse.getAttribute('data-ge-open') !== 'true';\n\n        if (opening && !staysOpen(container)) {\n            dom.all(container, ':scope > .accordion > .accordion-item').forEach(function(other) {\n                if (other !== item) { setAccordionItemOpen(other, false); }\n            });\n        }\n\n        setAccordionItemOpen(item, opening);\n    }\n\n    function setAccordionItemOpen(item, open) {\n        var collapse = collapseOf(item);\n        if (collapse) {\n            collapse.setAttribute('data-ge-open', open ? 'true' : 'false');\n            dom.toggleClass(collapse, 'show', open);\n        }\n\n        dom.all(item, ':scope > .accordion-header .accordion-button').forEach(function(button) {\n            dom.toggleClass(button, 'collapsed', !open);\n            button.setAttribute('aria-expanded', open ? 'true' : 'false');\n        });\n    }\n\n    function reparentAccordionItem(container, item) {\n        var accordion = item.closest('.accordion');\n        var collapse = collapseOf(item);\n        if (!collapse) { return; }\n\n        // The item that just arrived still carries the parent it had\n        // where it came from, so it is not asked what this accordion does\n        if (staysOpen(container, item)) {\n            collapse.removeAttribute('data-bs-parent');\n        } else {\n            collapse.setAttribute('data-bs-parent', '#' + accordion.getAttribute('id'));\n        }\n    }\n\n    return {\n        labelKey: 'container.add_accordion',\n\n        // Items sort within their accordion and into any other one\n        onSortable: function(sortable) {\n            sortable(dom.all(ge.canvas, '.ge-container-accordion > .accordion'), {\n                draggable: '.ge-accordion-item',\n                group: 'accordion',\n            });\n        },\n        addPaneKey: 'container.add_accordion_item',\n        paneKind: 'accordion-item',\n\n        create: function(options) {\n            var container = dom.element('div', { 'data-ge-container': 'accordion' });\n            var labels = options.labels || [];\n            var count = options.items || labels.length || 2;\n\n            container.appendChild(dom.element('div', { 'class': 'accordion', id: ge.containerId('accordion') }));\n\n            for (var i = 0; i < count; i++) {\n                addAccordionItemTo(container, {\n                    label: labels[i],\n                    open: i === 0,\n                    stay_open: options.stay_open,\n                });\n            }\n\n            return container;\n        },\n\n        addPane: addAccordionItemTo,\n\n        mark: function(container) {\n            dom.all(container, ':scope > .accordion > .accordion-item').forEach(function(item) {\n                dom.addClass(item, 'ge-accordion-item');\n                var collapse = collapseOf(item);\n\n                // What the author wanted, before Bootstrap's own\n                // toggles get a chance to change it while editing.\n                // Every item is shown while editing (the stylesheet\n                // does that), so this is the only record of it.\n                if (collapse && !collapse.hasAttribute('data-ge-open')) {\n                    collapse.setAttribute('data-ge-open', dom.hasClass(collapse, 'show') ? 'true' : 'false');\n                }\n\n                var button = dom.one(item, ':scope > .accordion-header .accordion-button');\n\n                if (button) {\n                    // Bootstrap's collapse stays out of it, and the editor\n                    // answers the click itself\n                    ge.suspendToggles(button);\n                    ge.makeLabelEditable(ge.labelIn(button));\n\n                    if (!answered.has(button)) {\n                        answered.add(button);\n                        button.addEventListener('click', function(e) {\n                            if (ge.labelIn(button).getAttribute('contenteditable') === 'true') { return; }\n\n                            e.preventDefault();\n                            toggleAccordionItem(container, item);\n                        });\n                    }\n                }\n\n                if (dom.child(item, '.ge-tools-drawer')) { return; }\n\n                ge.createPaneControls(item, 'accordion-item', ge.settings.accordion_tools,\n                    ge.t('confirm.delete_accordion_item'), function(removed) {\n                        dom.slideUp(item, 200, removed);\n                    });\n            });\n        },\n\n        unmark: function(container) {\n            ge.resumeToggles(container);\n\n            // What the canvas was showing is what the page ships\n            dom.all(container, ':scope > .accordion > .accordion-item').forEach(function(item) {\n                var collapse = collapseOf(item);\n                setAccordionItemOpen(item, !!collapse && collapse.getAttribute('data-ge-open') === 'true');\n            });\n\n            dom.all(container, '.ge-accordion-item').forEach(function(item) {\n                dom.removeClass(item, 'ge-accordion-item');\n            });\n            ge.unwrapLabels(container);\n        },\n\n        afterPaneMove: function(container, item) {\n            reparentAccordionItem(container, item);\n        },\n    };\n};\n"],
+  "mappings": "MASA,IAAIA,EAAa,OAAO,WAExB,GAAI,CAACA,GAAc,OAAOA,EAAW,KAAQ,WACzC,MAAM,IAAI,MAAM,wHAC0B,ECCvC,SAASC,EAAIC,EAAMC,EAAU,CAChC,OAAOD,EAAO,MAAM,UAAU,MAAM,KAAKA,EAAK,iBAAiBC,CAAQ,CAAC,EAAI,CAAC,CACjF,CAGO,SAASC,EAAIF,EAAMC,EAAU,CAChC,OAAOD,EAAOA,EAAK,cAAcC,CAAQ,EAAI,IACjD,CAYO,SAASE,EAASC,EAAMC,EAAU,CACrC,OAAKD,EAEE,MAAM,UAAU,OAAO,KAAKA,EAAK,SAAU,SAASE,EAAM,CAC7D,MAAO,CAACD,GAAYC,EAAK,QAAQD,CAAQ,CAC7C,CAAC,EAJmB,CAAC,CAKzB,CAGO,SAASE,EAAMH,EAAMC,EAAU,CAClC,OAAOF,EAASC,EAAMC,CAAQ,EAAE,CAAC,GAAK,IAC1C,CA6DO,SAASG,EAAQC,EAAKC,EAAYC,EAAM,CAC3C,IAAIC,EAAO,SAAS,cAAcH,CAAG,EAErC,cAAO,KAAKC,GAAc,CAAC,CAAC,EAAE,QAAQ,SAASG,EAAM,CACjD,IAAIC,EAAQJ,EAAWG,CAAI,EACvBC,GAAU,MAA+BA,IAAU,IAASF,EAAK,aAAaC,EAAMC,CAAK,CACjG,CAAC,EACyBH,GAAS,OAAQC,EAAK,YAAcD,GAEvDC,CACX,CASO,SAASG,EAASC,EAAMC,EAAO,CAClC,OAAAC,EAAMD,CAAK,EAAE,QAAQ,SAASE,EAAM,CAAEH,EAAK,UAAU,IAAIG,CAAI,CAAG,CAAC,EAC1DH,CACX,CAEO,SAASI,EAAYJ,EAAMC,EAAO,CACrC,OAAAC,EAAMD,CAAK,EAAE,QAAQ,SAASE,EAAM,CAAEH,EAAK,UAAU,OAAOG,CAAI,CAAG,CAAC,EAC7DH,CACX,CAGO,SAASK,EAAYL,EAAMC,EAAOK,EAAO,CAC5C,OAAAJ,EAAMD,CAAK,EAAE,QAAQ,SAASE,EAAM,CAC5BG,IAAU,OACVN,EAAK,UAAU,OAAOG,CAAI,EAE1BH,EAAK,UAAU,OAAOG,EAAM,CAAC,CAACG,CAAK,CAE3C,CAAC,EACMN,CACX,CAEO,SAASO,EAASP,EAAMG,EAAM,CACjC,MAAO,CAAC,CAACH,GAAQA,EAAK,WAAa,GAAKA,EAAK,UAAU,SAASG,CAAI,CACxE,CAEA,SAASD,EAAMD,EAAO,CAClB,OAAO,OAAOA,GAAS,EAAE,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,CAC1D,CAkEO,SAASO,EAAKC,EAAM,CACvB,OAAAA,EAAK,MAAM,QAAU,OACdA,CACX,CASO,SAASC,EAAQC,EAAM,CAC1B,MAAO,CAAC,EAAEA,EAAK,aAAeA,EAAK,cAAgBA,EAAK,eAAe,EAAE,OAC7E,CA0FA,IAAIC,EAAmB,IAEvB,SAASC,EAAYC,EAAMC,EAAQC,EAAUC,EAAM,CAC/CD,EAAWA,IAAa,OAAYJ,EAAmBI,EAEvD,IAAIE,EAAS,UAAW,CACpBC,EAAKL,CAAI,EACLG,GAAQA,EAAK,CACrB,EAEA,GAAI,CAACG,EAAQN,CAAI,GAAK,CAACA,EAAK,SAAWE,GAAY,EAAG,CAClD,OAAO,WAAWE,EAAQ,CAAC,EAC3B,MACJ,CAEA,IAAIG,EAAYP,EAAK,QAAQC,EAAO,iBAAiBD,CAAI,CAAC,EAAG,CACzD,SAAUE,EACV,OAAQ,aACZ,CAAC,EACGM,EAAS,GACTC,EAAO,UAAW,CACdD,IACJA,EAAS,GACTJ,EAAO,EACX,EAEAG,EAAU,SAAWE,EACrBF,EAAU,SAAWE,CACzB,CAGO,SAASC,EAAQV,EAAME,EAAUC,EAAM,CACtC,OAAOD,GAAa,aACpBC,EAAOD,EACPA,EAAW,QAGfF,EAAK,MAAM,SAAW,SACtBD,EAAYC,EAAM,SAASW,EAAO,CAC9B,MAAO,CACH,CACI,OAAQA,EAAM,OACd,WAAYA,EAAM,WAClB,cAAeA,EAAM,cACrB,UAAWA,EAAM,UACjB,aAAcA,EAAM,YACxB,EACA,CAAE,OAAQ,MAAO,WAAY,MAAO,cAAe,MAAO,UAAW,MAAO,aAAc,KAAM,CACpG,CACJ,EAAGT,EAAU,UAAW,CACpBF,EAAK,MAAM,eAAe,UAAU,EAChCG,GAAQA,EAAK,CACrB,CAAC,CACL,CC1WA,OAAO,OAAOS,EAAW,QAAQ,GAAI,CACjC,0BAA2B,YAC3B,+BAAgC,WAChC,4BAA6B,gBAC7B,gCAAiC,wCACrC,CAAC,EAEDA,EAAW,WAAW,UAAY,SAASC,EAAI,CAG3C,IAAIC,EAAW,IAAI,QAEnB,SAASC,EAAWC,EAAM,CACtB,OAAWC,EAAMD,EAAM,qBAAqB,CAChD,CAEA,SAASE,EAAUC,EAAWC,EAAQ,CAClC,IAAIC,EAAYC,EAAIH,EAAW,6DAA6D,EAE5F,GAAIC,EAAQ,CACR,IAAIG,EAAUR,EAAWK,CAAM,EAC/BC,EAAQA,EAAM,OAAO,SAASG,EAAU,CAAE,OAAOA,IAAaD,CAAS,CAAC,CAC5E,CAEA,OAAOF,EAAM,OAAS,GAAK,CAACA,EAAM,OAAO,SAASG,EAAU,CACxD,OAAOA,EAAS,aAAa,gBAAgB,CACjD,CAAC,EAAE,MACP,CAEA,SAASC,EAAmBN,EAAWO,EAAS,CAC5CA,EAAUA,GAAW,CAAC,EAEtB,IAAIC,EAAgBV,EAAME,EAAW,YAAY,EAC7CS,EAAKf,EAAG,YAAY,UAAU,EAC9BgB,EAAaC,EAASH,EAAW,iBAAiB,EAAE,OAAS,EAC7DI,EAAOL,EAAQ,OAAS,OAAYG,IAAW,EAAI,CAAC,CAACH,EAAQ,KAC7DM,EAAWN,EAAQ,YAAc,OAAYR,EAAUC,CAAS,EAAI,CAAC,CAACO,EAAQ,UAE9EV,EAAOW,EAAU,YAAgBM,EAAQ,MAAO,CAAE,MAAS,kCAAmC,CAAC,CAAC,EAEhGC,EAASlB,EAAK,YAAgBiB,EAAQ,KAAM,CAAE,MAAS,kBAAmB,CAAC,CAAC,EAC5EE,EAASD,EAAO,YAAgBD,EAAQ,SAAU,CAClD,MAAS,mBACT,KAAM,SACN,iBAAkB,WAClB,iBAAkB,IAAML,EACxB,gBAAiBG,EAAO,OAAS,OACrC,CAAC,CAAC,EACEK,EAAYD,EAAQ,YAAa,CAACJ,CAAI,EAC1CI,EAAO,YAAgBF,EAAQ,OAAQ,CAAE,MAAS,eAAgB,EAC9DP,EAAQ,OAASb,EAAG,EAAE,4BAA6B,CAAE,OAAQgB,CAAO,CAAC,CAAC,CAAC,EAE3E,IAAIL,EAAWR,EAAK,YAAgBiB,EAAQ,MAAO,CAC/C,MAAS,8BACT,GAAIL,EACJ,eAAgBG,EAAO,OAAS,OACpC,CAAC,CAAC,EACEK,EAAYZ,EAAU,OAAQO,CAAI,EAEjCC,GAAYR,EAAS,aAAa,iBAAkB,IAAMG,EAAU,aAAa,IAAI,CAAC,EAE3F,IAAIU,EAAOb,EAAS,YAAgBS,EAAQ,MAAO,CAAE,MAAS,gBAAiB,CAAC,CAAC,EACjF,OAAAI,EAAK,YAAYxB,EAAG,cAAc,CAAC,EAC5BwB,CACX,CAEA,SAASC,EAAoBnB,EAAWH,EAAM,CAC1C,IAAIQ,EAAWT,EAAWC,CAAI,EAC1BuB,EAAUf,EAAS,aAAa,cAAc,IAAM,OAEpDe,GAAW,CAACrB,EAAUC,CAAS,GAC3BG,EAAIH,EAAW,uCAAuC,EAAE,QAAQ,SAASqB,EAAO,CAC5EA,IAAUxB,GAAQyB,EAAqBD,EAAO,EAAK,CAC3D,CAAC,EAGLC,EAAqBzB,EAAMuB,CAAO,CACtC,CAEA,SAASE,EAAqBzB,EAAMe,EAAM,CACtC,IAAIP,EAAWT,EAAWC,CAAI,EAC1BQ,IACAA,EAAS,aAAa,eAAgBO,EAAO,OAAS,OAAO,EACzDK,EAAYZ,EAAU,OAAQO,CAAI,GAGtCT,EAAIN,EAAM,8CAA8C,EAAE,QAAQ,SAASmB,EAAQ,CAC/EC,EAAYD,EAAQ,YAAa,CAACJ,CAAI,EAC1CI,EAAO,aAAa,gBAAiBJ,EAAO,OAAS,OAAO,CAChE,CAAC,CACL,CAEA,SAASW,EAAsBvB,EAAWH,EAAM,CAC5C,IAAIW,EAAYX,EAAK,QAAQ,YAAY,EACrCQ,EAAWT,EAAWC,CAAI,EACzBQ,IAIDN,EAAUC,EAAWH,CAAI,EACzBQ,EAAS,gBAAgB,gBAAgB,EAEzCA,EAAS,aAAa,iBAAkB,IAAMG,EAAU,aAAa,IAAI,CAAC,EAElF,CAEA,MAAO,CACH,SAAU,0BAGV,WAAY,SAASgB,EAAU,CAC3BA,EAAarB,EAAIT,EAAG,OAAQ,sCAAsC,EAAG,CACjE,UAAW,qBACX,MAAO,WACX,CAAC,CACL,EACA,WAAY,+BACZ,SAAU,iBAEV,OAAQ,SAASa,EAAS,CACtB,IAAIP,EAAgBc,EAAQ,MAAO,CAAE,oBAAqB,WAAY,CAAC,EACnEW,EAASlB,EAAQ,QAAU,CAAC,EAC5BmB,EAAQnB,EAAQ,OAASkB,EAAO,QAAU,EAE9CzB,EAAU,YAAgBc,EAAQ,MAAO,CAAE,MAAS,YAAa,GAAIpB,EAAG,YAAY,WAAW,CAAE,CAAC,CAAC,EAEnG,QAASiC,EAAI,EAAGA,EAAID,EAAOC,IACvBrB,EAAmBN,EAAW,CAC1B,MAAOyB,EAAOE,CAAC,EACf,KAAMA,IAAM,EACZ,UAAWpB,EAAQ,SACvB,CAAC,EAGL,OAAOP,CACX,EAEA,QAASM,EAET,KAAM,SAASN,EAAW,CAClBG,EAAIH,EAAW,uCAAuC,EAAE,QAAQ,SAASH,EAAM,CAC3E+B,EAAS/B,EAAM,mBAAmB,EACtC,IAAIQ,EAAWT,EAAWC,CAAI,EAM1BQ,GAAY,CAACA,EAAS,aAAa,cAAc,GACjDA,EAAS,aAAa,eAAoBwB,EAASxB,EAAU,MAAM,EAAI,OAAS,OAAO,EAG3F,IAAIW,EAAac,EAAIjC,EAAM,8CAA8C,EAErEmB,IAGAtB,EAAG,eAAesB,CAAM,EACxBtB,EAAG,kBAAkBA,EAAG,QAAQsB,CAAM,CAAC,EAElCrB,EAAS,IAAIqB,CAAM,IACpBrB,EAAS,IAAIqB,CAAM,EACnBA,EAAO,iBAAiB,QAAS,SAASe,EAAG,CACrCrC,EAAG,QAAQsB,CAAM,EAAE,aAAa,iBAAiB,IAAM,SAE3De,EAAE,eAAe,EACjBZ,EAAoBnB,EAAWH,CAAI,EACvC,CAAC,IAIL,CAAIC,EAAMD,EAAM,kBAAkB,GAEtCH,EAAG,mBAAmBG,EAAM,iBAAkBH,EAAG,SAAS,gBACtDA,EAAG,EAAE,+BAA+B,EAAG,SAASsC,EAAS,CACjDC,EAAQpC,EAAM,IAAKmC,CAAO,CAClC,CAAC,CACT,CAAC,CACL,EAEA,OAAQ,SAAShC,EAAW,CACxBN,EAAG,cAAcM,CAAS,EAGtBG,EAAIH,EAAW,uCAAuC,EAAE,QAAQ,SAASH,EAAM,CAC/E,IAAIQ,EAAWT,EAAWC,CAAI,EAC9ByB,EAAqBzB,EAAM,CAAC,CAACQ,GAAYA,EAAS,aAAa,cAAc,IAAM,MAAM,CAC7F,CAAC,EAEGF,EAAIH,EAAW,oBAAoB,EAAE,QAAQ,SAASH,EAAM,CACxDqC,EAAYrC,EAAM,mBAAmB,CAC7C,CAAC,EACDH,EAAG,aAAaM,CAAS,CAC7B,EAEA,cAAe,SAASA,EAAWH,EAAM,CACrC0B,EAAsBvB,EAAWH,CAAI,CACzC,CACJ,CACJ",
+  "names": ["GridEditor", "all", "root", "selector", "one", "children", "node", "selector", "each", "child", "element", "tag", "attributes", "text", "node", "name", "value", "addClass", "node", "names", "split", "name", "removeClass", "toggleClass", "state", "hasClass", "hide", "node", "visible", "node", "DEFAULT_DURATION", "animateAway", "node", "frames", "duration", "done", "finish", "hide", "visible", "animation", "called", "once", "slideUp", "style", "GridEditor", "ge", "answered", "collapseOf", "item", "child", "staysOpen", "container", "ignore", "items", "all", "ignored", "collapse", "addAccordionItemTo", "options", "accordion", "id", "number", "children", "open", "stayOpen", "element", "header", "button", "toggleClass", "body", "toggleAccordionItem", "opening", "other", "setAccordionItemOpen", "reparentAccordionItem", "sortable", "labels", "count", "i", "addClass", "hasClass", "one", "e", "removed", "slideUp", "removeClass"]
+}