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

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

@@ -1,34 +0,0 @@
-// src/js/plugins/grideditor.float.js
-import { GridEditor } from "../grideditor.esm.js";
-Object.assign(GridEditor.locales.en, {
-  "utility.float": "Float",
-  "utility.float_start": "Start",
-  "utility.float_end": "End",
-  "utility.float_none": "None"
-});
-var CSS = { start: "left", end: "right", none: "none" };
-GridEditor.utilities.float = function(ge) {
-  function label(value) {
-    if (value === "start") {
-      return ge.t("utility.float_start");
-    }
-    if (value === "end") {
-      return ge.t("utility.float_end");
-    }
-    return ge.t("utility.float_none");
-  }
-  return {
-    families: [{
-      name: "float",
-      prefix: "float",
-      values: ["start", "end", "none"],
-      appliesTo: ["element"],
-      labelKey: "utility.float",
-      label,
-      /** With no class applying here, whatever the host's css floats it as. */
-      preview: function(value, node) {
-        return { float: value === null ? ge.bareStyle(node, "float", "float") : CSS[value] };
-      }
-    }]
-  };
-};

package/dist/plugins/grideditor.float.js

@@ -1,41 +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.float.js
-  Object.assign(GridEditor.locales.en, {
-    "utility.float": "Float",
-    "utility.float_start": "Start",
-    "utility.float_end": "End",
-    "utility.float_none": "None"
-  });
-  var CSS = { start: "left", end: "right", none: "none" };
-  GridEditor.utilities.float = function(ge) {
-    function label(value) {
-      if (value === "start") {
-        return ge.t("utility.float_start");
-      }
-      if (value === "end") {
-        return ge.t("utility.float_end");
-      }
-      return ge.t("utility.float_none");
-    }
-    return {
-      families: [{
-        name: "float",
-        prefix: "float",
-        values: ["start", "end", "none"],
-        appliesTo: ["element"],
-        labelKey: "utility.float",
-        label,
-        /** With no class applying here, whatever the host's css floats it as. */
-        preview: function(value, node) {
-          return { float: value === null ? ge.bareStyle(node, "float", "float") : CSS[value] };
-        }
-      }]
-    };
-  };
-})();

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

@@ -1 +0,0 @@
-(()=>{var i=window.GridEditor;if(!i||typeof i.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(i.locales.en,{"utility.float":"Float","utility.float_start":"Start","utility.float_end":"End","utility.float_none":"None"});var l={start:"left",end:"right",none:"none"};i.utilities.float=function(e){function r(t){return t==="start"?e.t("utility.float_start"):t==="end"?e.t("utility.float_end"):e.t("utility.float_none")}return{families:[{name:"float",prefix:"float",values:["start","end","none"],appliesTo:["element"],labelKey:"utility.float",label:r,preview:function(t,o){return{float:t===null?e.bareStyle(o,"float","float"):l[t]}}}]}};})();

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/js/register.js", "../../src/js/plugins/grideditor.float.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 * Floating elements for grid-editor.\n *\n * A utility plugin: load this file after the editor and after the elements\n * plugin, and an element can float to the start or the end of its content\n * area per breakpoint, with the text around it, using Bootstrap's\n * float-{breakpoint}-start, -end and -none 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.elements.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.float.min.js\"></script>\n *\n * Elements only. A floated row or column stops being part of the grid, and a\n * container sits beside the content areas rather than in their text.\n */\nimport { GridEditor } from '../grideditor.js';\n\nObject.assign(GridEditor.locales.en, {\n    'utility.float': 'Float',\n    'utility.float_start': 'Start',\n    'utility.float_end': 'End',\n    'utility.float_none': 'None',\n});\n\n/** Start and end are left and right: Bootstrap's css is left to right. */\nvar CSS = { start: 'left', end: 'right', none: 'none' };\n\nGridEditor.utilities.float = function(ge) {\n\n    function label(value) {\n        if (value === 'start') { return ge.t('utility.float_start'); }\n        if (value === 'end') { return ge.t('utility.float_end'); }\n\n        return ge.t('utility.float_none');\n    }\n\n    return {\n        families: [{\n            name: 'float',\n            prefix: 'float',\n            values: ['start', 'end', 'none'],\n            appliesTo: ['element'],\n            labelKey: 'utility.float',\n            label: label,\n\n            /** With no class applying here, whatever the host's css floats it as. */\n            preview: function(value, node) {\n                return { float: value === null ? ge.bareStyle(node, 'float', 'float') : CSS[value] };\n            },\n        }],\n    };\n};\n"],
-  "mappings": "MASA,IAAIA,EAAa,OAAO,WAExB,GAAI,CAACA,GAAc,OAAOA,EAAW,KAAQ,WACzC,MAAM,IAAI,MAAM,wHAC0B,ECM9C,OAAO,OAAOC,EAAW,QAAQ,GAAI,CACjC,gBAAiB,QACjB,sBAAuB,QACvB,oBAAqB,MACrB,qBAAsB,MAC1B,CAAC,EAGD,IAAIC,EAAM,CAAE,MAAO,OAAQ,IAAK,QAAS,KAAM,MAAO,EAEtDD,EAAW,UAAU,MAAQ,SAASE,EAAI,CAEtC,SAASC,EAAMC,EAAO,CAClB,OAAIA,IAAU,QAAkBF,EAAG,EAAE,qBAAqB,EACtDE,IAAU,MAAgBF,EAAG,EAAE,mBAAmB,EAE/CA,EAAG,EAAE,oBAAoB,CACpC,CAEA,MAAO,CACH,SAAU,CAAC,CACP,KAAM,QACN,OAAQ,QACR,OAAQ,CAAC,QAAS,MAAO,MAAM,EAC/B,UAAW,CAAC,SAAS,EACrB,SAAU,gBACV,MAAOC,EAGP,QAAS,SAASC,EAAOC,EAAM,CAC3B,MAAO,CAAE,MAAOD,IAAU,KAAOF,EAAG,UAAUG,EAAM,QAAS,OAAO,EAAIJ,EAAIG,CAAK,CAAE,CACvF,CACJ,CAAC,CACL,CACJ",
-  "names": ["GridEditor", "GridEditor", "CSS", "ge", "label", "value", "node"]
-}

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

@@ -1,318 +0,0 @@
-// src/js/plugins/grideditor.spacing.js
-import { GridEditor } from "../grideditor.esm.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
-  };
-};