@themarioga/grid-editor 7.2.0 → 8.0.0-beta.2

package/dist/plugins/grideditor.spacing.js

@@ -1,323 +0,0 @@
-(() => {
-  // 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 selfAndAll(root, selector) {
-    if (!root) {
-      return [];
-    }
-    var found = all(root, selector);
-    if (root.nodeType === 1 && root.matches(selector)) {
-      found.unshift(root);
-    }
-    return found;
-  }
-  function children(node, selector) {
-    if (!node) {
-      return [];
-    }
-    return Array.prototype.filter.call(node.children, function(each) {
-      return !selector || each.matches(selector);
-    });
-  }
-  function child(node, selector) {
-    return children(node, selector)[0] || null;
-  }
-  function is(node, selector) {
-    return !!node && node.nodeType === 1 && node.matches(selector);
-  }
-  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 hasClass(node, name) {
-    return !!node && node.nodeType === 1 && node.classList.contains(name);
-  }
-  function css(node, styles) {
-    Object.keys(styles).forEach(function(property) {
-      var value = styles[property];
-      if (typeof value === "number" && !UNITLESS[property]) {
-        value = value + "px";
-      }
-      node.style.setProperty(property, value === null || value === void 0 ? "" : String(value));
-    });
-    return node;
-  }
-  var UNITLESS = { opacity: true, "z-index": true, "flex-grow": true, "flex-shrink": true, order: true };
-  var defaultDisplays = {};
-  function defaultDisplay(node) {
-    var tag = node.nodeName;
-    if (!defaultDisplays[tag]) {
-      var probe = document.body.appendChild(document.createElement(tag));
-      defaultDisplays[tag] = getComputedStyle(probe).display;
-      probe.remove();
-      if (defaultDisplays[tag] === "none") {
-        defaultDisplays[tag] = "block";
-      }
-    }
-    return defaultDisplays[tag];
-  }
-  function show(node) {
-    node.style.removeProperty("display");
-    if (getComputedStyle(node).display === "none") {
-      node.style.display = defaultDisplay(node);
-    }
-    return node;
-  }
-  function hide(node) {
-    node.style.display = "none";
-    return node;
-  }
-  function toggle(node, state) {
-    if (state === void 0) {
-      state = !visible(node);
-    }
-    return state ? show(node) : hide(node);
-  }
-  function visible(node) {
-    return !!(node.offsetWidth || node.offsetHeight || node.getClientRects().length);
-  }
-
-  // src/js/plugins/grideditor.spacing.js
-  Object.assign(GridEditor.locales.en, {
-    "utility.padding": "Padding",
-    "utility.margin": "Margin",
-    "utility.side_all": "All sides",
-    "utility.side_x": "Left and right",
-    "utility.side_y": "Top and bottom",
-    "utility.side_t": "Top",
-    "utility.side_b": "Bottom",
-    "utility.side_s": "Start",
-    "utility.side_e": "End",
-    "utility.spacing_gutter": "A column's side padding is its gutter: changing it changes the gutter"
-  });
-  var VALUES = ["0", "1", "2", "3", "4", "5"];
-  var SCALE = ["0", ".25rem", ".5rem", "1rem", "1.5rem", "3rem"];
-  var SIDES = ["", "x", "y", "t", "e", "b", "s"];
-  var SET = {
-    "": ["top", "right", "bottom", "left"],
-    x: ["left", "right"],
-    y: ["top", "bottom"],
-    t: ["top"],
-    e: ["right"],
-    b: ["bottom"],
-    s: ["left"]
-  };
-  var INFIXES = ["", "sm", "md", "lg", "xl", "xxl"];
-  var PROPERTIES = { p: "padding", m: "margin" };
-  function pattern(key) {
-    return new RegExp("^" + key + "[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$");
-  }
-  GridEditor.utilities.spacing = function(ge) {
-    var options = Object.assign({ values: VALUES, scale: SCALE }, ge.settings.utilities.spacing);
-    var patterns = { p: pattern("p"), m: pattern("m") };
-    function applies(node, kind) {
-      return kind === "row" || kind === "column" || kind === "element" || is(node, "[data-ge-container]");
-    }
-    function classes(node) {
-      return (node.getAttribute("class") || "").split(/\s+/);
-    }
-    function carries(node, key) {
-      return classes(node).some(function(name) {
-        return patterns[key].test(name);
-      });
-    }
-    function source(node, family, tier) {
-      var names = classes(node);
-      var values = family.charAt(0) === "m" ? VALUES.concat(["auto"]) : VALUES;
-      for (var i = tier; i >= 0; i--) {
-        for (var v = 0; v < values.length; v++) {
-          var name = family + (INFIXES[i] ? "-" + INFIXES[i] : "") + "-" + values[v];
-          if (names.indexOf(name) !== -1) {
-            return { tier: i, value: values[v] };
-          }
-        }
-      }
-      return null;
-    }
-    function without(node, key) {
-      var original = node.getAttribute("class");
-      var style;
-      var bare = {};
-      node.setAttribute("class", classes(node).filter(function(name) {
-        return !patterns[key].test(name);
-      }).join(" "));
-      style = getComputedStyle(node);
-      ["top", "right", "bottom", "left"].forEach(function(side) {
-        bare[side] = style.getPropertyValue(PROPERTIES[key] + "-" + side);
-      });
-      if (original === null) {
-        node.removeAttribute("class");
-      } else {
-        node.setAttribute("class", original);
-      }
-      return bare;
-    }
-    function sides(node, key, breakpoint) {
-      var tier = ge.breakpoints.indexOf(breakpoint);
-      var winners = {};
-      var styles = {};
-      var neutral = null;
-      SIDES.forEach(function(side, order) {
-        var found = source(node, key + side, tier);
-        if (!found) {
-          return;
-        }
-        SET[side].forEach(function(set) {
-          var current = winners[set];
-          if (!current || found.tier > current.tier || found.tier === current.tier && order > current.order) {
-            winners[set] = { tier: found.tier, order, value: found.value };
-          }
-        });
-      });
-      ["top", "right", "bottom", "left"].forEach(function(set) {
-        var winner = winners[set];
-        if (!winner) {
-          neutral = neutral || without(node, key);
-          styles[PROPERTIES[key] + "-" + set] = neutral[set];
-        } else {
-          styles[PROPERTIES[key] + "-" + set] = winner.value === "auto" ? "auto" : options.scale[winner.value];
-        }
-      });
-      return styles;
-    }
-    function startingSide(node, key) {
-      var names = classes(node).filter(function(name) {
-        return patterns[key].test(name);
-      });
-      var found = SIDES.filter(function(side) {
-        return names.some(function(name) {
-          return name.indexOf(key + side + "-") === 0;
-        });
-      });
-      return found.length ? found[0] : "";
-    }
-    function sideLabel(side) {
-      switch (side) {
-        case "x":
-          return ge.t("utility.side_x");
-        case "y":
-          return ge.t("utility.side_y");
-        case "t":
-          return ge.t("utility.side_t");
-        case "b":
-          return ge.t("utility.side_b");
-        case "s":
-          return ge.t("utility.side_s");
-        case "e":
-          return ge.t("utility.side_e");
-        default:
-          return ge.t("utility.side_all");
-      }
-    }
-    function group(node, key, labelText) {
-      var box = element("div", { "class": "ge-spacing-group", "data-ge-spacing": key });
-      var side = element("select", { "class": "ge-spacing-side form-select form-select-sm" });
-      box.appendChild(element("span", { "class": "ge-utility-label" }, labelText));
-      SIDES.forEach(function(value) {
-        side.appendChild(element("option", { value }, sideLabel(value)));
-      });
-      var field = ge.utilityField(node, key + startingSide(node, key));
-      side.value = field.getAttribute("data-ge-family").slice(1);
-      side.addEventListener("change", function() {
-        var next = ge.utilityField(node, key + this.value);
-        field.replaceWith(next);
-        field = next;
-      });
-      box.appendChild(side);
-      box.appendChild(field);
-      return box;
-    }
-    var NODES = ".row, .column, .ge-element, [data-ge-container]";
-    function mark(scope) {
-      selfAndAll(scope, NODES).forEach(function(node) {
-        var drawer = child(node, ".ge-tools-drawer");
-        if (!drawer || !applies(node, ge.kindOf(node))) {
-          return;
-        }
-        if (carries(node, "p")) {
-          var style = getComputedStyle(node);
-          css(drawer, {
-            "margin-top": "-" + style.paddingTop,
-            "margin-left": "-" + style.paddingLeft,
-            "margin-right": "-" + style.paddingRight,
-            width: "calc(100% + " + style.paddingLeft + " + " + style.paddingRight + ")"
-          });
-        } else {
-          css(drawer, { "margin-top": "", "margin-left": "", "margin-right": "", width: "" });
-        }
-        if (hasClass(node, "column")) {
-          var padded = classes(node).some(function(name) {
-            return /^p[xse]?-/.test(name) && patterns.p.test(name);
-          });
-          all(drawer, ".ge-spacing-gutter").forEach(function(note) {
-            toggle(note, padded);
-          });
-        }
-      });
-    }
-    function families(key, labelKey) {
-      var values = key === "m" ? VALUES.concat(["auto"]) : VALUES;
-      var offered = options.values.concat(key === "m" ? ["auto"] : []);
-      return SIDES.map(function(side) {
-        return {
-          name: key + side,
-          prefix: key + side,
-          values,
-          appliesTo: ["row", "column", "text", "element", "container"],
-          labelKey,
-          panel: false,
-          choices: function() {
-            return values.filter(function(value) {
-              return offered.indexOf(value) !== -1;
-            });
-          }
-        };
-      });
-    }
-    return {
-      families: families("p", "utility.padding").concat(families("m", "utility.margin")),
-      panel: function(node, kind) {
-        if (!applies(node, kind)) {
-          return null;
-        }
-        var box = element("div", { "class": "ge-spacing" });
-        box.appendChild(group(node, "p", ge.t("utility.padding")));
-        box.appendChild(group(node, "m", ge.t("utility.margin")));
-        if (kind === "column") {
-          box.appendChild(element("small", { "class": "ge-spacing-gutter" }, ge.t("utility.spacing_gutter")));
-        }
-        return box;
-      },
-      preview: function(node, kind, breakpoint) {
-        if (!applies(node, kind)) {
-          return {};
-        }
-        var styles = {};
-        ["p", "m"].forEach(function(key) {
-          if (carries(node, key)) {
-            Object.assign(styles, sides(node, key, breakpoint));
-          }
-        });
-        return styles;
-      },
-      onRefresh: mark
-    };
-  };
-})();

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

