@themarioga/grid-editor 8.8.2 → 8.9.0

package/dist/grideditor.jquery.min.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/js/register.js", "../src/js/grideditor.jquery.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 jQuery API of grid-editor 6, on top of the plain DOM editor.\n *\n * A page written for 6.x - one that calls $(el).gridEditor(...), listens\n * with $(el).on('grideditor:...') and reads jQuery objects out of the\n * payloads - loads jQuery 4 and this file after grideditor.js, and runs\n * unchanged:\n *\n *   <script src=\"jquery.min.js\"></script>\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/grideditor.jquery.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.tabs.min.js\"></script>\n *\n * What it keeps is the host's side of 6.x. Plugins are not: they register\n * on GridEditor, and the plugin contract hands out elements.\n *\n * Every value 6.x gave host code as a jQuery object is one again: the event\n * payloads and the callbacks' arguments, what the create* methods return,\n * the handle $(el).data('grideditor') gives, the canvas custom_filter gets,\n * and the event a host tool's handler gets. What the host hands in may be a\n * jQuery object wherever 6.x took one.\n */\nimport { GridEditor } from './grideditor.js';\n\nvar $ = window.jQuery;\n\nvar english = function(key, params) { return GridEditor.t({ locale: 'en' }, key, params); };\n\nvar warned = {};\n\nfunction warnOnce(key, message) {\n    if (warned[key]) { return; }\n    warned[key] = true;\n    if (window.console && window.console.warn) { window.console.warn('grid-editor: ' + message); }\n}\n\nif (!$ || !$.fn) {\n    warnOnce('no-jquery', english('warning.adapter_no_jquery'));\n} else {\n    install();\n}\n\nfunction install() {\n\n    /**\n     * Every method 6.x dispatched, and which hand back something other than\n     * the jQuery set: those run against the first element only, and do not\n     * chain.\n     */\n    var METHODS = {\n        getHtml:          { value: true },\n        getPlainHtml:     { value: true },\n        init:             {},\n        deinit:           {},\n        reset:            {},\n        destroy:          {},\n        changeView:       {},\n        getView:          { value: true },\n        createRow:        { value: true },\n        createColumn:     { value: true },\n        createElement:    { value: true },\n        createText:       { value: true },\n        createSection:    { value: true },\n        createContainer:  { value: true },\n        addTab:           { value: true },\n        addAccordionItem: { value: true },\n        setLocale:        {},\n        getUtility:       { value: true },\n        setUtility:       { value: true },\n        getActiveTarget:  { value: true },\n        setActiveTarget:  {},\n    };\n\n    /** The *_tools settings, whose handlers 6.x bound with jQuery. */\n    var TOOL_SETTINGS = ['row_tools', 'col_tools', 'element_tools', 'container_tools',\n        'tab_tools', 'accordion_tools', 'text_tools'];\n\n    function isElement(value) {\n        return !!value && value.nodeType === 1;\n    }\n\n    /** What the host handed in, as the editor takes it: a jQuery object is its first element. */\n    function unwrap(value) {\n        if (value instanceof $) { return value[0] || null; }\n        return value;\n    }\n\n    /** An argument, and the options object an argument may be, unwrapped one level down. */\n    function unwrapArgument(value) {\n        if (value instanceof $) { return unwrap(value); }\n\n        if (value && typeof value === 'object' && !Array.isArray(value) && !isElement(value)) {\n            var copy = {};\n            Object.keys(value).forEach(function(key) { copy[key] = unwrap(value[key]); });\n            return copy;\n        }\n\n        return value;\n    }\n\n    /** What the editor handed back, as 6.x did: an element is a jQuery object. */\n    function wrapResult(value) {\n        return isElement(value) ? $(value) : value;\n    }\n\n    /**\n     * A payload as 6.x built it: its nodes jQuery objects, and an empty set\n     * where there is no node - a detached node's parent. The same payload\n     * wraps to the same object, so every listener of one notification sees\n     * one payload, as they did.\n     */\n    var wrappedPayloads = new WeakMap();\n\n    function wrapPayload(payload) {\n        if (!payload || typeof payload !== 'object') { return payload; }\n        if (wrappedPayloads.has(payload)) { return wrappedPayloads.get(payload); }\n\n        var copy = Object.assign({}, payload);\n\n        ['node', 'parent', 'canvas'].forEach(function(key) {\n            if (key in payload) { copy[key] = $(payload[key] || []); }\n        });\n        if (payload.container) { copy.container = $(payload.container); }\n        // edit-html writes any number of nodes, which 6.x gave as one set\n        if (Array.isArray(payload.nodes)) { copy.node = $(payload.nodes); }\n        ['from', 'to'].forEach(function(key) {\n            var position = payload[key];\n            if (position && typeof position === 'object' && 'parent' in position) {\n                copy[key] = Object.assign({}, position, { parent: $(position.parent || []) });\n            }\n        });\n\n        wrappedPayloads.set(payload, copy);\n        return copy;\n    }\n\n    /**\n     * The events, as jQuery handlers had them: (event, payload).\n     *\n     * The editor dispatches DOM events, which jQuery hands its handlers with\n     * no second argument. Its dispatcher is where every one of them passes,\n     * delegated ones too, so that is where the payload goes back in: once,\n     * for each handler, and preventDefault() on the jQuery event is\n     * preventDefault() on the editor's.\n     */\n    var dispatch = $.event.dispatch;\n    $.event.dispatch = function(nativeEvent) {\n        if (arguments.length === 1 && nativeEvent instanceof window.CustomEvent &&\n                typeof nativeEvent.type === 'string' && nativeEvent.type.indexOf('grideditor:') === 0) {\n            return dispatch.call(this, nativeEvent, wrapPayload(nativeEvent.detail));\n        }\n\n        return dispatch.apply(this, arguments);\n    };\n\n    /** A handler of a host's tool, given a jQuery event as 6.x gave it. */\n    function jqueryHandler(handler) {\n        return function(event) {\n            return handler.call(this, $.event.fix(event));\n        };\n    }\n\n    function adaptTool(tool) {\n        if (!tool || !tool.on) { return tool; }\n\n        var on;\n        if (typeof tool.on === 'function') {\n            on = jqueryHandler(tool.on);\n        } else {\n            on = {};\n            Object.keys(tool.on).forEach(function(name) { on[name] = jqueryHandler(tool.on[name]); });\n        }\n\n        return Object.assign({}, tool, { on: on });\n    }\n\n    /** A custom_filter, as a function of a jQuery canvas; a name is looked up when it runs. */\n    function adaptFilter(filter) {\n        return function(canvas, isInit) {\n            var func = typeof filter === 'string' ? window[filter] : filter;\n            return func($(canvas), isInit);\n        };\n    }\n\n    /** The host's 6.x options, as the editor takes them. */\n    function adaptOptions(options) {\n        options = Object.assign({}, options || {});\n\n        if (options.callbacks) {\n            var callbacks = {};\n            Object.keys(options.callbacks).forEach(function(name) {\n                var callback = options.callbacks[name];\n                callbacks[name] = typeof callback === 'function'\n                    ? function(payload) { return callback(wrapPayload(payload)); }\n                    : callback;\n            });\n            options.callbacks = callbacks;\n        }\n\n        if (options.custom_filter && options.custom_filter.length) {\n            var filters = typeof options.custom_filter === 'string' || typeof options.custom_filter === 'function'\n                ? [options.custom_filter]\n                : Array.prototype.slice.call(options.custom_filter);\n            options.custom_filter = filters.map(adaptFilter);\n        }\n\n        TOOL_SETTINGS.forEach(function(name) {\n            if (Array.isArray(options[name])) { options[name] = options[name].map(adaptTool); }\n        });\n\n        options.source_textarea = unwrap(options.source_textarea);\n\n        return options;\n    }\n\n    /**\n     * The handle $(el).data('grideditor') gave in 6.x: the same methods, with\n     * jQuery going in and coming out, and the canvas as a jQuery object.\n     */\n    function handleFor(instance) {\n        var handle = { canvas: $(instance.canvas) };\n\n        Object.keys(METHODS).forEach(function(name) {\n            handle[name] = function() {\n                var result = instance[name].apply(instance, Array.prototype.map.call(arguments, unwrapArgument));\n                return result === instance ? undefined : wrapResult(result);\n            };\n        });\n\n        Object.defineProperty(handle, 'settings', {\n            enumerable: true,\n            get: function() { return instance.settings; },\n        });\n\n        return handle;\n    }\n\n    /**\n     * Every editor gets its 6.x handle, whoever made it: $(el).gridEditor()\n     * or new GridEditor(el). It goes with the editor.\n     */\n    GridEditor._created.push(function(instance) {\n        $.data(instance.canvas, 'grideditor', handleFor(instance));\n\n        var destroy = instance.destroy;\n        instance.destroy = function() {\n            var result = destroy.apply(this, arguments);\n            $.removeData(instance.canvas, 'grideditor');\n            return result;\n        };\n    });\n\n    function dispatchMethod(set, name, args) {\n        var descriptor = METHODS[name];\n\n        if (!descriptor) {\n            warnOnce('method:' + name, 'unknown method \"' + name + '\"');\n            return set;\n        }\n\n        args = args.map(unwrapArgument);\n\n        if (descriptor.value) {\n            var element = set.first();\n            if (!element.length) { return null; }\n\n            var instance = GridEditor.get(element[0]);\n            if (!instance) {\n                if (name === 'getHtml') { return element.html(); }\n                if (name === 'getPlainHtml') { return GridEditor._plainHtml(element.html()); }\n                return null;\n            }\n\n            return wrapResult(instance[name].apply(instance, args));\n        }\n\n        set.each(function() {\n            var found = GridEditor.get(this);\n            if (found) { found[name].apply(found, args); }\n        });\n\n        return set;\n    }\n\n    /**\n     * $(el).gridEditor(options): an editor on each element that has none.\n     * $(el).gridEditor('method', ...): a method, 6.x style.\n     */\n    $.fn.gridEditor = function(optionsOrMethod) {\n        if (typeof optionsOrMethod == 'string') {\n            return dispatchMethod(this, optionsOrMethod, Array.prototype.slice.call(arguments, 1));\n        }\n\n        var options = adaptOptions(optionsOrMethod);\n\n        this.each(function() {\n            GridEditor.create(this, options);\n        });\n\n        return this;\n    };\n\n    // Strings are the same thing in both: a 6.x locale file loads unchanged\n    $.fn.gridEditor.locales = GridEditor.locales;\n    $.fn.gridEditor.t = GridEditor.t;\n}\n"],
-  "mappings": "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",
+  "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 jQuery API of grid-editor 6, on top of the plain DOM editor.\n *\n * A page written for 6.x - one that calls $(el).gridEditor(...), listens\n * with $(el).on('grideditor:...') and reads jQuery objects out of the\n * payloads - loads jQuery 4 and this file after grideditor.js, and runs\n * unchanged:\n *\n *   <script src=\"jquery.min.js\"></script>\n *   <script src=\"dist/grideditor.min.js\"></script>\n *   <script src=\"dist/grideditor.jquery.min.js\"></script>\n *   <script src=\"dist/plugins/grideditor.tabs.min.js\"></script>\n *\n * What it keeps is the host's side of 6.x. Plugins are not: they register\n * on GridEditor, and the plugin contract hands out elements.\n *\n * Every value 6.x gave host code as a jQuery object is one again: the event\n * payloads and the callbacks' arguments, what the create* methods return,\n * the handle $(el).data('grideditor') gives, the canvas custom_filter gets,\n * and the event a host tool's handler gets. What the host hands in may be a\n * jQuery object wherever 6.x took one.\n */\nimport { GridEditor } from './grideditor.js';\n\nvar $ = window.jQuery;\n\nvar english = function(key, params) { return GridEditor.t({ locale: 'en' }, key, params); };\n\nvar warned = {};\n\nfunction warnOnce(key, message) {\n    if (warned[key]) { return; }\n    warned[key] = true;\n    if (window.console && window.console.warn) { window.console.warn('grid-editor: ' + message); }\n}\n\nif (!$ || !$.fn) {\n    warnOnce('no-jquery', english('warning.adapter_no_jquery'));\n} else {\n    install();\n}\n\nfunction install() {\n\n    /**\n     * Every method 6.x dispatched, and which hand back something other than\n     * the jQuery set: those run against the first element only, and do not\n     * chain.\n     */\n    var METHODS = {\n        getHtml:          { value: true },\n        getPlainHtml:     { value: true },\n        init:             {},\n        deinit:           {},\n        reset:            {},\n        destroy:          {},\n        changeView:       {},\n        getView:          { value: true },\n        createRow:        { value: true },\n        createColumn:     { value: true },\n        createElement:    { value: true },\n        createText:       { value: true },\n        createSection:    { value: true },\n        createContainer:  { value: true },\n        addTab:           { value: true },\n        addAccordionItem: { value: true },\n        setLocale:        {},\n        getUtility:       { value: true },\n        setUtility:       { value: true },\n        getActiveTarget:  { value: true },\n        setActiveTarget:  {},\n        getSelected:      { value: true },\n        setSelected:      {},\n    };\n\n    /** The *_tools settings, whose handlers 6.x bound with jQuery. */\n    var TOOL_SETTINGS = ['row_tools', 'col_tools', 'element_tools', 'container_tools',\n        'tab_tools', 'accordion_tools', 'text_tools'];\n\n    function isElement(value) {\n        return !!value && value.nodeType === 1;\n    }\n\n    /** What the host handed in, as the editor takes it: a jQuery object is its first element. */\n    function unwrap(value) {\n        if (value instanceof $) { return value[0] || null; }\n        return value;\n    }\n\n    /** An argument, and the options object an argument may be, unwrapped one level down. */\n    function unwrapArgument(value) {\n        if (value instanceof $) { return unwrap(value); }\n\n        if (value && typeof value === 'object' && !Array.isArray(value) && !isElement(value)) {\n            var copy = {};\n            Object.keys(value).forEach(function(key) { copy[key] = unwrap(value[key]); });\n            return copy;\n        }\n\n        return value;\n    }\n\n    /** What the editor handed back, as 6.x did: an element is a jQuery object. */\n    function wrapResult(value) {\n        return isElement(value) ? $(value) : value;\n    }\n\n    /**\n     * A payload as 6.x built it: its nodes jQuery objects, and an empty set\n     * where there is no node - a detached node's parent. The same payload\n     * wraps to the same object, so every listener of one notification sees\n     * one payload, as they did.\n     */\n    var wrappedPayloads = new WeakMap();\n\n    function wrapPayload(payload) {\n        if (!payload || typeof payload !== 'object') { return payload; }\n        if (wrappedPayloads.has(payload)) { return wrappedPayloads.get(payload); }\n\n        var copy = Object.assign({}, payload);\n\n        ['node', 'parent', 'canvas'].forEach(function(key) {\n            if (key in payload) { copy[key] = $(payload[key] || []); }\n        });\n        if (payload.container) { copy.container = $(payload.container); }\n        // edit-html writes any number of nodes, which 6.x gave as one set\n        if (Array.isArray(payload.nodes)) { copy.node = $(payload.nodes); }\n        ['from', 'to'].forEach(function(key) {\n            var position = payload[key];\n            if (position && typeof position === 'object' && 'parent' in position) {\n                copy[key] = Object.assign({}, position, { parent: $(position.parent || []) });\n            }\n        });\n\n        wrappedPayloads.set(payload, copy);\n        return copy;\n    }\n\n    /**\n     * The events, as jQuery handlers had them: (event, payload).\n     *\n     * The editor dispatches DOM events, which jQuery hands its handlers with\n     * no second argument. Its dispatcher is where every one of them passes,\n     * delegated ones too, so that is where the payload goes back in: once,\n     * for each handler, and preventDefault() on the jQuery event is\n     * preventDefault() on the editor's.\n     */\n    var dispatch = $.event.dispatch;\n    $.event.dispatch = function(nativeEvent) {\n        if (arguments.length === 1 && nativeEvent instanceof window.CustomEvent &&\n                typeof nativeEvent.type === 'string' && nativeEvent.type.indexOf('grideditor:') === 0) {\n            return dispatch.call(this, nativeEvent, wrapPayload(nativeEvent.detail));\n        }\n\n        return dispatch.apply(this, arguments);\n    };\n\n    /** A handler of a host's tool, given a jQuery event as 6.x gave it. */\n    function jqueryHandler(handler) {\n        return function(event) {\n            return handler.call(this, $.event.fix(event));\n        };\n    }\n\n    function adaptTool(tool) {\n        if (!tool || !tool.on) { return tool; }\n\n        var on;\n        if (typeof tool.on === 'function') {\n            on = jqueryHandler(tool.on);\n        } else {\n            on = {};\n            Object.keys(tool.on).forEach(function(name) { on[name] = jqueryHandler(tool.on[name]); });\n        }\n\n        return Object.assign({}, tool, { on: on });\n    }\n\n    /** A custom_filter, as a function of a jQuery canvas; a name is looked up when it runs. */\n    function adaptFilter(filter) {\n        return function(canvas, isInit) {\n            var func = typeof filter === 'string' ? window[filter] : filter;\n            return func($(canvas), isInit);\n        };\n    }\n\n    /** The host's 6.x options, as the editor takes them. */\n    function adaptOptions(options) {\n        options = Object.assign({}, options || {});\n\n        if (options.callbacks) {\n            var callbacks = {};\n            Object.keys(options.callbacks).forEach(function(name) {\n                var callback = options.callbacks[name];\n                callbacks[name] = typeof callback === 'function'\n                    ? function(payload) { return callback(wrapPayload(payload)); }\n                    : callback;\n            });\n            options.callbacks = callbacks;\n        }\n\n        if (options.custom_filter && options.custom_filter.length) {\n            var filters = typeof options.custom_filter === 'string' || typeof options.custom_filter === 'function'\n                ? [options.custom_filter]\n                : Array.prototype.slice.call(options.custom_filter);\n            options.custom_filter = filters.map(adaptFilter);\n        }\n\n        TOOL_SETTINGS.forEach(function(name) {\n            if (Array.isArray(options[name])) { options[name] = options[name].map(adaptTool); }\n        });\n\n        options.source_textarea = unwrap(options.source_textarea);\n\n        return options;\n    }\n\n    /**\n     * The handle $(el).data('grideditor') gave in 6.x: the same methods, with\n     * jQuery going in and coming out, and the canvas as a jQuery object.\n     */\n    function handleFor(instance) {\n        var handle = { canvas: $(instance.canvas) };\n\n        Object.keys(METHODS).forEach(function(name) {\n            handle[name] = function() {\n                var result = instance[name].apply(instance, Array.prototype.map.call(arguments, unwrapArgument));\n                return result === instance ? undefined : wrapResult(result);\n            };\n        });\n\n        Object.defineProperty(handle, 'settings', {\n            enumerable: true,\n            get: function() { return instance.settings; },\n        });\n\n        return handle;\n    }\n\n    /**\n     * Every editor gets its 6.x handle, whoever made it: $(el).gridEditor()\n     * or new GridEditor(el). It goes with the editor.\n     */\n    GridEditor._created.push(function(instance) {\n        $.data(instance.canvas, 'grideditor', handleFor(instance));\n\n        var destroy = instance.destroy;\n        instance.destroy = function() {\n            var result = destroy.apply(this, arguments);\n            $.removeData(instance.canvas, 'grideditor');\n            return result;\n        };\n    });\n\n    function dispatchMethod(set, name, args) {\n        var descriptor = METHODS[name];\n\n        if (!descriptor) {\n            warnOnce('method:' + name, 'unknown method \"' + name + '\"');\n            return set;\n        }\n\n        args = args.map(unwrapArgument);\n\n        if (descriptor.value) {\n            var element = set.first();\n            if (!element.length) { return null; }\n\n            var instance = GridEditor.get(element[0]);\n            if (!instance) {\n                if (name === 'getHtml') { return element.html(); }\n                if (name === 'getPlainHtml') { return GridEditor._plainHtml(element.html()); }\n                return null;\n            }\n\n            return wrapResult(instance[name].apply(instance, args));\n        }\n\n        set.each(function() {\n            var found = GridEditor.get(this);\n            if (found) { found[name].apply(found, args); }\n        });\n\n        return set;\n    }\n\n    /**\n     * $(el).gridEditor(options): an editor on each element that has none.\n     * $(el).gridEditor('method', ...): a method, 6.x style.\n     */\n    $.fn.gridEditor = function(optionsOrMethod) {\n        if (typeof optionsOrMethod == 'string') {\n            return dispatchMethod(this, optionsOrMethod, Array.prototype.slice.call(arguments, 1));\n        }\n\n        var options = adaptOptions(optionsOrMethod);\n\n        this.each(function() {\n            GridEditor.create(this, options);\n        });\n\n        return this;\n    };\n\n    // Strings are the same thing in both: a 6.x locale file loads unchanged\n    $.fn.gridEditor.locales = GridEditor.locales;\n    $.fn.gridEditor.t = GridEditor.t;\n}\n"],
+  "mappings": "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",
   "names": ["GridEditor", "$", "english", "key", "params", "GridEditor", "warned", "warnOnce", "message", "install", "METHODS", "TOOL_SETTINGS", "isElement", "value", "unwrap", "unwrapArgument", "copy", "wrapResult", "wrappedPayloads", "wrapPayload", "payload", "position", "dispatch", "nativeEvent", "jqueryHandler", "handler", "event", "adaptTool", "tool", "on", "name", "adaptFilter", "filter", "canvas", "isInit", "func", "adaptOptions", "options", "callbacks", "callback", "filters", "handleFor", "instance", "handle", "result", "destroy", "dispatchMethod", "set", "args", "descriptor", "element", "found", "optionsOrMethod"]
 }

