@themarioga/grid-editor 6.0.0 → 7.1.0

package/dist/plugins/grideditor.sections.js

@@ -1,199 +1,276 @@
-/**
- * Sections for grid-editor.
- *
- * A feature plugin: load this file after the editor and the canvas can hold
- * sections - Bootstrap's .container, .container-fluid and .container-{bp} -
- * each grouping rows at a width of its own. 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.sections.min.js"></script>
- *
- * Called sections, not containers, because a container is what the tabs,
- * accordion, popup and card plugins make. A section is recognised by its
- * Bootstrap class alone, and only as a child of the canvas: a .container
- * somewhere inside an element's markup is that element's business.
- *
- * sections.widths narrows the widths the field offers.
- */
-(function($) {
-
-$.extend($.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?',
-});
-
-/** Each width, and the class that gives it. */
-var WIDTHS = {
-    fixed: 'container',
-    fluid: 'container-fluid',
-    sm: 'container-sm',
-    md: 'container-md',
-    lg: 'container-lg',
-    xl: 'container-xl',
-    xxl: 'container-xxl',
-};
-
-var ORDER = ['fixed', 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'];
-
-$.fn.gridEditor.features.sections = function(ge) {
-
-    var options = $.extend({ widths: ORDER }, ge.settings.sections);
-
+(() => {
+  // 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 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 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.sections.js
+  Object.assign(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 WIDTHS = {
+    fixed: "container",
+    fluid: "container-fluid",
+    sm: "container-sm",
+    md: "container-md",
+    lg: "container-lg",
+    xl: "container-xl",
+    xxl: "container-xxl"
+  };
+  var ORDER = ["fixed", "sm", "md", "lg", "xl", "xxl", "fluid"];
+  GridEditor.features.sections = function(ge) {
+    var options = Object.assign({ widths: ORDER }, ge.settings.sections);
     function widthOf(section) {
-        var found = null;
-
-        $.each(WIDTHS, function(width, className) {
-            if (!found && section.hasClass(className)) { found = width; }
-        });
-
-        return found;
+      var found = null;
+      Object.keys(WIDTHS).forEach(function(width) {
+        if (!found && hasClass(section, WIDTHS[width])) {
+          found = width;
+        }
+      });
+      return found;
     }
-
     function isSection(node) {
-        return node.parent()[0] === ge.canvas[0] && widthOf(node) !== null;
+      return node.parentElement === ge.canvas && widthOf(node) !== null;
     }
-
     function sections() {
-        return ge.canvas.children().filter(function() { return isSection($(this)); });
+      return children(ge.canvas).filter(isSection);
     }
-
     function label(width) {
-        if (width === 'fixed') { return ge.t('section.fixed'); }
-        if (width === 'fluid') { return ge.t('section.fluid'); }
-
-        return ge.t('section.from', { breakpoint: width });
+      if (width === "fixed") {
+        return ge.t("section.fixed");
+      }
+      if (width === "fluid") {
+        return ge.t("section.fluid");
+      }
+      return ge.t("section.from", { breakpoint: width });
     }
-
-    /**
-     * Change a section's width, announced like a utility: the width is its
-     * one container class, the same at every breakpoint.
-     */
     function setWidth(section, width, source) {
-        var from = widthOf(section);
-        if (from === width || !WIDTHS[width]) { return false; }
-
-        return ge.operate(function() {
-            var payload = ge.payloadFor('section', section, {
-                family: 'section',
-                breakpoint: 'all',
-                tiers: [],
-                from: from,
-                to: width,
-                source: source || 'api',
-            });
-
-            if (!ge.emit('before-utility', payload)) {
-                ge.detailsOf(section).find('.ge-section-width select').val(from);
-                return false;
-            }
-
-            section.removeClass(WIDTHS[from]).addClass(WIDTHS[width]);
-            ge.emit('after-utility', payload);
-
-            return true;
+      var from = widthOf(section);
+      if (from === width || !WIDTHS[width]) {
+        return false;
+      }
+      return ge.operate(function() {
+        var payload = ge.payloadFor("section", section, {
+          family: "section",
+          breakpoint: "all",
+          tiers: [],
+          from,
+          to: width,
+          source: source || "api"
         });
+        if (!ge.emit("before-utility", payload)) {
+          var select = one(ge.detailsOf(section), ".ge-section-width select");
+          if (select) {
+            select.value = from;
+          }
+          return false;
+        }
+        removeClass(section, WIDTHS[from]);
+        addClass(section, WIDTHS[width]);
+        ge.emit("after-utility", payload);
+        return true;
+      });
     }
-
     function widthField(section) {
-        var select = $('<select class="form-select form-select-sm" />');
-        var current = widthOf(section);
-        var offered = options.widths.indexOf(current) === -1 ? options.widths.concat([current]) : options.widths;
-
-        ORDER.forEach(function(width) {
-            if (offered.indexOf(width) === -1) { return; }
-            $('<option />').attr('value', width).text(label(width)).appendTo(select);
-        });
-
-        select.val(current).on('change', function() { setWidth(section, this.value, 'panel'); });
-
-        return $('<label class="ge-utility ge-section-width" />')
-            .append($('<span class="ge-utility-label" />').text(ge.t('section.width')))
-            .append(select);
+      var select = element("select", { "class": "form-select form-select-sm" });
+      var current = widthOf(section);
+      var offered = options.widths.indexOf(current) === -1 ? options.widths.concat([current]) : options.widths;
+      ORDER.forEach(function(width) {
+        if (offered.indexOf(width) === -1) {
+          return;
+        }
+        select.appendChild(element("option", { value: width }, label(width)));
+      });
+      select.value = current;
+      select.addEventListener("change", function() {
+        setWidth(section, this.value, "panel");
+      });
+      var field = element("label", { "class": "ge-utility ge-section-width" });
+      field.appendChild(element("span", { "class": "ge-utility-label" }, ge.t("section.width")));
+      field.appendChild(select);
+      return field;
     }
-
     function createControls(section) {
-        var drawer = $('<div class="ge-tools-drawer ge-section-drawer" />').prependTo(section);
-
-        ge.createMoveTool(drawer);
-        ge.addSettingsTool(drawer, section, ge.settings.section_classes || []).append(widthField(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 });
+      var drawer = element("div", { "class": "ge-tools-drawer ge-section-drawer" });
+      section.insertBefore(drawer, section.firstChild);
+      ge.createMoveTool(drawer);
+      ge.addSettingsTool(drawer, section, ge.settings.section_classes || []).appendChild(widthField(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) {
+          slideUp(section, 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() {
-        sections().each(function() {
-            var section = $(this).addClass('ge-section');
-            if (!section.children('.ge-tools-drawer').length) { createControls(section); }
-        });
+      sections().forEach(function(section) {
+        addClass(section, "ge-section");
+        if (!child(section, ".ge-tools-drawer")) {
+          createControls(section);
+        }
+      });
     }
-
     function unmark() {
-        ge.canvas.children('.ge-section').removeClass('ge-section');
+      children(ge.canvas, ".ge-section").forEach(function(section) {
+        removeClass(section, "ge-section");
+      });
     }
-
-    /** createSection(options): a section, detached unless a placement is given. */
     function createSection(settings) {
-        settings = settings || {};
-
-        var section = $('<div />').addClass(WIDTHS[settings.width] || WIDTHS.fixed);
-
-        (settings.rows || [[12]]).forEach(function(layout) {
-            ge.rowFromLayout(layout).appendTo(section);
-        });
-
-        return ge.place(section, 'section', settings);
+      settings = settings || {};
+      var section = element("div", { "class": WIDTHS[settings.width] || WIDTHS.fixed });
+      (settings.rows || [[12]]).forEach(function(layout) {
+        section.appendChild(ge.rowFromLayout(layout));
+      });
+      return ge.place(section, "section", settings);
     }
-
     return {
-        methods: {
-            createSection: createSection,
-        },
-
-        kindOf: function(node) {
-            return node.hasClass('ge-section') ? 'section' : null;
-        },
-
-        // A section is a block the canvas moves, and a region rows move in
-        blocks: '.ge-section',
-        regions: '.ge-section',
-
-        /** A section goes on the canvas and nowhere else, and holds rows and nothing else. */
-        accepts: function(region, node) {
-            if (node.hasClass('ge-section') || isSectionMade(node)) { return region[0] === ge.canvas[0]; }
-            if (region.hasClass('ge-section')) { return node.hasClass('row'); }
-
-            return true;
-        },
-
-        toolbar: [{
-            labelKey: 'section.add',
-            kind: 'section',
-            create: function() { return createSection(); },
-        }],
-
-        onInit: mark,
-        onDeinit: unmark,
+      methods: {
+        createSection
+      },
+      kindOf: function(node) {
+        return hasClass(node, "ge-section") ? "section" : null;
+      },
+      // A section is a block the canvas moves, and a region rows move in
+      blocks: ".ge-section",
+      regions: ".ge-section",
+      /** A section goes on the canvas and nowhere else, and holds rows and nothing else. */
+      accepts: function(region, node) {
+        if (hasClass(node, "ge-section") || isSectionMade(node)) {
+          return region === ge.canvas;
+        }
+        if (hasClass(region, "ge-section")) {
+          return hasClass(node, "row");
+        }
+        return true;
+      },
+      toolbar: [{
+        labelKey: "section.add",
+        kind: "section",
+        create: function() {
+          return createSection();
+        }
+      }],
+      onInit: mark,
+      onDeinit: unmark
     };
-
-    /** A section the toolbar just made, before init has marked it. */
     function isSectionMade(node) {
-        return !node.parent().length && widthOf(node) !== null;
+      return !node.parentElement && widthOf(node) !== null;
     }
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(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 class="form-select form-select-sm" />'),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):(s.detailsOf(t).find(".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
+(()=>{var h=window.GridEditor;if(!h||typeof h.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 b(t,n){return t?t.querySelector(n):null}function g(t,n){return t?Array.prototype.filter.call(t.children,function(i){return!n||i.matches(n)}):[]}function C(t,n){return g(t,n)[0]||null}function c(t,n,i){var o=document.createElement(t);return Object.keys(n||{}).forEach(function(u){var l=n[u];l!=null&&l!==!1&&o.setAttribute(u,l)}),i!=null&&(o.textContent=i),o}function y(t,n){return T(n).forEach(function(i){t.classList.add(i)}),t}function w(t,n){return T(n).forEach(function(i){t.classList.remove(i)}),t}function m(t,n){return!!t&&t.nodeType===1&&t.classList.contains(n)}function T(t){return String(t||"").split(/\s+/).filter(Boolean)}function _(t){return t.style.display="none",t}function j(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}var F=400;function D(t,n,i,o){i=i===void 0?F:i;var u=function(){_(t),o&&o()};if(!j(t)||!t.animate||i<=0){window.setTimeout(u,0);return}var l=t.animate(n(getComputedStyle(t)),{duration:i,easing:"ease-in-out"}),v=!1,x=function(){v||(v=!0,u())};l.onfinish=x,l.oncancel=x}function S(t,n,i){typeof n=="function"&&(i=n,n=void 0),t.style.overflow="hidden",D(t,function(o){return[{height:o.height,paddingTop:o.paddingTop,paddingBottom:o.paddingBottom,marginTop:o.marginTop,marginBottom:o.marginBottom},{height:"0px",paddingTop:"0px",paddingBottom:"0px",marginTop:"0px",marginBottom:"0px"}]},n,function(){t.style.removeProperty("overflow"),i&&i()})}Object.assign(h.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 f={fixed:"container",fluid:"container-fluid",sm:"container-sm",md:"container-md",lg:"container-lg",xl:"container-xl",xxl:"container-xxl"},A=["fixed","sm","md","lg","xl","xxl","fluid"];h.features.sections=function(t){var n=Object.assign({widths:A},t.settings.sections);function i(e){var r=null;return Object.keys(f).forEach(function(a){!r&&m(e,f[a])&&(r=a)}),r}function o(e){return e.parentElement===t.canvas&&i(e)!==null}function u(){return g(t.canvas).filter(o)}function l(e){return e==="fixed"?t.t("section.fixed"):e==="fluid"?t.t("section.fluid"):t.t("section.from",{breakpoint:e})}function v(e,r,a){var s=i(e);return s===r||!f[r]?!1:t.operate(function(){var d=t.payloadFor("section",e,{family:"section",breakpoint:"all",tiers:[],from:s,to:r,source:a||"api"});if(!t.emit("before-utility",d)){var p=b(t.detailsOf(e),".ge-section-width select");return p&&(p.value=s),!1}return w(e,f[s]),y(e,f[r]),t.emit("after-utility",d),!0})}function x(e){var r=c("select",{class:"form-select form-select-sm"}),a=i(e),s=n.widths.indexOf(a)===-1?n.widths.concat([a]):n.widths;A.forEach(function(p){s.indexOf(p)!==-1&&r.appendChild(c("option",{value:p},l(p)))}),r.value=a,r.addEventListener("change",function(){v(e,this.value,"panel")});var d=c("label",{class:"ge-utility ge-section-width"});return d.appendChild(c("span",{class:"ge-utility-label"},t.t("section.width"))),d.appendChild(r),d}function O(e){var r=c("div",{class:"ge-tools-drawer ge-section-drawer"});e.insertBefore(r,e.firstChild),t.createMoveTool(r),t.addSettingsTool(r,e,t.settings.section_classes||[]).appendChild(x(e)),t.createTool(r,t.t("tool.delete_section"),"ge-delete-section","bi bi-trash",function(){t.deleteNode("section",e,t.t("confirm.delete_section"),function(a){S(e,a)})}),t.createTool(r,t.t("tool.add_row_to_section"),"ge-add-row","bi bi-plus-circle",function(){t.place(t.rowFromLayout([12]),"row",{appendTo:e})})}function k(){u().forEach(function(e){y(e,"ge-section"),C(e,".ge-tools-drawer")||O(e)})}function B(){g(t.canvas,".ge-section").forEach(function(e){w(e,"ge-section")})}function E(e){e=e||{};var r=c("div",{class:f[e.width]||f.fixed});return(e.rows||[[12]]).forEach(function(a){r.appendChild(t.rowFromLayout(a))}),t.place(r,"section",e)}return{methods:{createSection:E},kindOf:function(e){return m(e,"ge-section")?"section":null},blocks:".ge-section",regions:".ge-section",accepts:function(e,r){return m(r,"ge-section")||L(r)?e===t.canvas:m(e,"ge-section")?m(r,"row"):!0},toolbar:[{labelKey:"section.add",kind:"section",create:function(){return E()}}],onInit:k,onDeinit:B};function L(e){return!e.parentElement&&i(e)!==null}};})();

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

@@ -1 +1,7 @@
-{"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","detailsOf","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,
+  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.sections.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 * Sections for grid-editor.\n *\n * A feature plugin: load this file after the editor and the canvas can hold\n * sections - Bootstrap's .container, .container-fluid and .container-{bp} -\n * each grouping rows at a width of its own. What it can ask the editor for is\n * the handle its factory is called with, described in docs/plugins.md.\n *\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.sections.min.js\"></script>\n *\n * Called sections, not containers, because a container is what the tabs,\n * accordion, popup and card plugins make. A section is recognised by its\n * Bootstrap class alone, and only as a child of the canvas: a .container\n * somewhere inside an element's markup is that element's business.\n *\n * sections.widths narrows the widths the field offers.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n    'section.add': 'Section',\n    'section.width': 'Width',\n    'section.fixed': 'Fixed',\n    'section.fluid': 'Full width',\n    'section.from': 'Fixed from {breakpoint}',\n    'tool.add_row_to_section': 'Add row',\n    'tool.delete_section': 'Remove section',\n    'confirm.delete_section': 'Delete this section and everything in it?',\n});\n\n/** Each width, and the class that gives it. */\nvar WIDTHS = {\n    fixed: 'container',\n    fluid: 'container-fluid',\n    sm: 'container-sm',\n    md: 'container-md',\n    lg: 'container-lg',\n    xl: 'container-xl',\n    xxl: 'container-xxl',\n};\n\nvar ORDER = ['fixed', 'sm', 'md', 'lg', 'xl', 'xxl', 'fluid'];\n\nGridEditor.features.sections = function(ge) {\n\n    var options = Object.assign({ widths: ORDER }, ge.settings.sections);\n\n    function widthOf(section) {\n        var found = null;\n\n        Object.keys(WIDTHS).forEach(function(width) {\n            if (!found && dom.hasClass(section, WIDTHS[width])) { found = width; }\n        });\n\n        return found;\n    }\n\n    function isSection(node) {\n        return node.parentElement === ge.canvas && widthOf(node) !== null;\n    }\n\n    function sections() {\n        return dom.children(ge.canvas).filter(isSection);\n    }\n\n    function label(width) {\n        if (width === 'fixed') { return ge.t('section.fixed'); }\n        if (width === 'fluid') { return ge.t('section.fluid'); }\n\n        return ge.t('section.from', { breakpoint: width });\n    }\n\n    /**\n     * Change a section's width, announced like a utility: the width is its\n     * one container class, the same at every breakpoint.\n     */\n    function setWidth(section, width, source) {\n        var from = widthOf(section);\n        if (from === width || !WIDTHS[width]) { return false; }\n\n        return ge.operate(function() {\n            var payload = ge.payloadFor('section', section, {\n                family: 'section',\n                breakpoint: 'all',\n                tiers: [],\n                from: from,\n                to: width,\n                source: source || 'api',\n            });\n\n            if (!ge.emit('before-utility', payload)) {\n                var select = dom.one(ge.detailsOf(section), '.ge-section-width select');\n                if (select) { select.value = from; }\n                return false;\n            }\n\n            dom.removeClass(section, WIDTHS[from]);\n            dom.addClass(section, WIDTHS[width]);\n            ge.emit('after-utility', payload);\n\n            return true;\n        });\n    }\n\n    function widthField(section) {\n        var select = dom.element('select', { 'class': 'form-select form-select-sm' });\n        var current = widthOf(section);\n        var offered = options.widths.indexOf(current) === -1 ? options.widths.concat([current]) : options.widths;\n\n        ORDER.forEach(function(width) {\n            if (offered.indexOf(width) === -1) { return; }\n            select.appendChild(dom.element('option', { value: width }, label(width)));\n        });\n\n        select.value = current;\n        select.addEventListener('change', function() { setWidth(section, this.value, 'panel'); });\n\n        var field = dom.element('label', { 'class': 'ge-utility ge-section-width' });\n        field.appendChild(dom.element('span', { 'class': 'ge-utility-label' }, ge.t('section.width')));\n        field.appendChild(select);\n\n        return field;\n    }\n\n    function createControls(section) {\n        var drawer = dom.element('div', { 'class': 'ge-tools-drawer ge-section-drawer' });\n        section.insertBefore(drawer, section.firstChild);\n\n        ge.createMoveTool(drawer);\n        ge.addSettingsTool(drawer, section, ge.settings.section_classes || []).appendChild(widthField(section));\n\n        ge.createTool(drawer, ge.t('tool.delete_section'), 'ge-delete-section', 'bi bi-trash', function() {\n            ge.deleteNode('section', section, ge.t('confirm.delete_section'), function(removed) {\n                dom.slideUp(section, removed);\n            });\n        });\n\n        ge.createTool(drawer, ge.t('tool.add_row_to_section'), 'ge-add-row', 'bi bi-plus-circle', function() {\n            ge.place(ge.rowFromLayout([12]), 'row', { appendTo: section });\n        });\n    }\n\n    function mark() {\n        sections().forEach(function(section) {\n            dom.addClass(section, 'ge-section');\n            if (!dom.child(section, '.ge-tools-drawer')) { createControls(section); }\n        });\n    }\n\n    function unmark() {\n        dom.children(ge.canvas, '.ge-section').forEach(function(section) {\n            dom.removeClass(section, 'ge-section');\n        });\n    }\n\n    /** createSection(options): a section, detached unless a placement is given. */\n    function createSection(settings) {\n        settings = settings || {};\n\n        var section = dom.element('div', { 'class': WIDTHS[settings.width] || WIDTHS.fixed });\n\n        (settings.rows || [[12]]).forEach(function(layout) {\n            section.appendChild(ge.rowFromLayout(layout));\n        });\n\n        return ge.place(section, 'section', settings);\n    }\n\n    return {\n        methods: {\n            createSection: createSection,\n        },\n\n        kindOf: function(node) {\n            return dom.hasClass(node, 'ge-section') ? 'section' : null;\n        },\n\n        // A section is a block the canvas moves, and a region rows move in\n        blocks: '.ge-section',\n        regions: '.ge-section',\n\n        /** A section goes on the canvas and nowhere else, and holds rows and nothing else. */\n        accepts: function(region, node) {\n            if (dom.hasClass(node, 'ge-section') || isSectionMade(node)) { return region === ge.canvas; }\n            if (dom.hasClass(region, 'ge-section')) { return dom.hasClass(node, 'row'); }\n\n            return true;\n        },\n\n        toolbar: [{\n            labelKey: 'section.add',\n            kind: 'section',\n            create: function() { return createSection(); },\n        }],\n\n        onInit: mark,\n        onDeinit: unmark,\n    };\n\n    /** A section the toolbar just made, before init has marked it. */\n    function isSectionMade(node) {\n        return !node.parentElement && widthOf(node) !== null;\n    }\n};\n"],
+  "mappings": "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",
+  "names": ["GridEditor", "one", "root", "selector", "children", "node", "selector", "each", "child", "element", "tag", "attributes", "text", "node", "name", "value", "addClass", "node", "names", "split", "name", "removeClass", "hasClass", "node", "name", "split", "names", "hide", "node", "visible", "node", "DEFAULT_DURATION", "animateAway", "node", "frames", "duration", "done", "finish", "hide", "visible", "animation", "called", "once", "slideUp", "style", "GridEditor", "WIDTHS", "ORDER", "ge", "options", "widthOf", "section", "found", "width", "hasClass", "isSection", "node", "sections", "children", "label", "setWidth", "source", "from", "payload", "select", "one", "removeClass", "addClass", "widthField", "element", "current", "offered", "field", "createControls", "drawer", "removed", "slideUp", "mark", "child", "unmark", "createSection", "settings", "layout", "region", "isSectionMade"]
+}