@themarioga/grid-editor 6.0.0-beta.1 → 6.0.0-beta.2

package/dist/plugins/grideditor.spacing.js

@@ -183,7 +183,7 @@ $.fn.gridEditor.utilities.spacing = function(ge) {
     /** A padding or margin group: its name, the side, and the field of that side's family. */
     function group(node, key, labelText) {
         var box = $('<div class="ge-spacing-group" />').attr('data-ge-spacing', key);
-        var side = $('<select class="ge-spacing-side" />');
+        var side = $('<select class="ge-spacing-side form-select form-select-sm" />');
 
         $('<span class="ge-utility-label" />').text(labelText).appendTo(box);
 

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

@@ -1,2 +1,2 @@
-(o=>{o.extend(o.fn.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 m=["0","1","2","3","4","5"],n=["0",".25rem",".5rem","1rem","1.5rem","3rem"],y=["","x","y","t","e","b","s"],h={"":["top","right","bottom","left"],x:["left","right"],y:["top","bottom"],t:["top"],e:["right"],b:["bottom"],s:["left"]},v=["","sm","md","lg","xl","xxl"],x={p:"padding",m:"margin"};function l(t){return new RegExp("^"+t+"[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$")}o.fn.gridEditor.utilities.spacing=function(d){var g=o.extend({values:m,scale:n},d.settings.utilities.spacing),p={p:l("p"),m:l("m")};function r(t,e){return"row"===e||"column"===e||"element"===e||t.is("[data-ge-container]")}function f(t){return(t.attr("class")||"").split(/\s+/)}function a(t,e){return f(t).some(function(t){return p[e].test(t)})}function u(u,l,t){var e=d.breakpoints.indexOf(t),o={},s={},c=null;return y.forEach(function(t,i){var n=((t,e,i)=>{for(var n=f(t),r="m"===e.charAt(0)?m.concat(["auto"]):m,a=i;0<=a;a--)for(var u=0;u<r.length;u++){var l=e+(v[a]?"-"+v[a]:"")+"-"+r[u];if(-1!==n.indexOf(l))return{tier:a,value:r[u]}}return null})(u,l+t,e);n&&h[t].forEach(function(t){var e=o[t];(!e||n.tier>e.tier||n.tier===e.tier&&i>e.order)&&(o[t]={tier:n.tier,order:i,value:n.value})})}),["top","right","bottom","left"].forEach(function(t){var e,i,n,r,a=o[t];a?s[x[l]+"-"+t]="auto"===a.value?"auto":g.scale[a.value]:(c=c||(e=l,n=(a=u).attr("class"),r={},a.attr("class",f(a).filter(function(t){return!p[e].test(t)}).join(" ")),i=getComputedStyle(a[0]),["top","right","bottom","left"].forEach(function(t){r[t]=i.getPropertyValue(x[e]+"-"+t)}),a.attr("class",n),r),s[x[l]+"-"+t]=c[t])}),s}function i(e,i,t){var n,r,a=o('<div class="ge-spacing-group" />').attr("data-ge-spacing",i),u=o('<select class="ge-spacing-side" />'),l=(o('<span class="ge-utility-label" />').text(t).appendTo(a),y.forEach(function(t){o("<option />").attr("value",t).text((t=>{switch(t){case"x":return d.t("utility.side_x");case"y":return d.t("utility.side_y");case"t":return d.t("utility.side_t");case"b":return d.t("utility.side_b");case"s":return d.t("utility.side_s");case"e":return d.t("utility.side_e");default:return d.t("utility.side_all")}})(t)).appendTo(u)}),d.utilityField(e,i+(n=i,r=f(t=e).filter(function(t){return p[n].test(t)}),(t=y.filter(function(e){return r.some(function(t){return 0===t.indexOf(n+e+"-")})})).length?t[0]:"")));return u.val(l.attr("data-ge-family").slice(1)).on("change",function(){var t=d.utilityField(e,i+this.value);l.replaceWith(t),l=t}).appendTo(a),l.appendTo(a),a}var e=".row, .column, .ge-element, [data-ge-container]";function t(e,i){var n="m"===e?m.concat(["auto"]):m,r=g.values.concat("m"===e?["auto"]:[]);return y.map(function(t){return{name:e+t,prefix:e+t,values:n,appliesTo:["row","column","text","element","container"],labelKey:i,panel:!1,choices:function(){return n.filter(function(t){return-1!==r.indexOf(t)})}}})}return{families:t("p","utility.padding").concat(t("m","utility.margin")),panel:function(t,e){return r(t,e)?(t=o('<div class="ge-spacing" />').append(i(t,"p",d.t("utility.padding"))).append(i(t,"m",d.t("utility.margin"))),"column"===e&&o('<small class="ge-spacing-gutter" />').text(d.t("utility.spacing_gutter")).appendTo(t),t):null},preview:function(e,t,i){var n;return r(e,t)?(n={},["p","m"].forEach(function(t){a(e,t)&&o.extend(n,u(e,t,i))}),n):{}},onRefresh:function(t){t.find(e).addBack(e).each(function(){var t,e=o(this),i=e.children(".ge-tools-drawer");i.length&&r(e,d.kindOf(e))&&(a(e,"p")?(t=getComputedStyle(e[0]),i.css({marginTop:"-"+t.paddingTop,marginLeft:"-"+t.paddingLeft,marginRight:"-"+t.paddingRight,width:"calc(100% + "+t.paddingLeft+" + "+t.paddingRight+")"})):i.css({marginTop:"",marginLeft:"",marginRight:"",width:""}),e.hasClass("column"))&&i.find(".ge-spacing-gutter").toggle(f(e).some(function(t){return/^p[xse]?-/.test(t)&&p.p.test(t)}))})}}}})(jQuery);
+(o=>{o.extend(o.fn.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 m=["0","1","2","3","4","5"],n=["0",".25rem",".5rem","1rem","1.5rem","3rem"],y=["","x","y","t","e","b","s"],h={"":["top","right","bottom","left"],x:["left","right"],y:["top","bottom"],t:["top"],e:["right"],b:["bottom"],s:["left"]},v=["","sm","md","lg","xl","xxl"],x={p:"padding",m:"margin"};function l(t){return new RegExp("^"+t+"[xytbse]?-(?:(?:sm|md|lg|xl|xxl)-)?(?:[0-5]|auto)$")}o.fn.gridEditor.utilities.spacing=function(d){var g=o.extend({values:m,scale:n},d.settings.utilities.spacing),p={p:l("p"),m:l("m")};function r(t,e){return"row"===e||"column"===e||"element"===e||t.is("[data-ge-container]")}function f(t){return(t.attr("class")||"").split(/\s+/)}function a(t,e){return f(t).some(function(t){return p[e].test(t)})}function u(u,l,t){var e=d.breakpoints.indexOf(t),o={},s={},c=null;return y.forEach(function(t,i){var n=((t,e,i)=>{for(var n=f(t),r="m"===e.charAt(0)?m.concat(["auto"]):m,a=i;0<=a;a--)for(var u=0;u<r.length;u++){var l=e+(v[a]?"-"+v[a]:"")+"-"+r[u];if(-1!==n.indexOf(l))return{tier:a,value:r[u]}}return null})(u,l+t,e);n&&h[t].forEach(function(t){var e=o[t];(!e||n.tier>e.tier||n.tier===e.tier&&i>e.order)&&(o[t]={tier:n.tier,order:i,value:n.value})})}),["top","right","bottom","left"].forEach(function(t){var e,i,n,r,a=o[t];a?s[x[l]+"-"+t]="auto"===a.value?"auto":g.scale[a.value]:(c=c||(e=l,n=(a=u).attr("class"),r={},a.attr("class",f(a).filter(function(t){return!p[e].test(t)}).join(" ")),i=getComputedStyle(a[0]),["top","right","bottom","left"].forEach(function(t){r[t]=i.getPropertyValue(x[e]+"-"+t)}),a.attr("class",n),r),s[x[l]+"-"+t]=c[t])}),s}function i(e,i,t){var n,r,a=o('<div class="ge-spacing-group" />').attr("data-ge-spacing",i),u=o('<select class="ge-spacing-side form-select form-select-sm" />'),l=(o('<span class="ge-utility-label" />').text(t).appendTo(a),y.forEach(function(t){o("<option />").attr("value",t).text((t=>{switch(t){case"x":return d.t("utility.side_x");case"y":return d.t("utility.side_y");case"t":return d.t("utility.side_t");case"b":return d.t("utility.side_b");case"s":return d.t("utility.side_s");case"e":return d.t("utility.side_e");default:return d.t("utility.side_all")}})(t)).appendTo(u)}),d.utilityField(e,i+(n=i,r=f(t=e).filter(function(t){return p[n].test(t)}),(t=y.filter(function(e){return r.some(function(t){return 0===t.indexOf(n+e+"-")})})).length?t[0]:"")));return u.val(l.attr("data-ge-family").slice(1)).on("change",function(){var t=d.utilityField(e,i+this.value);l.replaceWith(t),l=t}).appendTo(a),l.appendTo(a),a}var e=".row, .column, .ge-element, [data-ge-container]";function t(e,i){var n="m"===e?m.concat(["auto"]):m,r=g.values.concat("m"===e?["auto"]:[]);return y.map(function(t){return{name:e+t,prefix:e+t,values:n,appliesTo:["row","column","text","element","container"],labelKey:i,panel:!1,choices:function(){return n.filter(function(t){return-1!==r.indexOf(t)})}}})}return{families:t("p","utility.padding").concat(t("m","utility.margin")),panel:function(t,e){return r(t,e)?(t=o('<div class="ge-spacing" />').append(i(t,"p",d.t("utility.padding"))).append(i(t,"m",d.t("utility.margin"))),"column"===e&&o('<small class="ge-spacing-gutter" />').text(d.t("utility.spacing_gutter")).appendTo(t),t):null},preview:function(e,t,i){var n;return r(e,t)?(n={},["p","m"].forEach(function(t){a(e,t)&&o.extend(n,u(e,t,i))}),n):{}},onRefresh:function(t){t.find(e).addBack(e).each(function(){var t,e=o(this),i=e.children(".ge-tools-drawer");i.length&&r(e,d.kindOf(e))&&(a(e,"p")?(t=getComputedStyle(e[0]),i.css({marginTop:"-"+t.paddingTop,marginLeft:"-"+t.paddingLeft,marginRight:"-"+t.paddingRight,width:"calc(100% + "+t.paddingLeft+" + "+t.paddingRight+")"})):i.css({marginTop:"",marginLeft:"",marginRight:"",width:""}),e.hasClass("column"))&&i.find(".ge-spacing-gutter").toggle(f(e).some(function(t){return/^p[xse]?-/.test(t)&&p.p.test(t)}))})}}}})(jQuery);
 //# sourceMappingURL=grideditor.spacing.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grideditor.spacing.min.js","sources":["../../src/js/plugins/grideditor.spacing.js"],"names":["$","extend","fn","gridEditor","locales","en","utility.padding","utility.margin","utility.side_all","utility.side_x","utility.side_y","utility.side_t","utility.side_b","utility.side_s","utility.side_e","utility.spacing_gutter","VALUES","SCALE","SIDES","SET","","x","y","t","e","b","s","INFIXES","PROPERTIES","p","m","pattern","key","RegExp","utilities","spacing","ge","options","values","scale","settings","patterns","applies","node","kind","is","classes","attr","split","carries","some","name","test","sides","breakpoint","tier","breakpoints","indexOf","winners","styles","neutral","forEach","side","order","found","family","names","charAt","concat","i","v","length","value","set","current","style","original","bare","winner","filter","join","getComputedStyle","getPropertyValue","group","labelText","box","field","text","appendTo","utilityField","val","slice","on","next","this","replaceWith","NODES","families","labelKey","offered","map","prefix","appliesTo","panel","choices","append","preview","onRefresh","scope","find","addBack","each","drawer","children","kindOf","css","marginTop","paddingTop","marginLeft","paddingLeft","marginRight","paddingRight","width","hasClass","toggle","jQuery"],"mappings":"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"}
+{"version":3,"file":"grideditor.spacing.min.js","sources":["../../src/js/plugins/grideditor.spacing.js"],"names":["$","extend","fn","gridEditor","locales","en","utility.padding","utility.margin","utility.side_all","utility.side_x","utility.side_y","utility.side_t","utility.side_b","utility.side_s","utility.side_e","utility.spacing_gutter","VALUES","SCALE","SIDES","SET","","x","y","t","e","b","s","INFIXES","PROPERTIES","p","m","pattern","key","RegExp","utilities","spacing","ge","options","values","scale","settings","patterns","applies","node","kind","is","classes","attr","split","carries","some","name","test","sides","breakpoint","tier","breakpoints","indexOf","winners","styles","neutral","forEach","side","order","found","family","names","charAt","concat","i","v","length","value","set","current","style","original","bare","winner","filter","join","getComputedStyle","getPropertyValue","group","labelText","box","field","text","appendTo","utilityField","val","slice","on","next","this","replaceWith","NODES","families","labelKey","offered","map","prefix","appliesTo","panel","choices","append","preview","onRefresh","scope","find","addBack","each","drawer","children","kindOf","css","marginTop","paddingTop","marginLeft","paddingLeft","marginRight","paddingRight","width","hasClass","toggle","jQuery"],"mappings":"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"}

package/docs/locale-keys.md

@@ -62,6 +62,29 @@ row.*
 | `row.add_row_cols` | Add a row of {columns} columns, {counts} per row | Tooltip of a toolbar button for a `{ row_cols, columns }` layout. `{counts}` reads like `1, md: 3` |
 
 
+panel.*
+-------
+
+Where a node's settings open, and what they are called there: `settings_panel`
+`'offcanvas'`, `'popover'` or `'modal'` - an unfolded `'inline'` panel has no
+title. `{kind}` is one of the `panel.kind_*` keys, or a container's own label.
+
+| Key | English | Where |
+| --- | --- | --- |
+| `panel.title` | {kind} settings | Title of the offcanvas, popover or modal |
+| `panel.close` | Close | Label of its close button |
+| `panel.done` | Done | The modal's button that closes it |
+| `panel.id` | Id | Label of the id field |
+| `panel.classes` | Classes | Label of the classes field |
+| `panel.kind_row` | Row | `{kind}` for a row |
+| `panel.kind_column` | Column | For a column |
+| `panel.kind_text` | Text | For a text |
+| `panel.kind_element` | Element | For an element |
+| `panel.kind_section` | Section | For a section |
+| `panel.kind_tab` | Tab | For a tab |
+| `panel.kind_accordion_item` | Accordion item | For an accordion item |
+
+
 container.*
 -----------
 

package/docs/plugins.md

@@ -107,7 +107,8 @@ not change without a major version.
 | `ge.defaultRegion()` | A row with one full width column: what an empty pane starts as |
 | `ge.createTool(drawer, title, className, iconClass, handlers)` | A tool in a drawer |
 | `ge.createMoveTool(drawer)` | The drag handle, unless `drag_handle` says the whole drawer is one |
-| `ge.addSettingsTool(drawer, node, presets)` | The gear, and the id and class panel it opens |
+| `ge.addSettingsTool(drawer, node, presets)` | The gear, and the id and class panel it opens. Returns the panel, to add fields to |
+| `ge.detailsOf(node)` | A node's settings panel, wherever it is: in its drawer, or open in the offcanvas, popover or modal `settings_panel` names, outside the canvas. Find a panel's fields through it, never through the drawer |
 | `ge.deleteNode(kind, node, confirmText, animate)` | Remove a node: ask, animate, announce |
 | `ge.place(node, kind, options)` | Put a created node where `appendTo` and friends say, through the add events. `options.source` is the payload's `source`, `api` by default |
 | `ge.createPaneControls(pane, kind, hostTools, confirmText, remove)` | The drawer a pane gets: move, the host's tools, delete |

package/example/utilities.html

@@ -30,13 +30,27 @@
 
     <script>
         $(function() {
-            $('#myGrid').gridEditor({
-                new_row_layouts: [[12], [6,6], [4,4,4], [8,4]],
-                content_types: [],
-
-                // Utilities are edited per breakpoint, so this page starts in
-                // one. Switch to "All sizes" to see the page as it will render.
-                default_view: 'xs',
+            function start(panel) {
+                $('#myGrid').gridEditor({
+                    new_row_layouts: [[12], [6,6], [4,4,4], [8,4]],
+                    content_types: [],
+
+                    // Utilities are edited per breakpoint, so this page starts in
+                    // one. Switch to "All sizes" to see the page as it will render.
+                    default_view: 'xs',
+
+                    // Where a node's settings open: 'offcanvas', the default,
+                    // 'popover', 'modal', or 'inline' in its drawer
+                    settings_panel: panel,
+                });
+            }
+            start($('#panel').val());
+
+            // The same canvas, started again with its settings elsewhere
+            $('#panel').on('change', function() {
+                var html = $('#myGrid').gridEditor('getHtml');
+                $('#myGrid').gridEditor('destroy').html(html);
+                start(this.value);
             });
 
             // Every change to a utility is announced, like any other operation
@@ -75,6 +89,15 @@
                     section with a field per utility, which says what the
                     breakpoint inherits and from where.
                 </p>
+                <div class="d-flex align-items-center gap-2 mb-3">
+                    <label class="form-label mb-0" for="panel">A gear opens its settings in</label>
+                    <select class="form-select form-select-sm w-auto" id="panel">
+                        <option value="offcanvas">a side panel (offcanvas)</option>
+                        <option value="popover">a popover</option>
+                        <option value="modal">a modal</option>
+                        <option value="inline">the drawer itself (inline)</option>
+                    </select>
+                </div>
                 <p class="form-text">
                     <strong>Visibility:</strong> the eye in a drawer hides the
                     node in the view being edited. It stays on the canvas,

package/package.json

@@ -34,7 +34,7 @@
     "comment": "A scoped package publishes restricted unless it is told otherwise.",
     "access": "public"
   },
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0-beta.2",
   "main": "dist/jquery.grideditor.js",
   "files": [
     "dist",