@themarioga/grid-editor 6.0.0-beta.5 → 7.0.0

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

@@ -0,0 +1,55 @@
+// src/js/plugins/grideditor.alignment.js
+import { GridEditor } from "../grideditor.esm.js";
+Object.assign(GridEditor.locales.en, {
+  "utility.justify_content": "Justify columns",
+  "utility.align_items": "Align columns",
+  "utility.align_self": "Align self"
+});
+var FLEX = {
+  start: "flex-start",
+  end: "flex-end",
+  center: "center",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly",
+  baseline: "baseline",
+  stretch: "stretch",
+  auto: "auto"
+};
+function family(definition) {
+  return Object.assign({
+    prefix: definition.name,
+    preview: function(value) {
+      var styles = {};
+      styles[definition.name] = value === null ? definition.none : FLEX[value];
+      return styles;
+    }
+  }, definition);
+}
+GridEditor.utilities.alignment = function() {
+  return {
+    families: [
+      family({
+        name: "justify-content",
+        labelKey: "utility.justify_content",
+        values: ["start", "center", "end", "between", "around", "evenly"],
+        appliesTo: ["row"],
+        none: "normal"
+      }),
+      family({
+        name: "align-items",
+        labelKey: "utility.align_items",
+        values: ["start", "center", "end", "baseline", "stretch"],
+        appliesTo: ["row"],
+        none: "normal"
+      }),
+      family({
+        name: "align-self",
+        labelKey: "utility.align_self",
+        values: ["auto", "start", "center", "end", "baseline", "stretch"],
+        appliesTo: ["column"],
+        none: "auto"
+      })
+    ]
+  };
+};

package/dist/plugins/grideditor.alignment.js