@@ -1 +0,0 @@
-(()=>{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 w(t,n){return t?Array.prototype.slice.call(t.querySelectorAll(n)):[]}function O(t,n){if(!t)return[];var l=w(t,n);return t.nodeType===1&&t.matches(n)&&l.unshift(t),l}function G(t,n){return t?Array.prototype.filter.call(t.children,function(l){return!n||l.matches(n)}):[]}function _(t,n){return G(t,n)[0]||null}function B(t,n){return!!t&&t.nodeType===1&&t.matches(n)}function m(t,n,l){var f=document.createElement(t);return Object.keys(n||{}).forEach(function(p){var d=n[p];d!=null&&d!==!1&&f.setAttribute(p,d)}),l!=null&&(f.textContent=l),f}function j(t,n){return!!t&&t.nodeType===1&&t.classList.contains(n)}function A(t,n){return Object.keys(n).forEach(function(l){var f=n[l];typeof f=="number"&&!W[l]&&(f=f+"px"),t.style.setProperty(l,f==null?"":String(f))}),t}var W={opacity:!0,"z-index":!0,"flex-grow":!0,"flex-shrink":!0,order:!0},x={};function V(t){var n=t.nodeName;if(!x[n]){var l=document.body.appendChild(document.createElement(n));x[n]=getComputedStyle(l).display,l.remove(),x[n]==="none"&&(x[n]="block")}return x[n]}function X(t){return t.style.removeProperty("display"),getComputedStyle(t).display==="none"&&(t.style.display=V(t)),t}function z(t){return t.style.display="none",t}function R(t,n){return n===void 0&&(n=!K(t)),n?X(t):z(t)}function K(t){return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}Object.assign(h.locales.en,{"utility.padding":"Padding","utility.margin":"Margin","utility.side_all":"All sides","utility.side_x":"Left and right","utility.side_y":"Top and bottom","utility.side_t":"Top","utility.side_b":"Bottom","utility.side_s":"Start","utility.side_e":"End","utility.spacing_gutter":"A column's side padding is its gutter: changing it changes the gutter"});var y=["0","1","2","3","4","5"],$=["0",".25rem",".5rem","1rem","1.5rem","3rem"],b=["","x","y","t","e","b","s"],J={"":["top","right","bottom","left"],x:["left","right"],y:["top","bottom"],t:["top"],e:["right"],b:["bottom"],s:["left"]},N=["","sm","md","lg","xl","xxl"],C={p:"padding",m:"margin"};function P(t){return new RegExp("^"+t+"[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$")}h.utilities.spacing=function(t){var n=Object.assign({values:y,scale:$},t.settings.utilities.spacing),l={p:P("p"),m:P("m")};function f(e,r){return r==="row"||r==="column"||r==="element"||B(e,"[data-ge-container]")}function p(e){return(e.getAttribute("class")||"").split(/\s+/)}function d(e,r){return p(e).some(function(u){return l[r].test(u)})}function H(e,r,u){for(var o=p(e),a=r.charAt(0)==="m"?y.concat(["auto"]):y,i=u;i>=0;i--)for(var s=0;s<a.length;s++){var c=r+(N[i]?"-"+N[i]:"")+"-"+a[s];if(o.indexOf(c)!==-1)return{tier:i,value:a[s]}}return null}function I(e,r){var u=e.getAttribute("class"),o,a={};return e.setAttribute("class",p(e).filter(function(i){return!l[r].test(i)}).join(" ")),o=getComputedStyle(e),["top","right","bottom","left"].forEach(function(i){a[i]=o.getPropertyValue(C[r]+"-"+i)}),u===null?e.removeAttribute("class"):e.setAttribute("class",u),a}function D(e,r,u){var o=t.breakpoints.indexOf(u),a={},i={},s=null;return b.forEach(function(c,g){var v=H(e,r+c,o);v&&J[c].forEach(function(L){var E=a[L];(!E||v.tier>E.tier||v.tier===E.tier&&g>E.order)&&(a[L]={tier:v.tier,order:g,value:v.value})})}),["top","right","bottom","left"].forEach(function(c){var g=a[c];g?i[C[r]+"-"+c]=g.value==="auto"?"auto":n.scale[g.value]:(s=s||I(e,r),i[C[r]+"-"+c]=s[c])}),i}function F(e,r){var u=p(e).filter(function(a){return l[r].test(a)}),o=b.filter(function(a){return u.some(function(i){return i.indexOf(r+a+"-")===0})});return o.length?o[0]:""}function U(e){switch(e){case"x":return t.t("utility.side_x");case"y":return t.t("utility.side_y");case"t":return t.t("utility.side_t");case"b":return t.t("utility.side_b");case"s":return t.t("utility.side_s");case"e":return t.t("utility.side_e");default:return t.t("utility.side_all")}}function S(e,r,u){var o=m("div",{class:"ge-spacing-group","data-ge-spacing":r}),a=m("select",{class:"ge-spacing-side form-select form-select-sm"});o.appendChild(m("span",{class:"ge-utility-label"},u)),b.forEach(function(s){a.appendChild(m("option",{value:s},U(s)))});var i=t.utilityField(e,r+F(e,r));return a.value=i.getAttribute("data-ge-family").slice(1),a.addEventListener("change",function(){var s=t.utilityField(e,r+this.value);i.replaceWith(s),i=s}),o.appendChild(a),o.appendChild(i),o}var M=".row, .column, .ge-element, [data-ge-container]";function q(e){O(e,M).forEach(function(r){var u=_(r,".ge-tools-drawer");if(!(!u||!f(r,t.kindOf(r)))){if(d(r,"p")){var o=getComputedStyle(r);A(u,{"margin-top":"-"+o.paddingTop,"margin-left":"-"+o.paddingLeft,"margin-right":"-"+o.paddingRight,width:"calc(100% + "+o.paddingLeft+" + "+o.paddingRight+")"})}else A(u,{"margin-top":"","margin-left":"","margin-right":"",width:""});if(j(r,"column")){var a=p(r).some(function(i){return/^p[xse]?-/.test(i)&&l.p.test(i)});w(u,".ge-spacing-gutter").forEach(function(i){R(i,a)})}}})}function T(e,r){var u=e==="m"?y.concat(["auto"]):y,o=n.values.concat(e==="m"?["auto"]:[]);return b.map(function(a){return{name:e+a,prefix:e+a,values:u,appliesTo:["row","column","text","element","container"],labelKey:r,panel:!1,choices:function(){return u.filter(function(i){return o.indexOf(i)!==-1})}}})}return{families:T("p","utility.padding").concat(T("m","utility.margin")),panel:function(e,r){if(!f(e,r))return null;var u=m("div",{class:"ge-spacing"});return u.appendChild(S(e,"p",t.t("utility.padding"))),u.appendChild(S(e,"m",t.t("utility.margin"))),r==="column"&&u.appendChild(m("small",{class:"ge-spacing-gutter"},t.t("utility.spacing_gutter"))),u},preview:function(e,r,u){if(!f(e,r))return{};var o={};return["p","m"].forEach(function(a){d(e,a)&&Object.assign(o,D(e,a,u))}),o},onRefresh:q}};})();

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.spacing.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 * Spacing for grid-editor.\n *\n * A utility plugin: load this file after the editor and every row, column,\n * element and container can have its padding and margin set per breakpoint,\n * with Bootstrap's p-{breakpoint}-*, pt-, px- \u2026 and m-{breakpoint}-*, mt-, mx-\n * \u2026 classes. 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.spacing.min.js\"></script>\n *\n * Fourteen families would be fourteen fields, so the panel has two, padding\n * and margin, each a choice of side and a value for that side.\n *\n * utilities.spacing.values narrows the values offered, and\n * utilities.spacing.scale is what 0 to 5 come to, for a page that changed\n * Bootstrap's $spacers.\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n    'utility.padding': 'Padding',\n    'utility.margin': 'Margin',\n    'utility.side_all': 'All sides',\n    'utility.side_x': 'Left and right',\n    'utility.side_y': 'Top and bottom',\n    'utility.side_t': 'Top',\n    'utility.side_b': 'Bottom',\n    'utility.side_s': 'Start',\n    'utility.side_e': 'End',\n    'utility.spacing_gutter': 'A column\\'s side padding is its gutter: changing it changes the gutter',\n});\n\nvar VALUES = ['0', '1', '2', '3', '4', '5'];\n\n/** Bootstrap's $spacers. */\nvar SCALE = ['0', '.25rem', '.5rem', '1rem', '1.5rem', '3rem'];\n\n/**\n * The sides, in the order Bootstrap's css writes their rules: within one\n * breakpoint a later rule wins, so p-3 pt-1 has a top of .25rem.\n */\nvar SIDES = ['', 'x', 'y', 't', 'e', 'b', 's'];\n\n/** What each side sets. Start and end are left and right: Bootstrap's css is left to right. */\nvar SET = {\n    '': ['top', 'right', 'bottom', 'left'],\n    x: ['left', 'right'],\n    y: ['top', 'bottom'],\n    t: ['top'],\n    e: ['right'],\n    b: ['bottom'],\n    s: ['left'],\n};\n\nvar INFIXES = ['', 'sm', 'md', 'lg', 'xl', 'xxl'];\n\nvar PROPERTIES = { p: 'padding', m: 'margin' };\n\n/** Every class of the plugin's, padding or margin. */\nfunction pattern(key) {\n    return new RegExp('^' + key + '[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$');\n}\n\nGridEditor.utilities.spacing = function(ge) {\n\n    var options = Object.assign({ values: VALUES, scale: SCALE }, ge.settings.utilities.spacing);\n    var patterns = { p: pattern('p'), m: pattern('m') };\n\n    function applies(node, kind) {\n        return kind === 'row' || kind === 'column' || kind === 'element' ||\n            dom.is(node, '[data-ge-container]');\n    }\n\n    function classes(node) {\n        return (node.getAttribute('class') || '').split(/\\s+/);\n    }\n\n    function carries(node, key) {\n        return classes(node).some(function(name) { return patterns[key].test(name); });\n    }\n\n    /**\n     * The class of one family that decides a side at a breakpoint: the\n     * widest breakpoint up to it that has one, as { tier, value }.\n     */\n    function source(node, family, tier) {\n        var names = classes(node);\n        var values = family.charAt(0) === 'm' ? VALUES.concat(['auto']) : VALUES;\n\n        for (var i = tier; i >= 0; i--) {\n            for (var v = 0; v < values.length; v++) {\n                var name = family + (INFIXES[i] ? '-' + INFIXES[i] : '') + '-' + values[v];\n                if (names.indexOf(name) !== -1) { return { tier: i, value: values[v] }; }\n            }\n        }\n\n        return null;\n    }\n\n    /**\n     * What padding or margin is on each side with none of the plugin's\n     * classes: the editor's frame for a row or a column, the host's css\n     * for anything else. Read by taking the classes off for a moment,\n     * since that is the only way to ask the browser.\n     */\n    function without(node, key) {\n        var original = node.getAttribute('class');\n        var style;\n        var bare = {};\n\n        node.setAttribute('class', classes(node).filter(function(name) { return !patterns[key].test(name); }).join(' '));\n        style = getComputedStyle(node);\n        ['top', 'right', 'bottom', 'left'].forEach(function(side) {\n            bare[side] = style.getPropertyValue(PROPERTIES[key] + '-' + side);\n        });\n        if (original === null) { node.removeAttribute('class'); } else { node.setAttribute('class', original); }\n\n        return bare;\n    }\n\n    /**\n     * Each side the way Bootstrap's css settles it: the class from the\n     * widest breakpoint wins, and within one breakpoint the side written\n     * later in the css. A side no class reaches shows what it is without\n     * any, over a wider breakpoint's class that is live in a wide window.\n     */\n    function sides(node, key, breakpoint) {\n        var tier = ge.breakpoints.indexOf(breakpoint);\n        var winners = {};\n        var styles = {};\n        var neutral = null;\n\n        SIDES.forEach(function(side, order) {\n            var found = source(node, key + side, tier);\n            if (!found) { return; }\n\n            SET[side].forEach(function(set) {\n                var current = winners[set];\n                if (!current || found.tier > current.tier || (found.tier === current.tier && order > current.order)) {\n                    winners[set] = { tier: found.tier, order: order, value: found.value };\n                }\n            });\n        });\n\n        ['top', 'right', 'bottom', 'left'].forEach(function(set) {\n            var winner = winners[set];\n\n            if (!winner) {\n                neutral = neutral || without(node, key);\n                styles[PROPERTIES[key] + '-' + set] = neutral[set];\n            } else {\n                styles[PROPERTIES[key] + '-' + set] = winner.value === 'auto' ? 'auto' : options.scale[winner.value];\n            }\n        });\n\n        return styles;\n    }\n\n    /** The side a group's select starts on: the first that has a class, or all. */\n    function startingSide(node, key) {\n        var names = classes(node).filter(function(name) { return patterns[key].test(name); });\n        var found = SIDES.filter(function(side) {\n            return names.some(function(name) { return name.indexOf(key + side + '-') === 0; });\n        });\n\n        return found.length ? found[0] : '';\n    }\n\n    function sideLabel(side) {\n        switch (side) {\n            case 'x': return ge.t('utility.side_x');\n            case 'y': return ge.t('utility.side_y');\n            case 't': return ge.t('utility.side_t');\n            case 'b': return ge.t('utility.side_b');\n            case 's': return ge.t('utility.side_s');\n            case 'e': return ge.t('utility.side_e');\n            default: return ge.t('utility.side_all');\n        }\n    }\n\n    /** A padding or margin group: its name, the side, and the field of that side's family. */\n    function group(node, key, labelText) {\n        var box = dom.element('div', { 'class': 'ge-spacing-group', 'data-ge-spacing': key });\n        var side = dom.element('select', { 'class': 'ge-spacing-side form-select form-select-sm' });\n\n        box.appendChild(dom.element('span', { 'class': 'ge-utility-label' }, labelText));\n\n        SIDES.forEach(function(value) {\n            side.appendChild(dom.element('option', { value: value }, sideLabel(value)));\n        });\n\n        var field = ge.utilityField(node, key + startingSide(node, key));\n\n        side.value = field.getAttribute('data-ge-family').slice(1);\n        side.addEventListener('change', function() {\n            var next = ge.utilityField(node, key + this.value);\n            field.replaceWith(next);\n            field = next;\n        });\n        box.appendChild(side);\n        box.appendChild(field);\n\n        return box;\n    }\n\n    var NODES = '.row, .column, .ge-element, [data-ge-container]';\n\n    /**\n     * Keep each drawer on its node's edges. A drawer is pulled out over the\n     * editor's frame by as much as the frame pads the node, and a padding\n     * class replaces the frame, so a padded node's drawer is pulled out by\n     * its real padding instead. And a column padded at the sides gets a word\n     * about what that does to its gutter.\n     */\n    function mark(scope) {\n        dom.selfAndAll(scope, NODES).forEach(function(node) {\n            var drawer = dom.child(node, '.ge-tools-drawer');\n\n            if (!drawer || !applies(node, ge.kindOf(node))) { return; }\n\n            if (carries(node, 'p')) {\n                var style = getComputedStyle(node);\n\n                dom.css(drawer, {\n                    'margin-top': '-' + style.paddingTop,\n                    'margin-left': '-' + style.paddingLeft,\n                    'margin-right': '-' + style.paddingRight,\n                    width: 'calc(100% + ' + style.paddingLeft + ' + ' + style.paddingRight + ')',\n                });\n            } else {\n                dom.css(drawer, { 'margin-top': '', 'margin-left': '', 'margin-right': '', width: '' });\n            }\n\n            if (dom.hasClass(node, 'column')) {\n                var padded = classes(node).some(function(name) {\n                    return /^p[xse]?-/.test(name) && patterns.p.test(name);\n                });\n                dom.all(drawer, '.ge-spacing-gutter').forEach(function(note) { dom.toggle(note, padded); });\n            }\n        });\n    }\n\n    function families(key, labelKey) {\n        var values = key === 'm' ? VALUES.concat(['auto']) : VALUES;\n        var offered = options.values.concat(key === 'm' ? ['auto'] : []);\n\n        return SIDES.map(function(side) {\n            return {\n                name: key + side,\n                prefix: key + side,\n                values: values,\n                appliesTo: ['row', 'column', 'text', 'element', 'container'],\n                labelKey: labelKey,\n                panel: false,\n                choices: function() {\n                    return values.filter(function(value) { return offered.indexOf(value) !== -1; });\n                },\n            };\n        });\n    }\n\n    return {\n        families: families('p', 'utility.padding').concat(families('m', 'utility.margin')),\n\n        panel: function(node, kind) {\n            if (!applies(node, kind)) { return null; }\n\n            var box = dom.element('div', { 'class': 'ge-spacing' });\n            box.appendChild(group(node, 'p', ge.t('utility.padding')));\n            box.appendChild(group(node, 'm', ge.t('utility.margin')));\n\n            if (kind === 'column') {\n                box.appendChild(dom.element('small', { 'class': 'ge-spacing-gutter' }, ge.t('utility.spacing_gutter')));\n            }\n\n            return box;\n        },\n\n        preview: function(node, kind, breakpoint) {\n            if (!applies(node, kind)) { return {}; }\n\n            var styles = {};\n\n            ['p', 'm'].forEach(function(key) {\n                if (carries(node, key)) { Object.assign(styles, sides(node, key, breakpoint)); }\n            });\n\n            return styles;\n        },\n\n        onRefresh: mark,\n    };\n};\n"],
-  "mappings": "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",
-  "names": ["GridEditor", "all", "root", "selector", "selfAndAll", "root", "selector", "found", "all", "children", "node", "each", "child", "is", "node", "selector", "element", "tag", "attributes", "text", "node", "name", "value", "hasClass", "node", "name", "css", "node", "styles", "property", "value", "UNITLESS", "defaultDisplays", "defaultDisplay", "tag", "probe", "show", "hide", "toggle", "state", "visible", "GridEditor", "VALUES", "SCALE", "SIDES", "SET", "INFIXES", "PROPERTIES", "pattern", "key", "ge", "options", "patterns", "applies", "node", "kind", "is", "classes", "carries", "name", "source", "family", "tier", "names", "values", "v", "without", "original", "style", "bare", "side", "sides", "breakpoint", "winners", "styles", "neutral", "order", "found", "set", "current", "winner", "startingSide", "sideLabel", "group", "labelText", "box", "element", "value", "field", "next", "NODES", "mark", "scope", "selfAndAll", "drawer", "child", "css", "hasClass", "padded", "all", "note", "toggle", "families", "labelKey", "offered"]
-}

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

