@themarioga/grid-editor 6.0.0 → 7.0.0

package/dist/plugins/grideditor.tabs.js

@@ -1,148 +1,242 @@
-/**
- * Tabs for grid-editor.
- *
- * A container plugin: load this file after the editor and the toolbar offers
- * a tabs container. 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.tabs.min.js"></script>
- */
-(function($) {
-
-$.extend($.fn.gridEditor.locales.en, {
-    'container.add_tabs': 'Tabs',
-    'container.add_tab': 'Add tab',
-    'container.tab_label': 'Tab {number}',
-    'confirm.delete_tab': 'Delete this tab and everything in it?',
-});
-
-$.fn.gridEditor.containers.tabs = 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 fadeOut(node, duration, done) {
+    animateAway(node, function(style) {
+      return [{ opacity: style.opacity }, { opacity: 0 }];
+    }, duration, done);
+  }
+
+  // src/js/plugins/grideditor.tabs.js
+  Object.assign(GridEditor.locales.en, {
+    "container.add_tabs": "Tabs",
+    "container.add_tab": "Add tab",
+    "container.tab_label": "Tab {number}",
+    "confirm.delete_tab": "Delete this tab and everything in it?"
+  });
+  GridEditor.containers.tabs = function(ge) {
     function addTabTo(container, options) {
-        options = options || {};
-
-        var strip = container.find('> .nav-tabs');
-        var content = container.find('> .tab-content');
-        var id = ge.containerId('tab');
-        var number = strip.children('.nav-item').length + 1;
-
-        $('<li class="nav-item ge-tab" role="presentation" />')
-            .append($('<button class="nav-link" type="button" role="tab" data-bs-toggle="tab" />')
-                .attr('data-bs-target', '#' + id)
-                .attr('aria-controls', id)
-                .append($('<span class="ge-pane-label" />')
-                    .text(options.label || ge.t('container.tab_label', { number: number })))
-            )
-            .appendTo(strip)
-        ;
-
-        var pane = $('<div class="tab-pane fade" role="tabpanel" tabindex="0" />')
-            .attr('id', id)
-            .append(ge.defaultRegion())
-            .appendTo(content)
-        ;
-
-        if (options.activate || number === 1) { activatePane(container, pane); }
-
-        return pane;
+      options = options || {};
+      var strip = one(container, ":scope > .nav-tabs");
+      var content = one(container, ":scope > .tab-content");
+      var id = ge.containerId("tab");
+      var number = children(strip, ".nav-item").length + 1;
+      var tab = strip.appendChild(element("li", { "class": "nav-item ge-tab", role: "presentation" }));
+      var button = tab.appendChild(element("button", {
+        "class": "nav-link",
+        type: "button",
+        role: "tab",
+        "data-bs-toggle": "tab",
+        "data-bs-target": "#" + id,
+        "aria-controls": id
+      }));
+      button.appendChild(element(
+        "span",
+        { "class": "ge-pane-label" },
+        options.label || ge.t("container.tab_label", { number })
+      ));
+      var pane = content.appendChild(element("div", {
+        "class": "tab-pane fade",
+        role: "tabpanel",
+        tabindex: "0",
+        id
+      }));
+      pane.appendChild(ge.defaultRegion());
+      if (options.activate || number === 1) {
+        activatePane(container, pane);
+      }
+      return pane;
     }
-
     function activatePane(container, pane) {
-        var id = pane.attr('id');
-
-        container.find('> .tab-content > .tab-pane').removeClass('show active');
-        pane.addClass('show active');
-
-        container.find('> .nav-tabs .nav-link').each(function() {
-            var button = $(this);
-            var active = button.attr('data-bs-target') === '#' + id;
-
-            button.toggleClass('active', active).attr('aria-selected', active ? 'true' : 'false');
-        });
+      var id = pane.getAttribute("id");
+      all(container, ":scope > .tab-content > .tab-pane").forEach(function(each) {
+        removeClass(each, "show active");
+      });
+      addClass(pane, "show active");
+      all(container, ":scope > .nav-tabs .nav-link").forEach(function(button) {
+        var active = button.getAttribute("data-bs-target") === "#" + id;
+        toggleClass(button, "active", active);
+        button.setAttribute("aria-selected", active ? "true" : "false");
+      });
     }
-
-    function tabOf(container, pane) {
-        return container.find('> .nav-tabs .nav-link[data-bs-target="#' + pane.attr('id') + '"]')
-            .closest('.nav-item');
-    }
-
     function paneOf(container, tab) {
-        return container.find(tab.find('.nav-link').attr('data-bs-target'));
+      var link = one(tab, ".nav-link");
+      var target = link ? link.getAttribute("data-bs-target") : null;
+      return target ? one(container, target) : null;
     }
-
     return {
-        labelKey: 'container.add_tabs',
-
-        // A tab strip sorts its own tabs, and the panes follow them. No
-        // group: a tab belongs to the strip it was made in.
-        onSortable: function(sortable) {
-            sortable(ge.canvas.find('.ge-container-tabs > .nav-tabs'), {
-                draggable: '.ge-tab',
-            });
-        },
-        addPaneKey: 'container.add_tab',
-        paneKind: 'tab',
-
-        create: function(options) {
-            var container = $('<div />').attr('data-ge-container', 'tabs');
-            var labels = options.labels || [];
-            var count = options.tabs || labels.length || 2;
-
-            $('<ul class="nav nav-tabs" role="tablist" />').appendTo(container);
-            $('<div class="tab-content" />').appendTo(container);
-
-            for (var i = 0; i < count; i++) {
-                addTabTo(container, { label: labels[i] });
+      labelKey: "container.add_tabs",
+      // A tab strip sorts its own tabs, and the panes follow them. No
+      // group: a tab belongs to the strip it was made in.
+      onSortable: function(sortable) {
+        sortable(all(ge.canvas, ".ge-container-tabs > .nav-tabs"), {
+          draggable: ".ge-tab"
+        });
+      },
+      addPaneKey: "container.add_tab",
+      paneKind: "tab",
+      create: function(options) {
+        var container = element("div", { "data-ge-container": "tabs" });
+        var labels = options.labels || [];
+        var count = options.tabs || labels.length || 2;
+        container.appendChild(element("ul", { "class": "nav nav-tabs", role: "tablist" }));
+        container.appendChild(element("div", { "class": "tab-content" }));
+        for (var i = 0; i < count; i++) {
+          addTabTo(container, { label: labels[i] });
+        }
+        return container;
+      },
+      addPane: addTabTo,
+      mark: function(container) {
+        all(container, ":scope > .tab-content > .tab-pane").forEach(function(pane) {
+          addClass(pane, "ge-tab-pane");
+        });
+        all(container, ":scope > .nav-tabs > .nav-item").forEach(function(tab) {
+          addClass(tab, "ge-tab");
+          var link = one(tab, ".nav-link");
+          if (link) {
+            ge.makeLabelEditable(ge.labelIn(link));
+          }
+          if (child(tab, ".ge-tools-drawer")) {
+            return;
+          }
+          ge.createPaneControls(
+            tab,
+            "tab",
+            ge.settings.tab_tools,
+            ge.t("confirm.delete_tab"),
+            function(removed) {
+              var pane = paneOf(container, tab);
+              var wasActive = hasClass(pane, "active");
+              fadeOut(tab, 200, function() {
+                if (pane) {
+                  pane.remove();
+                }
+                removed();
+                var first = one(container, ":scope > .tab-content > .tab-pane");
+                if (wasActive && first) {
+                  activatePane(container, first);
+                }
+              });
             }
-
-            return container;
-        },
-
-        addPane: addTabTo,
-
-        mark: function(container) {
-            container.find('> .tab-content > .tab-pane').addClass('ge-tab-pane');
-
-            container.find('> .nav-tabs > .nav-item').each(function() {
-                var tab = $(this).addClass('ge-tab');
-
-
-                ge.makeLabelEditable(ge.labelIn(tab.find('.nav-link')));
-
-                if (tab.find('> .ge-tools-drawer').length) { return; }
-
-                ge.createPaneControls(tab, 'tab', ge.settings.tab_tools, ge.t('confirm.delete_tab'),
-                    function(removed) {
-                        var pane = paneOf(container, tab);
-                        var wasActive = pane.hasClass('active');
-
-                        tab.fadeOut(200, function() {
-                            pane.remove();
-                            removed();
-
-                            var first = container.find('> .tab-content > .tab-pane').first();
-                            if (wasActive && first.length) { activatePane(container, first); }
-                        });
-                    });
-            });
-        },
-
-        unmark: function(container) {
-            ge.resumeToggles(container);
-            container.find('.ge-tab-pane').removeClass('ge-tab-pane');
-            ge.unwrapLabels(container);
-        },
-
-        /** Panes read in tab order, whatever order they were dropped in. */
-        afterPaneMove: function(container) {
-            var content = container.find('> .tab-content');
-
-            container.find('> .nav-tabs > .nav-item').each(function() {
-                content.append(paneOf(container, $(this)));
-            });
-        },
+          );
+        });
+      },
+      unmark: function(container) {
+        ge.resumeToggles(container);
+        all(container, ".ge-tab-pane").forEach(function(pane) {
+          removeClass(pane, "ge-tab-pane");
+        });
+        ge.unwrapLabels(container);
+      },
+      /** Panes read in tab order, whatever order they were dropped in. */
+      afterPaneMove: function(container) {
+        var content = one(container, ":scope > .tab-content");
+        all(container, ":scope > .nav-tabs > .nav-item").forEach(function(tab) {
+          var pane = paneOf(container, tab);
+          if (pane) {
+            content.appendChild(pane);
+          }
+        });
+      }
     };
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(o=>{o.extend(o.fn.gridEditor.locales.en,{"container.add_tabs":"Tabs","container.add_tab":"Add tab","container.tab_label":"Tab {number}","confirm.delete_tab":"Delete this tab and everything in it?"}),o.fn.gridEditor.containers.tabs=function(d){function r(a,t){t=t||{};var n=a.find("> .nav-tabs"),e=a.find("> .tab-content"),i=d.containerId("tab"),r=n.children(".nav-item").length+1,n=(o('<li class="nav-item ge-tab" role="presentation" />').append(o('<button class="nav-link" type="button" role="tab" data-bs-toggle="tab" />').attr("data-bs-target","#"+i).attr("aria-controls",i).append(o('<span class="ge-pane-label" />').text(t.label||d.t("container.tab_label",{number:r})))).appendTo(n),o('<div class="tab-pane fade" role="tabpanel" tabindex="0" />').attr("id",i).append(d.defaultRegion()).appendTo(e));return!t.activate&&1!==r||s(a,n),n}function s(a,t){var n=t.attr("id");a.find("> .tab-content > .tab-pane").removeClass("show active"),t.addClass("show active"),a.find("> .nav-tabs .nav-link").each(function(){var a=o(this),t=a.attr("data-bs-target")==="#"+n;a.toggleClass("active",t).attr("aria-selected",t?"true":"false")})}function b(a,t){return a.find(t.find(".nav-link").attr("data-bs-target"))}return{labelKey:"container.add_tabs",onSortable:function(a){a(d.canvas.find(".ge-container-tabs > .nav-tabs"),{draggable:".ge-tab"})},addPaneKey:"container.add_tab",paneKind:"tab",create:function(a){var t=o("<div />").attr("data-ge-container","tabs"),n=a.labels||[],e=a.tabs||n.length||2;o('<ul class="nav nav-tabs" role="tablist" />').appendTo(t),o('<div class="tab-content" />').appendTo(t);for(var i=0;i<e;i++)r(t,{label:n[i]});return t},addPane:r,mark:function(i){i.find("> .tab-content > .tab-pane").addClass("ge-tab-pane"),i.find("> .nav-tabs > .nav-item").each(function(){var a=o(this).addClass("ge-tab");d.makeLabelEditable(d.labelIn(a.find(".nav-link"))),a.find("> .ge-tools-drawer").length||d.createPaneControls(a,"tab",d.settings.tab_tools,d.t("confirm.delete_tab"),function(t){var n=b(i,a),e=n.hasClass("active");a.fadeOut(200,function(){n.remove(),t();var a=i.find("> .tab-content > .tab-pane").first();e&&a.length&&s(i,a)})})})},unmark:function(a){d.resumeToggles(a),a.find(".ge-tab-pane").removeClass("ge-tab-pane"),d.unwrapLabels(a)},afterPaneMove:function(a){var t=a.find("> .tab-content");a.find("> .nav-tabs > .nav-item").each(function(){t.append(b(a,o(this)))})}}}})(jQuery);
-//# sourceMappingURL=grideditor.tabs.min.js.map
+(()=>{var d=window.GridEditor;if(!d||typeof d.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 c(t,r){return t?Array.prototype.slice.call(t.querySelectorAll(r)):[]}function f(t,r){return t?t.querySelector(r):null}function g(t,r){return t?Array.prototype.filter.call(t.children,function(a){return!r||a.matches(r)}):[]}function y(t,r){return g(t,r)[0]||null}function s(t,r,a){var l=document.createElement(t);return Object.keys(r||{}).forEach(function(n){var e=r[n];e!=null&&e!==!1&&l.setAttribute(n,e)}),a!=null&&(l.textContent=a),l}function v(t,r){return x(r).forEach(function(a){t.classList.add(a)}),t}function h(t,r){return x(r).forEach(function(a){t.classList.remove(a)}),t}function E(t,r,a){return x(r).forEach(function(l){a===void 0?t.classList.toggle(l):t.classList.toggle(l,!!a)}),t}function C(t,r){return!!t&&t.nodeType===1&&t.classList.contains(r)}function x(t){return String(t||"").split(/\s+/).filter(Boolean)}function T(t){return t.style.display="none",t}function S(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}var k=400;function B(t,r,a,l){a=a===void 0?k:a;var n=function(){T(t),l&&l()};if(!S(t)||!t.animate||a<=0){window.setTimeout(n,0);return}var e=t.animate(r(getComputedStyle(t)),{duration:a,easing:"ease-in-out"}),o=!1,i=function(){o||(o=!0,n())};e.onfinish=i,e.oncancel=i}function w(t,r,a){B(t,function(l){return[{opacity:l.opacity},{opacity:0}]},r,a)}Object.assign(d.locales.en,{"container.add_tabs":"Tabs","container.add_tab":"Add tab","container.tab_label":"Tab {number}","confirm.delete_tab":"Delete this tab and everything in it?"});d.containers.tabs=function(t){function r(n,e){e=e||{};var o=f(n,":scope > .nav-tabs"),i=f(n,":scope > .tab-content"),u=t.containerId("tab"),p=g(o,".nav-item").length+1,m=o.appendChild(s("li",{class:"nav-item ge-tab",role:"presentation"})),A=m.appendChild(s("button",{class:"nav-link",type:"button",role:"tab","data-bs-toggle":"tab","data-bs-target":"#"+u,"aria-controls":u}));A.appendChild(s("span",{class:"ge-pane-label"},e.label||t.t("container.tab_label",{number:p})));var b=i.appendChild(s("div",{class:"tab-pane fade",role:"tabpanel",tabindex:"0",id:u}));return b.appendChild(t.defaultRegion()),(e.activate||p===1)&&a(n,b),b}function a(n,e){var o=e.getAttribute("id");c(n,":scope > .tab-content > .tab-pane").forEach(function(i){h(i,"show active")}),v(e,"show active"),c(n,":scope > .nav-tabs .nav-link").forEach(function(i){var u=i.getAttribute("data-bs-target")==="#"+o;E(i,"active",u),i.setAttribute("aria-selected",u?"true":"false")})}function l(n,e){var o=f(e,".nav-link"),i=o?o.getAttribute("data-bs-target"):null;return i?f(n,i):null}return{labelKey:"container.add_tabs",onSortable:function(n){n(c(t.canvas,".ge-container-tabs > .nav-tabs"),{draggable:".ge-tab"})},addPaneKey:"container.add_tab",paneKind:"tab",create:function(n){var e=s("div",{"data-ge-container":"tabs"}),o=n.labels||[],i=n.tabs||o.length||2;e.appendChild(s("ul",{class:"nav nav-tabs",role:"tablist"})),e.appendChild(s("div",{class:"tab-content"}));for(var u=0;u<i;u++)r(e,{label:o[u]});return e},addPane:r,mark:function(n){c(n,":scope > .tab-content > .tab-pane").forEach(function(e){v(e,"ge-tab-pane")}),c(n,":scope > .nav-tabs > .nav-item").forEach(function(e){v(e,"ge-tab");var o=f(e,".nav-link");o&&t.makeLabelEditable(t.labelIn(o)),!y(e,".ge-tools-drawer")&&t.createPaneControls(e,"tab",t.settings.tab_tools,t.t("confirm.delete_tab"),function(i){var u=l(n,e),p=C(u,"active");w(e,200,function(){u&&u.remove(),i();var m=f(n,":scope > .tab-content > .tab-pane");p&&m&&a(n,m)})})})},unmark:function(n){t.resumeToggles(n),c(n,".ge-tab-pane").forEach(function(e){h(e,"ge-tab-pane")}),t.unwrapLabels(n)},afterPaneMove:function(n){var e=f(n,":scope > .tab-content");c(n,":scope > .nav-tabs > .nav-item").forEach(function(o){var i=l(n,o);i&&e.appendChild(i)})}}};})();

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

@@ -1 +1,7 @@
-{"version":3,"file":"grideditor.tabs.min.js","sources":["../../src/js/plugins/grideditor.tabs.js"],"names":["$","extend","fn","gridEditor","locales","en","container.add_tabs","container.add_tab","container.tab_label","confirm.delete_tab","containers","tabs","ge","addTabTo","container","options","strip","find","content","id","containerId","number","children","length","pane","append","attr","text","label","t","appendTo","defaultRegion","activate","activatePane","removeClass","addClass","each","button","this","active","toggleClass","paneOf","tab","labelKey","onSortable","sortable","canvas","draggable","addPaneKey","paneKind","create","labels","count","i","addPane","mark","makeLabelEditable","labelIn","createPaneControls","settings","tab_tools","removed","wasActive","hasClass","fadeOut","remove","first","unmark","resumeToggles","unwrapLabels","afterPaneMove","jQuery"],"mappings":"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"}
+{
+  "version": 3,
+  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.tabs.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 * Tabs for grid-editor.\n *\n * A container plugin: load this file after the editor and the toolbar offers\n * a tabs container. 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.tabs.min.js\"></script>\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n    'container.add_tabs': 'Tabs',\n    'container.add_tab': 'Add tab',\n    'container.tab_label': 'Tab {number}',\n    'confirm.delete_tab': 'Delete this tab and everything in it?',\n});\n\nGridEditor.containers.tabs = function(ge) {\n\n    function addTabTo(container, options) {\n        options = options || {};\n\n        var strip = dom.one(container, ':scope > .nav-tabs');\n        var content = dom.one(container, ':scope > .tab-content');\n        var id = ge.containerId('tab');\n        var number = dom.children(strip, '.nav-item').length + 1;\n\n        var tab = strip.appendChild(dom.element('li', { 'class': 'nav-item ge-tab', role: 'presentation' }));\n        var button = tab.appendChild(dom.element('button', {\n            'class': 'nav-link',\n            type: 'button',\n            role: 'tab',\n            'data-bs-toggle': 'tab',\n            'data-bs-target': '#' + id,\n            'aria-controls': id,\n        }));\n        button.appendChild(dom.element('span', { 'class': 'ge-pane-label' },\n            options.label || ge.t('container.tab_label', { number: number })));\n\n        var pane = content.appendChild(dom.element('div', {\n            'class': 'tab-pane fade',\n            role: 'tabpanel',\n            tabindex: '0',\n            id: id,\n        }));\n        pane.appendChild(ge.defaultRegion());\n\n        if (options.activate || number === 1) { activatePane(container, pane); }\n\n        return pane;\n    }\n\n    function activatePane(container, pane) {\n        var id = pane.getAttribute('id');\n\n        dom.all(container, ':scope > .tab-content > .tab-pane').forEach(function(each) {\n            dom.removeClass(each, 'show active');\n        });\n        dom.addClass(pane, 'show active');\n\n        dom.all(container, ':scope > .nav-tabs .nav-link').forEach(function(button) {\n            var active = button.getAttribute('data-bs-target') === '#' + id;\n\n            dom.toggleClass(button, 'active', active);\n            button.setAttribute('aria-selected', active ? 'true' : 'false');\n        });\n    }\n\n    function paneOf(container, tab) {\n        var link = dom.one(tab, '.nav-link');\n        var target = link ? link.getAttribute('data-bs-target') : null;\n\n        return target ? dom.one(container, target) : null;\n    }\n\n    return {\n        labelKey: 'container.add_tabs',\n\n        // A tab strip sorts its own tabs, and the panes follow them. No\n        // group: a tab belongs to the strip it was made in.\n        onSortable: function(sortable) {\n            sortable(dom.all(ge.canvas, '.ge-container-tabs > .nav-tabs'), {\n                draggable: '.ge-tab',\n            });\n        },\n        addPaneKey: 'container.add_tab',\n        paneKind: 'tab',\n\n        create: function(options) {\n            var container = dom.element('div', { 'data-ge-container': 'tabs' });\n            var labels = options.labels || [];\n            var count = options.tabs || labels.length || 2;\n\n            container.appendChild(dom.element('ul', { 'class': 'nav nav-tabs', role: 'tablist' }));\n            container.appendChild(dom.element('div', { 'class': 'tab-content' }));\n\n            for (var i = 0; i < count; i++) {\n                addTabTo(container, { label: labels[i] });\n            }\n\n            return container;\n        },\n\n        addPane: addTabTo,\n\n        mark: function(container) {\n            dom.all(container, ':scope > .tab-content > .tab-pane').forEach(function(pane) {\n                dom.addClass(pane, 'ge-tab-pane');\n            });\n\n            dom.all(container, ':scope > .nav-tabs > .nav-item').forEach(function(tab) {\n                dom.addClass(tab, 'ge-tab');\n\n                var link = dom.one(tab, '.nav-link');\n                if (link) { ge.makeLabelEditable(ge.labelIn(link)); }\n\n                if (dom.child(tab, '.ge-tools-drawer')) { return; }\n\n                ge.createPaneControls(tab, 'tab', ge.settings.tab_tools, ge.t('confirm.delete_tab'),\n                    function(removed) {\n                        var pane = paneOf(container, tab);\n                        var wasActive = dom.hasClass(pane, 'active');\n\n                        dom.fadeOut(tab, 200, function() {\n                            if (pane) { pane.remove(); }\n                            removed();\n\n                            var first = dom.one(container, ':scope > .tab-content > .tab-pane');\n                            if (wasActive && first) { activatePane(container, first); }\n                        });\n                    });\n            });\n        },\n\n        unmark: function(container) {\n            ge.resumeToggles(container);\n            dom.all(container, '.ge-tab-pane').forEach(function(pane) {\n                dom.removeClass(pane, 'ge-tab-pane');\n            });\n            ge.unwrapLabels(container);\n        },\n\n        /** Panes read in tab order, whatever order they were dropped in. */\n        afterPaneMove: function(container) {\n            var content = dom.one(container, ':scope > .tab-content');\n\n            dom.all(container, ':scope > .nav-tabs > .nav-item').forEach(function(tab) {\n                var pane = paneOf(container, tab);\n                if (pane) { content.appendChild(pane); }\n            });\n        },\n    };\n};\n"],
+  "mappings": "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",
+  "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", "fadeOut", "node", "duration", "done", "animateAway", "style", "GridEditor", "ge", "addTabTo", "container", "options", "strip", "one", "content", "id", "number", "children", "tab", "element", "button", "pane", "activatePane", "all", "each", "removeClass", "addClass", "active", "toggleClass", "paneOf", "link", "target", "sortable", "labels", "count", "i", "child", "removed", "wasActive", "hasClass", "fadeOut", "first"]
+}

package/dist/plugins/grideditor.textalign.esm.js

@@ -0,0 +1,40 @@
+// src/js/plugins/grideditor.textalign.js
+import { GridEditor } from "../grideditor.esm.js";
+Object.assign(GridEditor.locales.en, {
+  "utility.text_align": "Text alignment",
+  "utility.text_start": "Start",
+  "utility.text_center": "Center",
+  "utility.text_end": "End"
+});
+var CSS = { start: "left", center: "center", end: "right" };
+GridEditor.utilities.textalign = function(ge) {
+  function label(value) {
+    if (value === "start") {
+      return ge.t("utility.text_start");
+    }
+    if (value === "center") {
+      return ge.t("utility.text_center");
+    }
+    return ge.t("utility.text_end");
+  }
+  return {
+    families: [{
+      name: "text-align",
+      prefix: "text",
+      values: ["start", "center", "end"],
+      appliesTo: ["row", "column", "text", "element", "container"],
+      labelKey: "utility.text_align",
+      label,
+      /**
+       * With no class applying here, the node aligns as its parent
+       * does - or as the host's css says - which only the browser can
+       * tell, so it is asked with the classes out of the way. Parents
+       * are previewed before their children, so the parent's answer is
+       * already the view's.
+       */
+      preview: function(value, node) {
+        return { "text-align": value === null ? ge.bareStyle(node, "text-align", "text-align") : CSS[value] };
+      }
+    }]
+  };
+};