@@ -1,81 +1,62 @@
-/**
- * Alignment for grid-editor.
- *
- * A utility plugin: load this file after the editor and a row's columns can be
- * justified and aligned per breakpoint, and a column can align itself, with
- * Bootstrap's justify-content-{breakpoint}-*, align-items-{breakpoint}-* and
- * align-self-{breakpoint}-* classes. 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.alignment.min.js"></script>
- *
- * Fields only, in the settings panels: alignment is set now and then, not
- * clicked through, and a drawer is short of room.
- */
-(function($) {
+(() => {
+  // 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");
+  }
 
-$.extend($.fn.gridEditor.locales.en, {
-    'utility.justify_content': 'Justify columns',
-    'utility.align_items': 'Align columns',
-    'utility.align_self': 'Align self',
-});
-
-/** What Bootstrap's value names come to in css. */
-var FLEX = {
-    start: 'flex-start',
-    end: 'flex-end',
-    center: 'center',
-    between: 'space-between',
-    around: 'space-around',
-    evenly: 'space-evenly',
-    baseline: 'baseline',
-    stretch: 'stretch',
-    auto: 'auto',
-};
-
-/**
- * A family whose preview is its one css property. `none` is what the
- * property is when no class says anything, which a view has to show over a
- * wider breakpoint's class that is live in a wide window.
- */
-function family(definition) {
-    return $.extend({
-        prefix: definition.name,
-        preview: function(value) {
-            var styles = {};
-            styles[definition.name] = value === null ? definition.none : FLEX[value];
-            return styles;
-        },
+  // src/js/plugins/grideditor.alignment.js
+  Object.assign(GridEditor.locales.en, {
+    "utility.justify_content": "Justify columns",
+    "utility.align_items": "Align columns",
+    "utility.align_self": "Align self"
+  });
+  var FLEX = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly",
+    baseline: "baseline",
+    stretch: "stretch",
+    auto: "auto"
+  };
+  function family(definition) {
+    return Object.assign({
+      prefix: definition.name,
+      preview: function(value) {
+        var styles = {};
+        styles[definition.name] = value === null ? definition.none : FLEX[value];
+        return styles;
+      }
     }, definition);
-}
-
-$.fn.gridEditor.utilities.alignment = function() {
+  }
+  GridEditor.utilities.alignment = function() {
     return {
-        families: [
-            family({
-                name: 'justify-content',
-                labelKey: 'utility.justify_content',
-                values: ['start', 'center', 'end', 'between', 'around', 'evenly'],
-                appliesTo: ['row'],
-                none: 'normal',
-            }),
-            family({
-                name: 'align-items',
-                labelKey: 'utility.align_items',
-                values: ['start', 'center', 'end', 'baseline', 'stretch'],
-                appliesTo: ['row'],
-                none: 'normal',
-            }),
-            family({
-                name: 'align-self',
-                labelKey: 'utility.align_self',
-                values: ['auto', 'start', 'center', 'end', 'baseline', 'stretch'],
-                appliesTo: ['column'],
-                none: 'auto',
-            }),
-        ],
+      families: [
+        family({
+          name: "justify-content",
+          labelKey: "utility.justify_content",
+          values: ["start", "center", "end", "between", "around", "evenly"],
+          appliesTo: ["row"],
+          none: "normal"
+        }),
+        family({
+          name: "align-items",
+          labelKey: "utility.align_items",
+          values: ["start", "center", "end", "baseline", "stretch"],
+          appliesTo: ["row"],
+          none: "normal"
+        }),
+        family({
+          name: "align-self",
+          labelKey: "utility.align_self",
+          values: ["auto", "start", "center", "end", "baseline", "stretch"],
+          appliesTo: ["column"],
+          none: "auto"
+        })
+      ]
     };
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(e=>{e.extend(e.fn.gridEditor.locales.en,{"utility.justify_content":"Justify columns","utility.align_items":"Align columns","utility.align_self":"Align self"});var l={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",baseline:"baseline",stretch:"stretch",auto:"auto"};function n(t){return e.extend({prefix:t.name,preview:function(e){var n={};return n[t.name]=null===e?t.none:l[e],n}},t)}e.fn.gridEditor.utilities.alignment=function(){return{families:[n({name:"justify-content",labelKey:"utility.justify_content",values:["start","center","end","between","around","evenly"],appliesTo:["row"],none:"normal"}),n({name:"align-items",labelKey:"utility.align_items",values:["start","center","end","baseline","stretch"],appliesTo:["row"],none:"normal"}),n({name:"align-self",labelKey:"utility.align_self",values:["auto","start","center","end","baseline","stretch"],appliesTo:["column"],none:"auto"})]}}})(jQuery);
-//# sourceMappingURL=grideditor.alignment.min.js.map
+(()=>{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.justify_content":"Justify columns","utility.align_items":"Align columns","utility.align_self":"Align self"});var r={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",baseline:"baseline",stretch:"stretch",auto:"auto"};function n(t){return Object.assign({prefix:t.name,preview:function(i){var l={};return l[t.name]=i===null?t.none:r[i],l}},t)}e.utilities.alignment=function(){return{families:[n({name:"justify-content",labelKey:"utility.justify_content",values:["start","center","end","between","around","evenly"],appliesTo:["row"],none:"normal"}),n({name:"align-items",labelKey:"utility.align_items",values:["start","center","end","baseline","stretch"],appliesTo:["row"],none:"normal"}),n({name:"align-self",labelKey:"utility.align_self",values:["auto","start","center","end","baseline","stretch"],appliesTo:["column"],none:"auto"})]}};})();

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

@@ -1 +1,7 @@
-{"version":3,"file":"grideditor.alignment.min.js","sources":["../../src/js/plugins/grideditor.alignment.js"],"names":["$","extend","fn","gridEditor","locales","en","utility.justify_content","utility.align_items","utility.align_self","FLEX","start","end","center","between","around","evenly","baseline","stretch","auto","family","definition","prefix","name","preview","value","styles","none","utilities","alignment","families","labelKey","values","appliesTo","jQuery"],"mappings":"CAeUA,IAEVA,EAAEC,OAAOD,EAAEE,GAAGC,WAAWC,QAAQC,GAAI,CACjCC,0BAA2B,kBAC3BC,sBAAuB,gBACvBC,qBAAsB,YAC1B,CAAC,EAGD,IAAIC,EAAO,CACPC,MAAO,aACPC,IAAK,WACLC,OAAQ,SACRC,QAAS,gBACTC,OAAQ,eACRC,OAAQ,eACRC,SAAU,WACVC,QAAS,UACTC,KAAM,MACV,EAOA,SAASC,EAAOC,GACZ,OAAOpB,EAAEC,OAAO,CACZoB,OAAQD,EAAWE,KACnBC,QAAS,SAASC,GACd,IAAIC,EAAS,GAEb,OADAA,EAAOL,EAAWE,MAAkB,OAAVE,EAAiBJ,EAAWM,KAAOjB,EAAKe,GAC3DC,CACX,CACJ,EAAGL,CAAU,CACjB,CAEApB,EAAEE,GAAGC,WAAWwB,UAAUC,UAAY,WAClC,MAAO,CACHC,SAAU,CACNV,EAAO,CACHG,KAAM,kBACNQ,SAAU,0BACVC,OAAQ,CAAC,QAAS,SAAU,MAAO,UAAW,SAAU,UACxDC,UAAW,CAAC,OACZN,KAAM,QACV,CAAC,EACDP,EAAO,CACHG,KAAM,cACNQ,SAAU,sBACVC,OAAQ,CAAC,QAAS,SAAU,MAAO,WAAY,WAC/CC,UAAW,CAAC,OACZN,KAAM,QACV,CAAC,EACDP,EAAO,CACHG,KAAM,aACNQ,SAAU,qBACVC,OAAQ,CAAC,OAAQ,QAAS,SAAU,MAAO,WAAY,WACvDC,UAAW,CAAC,UACZN,KAAM,MACV,CAAC,EAET,CACJ,CAEC,GAAEO,MAAM"}
+{
+  "version": 3,
+  "sources": ["../../src/js/register.js", "../../src/js/plugins/grideditor.alignment.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 * Alignment for grid-editor.\n *\n * A utility plugin: load this file after the editor and a row's columns can be\n * justified and aligned per breakpoint, and a column can align itself, with\n * Bootstrap's justify-content-{breakpoint}-*, align-items-{breakpoint}-* and\n * align-self-{breakpoint}-* classes. What it can ask the editor for is the\n * handle its factory is called with, described in docs/plugins.md.\n *\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.alignment.min.js\"></script>\n *\n * Fields only, in the settings panels: alignment is set now and then, not\n * clicked through, and a drawer is short of room.\n */\nimport { GridEditor } from '../grideditor.js';\n\nObject.assign(GridEditor.locales.en, {\n    'utility.justify_content': 'Justify columns',\n    'utility.align_items': 'Align columns',\n    'utility.align_self': 'Align self',\n});\n\n/** What Bootstrap's value names come to in css. */\nvar FLEX = {\n    start: 'flex-start',\n    end: 'flex-end',\n    center: 'center',\n    between: 'space-between',\n    around: 'space-around',\n    evenly: 'space-evenly',\n    baseline: 'baseline',\n    stretch: 'stretch',\n    auto: 'auto',\n};\n\n/**\n * A family whose preview is its one css property. `none` is what the\n * property is when no class says anything, which a view has to show over a\n * wider breakpoint's class that is live in a wide window.\n */\nfunction family(definition) {\n    return Object.assign({\n        prefix: definition.name,\n        preview: function(value) {\n            var styles = {};\n            styles[definition.name] = value === null ? definition.none : FLEX[value];\n            return styles;\n        },\n    }, definition);\n}\n\nGridEditor.utilities.alignment = function() {\n    return {\n        families: [\n            family({\n                name: 'justify-content',\n                labelKey: 'utility.justify_content',\n                values: ['start', 'center', 'end', 'between', 'around', 'evenly'],\n                appliesTo: ['row'],\n                none: 'normal',\n            }),\n            family({\n                name: 'align-items',\n                labelKey: 'utility.align_items',\n                values: ['start', 'center', 'end', 'baseline', 'stretch'],\n                appliesTo: ['row'],\n                none: 'normal',\n            }),\n            family({\n                name: 'align-self',\n                labelKey: 'utility.align_self',\n                values: ['auto', 'start', 'center', 'end', 'baseline', 'stretch'],\n                appliesTo: ['column'],\n                none: 'auto',\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,0BAA2B,kBAC3B,sBAAuB,gBACvB,qBAAsB,YAC1B,CAAC,EAGD,IAAIC,EAAO,CACP,MAAO,aACP,IAAK,WACL,OAAQ,SACR,QAAS,gBACT,OAAQ,eACR,OAAQ,eACR,SAAU,WACV,QAAS,UACT,KAAM,MACV,EAOA,SAASC,EAAOC,EAAY,CACxB,OAAO,OAAO,OAAO,CACjB,OAAQA,EAAW,KACnB,QAAS,SAASC,EAAO,CACrB,IAAIC,EAAS,CAAC,EACd,OAAAA,EAAOF,EAAW,IAAI,EAAIC,IAAU,KAAOD,EAAW,KAAOF,EAAKG,CAAK,EAChEC,CACX,CACJ,EAAGF,CAAU,CACjB,CAEAH,EAAW,UAAU,UAAY,UAAW,CACxC,MAAO,CACH,SAAU,CACNE,EAAO,CACH,KAAM,kBACN,SAAU,0BACV,OAAQ,CAAC,QAAS,SAAU,MAAO,UAAW,SAAU,QAAQ,EAChE,UAAW,CAAC,KAAK,EACjB,KAAM,QACV,CAAC,EACDA,EAAO,CACH,KAAM,cACN,SAAU,sBACV,OAAQ,CAAC,QAAS,SAAU,MAAO,WAAY,SAAS,EACxD,UAAW,CAAC,KAAK,EACjB,KAAM,QACV,CAAC,EACDA,EAAO,CACH,KAAM,aACN,SAAU,qBACV,OAAQ,CAAC,OAAQ,QAAS,SAAU,MAAO,WAAY,SAAS,EAChE,UAAW,CAAC,QAAQ,EACpB,KAAM,MACV,CAAC,CACL,CACJ,CACJ",
+  "names": ["GridEditor", "GridEditor", "FLEX", "family", "definition", "value", "styles"]
+}

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

@@ -0,0 +1,73 @@
+// src/js/plugins/grideditor.card.js
+import { GridEditor } from "../grideditor.esm.js";
+
+// src/js/dom.js
+function one(root, selector) {
+  return root ? root.querySelector(selector) : 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;
+}
+
+// src/js/plugins/grideditor.card.js
+Object.assign(GridEditor.locales.en, {
+  "container.add_card": "Card",
+  "container.card_title": "Card title",
+  "container.card_footer": "Card footer"
+});
+GridEditor.containers.card = function(ge) {
+  function editable(part) {
+    if (part) {
+      ge.makeLabelEditable(ge.labelIn(part));
+    }
+  }
+  return {
+    labelKey: "container.add_card",
+    /**
+     * A card is a header, a body and an optional footer. `header: false`
+     * leaves the title out, `footer: true` or a string adds one; both are
+     * plain text the editor makes editable, not regions, so a card holds
+     * exactly one region and nests like any other container.
+     */
+    create: function(options) {
+      var card = element("div", { "class": "card" });
+      if (options.header !== false) {
+        var header = card.appendChild(element("div", { "class": "card-header" }));
+        header.appendChild(element(
+          "span",
+          { "class": "ge-pane-label" },
+          options.title || ge.t("container.card_title")
+        ));
+      }
+      card.appendChild(element("div", { "class": "card-body" })).appendChild(ge.defaultRegion());
+      if (options.footer) {
+        var footer = card.appendChild(element("div", { "class": "card-footer text-body-secondary" }));
+        footer.appendChild(element(
+          "span",
+          { "class": "ge-pane-label" },
+          typeof options.footer === "string" ? options.footer : ge.t("container.card_footer")
+        ));
+      }
+      var container = element("div", { "data-ge-container": "card" });
+      container.appendChild(card);
+      return container;
+    },
+    mark: function(container) {
+      editable(one(container, ":scope > .card > .card-header"));
+      editable(one(container, ":scope > .card > .card-footer"));
+    },
+    unmark: function(container) {
+      ge.unwrapLabels(container);
+    }
+  };
+};

package/dist/plugins/grideditor.card.js

@@ -1,68 +1,78 @@
-/**
- * Cards for grid-editor.
- *
- * A container plugin: load this file after the editor and the toolbar offers
- * a card, a bootstrap card whose body is an editable region. 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.card.min.js"></script>
- */
-(function($) {
+(() => {
+  // 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");
+  }
 
-$.extend($.fn.gridEditor.locales.en, {
-    'container.add_card': 'Card',
-    'container.card_title': 'Card title',
-    'container.card_footer': 'Card footer',
-});
-
-$.fn.gridEditor.containers.card = function(ge) {
+  // src/js/dom.js
+  function one(root, selector) {
+    return root ? root.querySelector(selector) : 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;
+  }
 
+  // src/js/plugins/grideditor.card.js
+  Object.assign(GridEditor.locales.en, {
+    "container.add_card": "Card",
+    "container.card_title": "Card title",
+    "container.card_footer": "Card footer"
+  });
+  GridEditor.containers.card = function(ge) {
+    function editable(part) {
+      if (part) {
+        ge.makeLabelEditable(ge.labelIn(part));
+      }
+    }
     return {
-        labelKey: 'container.add_card',
-
-        /**
-         * A card is a header, a body and an optional footer. `header: false`
-         * leaves the title out, `footer: true` or a string adds one; both are
-         * plain text the editor makes editable, not regions, so a card holds
-         * exactly one region and nests like any other container.
-         */
-        create: function(options) {
-            var card = $('<div class="card" />');
-
-            if (options.header !== false) {
-                $('<div class="card-header" />')
-                    .append($('<span class="ge-pane-label" />')
-                        .text(options.title || ge.t('container.card_title')))
-                    .appendTo(card)
-                ;
-            }
-
-            $('<div class="card-body" />').append(ge.defaultRegion()).appendTo(card);
-
-            if (options.footer) {
-                $('<div class="card-footer text-body-secondary" />')
-                    .append($('<span class="ge-pane-label" />')
-                        .text(typeof options.footer === 'string'
-                            ? options.footer
-                            : ge.t('container.card_footer')))
-                    .appendTo(card)
-                ;
-            }
-
-            return $('<div />').attr('data-ge-container', 'card').append(card);
-        },
-
-        mark: function(container) {
-            ge.makeLabelEditable(ge.labelIn(container.find('> .card > .card-header')));
-            ge.makeLabelEditable(ge.labelIn(container.find('> .card > .card-footer')));
-        },
-
-        unmark: function(container) {
-            ge.unwrapLabels(container);
-        },
+      labelKey: "container.add_card",
+      /**
+       * A card is a header, a body and an optional footer. `header: false`
+       * leaves the title out, `footer: true` or a string adds one; both are
+       * plain text the editor makes editable, not regions, so a card holds
+       * exactly one region and nests like any other container.
+       */
+      create: function(options) {
+        var card = element("div", { "class": "card" });
+        if (options.header !== false) {
+          var header = card.appendChild(element("div", { "class": "card-header" }));
+          header.appendChild(element(
+            "span",
+            { "class": "ge-pane-label" },
+            options.title || ge.t("container.card_title")
+          ));
+        }
+        card.appendChild(element("div", { "class": "card-body" })).appendChild(ge.defaultRegion());
+        if (options.footer) {
+          var footer = card.appendChild(element("div", { "class": "card-footer text-body-secondary" }));
+          footer.appendChild(element(
+            "span",
+            { "class": "ge-pane-label" },
+            typeof options.footer === "string" ? options.footer : ge.t("container.card_footer")
+          ));
+        }
+        var container = element("div", { "data-ge-container": "card" });
+        container.appendChild(card);
+        return container;
+      },
+      mark: function(container) {
+        editable(one(container, ":scope > .card > .card-header"));
+        editable(one(container, ":scope > .card > .card-footer"));
+      },
+      unmark: function(container) {
+        ge.unwrapLabels(container);
+      }
     };
-};
-
-})(jQuery);
+  };
+})();

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

@@ -1,2 +1 @@
-(d=>{d.extend(d.fn.gridEditor.locales.en,{"container.add_card":"Card","container.card_title":"Card title","container.card_footer":"Card footer"}),d.fn.gridEditor.containers.card=function(r){return{labelKey:"container.add_card",create:function(a){var e=d('<div class="card" />');return!1!==a.header&&d('<div class="card-header" />').append(d('<span class="ge-pane-label" />').text(a.title||r.t("container.card_title"))).appendTo(e),d('<div class="card-body" />').append(r.defaultRegion()).appendTo(e),a.footer&&d('<div class="card-footer text-body-secondary" />').append(d('<span class="ge-pane-label" />').text("string"==typeof a.footer?a.footer:r.t("container.card_footer"))).appendTo(e),d("<div />").attr("data-ge-container","card").append(e)},mark:function(a){r.makeLabelEditable(r.labelIn(a.find("> .card > .card-header"))),r.makeLabelEditable(r.labelIn(a.find("> .card > .card-footer")))},unmark:function(a){r.unwrapLabels(a)}}}})(jQuery);
-//# sourceMappingURL=grideditor.card.min.js.map
+(()=>{var a=window.GridEditor;if(!a||typeof a.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 l(t,i){return t?t.querySelector(i):null}function r(t,i,e){var n=document.createElement(t);return Object.keys(i||{}).forEach(function(u){var o=i[u];o!=null&&o!==!1&&n.setAttribute(u,o)}),e!=null&&(n.textContent=e),n}Object.assign(a.locales.en,{"container.add_card":"Card","container.card_title":"Card title","container.card_footer":"Card footer"});a.containers.card=function(t){function i(e){e&&t.makeLabelEditable(t.labelIn(e))}return{labelKey:"container.add_card",create:function(e){var n=r("div",{class:"card"});if(e.header!==!1){var u=n.appendChild(r("div",{class:"card-header"}));u.appendChild(r("span",{class:"ge-pane-label"},e.title||t.t("container.card_title")))}if(n.appendChild(r("div",{class:"card-body"})).appendChild(t.defaultRegion()),e.footer){var o=n.appendChild(r("div",{class:"card-footer text-body-secondary"}));o.appendChild(r("span",{class:"ge-pane-label"},typeof e.footer=="string"?e.footer:t.t("container.card_footer")))}var f=r("div",{"data-ge-container":"card"});return f.appendChild(n),f},mark:function(e){i(l(e,":scope > .card > .card-header")),i(l(e,":scope > .card > .card-footer"))},unmark:function(e){t.unwrapLabels(e)}}};})();

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

@@ -1 +1,7 @@
-{"version":3,"file":"grideditor.card.min.js","sources":["../../src/js/plugins/grideditor.card.js"],"names":["$","extend","fn","gridEditor","locales","en","container.add_card","container.card_title","container.card_footer","containers","card","ge","labelKey","create","options","header","append","text","title","t","appendTo","defaultRegion","footer","attr","mark","container","makeLabelEditable","labelIn","find","unmark","unwrapLabels","jQuery"],"mappings":"CAWUA,IAEVA,EAAEC,OAAOD,EAAEE,GAAGC,WAAWC,QAAQC,GAAI,CACjCC,qBAAsB,OACtBC,uBAAwB,aACxBC,wBAAyB,aAC7B,CAAC,EAEDR,EAAEE,GAAGC,WAAWM,WAAWC,KAAO,SAASC,GAEvC,MAAO,CACHC,SAAU,qBAQVC,OAAQ,SAASC,GACb,IAAIJ,EAAOV,EAAE,sBAAsB,EAsBnC,MApBuB,CAAA,IAAnBc,EAAQC,QACRf,EAAE,6BAA6B,EAC1BgB,OAAOhB,EAAE,gCAAgC,EACrCiB,KAAKH,EAAQI,OAASP,EAAGQ,EAAE,sBAAsB,CAAC,CAAC,EACvDC,SAASV,CAAI,EAItBV,EAAE,2BAA2B,EAAEgB,OAAOL,EAAGU,cAAc,CAAC,EAAED,SAASV,CAAI,EAEnEI,EAAQQ,QACRtB,EAAE,iDAAiD,EAC9CgB,OAAOhB,EAAE,gCAAgC,EACrCiB,KAA+B,UAA1B,OAAOH,EAAQQ,OACfR,EAAQQ,OACRX,EAAGQ,EAAE,uBAAuB,CAAC,CAAC,EACvCC,SAASV,CAAI,EAIfV,EAAE,SAAS,EAAEuB,KAAK,oBAAqB,MAAM,EAAEP,OAAON,CAAI,CACrE,EAEAc,KAAM,SAASC,GACXd,EAAGe,kBAAkBf,EAAGgB,QAAQF,EAAUG,KAAK,wBAAwB,CAAC,CAAC,EACzEjB,EAAGe,kBAAkBf,EAAGgB,QAAQF,EAAUG,KAAK,wBAAwB,CAAC,CAAC,CAC7E,EAEAC,OAAQ,SAASJ,GACbd,EAAGmB,aAAaL,CAAS,CAC7B,CACJ,CACJ,CAEC,GAAEM,MAAM"}
+{
+  "version": 3,
+  "sources": ["../../src/js/register.js", "../../src/js/dom.js", "../../src/js/plugins/grideditor.card.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 * Cards for grid-editor.\n *\n * A container plugin: load this file after the editor and the toolbar offers\n * a card, a bootstrap card whose body is an editable region. What it can ask\n * the 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.card.min.js\"></script>\n */\nimport { GridEditor } from '../grideditor.js';\nimport * as dom from '../dom.js';\n\nObject.assign(GridEditor.locales.en, {\n    'container.add_card': 'Card',\n    'container.card_title': 'Card title',\n    'container.card_footer': 'Card footer',\n});\n\nGridEditor.containers.card = function(ge) {\n\n    /** A header's or a footer's text, editable in place, when the card has one. */\n    function editable(part) {\n        if (part) { ge.makeLabelEditable(ge.labelIn(part)); }\n    }\n\n    return {\n        labelKey: 'container.add_card',\n\n        /**\n         * A card is a header, a body and an optional footer. `header: false`\n         * leaves the title out, `footer: true` or a string adds one; both are\n         * plain text the editor makes editable, not regions, so a card holds\n         * exactly one region and nests like any other container.\n         */\n        create: function(options) {\n            var card = dom.element('div', { 'class': 'card' });\n\n            if (options.header !== false) {\n                var header = card.appendChild(dom.element('div', { 'class': 'card-header' }));\n                header.appendChild(dom.element('span', { 'class': 'ge-pane-label' },\n                    options.title || ge.t('container.card_title')));\n            }\n\n            card.appendChild(dom.element('div', { 'class': 'card-body' })).appendChild(ge.defaultRegion());\n\n            if (options.footer) {\n                var footer = card.appendChild(dom.element('div', { 'class': 'card-footer text-body-secondary' }));\n                footer.appendChild(dom.element('span', { 'class': 'ge-pane-label' },\n                    typeof options.footer === 'string' ? options.footer : ge.t('container.card_footer')));\n            }\n\n            var container = dom.element('div', { 'data-ge-container': 'card' });\n            container.appendChild(card);\n            return container;\n        },\n\n        mark: function(container) {\n            editable(dom.one(container, ':scope > .card > .card-header'));\n            editable(dom.one(container, ':scope > .card > .card-footer'));\n        },\n\n        unmark: function(container) {\n            ge.unwrapLabels(container);\n        },\n    };\n};\n"],
+  "mappings": "MASA,IAAIA,EAAa,OAAO,WAExB,GAAI,CAACA,GAAc,OAAOA,EAAW,KAAQ,WACzC,MAAM,IAAI,MAAM,wHAC0B,ECMvC,SAASC,EAAIC,EAAMC,EAAU,CAChC,OAAOD,EAAOA,EAAK,cAAcC,CAAQ,EAAI,IACjD,CAoFO,SAASC,EAAQC,EAAKC,EAAYC,EAAM,CAC3C,IAAIC,EAAO,SAAS,cAAcH,CAAG,EAErC,cAAO,KAAKC,GAAc,CAAC,CAAC,EAAE,QAAQ,SAASG,EAAM,CACjD,IAAIC,EAAQJ,EAAWG,CAAI,EACvBC,GAAU,MAA+BA,IAAU,IAASF,EAAK,aAAaC,EAAMC,CAAK,CACjG,CAAC,EACyBH,GAAS,OAAQC,EAAK,YAAcD,GAEvDC,CACX,CCrGA,OAAO,OAAOG,EAAW,QAAQ,GAAI,CACjC,qBAAsB,OACtB,uBAAwB,aACxB,wBAAyB,aAC7B,CAAC,EAEDA,EAAW,WAAW,KAAO,SAASC,EAAI,CAGtC,SAASC,EAASC,EAAM,CAChBA,GAAQF,EAAG,kBAAkBA,EAAG,QAAQE,CAAI,CAAC,CACrD,CAEA,MAAO,CACH,SAAU,qBAQV,OAAQ,SAASC,EAAS,CACtB,IAAIC,EAAWC,EAAQ,MAAO,CAAE,MAAS,MAAO,CAAC,EAEjD,GAAIF,EAAQ,SAAW,GAAO,CAC1B,IAAIG,EAASF,EAAK,YAAgBC,EAAQ,MAAO,CAAE,MAAS,aAAc,CAAC,CAAC,EAC5EC,EAAO,YAAgBD,EAAQ,OAAQ,CAAE,MAAS,eAAgB,EAC9DF,EAAQ,OAASH,EAAG,EAAE,sBAAsB,CAAC,CAAC,CACtD,CAIA,GAFAI,EAAK,YAAgBC,EAAQ,MAAO,CAAE,MAAS,WAAY,CAAC,CAAC,EAAE,YAAYL,EAAG,cAAc,CAAC,EAEzFG,EAAQ,OAAQ,CAChB,IAAII,EAASH,EAAK,YAAgBC,EAAQ,MAAO,CAAE,MAAS,iCAAkC,CAAC,CAAC,EAChGE,EAAO,YAAgBF,EAAQ,OAAQ,CAAE,MAAS,eAAgB,EAC9D,OAAOF,EAAQ,QAAW,SAAWA,EAAQ,OAASH,EAAG,EAAE,uBAAuB,CAAC,CAAC,CAC5F,CAEA,IAAIQ,EAAgBH,EAAQ,MAAO,CAAE,oBAAqB,MAAO,CAAC,EAClE,OAAAG,EAAU,YAAYJ,CAAI,EACnBI,CACX,EAEA,KAAM,SAASA,EAAW,CACtBP,EAAaQ,EAAID,EAAW,+BAA+B,CAAC,EAC5DP,EAAaQ,EAAID,EAAW,+BAA+B,CAAC,CAChE,EAEA,OAAQ,SAASA,EAAW,CACxBR,EAAG,aAAaQ,CAAS,CAC7B,CACJ,CACJ",
+  "names": ["GridEditor", "one", "root", "selector", "element", "tag", "attributes", "text", "node", "name", "value", "GridEditor", "ge", "editable", "part", "options", "card", "element", "header", "footer", "container", "one"]
+}