@@ -1,40 +0,0 @@
-// 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] };
-      }
-    }]
-  };
-};

package/dist/plugins/grideditor.textalign.js

@@ -1,47 +0,0 @@
-(() => {
-  // 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/plugins/grideditor.textalign.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] };
-        }
-      }]
-    };
-  };
-})();

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

@@ -1 +0,0 @@
-(()=>{var e=window.GridEditor;if(!e||typeof e.get!="function")throw new Error("grid-editor: load grideditor.js (or grideditor.bundle.min.js) before its plugins, its locales and grideditor.jquery.js");Object.assign(e.locales.en,{"utility.text_align":"Text alignment","utility.text_start":"Start","utility.text_center":"Center","utility.text_end":"End"});var l={start:"left",center:"center",end:"right"};e.utilities.textalign=function(i){function r(t){return t==="start"?i.t("utility.text_start"):t==="center"?i.t("utility.text_center"):i.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:r,preview:function(t,n){return{"text-align":t===null?i.bareStyle(n,"text-align","text-align"):l[t]}}}]}};})();

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/js/register.js", "../../src/js/plugins/grideditor.textalign.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 * Text alignment for grid-editor.\n *\n * A utility plugin: load this file after the editor and a row, column,\n * element or container can align its text per breakpoint, with Bootstrap's\n * text-{breakpoint}-start, -center and -end classes. What it can ask the\n * editor for is the handle its factory is called with, described in\n * docs/plugins.md.\n *\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.textalign.min.js\"></script>\n *\n * The class aligns everything inside the node that does not align itself: a\n * paragraph the rich text editor gave its own text-align keeps it.\n */\nimport { GridEditor } from '../grideditor.js';\n\nObject.assign(GridEditor.locales.en, {\n    'utility.text_align': 'Text alignment',\n    'utility.text_start': 'Start',\n    'utility.text_center': 'Center',\n    'utility.text_end': 'End',\n});\n\n/** Start and end are left and right: Bootstrap's css is left to right. */\nvar CSS = { start: 'left', center: 'center', end: 'right' };\n\nGridEditor.utilities.textalign = function(ge) {\n\n    function label(value) {\n        if (value === 'start') { return ge.t('utility.text_start'); }\n        if (value === 'center') { return ge.t('utility.text_center'); }\n\n        return ge.t('utility.text_end');\n    }\n\n    return {\n        families: [{\n            name: 'text-align',\n            prefix: 'text',\n            values: ['start', 'center', 'end'],\n            appliesTo: ['row', 'column', 'text', 'element', 'container'],\n            labelKey: 'utility.text_align',\n            label: label,\n\n            /**\n             * With no class applying here, the node aligns as its parent\n             * does - or as the host's css says - which only the browser can\n             * tell, so it is asked with the classes out of the way. Parents\n             * are previewed before their children, so the parent's answer is\n             * already the view's.\n             */\n            preview: function(value, node) {\n                return { 'text-align': value === null ? ge.bareStyle(node, 'text-align', 'text-align') : CSS[value] };\n            },\n        }],\n    };\n};\n"],
-  "mappings": "MASA,IAAIA,EAAa,OAAO,WAExB,GAAI,CAACA,GAAc,OAAOA,EAAW,KAAQ,WACzC,MAAM,IAAI,MAAM,wHAC0B,ECI9C,OAAO,OAAOC,EAAW,QAAQ,GAAI,CACjC,qBAAsB,iBACtB,qBAAsB,QACtB,sBAAuB,SACvB,mBAAoB,KACxB,CAAC,EAGD,IAAIC,EAAM,CAAE,MAAO,OAAQ,OAAQ,SAAU,IAAK,OAAQ,EAE1DD,EAAW,UAAU,UAAY,SAASE,EAAI,CAE1C,SAASC,EAAMC,EAAO,CAClB,OAAIA,IAAU,QAAkBF,EAAG,EAAE,oBAAoB,EACrDE,IAAU,SAAmBF,EAAG,EAAE,qBAAqB,EAEpDA,EAAG,EAAE,kBAAkB,CAClC,CAEA,MAAO,CACH,SAAU,CAAC,CACP,KAAM,aACN,OAAQ,OACR,OAAQ,CAAC,QAAS,SAAU,KAAK,EACjC,UAAW,CAAC,MAAO,SAAU,OAAQ,UAAW,WAAW,EAC3D,SAAU,qBACV,MAAOC,EASP,QAAS,SAASC,EAAOC,EAAM,CAC3B,MAAO,CAAE,aAAcD,IAAU,KAAOF,EAAG,UAAUG,EAAM,aAAc,YAAY,EAAIJ,EAAIG,CAAK,CAAE,CACxG,CACJ,CAAC,CACL,CACJ",
-  "names": ["GridEditor", "GridEditor", "CSS", "ge", "label", "value", "node"]
-}