package/dist/grideditor.js

@@ -329,7 +329,9 @@
     getUtility: { value: true },
     setUtility: { value: true },
     getActiveTarget: { value: true },
-    setActiveTarget: {}
+    setActiveTarget: {},
+    getSelected: { value: true },
+    setSelected: {}
   };
   var PLACEMENTS = ["appendTo", "prependTo", "insertAfter", "insertBefore"];
   var BREAKPOINTS = [
@@ -413,6 +415,10 @@
       tools: true
       // The indent tools in the column's drawer
     },
+    sidebar: {
+      empty: null
+      // function(ge) -> { title, body } shown while nothing is selected, or null for the message
+    },
     drag: {
       delay: 0,
       // Milliseconds to hold before a drag starts
@@ -429,6 +435,8 @@
   var warned = {};
   var editorCounter = 0;
   var instances = /* @__PURE__ */ new WeakMap();
+  var sidebarHolder = null;
+  var EDITOR_CONTROLS = ".ge-mainControls, .ge-settings-panel, .ge-sidebar-toggle, .ge-dialog, .ge-confirm, .ge-size-picker, .modal, .modal-backdrop";
   function translate(settings, key, params) {
     var locales = GridEditor.locales;
     var locale = locales[settings.locale] || {};
@@ -634,7 +642,9 @@
       "confirm_delete": true,
       // Ask before deleting a row or a column
       "settings_panel": "offcanvas",
-      // Where a node's settings open: 'offcanvas', 'popover', 'modal' or 'inline'
+      // Where a node's settings open: 'offcanvas', 'popover', 'modal', 'inline' or 'sidebar'
+      "sidebar": NESTED_SETTINGS.sidebar,
+      // The 'sidebar' panel: what it shows while nothing is selected
       "drag": NESTED_SETTINGS.drag
       // How a drag behaves, whatever drives it
     }, optionsOrMethod);
