@themarioga/grid-editor 8.0.0 → 8.2.0

package/CHANGELOG.md

@@ -5,6 +5,36 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 
+## [8.2.0] - 2026-09-30
+
+### Added
+- `active_target`: with `true`, a click in a column or a section makes it
+  where the toolbar's buttons add, marked with a dashed outline, instead of
+  the end of the canvas. What a button makes goes where a drop at the
+  target's end would put it: a row into a column as a nested row, a text or
+  a container as it is, a section after the block the target is in. The
+  toolbar's paste button pastes there too. Escape, a click on no column or
+  section, or deleting the target clears it. `getActiveTarget()`,
+  `setActiveTarget(node | selector | null)` and the `grideditor:target-change`
+  event (`callbacks.target_change`). Off by default.
+
+## [8.1.0] - 2026-09-30
+
+### Added
+- `resize.tools`: `false` takes the narrower and wider tools (− +) out of
+  the columns' drawers, leaving the handle on the edge. With
+  `resize.enabled: false`, which takes the handle out, a column is resized
+  with the tools only; the default keeps both.
+- `indent.tools`: `false` takes the indent tools out of the columns'
+  drawers. The offsets the markup has are kept, and `createColumn` still
+  takes one.
+
+### Fixed
+- A shadow in the inline-style plugin's Border and Text sections, turned to
+  text with *Edit as text*, can go back to the builder: *Edit with the
+  builder* (`inline_style.shadow_builder_mode`), when the value is one
+  shadow or none.
+
 ## [8.0.0] - 2026-09-30
 
 The first stable 8.0: what 8.0.0-beta.1 to 8.0.0-beta.3 below brought, and

package/README.md

@@ -174,6 +174,8 @@ has, with the options it was made with, and warns once.
 | `destroy` | — | `this` | Deinit, drop the controls, unbind, forget the instance |
 | `changeView` | `breakpoint` | `this` | `'xs'`…`'xxl'`, or `'all'` to edit every breakpoint at once, with one class |
 | `getView` | — | `String` | The view the editor is in |
+| `getActiveTarget` | — | `Element` | With `active_target`, the column or section the toolbar adds to, or `null` |
+| `setActiveTarget` | `node` | `this` | Make a column or section - an element or a selector - the one the toolbar adds to, or `null` for none |
 | `setLocale` | `code` | `this` | Switch language and re-render the controls |
 | `createRow` | `layout?`, `options?` | `Element` | A row, optionally with columns: `createRow([8, 4])`, `createRow(['auto', 'equal'])`, `createRow({ row_cols: { xs: 1, md: 3 }, columns: 6 })` |
 | `createColumn` | `size`, `options?` | `Element` | An empty column: units, `'equal'` or `'auto'`; no size into a row with row-cols takes the row's share. `options`: `offset`, `content` - a text of the first editor offered, or plain content with none |
@@ -361,6 +363,15 @@ new GridEditor('#myGrid', {
 });
 ```
 
+__`active_target`:__ Whether a click in a column or a section makes it where the toolbar's buttons add. Default `false`, and the toolbar adds at the end of the canvas. With `true`, the column or section clicked last - marked with a dashed outline - gets what a button makes at its end, as if the button had been dropped there: a text or a container goes into a column as it is, and into a section in a row of its own; a row goes into a column as a nested row; a section, which only the canvas takes, goes to the canvas just after the block the target is in. The toolbar's paste button pastes there too. Escape, a click in the canvas on no column or section, or deleting the target clears it, and the toolbar adds at the end of the canvas again; dragging a button still drops it where it is let go.
+
+```javascript
+const ge = new GridEditor('#myGrid', { active_target: true });
+ge.canvas.addEventListener('grideditor:target-change', function(e) {
+    console.log('the toolbar adds to', e.detail.target || 'the end of the canvas');
+});
+```
+
 __`custom_filter`:__ Allows the execution of a custom function before initialization and after de-initialization. Accepts a functions or a function name as string.
 Gives the `canvas` element and `isInit` (true/false) as parameter.
 
@@ -398,6 +409,10 @@ new GridEditor('#myGrid', {
 
 __`valid_col_offsets`:__ The same, for the indent buttons. Default `[0, 1, … 11]`.
 
+__`indent`:__ The indent tools in a column's drawer. `indent: { tools: false }`
+takes them out; the offsets the markup has are kept, and
+`createColumn(size, { offset })` still indents. Default `{ tools: true }`.
+
 __`add_column`:__ What the add column tool in a row's drawer does. A click adds a column of `size`; holding the tool for `delay` milliseconds — with the pointer or with a finger — offers the widths in `valid_col_sizes` instead, marking the ones that no longer fit the row. Defaults:
 
 ```javascript
@@ -464,12 +479,14 @@ new GridEditor('#myGrid', {
 
 __`default_view`:__ The view the editor starts in. Default `'all'`, which writes one class for every breakpoint at once — what a layout that needs no per-device tuning wants.
 
-__`resize`:__ Resizing a column by dragging its edge. Defaults:
+__`resize`:__ Resizing a column: by dragging its edge, and with the
+narrower and wider tools (− +) in its drawer. Defaults:
 
 ```javascript
 new GridEditor('#myGrid', {
     resize: {
-        enabled: true,
+        enabled: true,     // the handle on the edge; false leaves the − + tools only
+        tools: true,       // the − + tools; false leaves the handle only
         handles: 'e',      // 'w' for a right to left page, 'e, w' for both
         balance: 'next',   // the following column absorbs the change; false lets the row wrap
     },