@@ -660,6 +670,17 @@
     var sortables = [];
     var instanceId = ++editorCounter;
     var destroyed = false;
+    var selected = null;
+    var sidebarCollapsed = null;
+    var pluginHandle = null;
+    if (settings.settings_panel === "sidebar") {
+      if (sidebarHolder) {
+        warnOnceHere("sidebar", 'settings_panel "sidebar" is in use by another editor on the page, which has one sidebar: using offcanvas');
+        settings.settings_panel = "offcanvas";
+      } else {
+        sidebarHolder = instance;
+      }
+    }
     var detailsFor = /* @__PURE__ */ new WeakMap();
     var moves = /* @__PURE__ */ new WeakMap();
     var resizes = /* @__PURE__ */ new WeakMap();
@@ -1097,7 +1118,8 @@
           e.preventDefault();
         }
       }, signal);
-      if (settings.active_target) {
+      var sidebarMode = panelMode() === "sidebar";
+      if (settings.active_target || sidebarMode) {
         var pressed = null;
         canvas.addEventListener("pointerdown", function(e) {
           pressed = { x: e.clientX, y: e.clientY };
@@ -1111,24 +1133,61 @@
           if (from && Math.abs(e.clientX - from.x) + Math.abs(e.clientY - from.y) > settings.drag.threshold) {
             return;
           }
-          var region = closest(e.target, targetSelector());
-          if (region && region === activeTarget && (e.target === region || e.target === child(region, ".ge-tools-drawer"))) {
-            changeTarget(null);
-            return;
+          if (settings.active_target) {
+            clickTarget(e);
+          }
+          if (sidebarMode && canvas.contains(e.target)) {
+            changeSelection(settingsNodeAt(e.target));
           }
-          changeTarget(region && region !== canvas && canvas.contains(region) ? region : null);
         }, signal);
         document.addEventListener("keydown", function(e) {
-          if (e.key !== "Escape" || !activeTarget || openSettingsState || dialogState) {
+          if (e.key !== "Escape" || openSettingsState || dialogState) {
+            return;
+          }
+          if (confirmDialog && hasClass(confirmDialog, "show")) {
             return;
           }
           var focus = document.activeElement;
           if (focus && (is(focus, "input, textarea, select") || focus.isContentEditable)) {
             return;
           }
-          changeTarget(null);
+          if (selected && isEditing()) {
+            changeSelection(null);
+          } else if (activeTarget) {
+            changeTarget(null);
+          }
         }, signal);
       }
+      if (sidebarMode) {
+        canvas.addEventListener("focusin", function(e) {
+          var node = isEditing() ? settingsNodeAt(e.target) : null;
+          if (node) {
+            changeSelection(node);
+          }
+        }, signal);
+        document.addEventListener("click", function(e) {
+          var target = e.target;
+          if (!selected || !isEditing() || !target || target.nodeType !== 1) {
+            return;
+          }
+          if (!attached(target) || canvas.contains(target)) {
+            return;
+          }
+          if (closest(target, EDITOR_CONTROLS) || canvas.querySelector(".ge-rte-active")) {
+            return;
+          }
+          changeSelection(null);
+        }, signal);
+        window.addEventListener("resize", reserveSidebarRoom, signal);
+      }
+      function clickTarget(e) {
+        var region = closest(e.target, targetSelector());
+        if (region && region === activeTarget && (e.target === region || e.target === child(region, ".ge-tools-drawer"))) {
+          changeTarget(null);
+          return;
+        }
+        changeTarget(region && region !== canvas && canvas.contains(region) ? region : null);
+      }
     }
     function textReady(block) {
       if (!is(block, ".ge-content") || !canvas.contains(block)) {
@@ -1899,6 +1958,7 @@
     function openSource() {
       deinit();
       changeTarget(null);
+      changeSelection(null);
       htmlTextArea.style.height = 0.8 * document.documentElement.clientHeight + "px";
       htmlTextArea.value = canvas.innerHTML;
       show(htmlTextArea);
@@ -1944,6 +2004,9 @@
       if (openSettingsState && !attached(openSettingsState.node)) {
         closeSettings();
       }
+      if (selected && !canvas.contains(selected)) {
+        changeSelection(null);
+      }
       if (dialogState && dialogState.home && !attached(dialogState.home)) {
         closeDialog();
       }
@@ -1968,9 +2031,11 @@
       } else if (activeTarget) {
         addClass(activeTarget, "ge-active-target");
       }
+      showSidebar();
     }
     function deinit() {
       closeSettings();
+      hideSidebar();
       removeClass(canvas, "ge-editing ge-drag-drawer ge-dropping");
       if (activeTarget) {
         removeClass(activeTarget, "ge-active-target");
@@ -2131,6 +2196,10 @@
       }
       deinit();
       activeTarget = null;
+      selected = null;
+      if (sidebarHolder === instance) {
+        sidebarHolder = null;
+      }
       removeConfirmModal();
       removeSettingsPanels();
       removeDialog();
@@ -2141,7 +2210,7 @@
       destroyed = true;
     }
     function loadPlugins() {
-      var api = pluginApi();
+      var api = pluginHandle = pluginApi();
       registerFamily("grid", {}, widthFamily());
       if (settings.row_cols !== false) {
         registerFamily("grid", {}, rowColsFamily());
@@ -3262,9 +3331,11 @@
     function addSettingsTool(drawer, node, presets) {
       var details = createDetails(node, presets || []);
       detailsFor.set(node, details);
-      createTool(drawer, t("tool.settings"), "ge-settings", "bi bi-gear-fill", function() {
-        toggleSettings(node, details, this);
-      });
+      if (panelMode() !== "sidebar") {
+        createTool(drawer, t("tool.settings"), "ge-settings", "bi bi-gear-fill", function() {
+          toggleSettings(node, details, this);
+        });
+      }
       var kind = kindOf(node);
       Object.keys(UTILITIES).forEach(function(name) {
         if (UTILITIES[name].drawerTools) {
@@ -3355,7 +3426,7 @@
             return;
           }
           var holder = element("div", { "class": "ge-panel-section", "data-ge-plugin": name });
-          if (mode === "offcanvas" || mode === "modal") {
+          if (mode === "offcanvas" || mode === "modal" || mode === "sidebar") {
             holder.appendChild(sectionTitle(t(section.labelKey)));
             holder.appendChild(section.body);
           } else {
@@ -3379,7 +3450,7 @@
       });
       return sections;
     }
-    var PANEL_MODES = ["offcanvas", "popover", "modal", "inline"];
+    var PANEL_MODES = ["offcanvas", "popover", "modal", "inline", "sidebar"];
     var settingsPanels = {};
     var openSettingsState = null;
     var modalState = /* @__PURE__ */ new WeakMap();
@@ -3394,7 +3465,14 @@
       return node && detailsFor.get(node) || null;
     }
     function settingsScope() {
-      return openSettingsState && openSettingsState.mode !== "inline" ? [canvas, openSettingsState.details] : [canvas];
+      var scope = [canvas];
+      if (openSettingsState && openSettingsState.mode !== "inline") {
+        scope.push(openSettingsState.details);
+      }
+      if (sidebarShown) {
+        scope.push(sidebarShown.details);
+      }
+      return scope;
     }
     function toggleSettings(node, details, gear) {
       var mode = panelMode();
@@ -3484,6 +3562,9 @@
       } else {
         hideModal(panel);
       }
+      returnPanel(open);
+    }
+    function returnPanel(open) {
       removeClass(open.node, "ge-settings-target");
       open.details.style.removeProperty("display");
       dropEmptyStyle(open.details);
@@ -3516,6 +3597,11 @@
         panel = create('<div class="popover bs-popover-bottom ge-settings-panel ge-settings-popover" role="dialog"><div class="popover-arrow"></div><div class="popover-header"><span class="ge-settings-title"></span></div><div class="popover-body ge-settings-body"></div></div>');
         one(panel, ".popover-header").appendChild(closeButton());
         hide(panel);
+      } else if (mode === "sidebar") {
+        panel = create('<div class="offcanvas offcanvas-end ge-settings-panel ge-settings-sidebar" tabindex="-1" role="complementary"><div class="offcanvas-header"><h5 class="offcanvas-title ge-settings-title"></h5></div><div class="offcanvas-body ge-settings-body"></div></div>');
+        panel.id = "ge-settings-sidebar-" + instanceId;
+        one(panel, ".offcanvas-header").appendChild(closeButton());
+        settingsPanels["sidebar-toggle"] = document.body.appendChild(sidebarToggle(panel));
       } else {
         panel = create('<div class="modal fade ge-settings-panel ge-settings-modal" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"><div class="modal-content"><div class="modal-header"><h5 class="modal-title ge-settings-title"></h5></div><div class="modal-body ge-settings-body"></div><div class="modal-footer"></div></div></div></div>');
         one(panel, ".modal-header").appendChild(closeButton());
@@ -3526,13 +3612,19 @@
       }
       delegate(panel, "click", ".ge-settings-close", function(e) {
         e.preventDefault();
-        closeSettings();
+        if (mode === "sidebar") {
+          changeSelection(null);
+        } else {
+          closeSettings();
+        }
       });
       settingsPanels[mode] = document.body.appendChild(panel);
       return panel;
     }
     function removeSettingsPanels() {
       closeSettings();
+      unshowSidebar();
+      removeClass(document.documentElement, "ge-sidebar-open");
       Object.keys(settingsPanels).forEach(function(mode) {
         if (mode === "modal") {
           retireModal(settingsPanels[mode]);
@@ -3545,6 +3637,180 @@
       });
       settingsPanels = {};
     }
+    var SIDEBAR_MIN_WIDTH = 576;
+    var sidebarShown = null;
+    var sidebarEmpty = null;
+    function isEditing() {
+      return hasClass(canvas, "ge-editing");
+    }
+    function sidebarToggle(panel) {
+      var button = element("button", { type: "button", "class": "ge-sidebar-toggle", "aria-controls": panel.id });
+      button.appendChild(element("i"));
+      button.addEventListener("click", function() {
+        foldSidebar(!sidebarCollapsed);
+      });
+      return button;
+    }
+    function foldSidebar(collapsed) {
+      sidebarCollapsed = collapsed;
+      applySidebar();
+    }
+    function applySidebar() {
+      var panel = settingsPanels.sidebar;
+      var toggle2 = settingsPanels["sidebar-toggle"];
+      if (!panel) {
+        return;
+      }
+      var open = !sidebarCollapsed;
+      if (open && !hasClass(panel, "show")) {
+        removeClass(panel, "hiding");
+        panel.getBoundingClientRect();
+        addClass(panel, "show");
+      } else if (!open && hasClass(panel, "show")) {
+        removeClass(panel, "show");
+        addClass(panel, "hiding");
+        window.setTimeout(function() {
+          removeClass(panel, "hiding");
+        }, 300);
+      }
+      var label = open ? t("panel.collapse") : t("panel.expand");
+      toggle2.setAttribute("aria-expanded", open ? "true" : "false");
+      toggle2.setAttribute("aria-label", label);
+      toggle2.setAttribute("title", label);
+      one(toggle2, "i").className = "bi " + (open ? "bi-chevron-right" : "bi-chevron-left");
+      reserveSidebarRoom();
+    }
+    function reserveSidebarRoom() {
+      toggleClass(
+        document.documentElement,
+        "ge-sidebar-open",
+        !!settingsPanels.sidebar && isEditing() && !sidebarCollapsed && window.innerWidth >= SIDEBAR_MIN_WIDTH
+      );
+    }
+    function showSidebar() {
+      if (panelMode() !== "sidebar") {
+        return;
+      }
+      var panel = settingsPanel("sidebar");
+      if (sidebarCollapsed === null) {
+        sidebarCollapsed = window.innerWidth < SIDEBAR_MIN_WIDTH;
+      }
+      panel.style.removeProperty("display");
+      settingsPanels["sidebar-toggle"].style.removeProperty("display");
+      renderSidebar();
+      applySidebar();
+    }
+    function hideSidebar() {
+      unshowDetails();
+      var panel = settingsPanels.sidebar;
+      if (!panel) {
+        return;
+      }
+      panel.style.display = "none";
+      settingsPanels["sidebar-toggle"].style.display = "none";
+      removeClass(document.documentElement, "ge-sidebar-open");
+    }
+    function setSidebarTitle(text) {
+      var panel = settingsPanels.sidebar;
+      one(panel, ".ge-settings-title").textContent = text;
+      panel.setAttribute("aria-label", text);
+    }
+    function unshowDetails() {
+      var shown = sidebarShown;
+      sidebarShown = null;
+      if (shown) {
+        returnPanel(shown);
+      }
+    }
+    function unshowSidebar() {
+      unshowDetails();
+      if (sidebarEmpty) {
+        sidebarEmpty.body.remove();
+        sidebarEmpty = null;
+      }
+    }
+    function renderSidebar() {
+      var panel = settingsPanels.sidebar;
+      if (!panel || !isEditing()) {
+        return;
+      }
+      var details = selected ? detailsOf(selected) : null;
+      if (details ? sidebarShown && sidebarShown.details === details : !sidebarShown && sidebarEmpty) {
+        return;
+      }
+      unshowSidebar();
+      var holder = one(panel, ".ge-settings-body");
+      if (!details) {
+        var content = emptyContent();
+        var body = content ? content.body : element("p", { "class": "ge-sidebar-empty" }, t("panel.sidebar_empty"));
+        setSidebarTitle(content ? content.title : t("panel.sidebar_title"));
+        holder.appendChild(body);
+        sidebarEmpty = { body };
+        return;
+      }
+      sidebarShown = { node: selected, details, home: details.parentElement, next: details.nextElementSibling };
+      setSidebarTitle(t("panel.title", { kind: kindLabel(selected) }));
+      holder.appendChild(details);
+      show(details);
+      addClass(selected, "ge-settings-target");
+    }
+    function emptyContent() {
+      var fromHost = settings.sidebar.empty;
+      var found = null;
+      if (typeof fromHost === "function") {
+        found = emptyContentOf(fromHost(instance), function(result) {
+          return result.title;
+        });
+      } else if (fromHost !== null && fromHost !== void 0) {
+        warnOnceHere("sidebar.empty", "sidebar.empty is a function(ge) returning { title, body }, not " + typeof fromHost + ": ignored");
+      }
+      [CONTAINERS, FEATURES, UTILITIES].forEach(function(registry) {
+        Object.keys(registry).forEach(function(name) {
+          var plugin = registry[name];
+          if (found || !plugin.sidebarEmpty) {
+            return;
+          }
+          found = emptyContentOf(plugin.sidebarEmpty(pluginHandle), function(result) {
+            return typeof result.titleKey === "string" && result.titleKey !== "" ? t(result.titleKey) : "";
+          });
+        });
+      });
+      return found;
+    }
+    function emptyContentOf(result, titleOf) {
+      if (!result || !result.body || result.body.nodeType !== 1) {
+        return null;
+      }
+      var title = titleOf(result);
+      return { title: typeof title === "string" && title !== "" ? title : t("panel.sidebar_title"), body: result.body };
+    }
+    function settingsNodeAt(target) {
+      var drawer = closest(target, ".ge-tools-drawer", canvas);
+      if (drawer) {
+        var home = drawer.parentElement;
+        var owner = detailsFor.has(home) ? home : children(home).filter(function(each) {
+          return detailsFor.has(each);
+        })[0];
+        if (owner) {
+          return owner;
+        }
+      }
+      for (var node = target; node && node !== canvas; node = node.parentElement) {
+        if (detailsFor.has(node)) {
+          return node;
+        }
+      }
+      return null;
+    }
+    function changeSelection(node) {
+      if (node === selected) {
+        return;
+      }
+      var from = selected;
+      selected = node;
+      renderSidebar();
+      emit("selection-change", { canvas, node, from });
+    }
     function placePopover(panel, gear) {
       if (!attached(gear)) {
         return;
@@ -4659,6 +4925,23 @@
       }
       changeTarget(node);
     }
+    function apiSetSelected(value) {
+      if (panelMode() !== "sidebar") {
+        warnOnceHere("sidebar-api", 'setSelected needs settings_panel "sidebar": without it, it does nothing');
+        return;
+      }
+      if (value === null || value === void 0) {
+        changeSelection(null);
+        return;
+      }
+      var node = nodeFrom(value);
+      if (!node || node === canvas || !canvas.contains(node) || !detailsFor.has(node)) {
+        var named = typeof value === "string" ? value : node ? "<" + node.tagName.toLowerCase() + ">" : String(value);
+        warn("setSelected: " + named + " is not a node of the canvas with settings");
+        return;
+      }
+      changeSelection(node);
+    }
     var own = {
       getHtml,
       getPlainHtml,
@@ -4697,7 +4980,11 @@
       getActiveTarget: function() {
         return settings.active_target ? activeTarget : null;
       },
-      setActiveTarget: apiSetActiveTarget
+      setActiveTarget: apiSetActiveTarget,
+      getSelected: function() {
+        return panelMode() === "sidebar" ? selected : null;
+      },
+      setSelected: apiSetSelected
     };
     Object.keys(own).forEach(function(name) {
       var value = !!(METHODS[name] && METHODS[name].value);
@@ -4748,7 +5035,7 @@
   GridEditor._plainHtml = plainHtml;
   GridEditor.Sortable = null;
   GridEditor.bootstrap = null;
-  GridEditor.version = false ? "dev" : "8.8.2";
+  GridEditor.version = false ? "dev" : "8.9.0";
   GridEditor.locales = {
     en: {
       "tool.move": "Move",
@@ -4781,6 +5068,10 @@
       "panel.title": "{kind} settings",
       "panel.close": "Close",
       "panel.done": "Done",
+      "panel.sidebar_title": "Settings",
+      "panel.sidebar_empty": "Click an element to see its settings",
+      "panel.collapse": "Hide settings",
+      "panel.expand": "Show settings",
       "panel.id": "Id",
       "panel.classes": "Classes",
       "panel.section_general": "Id and classes",